/*
 * Perfect-Timing.biz CSS
 * Author: Doug Van Horn, http://www.maydigital.com/
 *
 * Reference
 * ---------
 * White Text: #ffffff
 * Grey Text: #cccccc
 * Dark Blue: 
 * Light Blue: #333366
 *
 *
 * Table Of Contents
 * -----------------
 * Layout
 *
 */

/* TYPOGRAPHY
 * ------------------------------------------------------------*/
body {
    font-family: Verdana,Arial,sans-serif;
    font-size: .92em;
    color: #ffffff;
    background-color: #333366;
}
ul#menu {
    font-size: 0.85em;
}
a {
    color: #ffffff;
}
a:hover {
    color: #cccccc;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
h2 span {
    font-weight: bold;
}
.strikeout {
    text-decoration: line-through;
}


/* LAYOUT 
 * ------------------------------------------------------------ */
#header {
    width: 100%;
    background-color: #000066;
    color: #ffffff;
}
#header .left {
    float: left;
    width: 30%;
    height: 72px;
    background: url(../img/top_01.gif) no-repeat center left;
}
#header .left h2 {
    padding: 10px 0 0 62px;
    font-size: 1.1em;
}
#header .center {
    float: left;
    width: 40%;
    height: 72px;
    background: url(../img/top_03.gif) no-repeat center center;
}
#header .center h1 span { visibility: hidden; }
#header .right {
    float: right;
    width: 28%;
    height: 72px;
    background: url(../img/top_05.gif) no-repeat center right;
    text-align: right;
}
#header .right h2 {
    padding: 10px 62px 0 0;
    font-size: 1.1em;
}


ul#menu {
    padding: 0.5em 0;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #000000;
    background: #4a5b93 url(../img/blue-gradient-5x30.gif) repeat-x top left;
    text-align: center;
}
ul#menu li {
    display: inline;
    padding: 0 0.75em 0 0.75em;
    border-left: 1px solid #cccccc;
    color: #cccccc;
}
ul#menu li.first {
    border-left: none;
}

table#body {
    width: 100%;
    margin: 1em 0 0 0;
}
table#body td.left {
    width: 125px;
    vertical-align: top;
}
table#body td.left div {
    padding: 230px 10px 0 10px;
    background: url(../img/rolex1.gif) no-repeat top center;
}
table#body td.right {
    width: 125px;
    vertical-align: top;
}
table#body td.right div#search-nav {
    padding: 230px 10px 0 10px;
    background: url(../img/rolex2.gif) no-repeat top center;
}
table#body td.center {
    padding: 0 20px;
    vertical-align: top;
}


/* WIDGETS
 * ------------------------------------------------------------*/
#category-nav ul.categories li {
    padding: 0 0 0.75em 0;
    font-size: 0.75em;
}
#category-nav h2 {
    margin: 0 0 0.5em 0;
    text-align: center;
}
#search-nav form.simple-search {
    text-align: center;
    font-size: 0.85em;
}
#search-nav form.simple-search strong {
    font-size: 1.2em;
}
#search-nav form.simple-search input.text {
    width: 140px;
    margin: 0 0 0.25em 0;
}
#search-nav form.simple-search input.submit {
    font-size: 0.85em;
}
#search-nav p.advanced-search {
    padding: 0.35em 0;
    text-align: center;
    font-size: 0.85em;
}
#search-nav ul.links {
    padding: 1.5em 0 0 0;
}
#search-nav ul.links li {
    margin: 0 0 1em 0;
    width: 100%;
    text-align: center;
}
body#page-404 table#body h1,
body#page-500 table#body h1 {
    margin: 0 0 1em 0;
}
body#page-404 table#body h1 span,
body#page-500 table#body h1 span {
    font-size: 1.2em;
}


table.pagination {
    width: 100%;
}
table.pagination td {
    font-size: 0.7em;
}
table.pagination td.pages {
    text-align: right;
}

hr {
    width: 100%;
    border: 1px solid #ffffff;
}

table.products {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0.5em;
}
table.products td.column {
    width: 50%;
    vertical-align: bottom;
}
table.product-data {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0.5em;
    font-size: 0.7em;
    color: #cccccc;
}
table.product-data td.image {
    width: 38%;
    text-align: center;
    vertical-align: bottom;
}
table.product-data td.description {
    width: 62%;
    vertical-align: bottom;
}
table.product-data td.buy {
    text-align: center;
}
table.product-data td.featured {
    vertical-align: top;
}
table.product-data span.discount-price {
    color: #ff0000;
}
table.product-data span.sold-out {
    font-size: 1.5em;
    font-weight: bold;
}
table.product-data td.sold-out span.price {
    text-decoration: line-through;
}
div.full-product {
    color: #ffffff;
}
    div.full-product form {
        display: block;
    }
    div.full-product div.header {
        border-bottom: 2px solid #ffffff;
    }
    div.full-product div.header h2 {
        font-size: 1.1em;
        margin: 0;
        padding: 0;
    }
    div.full-product div.header h2 a {
        text-decoration: none;
    }
    div.full-product div.header .category {
	   float: left;
	}
	div.full-product div.header .item-code {
	   float: right;
    }
    
    div.full-product div.body {
        margin: 0;
        padding: 1em 0 0 0;
    }
    div.full-product div.body h1.name {
        font-size: 1.3em;
        margin: 0;
        padding: 0;
    }
    div.full-product div.body div.images {
        margin: 0;
        padding: 2em 0 0 0;
        text-align: center;
    }
    div.full-product div.body p.description {
        margin: 0;
        padding: 2em 0 0 0;
    }
    div.full-product div.body div.price-line {
        margin: 0;
        padding: 3em 0 0 0;
    }
    div.full-product div.body div.price-line div.sold-out span.price {
        text-decoration: line-through;
    }
    div.full-product div.price-line div.prices span.sold-out {
        font-weight: bold;
    }
    div.full-product div.price-line div.prices {
        float: left;
    }
    div.full-product div.price-line div.actions {
        float: right;
        text-align: right;
    }
    div.full-product div.price-line div.actions p.p1 {
        font-size: 0.85em;
        padding: 0 7px 0 0;
    }

ul#sortable-products li.item { cursor: move; }

body#page-advanced-search table#body h1 { font-size: 1em; font-weight: normal; margin: 0 0 0.5em 0; padding: 0; color: #ffffff; border-bottom: 2px solid #ffffff; }
body#page-advanced-search table#body h1 span { font-size: 1.5em; }
body#page-advanced-search table#body h1 span.help-text { font-size: 1.0em; }
body#page-advanced-search table#body h2.errors { font-size: 1.17em; font-weight: normal; margin: 0; padding: 0; color: #ff3300; }
body#page-advanced-search table.content {
    width: 100%;
}
body#page-advanced-search table.content td {
    font-size: 0.85em;
}
body#page-advanced-search table.content td.fields {
    width: 50%;
    vertical-align: top;
}
body#page-advanced-search table.content td.fields table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}
body#page-advanced-search table.content td.categories {
    width: 50%;
    vertical-align: top;
}
body#page-advanced-search table.content td.categories table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}
body#page-advanced-search table.content span.help {
    display: block;
    font-style: italic;
}
body#page-advanced-search table.content ul.errorlist { list-style-type: none; margin: 0; padding: 0; }
body#page-advanced-search table.content ul.errorlist li { padding: 0 0 0.25em 0; color: #ff3300; }

body#page-page h1 {
    margin: 0 0 1em 0;
}
body#page-page h1 span {
    font-size: 1.4em;
    font-weight: bold;
}
body#page-page p {
    margin: 0 0 1em 0;
}


body#page-index p.p1 {
    margin: 0 0 1em 0;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}
body#page-index p.p2 {
    margin: 1em 0 1em 0;
    font-size: 1.1em;
    text-align: center;
}
body#page-index h1 span {
    font-weight: bold;
}
body#page-index table.categories {
    width: 100%;
    border: 1px solid #cccccc;
}
body#page-index table.categories td {
    width: 50%;
    padding: 5px;
    text-align: center;
    font-size: 0.92em;
    font-weight: bold;
}

body#page-category-edit h1 {
    margin: 0 0 1em 0;
    font-size: 1.2em;
    font-weight: bold;
}
body#page-category-edit input.button {
    margin: 0 0 1em 0;
    font-size: 0.85em;
}
body#page-category-edit ul#sortable-products {
    margin: 0 0 1em 0;
}
body#page-category-edit ul#sortable-products li span.item-code {
}
body#page-category-edit ul#sortable-products li span.vpi {
    padding: 0 0 0 2em;
}
/* PAGE page-email-friend */

/* PAGE page-product-availability */
body#page-product-availability, body#page-email-friend {}
    body#page-product-availability div.header, body#page-email-friend div.header {
        border-bottom: 2px solid #ffffff;
        margin: 0 0 1em 0;
    }
    body#page-product-availability div.header h2, body#page-email-friend div.header h2 {
        font-size: 1.1em;
        margin: 0;
        padding: 0;
    }
    body#page-product-availability div.header h2 a, body#page-email-friend div.header h2 a {
        text-decoration: none;
    }
    body#page-product-availability div.header .item-code, body#page-email-friend div.header .item-code {
       float: right;
    }
    body#page-product-availability div.header .page-title, body#page-email-friend div.header .page-title {
       float: left;
    }
    body#page-product-availability table.form, body#page-email-friend table.form {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0.75em;
    }
    body#page-product-availability table.form th, body#page-email-friend table.form th {
        padding: 0 1em 0 0;
        font-weight: normal;
        text-align: right;
        vertical-align: top;
    }
    body#page-product-availability ul.user-messages, body#page-email-friend ul.user-messages {
        margin: 0 0 1em 0;
        padding: 0.5em;
        font-weight: bold;
        color: #333;
        background-color: #fff;
    }


ul#news {
    margin: 0 auto;
    height: 2.5em;
}
ul#news li {
    text-align: center;
    display: none;
}

#footer {
    clear: both;
    margin: 2em 0 0 0;
    padding: 1em 0 0 0;
}
#footer .footer-text p {
    padding: 0.35em 10px;
    border-top: 1px dashed #ffffff;
    font-size: 0.75em;
    text-align: center;
}
#footer p.copyright {
    border-top: 1px solid black;
    padding: 0.35em 0;
    min-height: 30px;
    background: #4a5b93 url(../img/blue-gradient-5x30.gif) repeat-x top left;
    font-size: 0.85em;
    text-align: center;
}
#footer p.reciprocal {
    padding: 0.35em;
    background-color: #4a5b93;
    text-align: center;
}


/*
 * GOOGLE CUSTOM SEARCH ENGINE
 * -------------------------------------------------------------------------- */
div.google-cse {}



/*
 * Clearfix Hack
 */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */