/*remove this line from production! */
@import "cake_debug.css";

@import "cart.css";

/* neuter tags */
html, body, p, label, h1, h2, h3, h4, h5  {
  padding: 0;
  margin: 0;
}
/*IE6 hacks*/
* html
{
  overflow: auto;
}
* html, * html body {
  padding: 0;
  margin: 0;
  border: 0;
}
/* \*/
* html .gainlayout {
    height: 1%;
}
/* */

body {
    font-family:Verdana, Arial, sans-serif;
    font-size:14px;
}
a img {
    border: none;
}
a {
    color:#6699cc;
}

/*Primary Container (body's only direct descendant) */
#container {
    width:850px;
    margin:10px auto;
    border:1px solid #172286;
}
#top {
    width:850px;
    height:85px;
    text-align:center;
    padding-top:15px;
    position:relative;
}
#navigation {
    width:850px;
}
#navigation a {
    display:block;
    width:140px;
    padding:10px 0;
    float:left;
    text-align:center;
    text-decoration:none;
    color:#999999;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
}
#navigation a:hover {
    background-color:#CADDEC;
    color:#0060A9;
}
#image_bar {
    width:850px;
    height:8px;
}
#cartLink {
    position:absolute;
    top:5px;
    right:10px;
    font-size:11px;
}
#cartLink a {
    color:#6699cc;
}
/*------------------------------------------------------------------------------
    Main Content Container
*/
#content {
    margin-top:5px;
}
#base {
    background-color:white;
}
#base img {
    padding:8px 10px;
}
#footer {
    text-align:center;
    font-size:10px;
    color:#999999;
    margin:10px 0 20px 0;
}

/*------------------------------------------------------------------------------
    Home
*/
#rotator {
    height:355px;
}
.imgRotate {
    position:absolute;
    top:0;
    left:0;
}

/*------------------------------------------------------------------------------
    Customer Service
*/
#customer_service {
    float:right;
    width:600px;
    padding-right:40px;
}
h2.cs {
    padding-left:215px;
    padding-top:10px;
}
#customer_service h4 {
    font-size:1.2em;
    border-top:4px solid #6699CC;
    margin:4em 0 1em 0;
}
.cs_top {
    display:block;
    font-size:10px;
    font-weight:normal;
    float:right;
}
#cs_menu {
    float:left;
    width:200px;
    font-size:12px;
}
#customer_service p {
    margin:1em 0;
}
#customer_service table {
}
#customer_service th,
#customer_service td {
    padding:3px 6px;
}
#customer_service th {
    background-color:#EBF5FF;
    color:black;
}
#customer_service td {
    border-bottom:1px solid #9eb5cc;
}
#customer_service td.first {
    font-weight:bold;
    width:190px;
}


/*------------------------------------------------------------------------------
    Product Listing
*/

#products {
    border-bottom:1px solid #172286;
    padding:;
}
.blue_header {
    background-color:#5997C7;
    padding: 8px 0;
}
.blue_header h3 {
    font-style:italic;
    font-size:18px;
    font-weight:normal;
    color:white;
    padding-left:25px;
}
.product {
    float:left;
    width:212px;
    height:320px;
    text-align:center;
}
.product p {
    font-size:11px;
    font-weight:bold;
    font-family:sans-serif;
    color:#5997C7;
    line-height:160%;
}
.product p a {
    color:#666666;
}

/*------------------------------------------------------------------------------
    Product Detail
*/
#product {
    background-repeat:no-repeat;
    background-position:right center;
    min-height:310px;
    _height:310px;
    border-bottom:1px solid #172286;
}
#product .back {
    font-size:10px;
    position:relative;
    left:-20px;
    padding-bottom:10px;
}
#product .back a {
    color:#006699;
}
#product .details {
    padding:0 15px 0 25px;
    color:#555555;
    border-right:1px solid #172286;
    font-size:10px;
    width:330px;
    _height:310px;
    position:relative;
}
#product h2 {
    font-size:14px;
}
#product .sku {
    font-style:italic;
    padding-bottom:10px;
}
#product .details .personalizable {
    padding-bottom:10px;
}
#product .description {
}
#product .price {
    color:#006699;
    font-size:14px;
    font-weight:bold;
    padding:5px 0;
}
#product select,
#product option,
#product input {
    font-size:11px;
}

#mini_cart {
    width:330px;
}
#mini_cart .quantity input {
    width:30px;
}
#mini_cart label {
    display:block;
    font-weight:bold;
    width:120px;
}
#add_to_cart {
    position:absolute;
    bottom:10px;
    right:10px;
}

/*
  Flash Message Containers
    (all of these divs should have a global class=message)
*/
.message {
    font-weight:bold;
}
#cart-message {
    padding-bottom:10px;
}
#cart-message span {
    font-weight:normal;
}
/*Default flash*/
#flash_message {
    font-size:16px;
    text-align:center;
    color:red;
    border:2px solid #FFD700;
    background-color:#f8f8f8;
}

#promocart .left,
#promocart .right {
    width:420px;
    float:left;
}
#promocart .left h2,
#promocart .right h2 {
    text-align:center;
}
#promocart .left .price,
#promocart .right .price {
    color:#006699;
    font-size:14px;
    font-weight:bold;
}
#promocart .right .property,
#promocart .right .quantity,
#promocart .right .price  {
    padding-left:50px;
}
#promocart .left .property,
#promocart .left .quantity,
#promocart .left .price  {
    padding-left:67px;
}
#promocart label {
    display:block;
    font-weight:bold;
    width:120px;
}
#promocart .input {
    padding:20px;
    text-align:center;
}

/*------------------------------------------------------------------------------
    About Personalization
*/
#about_personalization {
    padding:10px;
    line-height:140%;
    font-size:90%;
}
#about_personalization .close {
    float:right;
    cursor:pointer;
}
#about_personalization h2,
#about_personalization h4 {
    border-bottom:2px solid #444444;
    padding-bottom:0.15em;
}
#about_personalization .body {
    padding:0 25px 0 50px;
}
#about_personalization .legend img {
    vertical-align:middle;
    margin-right:5px;
}
#about_personalization .note strong {
    color:red;
}
#about_personalization .contact {
    border-top:2px solid #444444;
    font-size:90%;
}