/* CSS Document */

h1 { margin: 0; padding: 0; }

.hide { display: none; }        /* Hide stuff from compliant browsers (eg information headers which are presented graphically) */
#container {
        position: relative;
        width: 831px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        /*JPS-NEW - need below to ensure that menus in IE will display over bodyMain */
        z-index:11;
}

#body-pop h2 { margin: 0; padding: 0 10px 0 10px; }
#body-pop p { padding: 0 10px 10px 10px; }

/* FOOTNOTES AND ALTS ------------------------------------------------------------------------------------------------*/
.contentFootnotes {
        position : absolute;
        left : -1000em;
        width : 900em;
        }

/* CONTENT ==============================================================================================================*/
#bodyMain {
        border: 1px solid #3F70BD;
        border-top: 0;
        border-bottom: 0;
        background-color: #FFFFFF;
        position: relative;
        width: 829px;
        margin-right: auto;
        margin-left: auto;
} 

#bodyMain2 {
        position: relative;
        border: 1px solid #3F70BD;
        border-top: 0;
        border-bottom: 1px solid #FFF;
        background-color: #FFFFFF;
        width: 829px;
        margin-right: auto;
        margin-left: auto;
} 
#bodyMain2 h2 { margin: 0; padding: 6px 10px 0 10px; }

#bodyMain2 p { padding: 0 10px 10px 10px; width: 500px; }

#bodyMain2 ul{
    margin: -15px 0 0 15px;
        padding: 0;
        list-style-type: none;}

* html #bodyMain2 li { margin-top: -5px;} /* IE has this bizarre habit of putting immovable spacing between li tags */
#bodyMain2 a {        text-decoration: none; }

#bodyMain2 h3{
    color:#F80BCE;
        padding: 0 10px 10px 15px;
}

#bodyMain3 {
        position: relative;
        border: 1px solid #3F70BD;
        border-top: 0;
        border-bottom: 0;
        position: relative;
        border: 1px solid #3F70BD;
        border-top: 0;
        border-bottom: 1px solid #FFF;
        background-color: #FFFFFF;
        width: 829px;
        margin-right: auto;
        margin-left: auto;
}

/* SUMMARY & DETAIL ======================================================================================================*/
#summaryContent {
        position: relative;
        margin-left: 150px;
        border-left: 1px dashed #CAD7EC;
        border-bottom: 1px solid #FFF;
        padding: 10px 10px;
        background-color: #FFF;
}
#summaryContent h2 { margin: 0 0 1em 0; }
#pSummary td { width: 130px; padding-bottom: 10px; vertical-align: top; }
#pSummary p { margin: 0; width: 100px; text-align: center; }
#pSummary img {
        border: 1px dashed #CAD7EC;
        margin-bottom: 3px;
        margin-right:10px;
        height: 89px;
        width: 89px;
}

/* SEARCH RETURN PAGE ======================================================================================================*/
#SearchSummaryContent {
        position: relative;
        margin-left: 0;
        border-bottom: 1px solid #FFF;
        padding: 25px 10px;
        background-color: #FFF;
        text-align: center;
}
#SearchSummaryContent h2 { margin: -0.8em 0 1em 0; text-align:left; }
#searchTitle { width: 400px; }
#sSummary td { width: 120px; padding-bottom: 10px; vertical-align: top; }
#sSummary p { margin: 0; width: 90px; text-align: center; }
#sSummary img { border: 1px dashed #CAD7EC; margin-bottom: 3px;}

/* NULL SEARCH RETURN PAGE ======================================================================================================*/
#NullSearchContent {
        position: relative;
        margin-left: 0;
        border-bottom: 1px solid #FFF;
        padding: 25px 10px;
        background-color: #FFF;
        text-align: center;
}
#NullSearchContent h2 { margin: -0.8em 0 1em 0; text-align:left; }
#NullSearchContent p { margin: 0; text-align: left; }
#NullSearchContent ul { margin: 0; padding: 20px; text-align: left; }
#NullSearchContent li { margin: 0; text-align: left; list-style-type:circle; }
#NullSearchContent h4 { margin: -0.8em 0 1em 0; text-align:left; }

/* ADVANCED SEARCH PAGE ======================================================================================================*/
#AdvancedSearchContent {
        position: relative;
        margin-left: 0;
        border-bottom: 1px solid #FFF;
        padding: 25px 10px;
        background-color: #F1F4FB;
        text-align: center;
}
#AdvancedSearchContent h2 { margin: -0.8em 0 1em 0; text-align:left; }
#AdvancedSearchContent p { margin: 0; text-align: left; }
#AdvancedSearchContent h4 { margin: -0.8em 0 1em 0; text-align:left; }
#AdvancedSearchContent form {position: relative; left: 0; text-align:left;}
#AdvancedSearchContent label {position: relative; left:0 ; text-align:left;}
/*
.secCol {margin-left: 209px;}
#secColSpace {margin-left:39px;}
#secColSpace2 {margin-left:22px;}
#secColSpace3 {margin-left:22px;}
#secColSpace4 {margin-left:16px;}
.secColSpace5 {margin-left:35px;}
#secColSpace6 {margin-left:212px;}
*/

table.searchChecks { font-weight: bold; width: 200px; }
table.searchChecks td { white-space: nowrap; }
table.searchChecks .tCheckbox { text-align: right; padding-left: 50px; }
/* INFORMATION PAGE ======================================================================================================*/
#information {
        position: absolute;
        top: 5px;
        right: 5px;
        border-bottom: 1px solid #FFF;
        padding: 10px;
        background-color: #FFF;
}

#information img { border: 1px dashed #CAD7EC; margin-bottom: 3px;}

#accessibilityContent{
    position: relative;
    top:-25px;
        padding:0;
        border-bottom: 1px solid #FFF;
}

#accessibilityContent p { width: 650px; margin-top:-5px;}

#accessibilityContent h3 {
    color:#F80BCE;
        padding: 20px 10px 10px 10px;
}

#accessKeys {
    position: relative;
}

#accessKeys #col1 {
        width: 200px;
        padding-bottom: 20px;        
}

* html #accessKeys #col1 li {margin-top: 0px;}/* IE has this bizarre habit of putting immovable spacing between li tags */

#accessKeys #col2 {
    position: absolute;
        top: 15px;
        left: 350px;
        width: 200px;        
}
* html #accessKeys #col2 li {margin-top: 0px;}/* IE has this bizarre habit of putting immovable spacing between li tags */

/* BASKET PAGE ======================================================================================================*/
p#cartSuccess, p#cartError {
        position: relative;
        padding: 10px; 
        margin: 10px 10px 10px 7px;
        background-color: #F1F4FB; 
        border: 1px solid #CAD7EC;
        width: 475px;
}
*html p#cartSuccess, *html p#cartError { margin-left: 17px }
p#cartError {
        color: #F80BCE; 
        border: 1px solid #F80BCE; 
        background-color: #F8E5F5;
}

form, fieldset { position: relative; margin: 0; padding: 0; border:0; }
label {font-size: 0.7em; color: #3C6BB3; font-family: Verdana, Geneva, sans-serif; font-weight: bold;}

/* right hand div with policies --------------------------------------------------------------------------*/

#policyNav {
        position: absolute;
        top: 38px;
        right: 5px;
        border-bottom: 1px solid #FFF;
        padding: 10px;
        background-color: #FFF;
        width: 290px;
}

* html #policyNav{ top: 39px;}

#policyNav p { margin: 0; width: 90px; text-align: right; }

#policyNav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
* html #policyNav li { margin-top: -5px;} /* IE has this bizarre habit of putting immovable spacing between li tags */
#policyNav a {        text-decoration: underline; }

/* top table with products in --------------------------------------------------------------------------*/

.cartContents table{
        margin-left: 6px;
        margin-top: 6px;
        width: 814px;
        background-color:#ffffff;
}

* html .cartContents table{ margin-top: 2px; margin-left: 17px; }
 
.cartContents th {
        background-color:#6990CD;
        padding: 5px;
}
.cartContents  td  .product a {
        color: #F80BCE;
}
.cartContents .product h4 {
        color: #FF3399;
}

.cartContents td {
        padding-bottom: 10px;
        padding: 5px;
        background-color:#F1F4FB;
        text-align: left;
        border: 1px solid #CAD7EC;
}
.cartContents02 table{
        margin-left: 6px;
        margin-top: 6px;
        width: 640px;
        background-color:#ffffff;
}

* html .cartContents table{ margin-top: 2px; margin-left: 17px; }
 
.cartContents02 th {
        background-color:#6990CD;
        padding: 5px;
}
.cartContents02  td  .product a {
        color: #F80BCE;
}
.cartContents02 .product h4 {
        color: #FF3399;
}

.cartContents02 td {
        padding-bottom: 10px;
        padding: 5px;
        background-color:#F1F4FB;
        text-align: left;
        border: 1px solid #CAD7EC;
}
#cartAvailability {
        color: #3C6BB3;
        vertical-align: top;
        text-align: right;
        background-color:#fff;
        font-weight: bold;
        margin-top: 3px;
        margin-bottom: 3px;
        padding-top: 3px;
        padding-right: 0px;
        padding-bottom: 3px;
        padding-left: 3px;
}
#cartWhitebg { background-color:#fff; border: 1px solid #CAD7EC; text-align: left; font-weight: normal; color:#F80BCE;}

.titlebar-text{
  color: #fff; 
  text-align:left;
  vertical-align: top; 
}

/* table with free gifts --------------------------------------------------------------------------*/

.freeGifts { position: relative; }
.freeGifts table{
        margin-left: 315px;
        margin-top: 5px;
        width: 500px;
        background-color:#fff;
}

* html .freeGifts table{ /* margin-top: 50px; */margin-left: 17px; }
 
.freeGifts th { background-color: #F80BCE; padding: 5px;}
.freeGifts td { background-color:#F9DFF4; padding-bottom: 10px; padding: 5px; text-align: center; border: 1px solid #F9DFF4; color: #F80BCE;}
#giftAvailability { color: #3C6BB3; vertical-align: top; text-align: right; background-color:#fff; border: 1px solid #F9DFF4; font-weight: bold;}
{padding-bottom: 10px; padding: 5px; text-align: center; border: 1px solid #F9DFF4; color: #F80BCE; background-color:#F9DFF4;}

#giftWhitebg { background-color:#fff; border: 1px solid #F9DFF4; text-align: left; font-weight: normal; color:#F80BCE;}

/* giftwrap options - checkout  --------------------------------------------------------------------------*/

#giftSelectBg { background-color:#fff; border: 1px solid #CAD7EC; text-align: left; font-weight: bold; color:#3C6BB3;}
#giftOpts { background-color:#fff; border: 1px solid #F9DFF4; text-align: left; font-weight: bold; color:#3C6BB3;}
#gifWrap {background-color:#fff; border: 1px solid #CAD7EC; text-align: left; font-weight: bold; color:#3C6BB3;}

.giftThums, .giftThumsSelected {
        background-color:#F1F4FB;
        float: left;
        width: 70px;
        height: 96px;
        border: 1px solid #CAD7EC;
        margin: 2px;
        padding: 2px;
        text-align: center;
        font-size: 0.83em;
}
#giftThums {
        /* changing as no longer contain images */
        height: 72px;
}
#giftThums2 {
        height: 48px;
}
.giftThums img, .giftThumsSelected img {border: 1px dashed #CAD7EC; margin-top: 2px;}
.giftThumsSelected { background-color:#F9DFF4; }

#giftThumsTitle {
        font-weight:bold;
        font-size:11px;
        height:8px;
}
#giftThumsPrice {
        font-weight:normal;
}
.titlebar-text2{
  color: #fff; 
  text-align:left;
  vertical-align: top;
}
.cartContents .basketMessage textarea {
        width: 300px;
        height: 5em;
        margin-left: 6px;
        margin-top: 6px;
}

.addBasketButton {background-color:#fff;}
.addBasketButton a{ color:#F80BCE; text-decoration: none;}
.addBasketButton a:hover{ color: #698FCD; text-decoration: none;}

.ContinueShopGift {background-color:#F9DFF4;}
.ContinueShopGift a { color:#F80BCE; text-decoration: none;}
.ContinueShopGift a:hover { color: #698FCD; text-decoration: none;}

.lowSpend td{background-color:#fff; padding-bottom: 10px; padding: 5px; text-align: center; border: 1px solid #F9DFF4; color: #F80BCE;}
.freeGiftBasket td {border: 1px solid #CAD7EC; color: #F80BCE; background-color:#F9DFF4;}


/* payment cards accepted  --------------------------------------------------------------------------*/

#info{
        position: relative;
        width: 554px;
        min-height: 105px;
        margin-top: 1px;
        margin-right: 0px;
        margin-bottom: 0;
        margin-left: 265px;
}

* html #info { margin-left: 18px; } /* to sort out IE paddings and margins  */
#info p { font-size: 0.7em; color: #3C6BB3; padding: 0 0 0 1px; }
* html #info p {margin-top: -1px; padding: 5px 0 0 1px;}/* to sort out IE paddings and margins lots of messing about! */
* html #info img {
        margin-top: -15px;
        margin-bottom: 5px;}
                
#info02{
        position: relative;
        width: 550px;
        min-height: 105px;
        margin-top: 1px;
        margin-right: 0px;
        margin-bottom: 0;
        margin-left: 260px;
}

* html #info02 { margin-left: 18px; } /* to sort out IE paddings and margins  */
#info02 p { font-size: 0.7em; color: #3C6BB3; padding: 0 0 0 1px; }
* html #info02 p {margin-top: -1px; padding: 5px 0 0 1px;}/* to sort out IE paddings and margins lots of messing about! */
* html #info02 img {
        margin-top: -15px;
        margin-bottom: 5px;
                
} /* to sort out IE paddings and margins  */

#ccards {
        position: absolute;
        top: 1px;
        left: 0;
}
#ccards p { position: relative; }
#ccards p#allowPopups { padding-left: 20px; margin-top: 5px; }
* html #ccards p#allowPopups { margin-top: -5px; }


/* right hand table with subtotals & totals - pushes down with content  --------------------------------------------------------------------------*/
#total {
        position: relative;
        margin-left: 170px;
}

#total table {
        width: 385px;
        margin: 0;
}
#total th { background-color: #698FCD; padding: 5px; }
#total td { 
        padding: 5px; 
        background-color:#F1F4FB; 
        text-align: right; 
        border: 1px solid #CAD7EC; 
        color: #3C6BB3;
}
#total02 {
        position: relative;
        margin-left: 0px;
}

#total02 table {
        width: 387px;
        margin: 0;
}
#total02 th { background-color: #698FCD; padding: 5px; }
#total02 td { 
        padding: 5px; 
        background-color:#F1F4FB; 
        text-align: right; 
        border: 1px solid #CAD7EC; 
        color: #3C6BB3;
}
.cartButtons {
        position: relative;
        padding-bottom: 30px;
        margin-top: 15px;
        margin-right: 0px;
        margin-bottom: 15;
        margin-left: 243px;
}
* html .cartButtons { margin: 0 0 0 3px; }
.cartButtons ul {  margin: 0; padding:0;}
.cartButtons ul li {  margin:0; padding:0; list-style-type: none; display:inline; text-align: center;  }
.cartButtons li a {
    margin:0;
        display: block;
        float: left;
        padding: 6px 24px;
        color: #FFF;
        border-right: 1px solid #fff; 
        text-decoration: none;
        background-color:#698FCD;
}
.cartButtons li a.last { border-right: 0; background-color:#F80BCE;}
.cartButtons li a.last a:visited{ border-right: 0; background-color:#F80BCE;}
.cartButtons li a.last a:hover{ border-right: 0; background-color:#F80BCE;}
.cartButtons li input.last { 
    margin:0;
        display: block;
        float: left;
        padding: 5px 21px;
        color: #FFF;
        border-right: 1px solid #fff; 
        text-decoration: none;
        background-color:#F80BCE;
        border-right: 0; 
        border: 0;
        font-size: 1em;
        font-weight: bold;
}
* html .cartButtons li input.last { padding: 5px 7px; } 
.cartButtons li a:hover.last { border-right: 0; }  
.cartButtons li a:hover { background-color: #F80BCE; color:#fff;}

.cartButtons li input#suConfirm {
        width:180px;
}

/* ORDER REVIEW ======================================================================================================*/

/* cartContents fieldset
   cartContents form
   PolicyNav
   cartContents 
   ccards display
   payment cards
   right hand table with subtotals & totals: CSS IN BASKET CODE ABOVE ----------------------------------------------------------------*/


/* buttons below tables  --------------------------------------------------------------------------*/
#cartButtons2 {
        position: relative;
        padding: 0px;
        width: 555px;
        margin-top: 8px;
}

* html #cartButtons2 { margin-left:0px; }

#cartButtons2 ul {        
        list-style-type: none;
        margin: 0;
        padding: 5px;
        background-color:#698FCD;        
}
#cartButtons2 li { display: inline; }
#cartButtons2 li a {
        padding: 5px 17px;
        border-right: 1px solid #FFF;
        color: #FFF;
        text-decoration: none;
        text-align: center;
}
#cartButtons2 li a.last {
        border-right: 0;
        background-color: #F80BCE;
} 
#cartButtons2 li a:hover { color: #F0F4FA; }
#cartButtons2 li input.last {
        margin:0;
        padding: 0;
        color: #FFF;
        border-right: 1px solid #fff;
        text-decoration: none;
        background-color:#F80BCE;
        border-right: 0;
        border: 0;
        font-size: 1em;
        font-weight: bold;
        width: 180px;
}
* html .cartButtons2 li input.last {
        padding: 0px;
} 
#cartButtons2  li #payment {
        width: 180px;
        text-align: center;
}


#giftwrap {
    position: relative;
        padding: 2px 0;
        width: 496px;
        margin-top: -2px;
        margin-left:-1px;
        border: 1px solid #CAD7EC;
        height: 25px;
        }
* html #giftwrap { margin-top: -2px; margin-left:0; width: 496px;}

#giftwrap label{
    font-size: 0.7em;  color: #3C6BB3; padding: 4px;
}

#giftCode {
        position: relative;
        width: 565px;
        border: 1px solid #CAD7EC;
        margin-top: 5px;
        margin-right: 0px;
        margin-bottom: 7px;
        margin-left: 252px;
        padding-top: 6px;
        padding-right: 0;
        padding-bottom: 6px;
        padding-left: 0;
}
* html #giftCode { margin-left: 18px; }
#giftCode label{
    font-size: 0.7em;  color: #3C6BB3; padding: 4px;
}
#giftCode input {
        position: absolute;
        left: 425px;
}

#giftCodeButton { position: relative; left: 20px; top: 0; width: 110px; }
* html #giftCodeButton { position: relative; left: 15px; top: 0; } /* to sort out IE positioning  */


#addressDisplay {
        position: relative;
        padding: 0;
        width: 553px;
        margin-top: 5px;
        margin-left:-1px;
        border: 1px solid #CAD7EC;
        }
* html #addressDisplay { margin-left:0;  width: 553px;}
#addressDisplay h3 {
        position: relative;
        top: -6px; /* to sort out firefox misplacement!  --------------------------------------------------------------------------*/
        padding-left: 10px;
        color: #F80BCE;
        padding-top: 10px;
}
* html #addressDisplay h3 { padding: 4px 8px; top: 0;} /* to sort out IE paddings and margins  */

#addressDisplay ul{
    position: relative;
        top: -8px; 
    list-style-type: none;
        line-height: 1.3em;
        height: 70px
}

* html #addressDisplay ul { padding-left: 0; line-height: 1.6em; top: 2px;}


#addressDisplay02 {
        position: relative;
        padding: 0;
        width: 384px;
        margin-top: 5px;
        margin-left:1px;
        border: 1px solid #CAD7EC;
        }
* html #addressDisplay02 { margin-left:0;  width: 384px;}
#addressDisplay02 h3 {
        position: relative;
        top: -6px; /* to sort out firefox misplacement!  --------------------------------------------------------------------------*/
        padding-left: 10px;
        color: #F80BCE;
        padding-top: 10px;
}
* html #addressDisplay h3 { padding: 4px 8px; top: 0;} /* to sort out IE paddings and margins  */

#addressDisplay02 ul{
    position: relative;
        top: -8px; 
    list-style-type: none;
        line-height: 1.3em;
        height: 70px
}

* html #addressDisplay02 ul { padding-left: 0; line-height: 1.6em; top: 2px;}



#addressDisplayButton {
        position: relative;
        left: 425px;
        top: -15px;
        font-size: 0.7em;
        border: 1px solid;
        display: block;
        padding: 3px 0;
        width: 10em;
        text-align: center;
        background-color: #CAD7EC;
}
* html #addressDisplayButton { left: 365px; } /* to sort out IE positioning  */

#paymentMethod {
    position: relative;
        padding: 2px 0;
        width: 496px;
        margin-top: 1px;
        margin-left:-1px;
        border: 1px solid #CAD7EC;
        }
* html #paymentMethod { margin-top: 1px; margin-left:0; width: 496px;} /* to sort out IE positioning  */

#paymentMethod p { margin: 0;  text-align: left; padding: 10px; line-height: 1.3em; width: 450px; }
*html #paymentMethod p { line-height: 1.4em; } /* to sort out IE positioning  */

#paymentMethodButton { position: relative; left: 85px; top: 0;}

* html #paymentMethodButton { left: 66px; top: 3px;} /* to sort out IE positioning  */

#transactionInfo {
        position: relative;
        padding: 2px;
        margin-top: 5px;
        border: 1px solid #CAD7EC;
        }
* html #transactionInfo { margin-left:0; } /* to sort out IE positioning  */

#transactionInfo p { text-align: left; margin: 10px 0; padding: 0 10px; line-height: 1.3em; width: 450px; }
* html #transactionInfo p { padding: 2px 10px; line-height: 1.3em; } /* to sort out IE positioning  */

/* YOUR DETAILS PAGE ======================================================================================================*/

.yourDetails form, .yourDetails fieldset { margin: 0; padding: 0; }
*html .yourDetails form, .yourDetails fieldset { margin: 0; padding: 0;}

#customerAddress {
    position: relative;
        margin-left: 17px;
        width: 465px;
        padding: 15px;
        background-color:#F1F4FB;
        border: 1px solid #CAD7EC;                             
}
* html #customerAddress { width: 435px; }


#customerAddress label {
    font-size: 1em;  
    color: #3C6BB3;
}

#customerAddress p { position: relative; margin: 10px 0; padding: 0; width: 450px; }

#customerAddress p.checkbox { padding-left: 20px; }
#customerAddress p.checkbox input {
        position: absolute;
        left: -5px;
        top: -3px;
}

#customerAddress p#howInfoWrapper { margin-top: 35px; }
#customerAddress p#cbDelAddress, #submitAddress { margin-top: 25px; }

#customerAddress p#cbDelAddress { font-weight: bold; margin: 40px 0; }
#customerAddress input {
        background-color: #FFFF99;
}


#delAddress { margin: 25px 0; }
input.delivery {
    position:absolute;
        top: 0;
        left: 180px; 
}
.reqMark {
    position:absolute;
        top: 0;
        left: 320px;
}

*html #submitAddress{ width: 150px;} /* to sort out strange ignorance of button width in ie*/

/* YOUR PAYMENT PAGE ======================================================================================================*/

.paymentDetails form, .paymentDetails fieldset { margin: 0; padding: 0; }
*html .paymentDetails form, .paymentDetails fieldset { margin: 0; padding: 0;}

#customerPayment {
    position: relative;
        top: 0;
        left: 20px;
        height: 230px;
        width: 470px;
        padding: 15px;
        background-color:#F1F4FB;
        border: 1px solid #CAD7EC;                             
}

*html #customerPayment {top: 100px; left: 20px;}

#customerPayment label {
    font-size: 0.7em;  
    color: #3C6BB3;
}

#nameLabel {
    position:absolute;
        top: 20px;
        left: 30px;
}

#name {
    position:absolute;
        top: 16px;
        left: 180px;
}

#nameMark{
    position:absolute;
        top: 15px;
        left: 320px;
        width: 180px;
}

#ccardTypeLabel {
    position:absolute;
        top: 50px;
        left: 30px;
}

#ccardType {
    position:absolute;
        top: 46px;
        left: 180px;
        width: 135px;
}

#ccardTypeMark{
    position:absolute;
        top: 45px;
        left: 320px;
}

#ccardNumberLabel {
    position:absolute;
        top: 80px;
        left: 30px;
}

#ccardNumber {
    position:absolute;
        top: 76px;
        left: 180px;
}

#ccardNumberMark{
    position:absolute;
        top: 75px;
        left: 320px;
}

#expiryMonthLabel {
    position:absolute;
        top: 110px;
        left: 30px;
}

#expiryMonth {
    position:absolute;
        top: 106px;
        left: 130px;
        width: 40px;
}

#expiryMonthMark {   
    position:absolute;
        top: 105px;
        left: 320px;
}

#expiryYearLabel {
    position:absolute;
        top: 110px;
        left: 183px;
}

#expiryYear {
    position:absolute;
        top: 106px;
        left: 275px;
        width: 40px;
}

#expiryYearMark {   
    position:absolute;
        top: 105px;
        left: 174px;
}

#issueDateLabel {
    position:absolute;
        top: 140px;
        left: 30px;
}

#issueDate {
    position:absolute;
        top: 136px;
        left: 180px;
}

#issueDateMark {   
    position:absolute;
        top: 135px;
        left: 320px;
}


#submitPayment{
    position:absolute;
        top: 230px;
        left: 212px;    
}

*html #submitPayment{ width: 100px; left: 215px; } /* to sort out strange ignorance of button width in ie*/


/* CATEGORY PAGE ======================================================================================================*/
#category {
        position: relative;
        margin-left: 135px;
        border-bottom: 1px solid #FFF;
        padding: 10px 10px;
        background-color: #FFF;
}

#category img { border: 1px dashed #CAD7EC; margin-bottom: 3px;}

#categorySecNav {
        position: absolute;
        left: 10px;
        top: 45px;
        width: 110px;
} * html #categorySecNav { left: 0px; } /* another IE rendering bug - it positions the layer inside #summaryContent instead of #bodyMain */
/* I've left this in because we may want to use it afterall
#categorySecNav h2 { 
        margin: 0 0 1em 0;
        font-size: 0.8em; 
        color: #F80BCE; 
        width: 109px;
        height: 17px;
        background: url(../images/content/section-nav-girlswear.gif) no-repeat
} */
#categorySecNav h2 { margin: 0 0 1em 0; }
#categorySecNav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
* html #categorySecNav li { margin-top: -5px; } /* IE has this bizarre habit of putting immovable spacing between li tags */
#categorySecNav a {        text-decoration: none; }

#categorySecNav #sitemapLink { margin-top: 2.5em; }
#categorySecNav #az { display: block; margin-top: 1em; }

/* CUSTOMER SERVICE PAGE ======================================================================================================*/
#customerServ {
        position: relative;
        margin-left: 470px;
        
        border-bottom: 1px solid #FFF;
        padding: 10px 10px;
        background-color: #FFF;
}

#customerServ img { border: 1px dashed #CAD7EC; margin-bottom: 3px; }

#customerServNav {
        position: absolute;
        left: 10px;
        top: 45px;
        width: 140px;
} * html #customerServNav { left: 0px; } /* another IE rendering bug - it positions the layer inside #summaryContent instead of #bodyMain */
/* I've left this in because we may want to use it afterall
#categorySecNav h2 { 
        margin: 0 0 1em 0;
        font-size: 0.8em; 
        color: #F80BCE; 
        width: 109px;
        height: 17px;
        background: url(../images/content/section-nav-girlswear.gif) no-repeat
} */
#customerServNav h2 { margin: 0 0 1em 0; }
#customerServNav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
* html #customerServNav li { margin-top: -5px; } /* IE has this bizarre habit of putting immovable spacing between li tags */
#customerServNav a {        text-decoration: none; }

#customerServNav #sitemapLink { margin-top: 2.5em; }
#customerServNav #az { display: block; margin-top: 1em; }

#center-text{
    position: absolute;
        left: 160px;
        top: 45px;
        width: 260px;
}

* html #center-text{ left: 150px;}

#center-text p { margin: 0; width: 230px; text-align: left; }

/* CONTACT US PAGE ======================================================================================================*/
.contact form, .contact fieldset { margin: 0; padding: 0; }

.contact h3 {
    color:#F80BCE;
        padding: 0 10px 10px 15px;
}

#contactUs {
        position: relative;
        margin-left: 380px;
        border-bottom: 1px solid #FFF;
        padding: 10px 10px;
        background-color: #FFF;
}

#contactUs img { border: 1px dashed #CAD7EC; margin-bottom: 3px; }

#left-text{
    position: absolute;
        left: 0px;
        top: 45px;
        width: 340px;
}

#left-text p { margin: 0; padding-left: 12px; width: 340px; text-align: left; }
* html #left-text p { padding: 0; }

.contact h3 { margin: 0; padding: 0; margin-left: -4px;}
#contactForm {
    position: relative;
        top: 0;
        left: 12px;
        height: 170px;
        width: 770px;
        padding: 15px;
        background-color:#F1F4FB;
        border: 1px solid #CAD7EC;                             
}

#contactForm label {
    font-size: 0.7em;  
    color: #3C6BB3;
}

#contactFirstNameLabel {
    position:absolute;
        top: 20px;
        left: 30px;
}

#contactFirstName {
    position:absolute;
        top: 16px;
        left: 180px;
}

#contactFirstNameMark{
    position:absolute;
        top: 15px;
        left: 320px;
}

#contactLastNameLabel {
    position:absolute;
        top: 50px;
        left: 30px;
}

#contactLastName {
    position:absolute;
        top: 46px;
        left: 180px;
}

#contactLastNameMark{
    position:absolute;
        top: 45px;
        left: 320px;
}

#contactAddEmailLabel{
    position:absolute;
        top: 80px;
        left: 30px;
}

#contactAddEmail {
    position:absolute;
        top: 76px;
        left: 180px;
}

#contactAddEmailMark{
    position:absolute;
        top: 75px;
        left: 320px;
}

#contactAddEmailConfirmLabel{
    position:absolute;
        top: 110px;
        left: 30px;
}

#contactAddEmailConfirm {
    position:absolute;
        top: 106px;
        left: 180px;
}

#contactAddEmailConfirmMark{
    position:absolute;
        top: 105px;
        left: 320px;
}

#contactHowInfo{
    position:absolute;
        top: 140px;
        left: 180px; 
}

#contactHowInfoLabel{
    position:absolute;
        top: 140px;
        left: 30px;
        width: 100px;
}

#contactComments{
    position:absolute;
        top: 35px;
        left: 365px; 
}

#contactCommentsLabel{
    position:absolute;
        top: 15px;
        left: 365px;
        width: 100px;
}

#contactCommentsMark{
    position:absolute;
        top: 20px;
        left: 675px;
}

#commentsInfo{
    position:absolute;
        top: 170px;
        left: 20px; 
}
*html #commentsInfo {top: 176px;}

#submitComments{
    position:absolute;
        top: 170px;
        left: 510px;    
}

*html #submitComments{ width: 160px; left: 495px; top: 168px;} /* to sort out strange ignorance of button width in ie*/


/* next/previous page etc ======================================================================================================*/
#navSummary {
        position: absolute;
        top: 5px;
        right: 20px;
        font-size: 1em;
        width: 420px;
} * html #navSummary  { top: 15px; }
#navSummaryBot { font-size: 0.9em; }
#navSummary p, #navSummaryBot p {        text-align: right; }
#navSummary p a, #navSummaryBot p a { text-decoration: none; }

/* left-hand section navigation */
#secNav {
        position: absolute;
        left: 10px;
        top: 23px;
        width: 110px;
} * html #secNav { left: 10px; } /* another IE rendering bug - it positions the layer inside #summaryContent instead of #bodyMain */
/* I've left this in because we may want to use it afterall
#secNav h2 { 
        margin: 0 0 1em 0;
        font-size: 0.8em; 
        color: #F80BCE; 
        width: 109px;
        height: 17px;
        background: url(../images/content/section-nav-girlswear.gif) no-repeat
} */
#secNav h2 { margin: 0 0 1em 0; }
#secNav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
* html #secNav li { margin-top: -5px; } /* IE has this bizarre habit of putting immovable spacing between li tags */
#secNav a {        text-decoration: none; }

#secNav #sitemapLink { margin-top: 2.5em; }
#secNav #az { display: block; margin-top: 1em; }


/* HEADER ===============================================================================================================*/
#header {
        position: relative;
        width: 831px;
        /*min-height: 260px;*/
        min-height: 227px;
        background-color: #6990CD;
        background-image: url(../images/global/bg-header.gif);
        background-repeat: no-repeat;
        /*JPS-NEW - need below to ensure that menus in IE will display over crumbtrail */
        z-index:101;
} * html #header { height: 227px; }
#header h6 {padding:0px; margin:0px}
#header02 {
        position: relative;
        width: 831px;
        min-height: 132px;
        background-color: #6990CD;
        background-image: url(../images/global/bg-header.gif);
        background-repeat: no-repeat;
}* html #header02 { height: 132px; }

/* header search boxes */
#search {        
        position: absolute;
        top: 20px;
        left: 200px;
        background: none;        /* need this to get rid of the background colour set in legacy.css */
}

#search form { margin: 0; }

#search p {         /* 'search by' */
        position: relative;                /* so we can position the form gizmos relative to their container paragraphs */
        margin: 0;
        width: 240px;
        height: 22px;
        background: url(../images/global/search-by.gif) no-repeat;
}

#search p.lastP {position: relative; padding-left: 168px; width: 120px; margin-left: 168px; background: url(../images/global/ad-search.gif) no-repeat; background-position: 0% 0%}
#search p.lastP img {display: block; border:0; position: relative; left: 0; top:-2px;} 

#search p span { display: none }        /* text will show on browsers that don't display the background graphic - clever huh? */

#search .searchInput {
        position: absolute;
        left: 245px;        /* places to the right of the 'search by' (#search p) paragraph */
        top: 2px;
        border: 1px solid #3F70BD;
        width: 85px;
}
* html #search select.searchInput {        width: 90px; }        /* shows to IE only, which renders the select dropdown width wrong */
#search #searchKeyword { padding-left: 5px; }

#search .searchSubmit { /* 'go' buttons */
        position: absolute;
        left: 335px;        /* places to the right of the input gizmo */
        top: 0; 
        width: 23px; 
        height: 22px; 
}

/* header cart box */
#cart {        
        position: absolute;
        top: 15px;
        left: 700px;
        background: none;        /* need this to get rid of the background colour set in legacy.css */
}

#cart p { 
        position: relative;
        margin: 0; 
        width: 126px;  
        voice-family: "\"}\""; 
          voice-family:inherit;
          width: 106px;
}
html>body #cart p { width: 106px; } 

#cart #viewCart { 
        padding: 3px 10px;
        background: url(../images/global/viewcart-bg.gif) no-repeat; 
}

#cart #viewCart img {
        position: absolute;
        top: 0px;
        left: -45px
}

#cart #items, #cart #subtotal {
        padding: 5px 9px;
        border: 1px solid #3F70BD;        
        font-size: 0.65em;
        font-weight: bold;
        background-color: #D9E3F2; 
}

#cart #items { border-bottom: none; padding-bottom: 0; }
#cart #subtotal { border-top: none; padding-top: 0; }

#cart p b {        
        position: absolute;
        top: 0;
        right: 6px;
}
#cart p#items b { top: 5px; }

#cart #checkout { 
        padding: 5px 10px;
        background: url(../images/global/checkout-bg.gif) left bottom no-repeat; 
}

#cart #viewCart a, #cart #checkout a { text-decoration: none; }

#cart #logoVerisign {
        border: 1px solid #3F70BD;
        margin-top: 8px;
}

/* crumbtrail */
#crumbTrail {
        z-index: 100;        /* to sort out Firefox, believe it or not - see also #navMain */
        position: relative;
        border: 1px solid #3F70BD;
        border-bottom: 1px dashed #CAD7EC;
        padding: 1.8em 16px 5px 16px;;
        background-color: #F0F4FA;
        font-size: 0.9em;
}        
#crumbTrail p { margin: 0; }
#crumbTrail a { font-weight: normal; text-decoration: none; }


/* FOOTER ===============================================================================================================*/
/* email entry form */
#signup {
        position: relative;
        height: 48px;
        background-image: url(../images/global/ftr-bg.gif);
        background-repeat: no-repeat;
        background-position: bottom;
}

#signup form {
        display: block;
        position: absolute;
        left: 1px;
        top: 0;
        width: 831px;
        height: 30px;
        border: 1px dashed #CAD7EC;
        border-right: 0;
        border-left: 0;
        background-image: url(../images/global/signup.gif);
        background-repeat: no-repeat;
}

#signup span { display: none; }

#signup p#mailDetails {
        position: absolute;                /* so we can position the form gizmos relative to their container paragraphs */
        top: 4px;
        left: 404px;
        margin: 0;
        width: 240px;
        height: 22px;
        background-image: url(../images/global/email.gif);
        background-repeat: no-repeat;
}

#signup .mailInput { /* the styles for the form gizmos are virtually identical to the search ones in the header */
        position: absolute;
        left: 265px;        /* places to the right of the 'search by' (#search p) paragraph */
        top: 2px;
        border: 1px solid #3F70BD;
        width: 85px;
        padding-left: 5px;
}

#signup .mailSubmit { /* 'go' buttons*/
        position: absolute;
        left: 355px;        /* places to the right of the input gizmo */
        top: 0; 
        width: 23px; 
        height: 22px; 
}

/* Contact details */
#navAdmin {
        list-style-type: none;
        margin: 0;
        padding: 10px 0 0 0;
        text-align: center;
}
#navAdmin li { display: inline; }
#navAdmin li a {
        border-right: 1px solid #3C6BB3;
        padding: 0 13px;
        font-weight: normal;
        text-decoration: none;
}
#navAdmin li a.last { border: 0; }

p.contact {
        margin: 10px 0;
        text-align: center;
}

/* USEFUL INFO NAV====================================================================================================== */
#navUsefulInfo {
        position: absolute;
        top: 80px;
        font-size: 0.9em;
        margin-right: 100px;
        margin-left: 150px;
        width: 600px;
        text-align: left;
}
#navUsefulInfo ul {
        list-style-type: none;
        margin-top: 0px;
        
        margin-bottom: 0px;
        
        text-align: left;
}
#navUsefulInfo li {
        display: inline;
}
#navUsefulInfo li a {
        padding: 0 6px;
        border-right: 1px solid #FFF;
        color: #FFF; 
        text-decoration: none; 
}
#navUsefulInfo li a.last { border-right: 0; } 
#navUsefulInfo li a:hover { color: #F0F4FA; }

/* PRODUCT DRILL-DOWN ================================================================================================ */
#productDetail { position: relative; }
#productInfo {
        position: relative; 
        min-height: 15em;
} * html #productInfo { height: 15em; }        /* sets minimum height in both IE & Mozilla - productInfo will cause the div to expand, but 
                                                                                                the image & widget div won't because they're absolutely positioned */
#productInfo p {
        position: relative;
        margin: 1em 225px 1em 235px;
}

#productInfo img {
        position: absolute;
        top: 3px;
        left: -230px;
        border: 1px dashed #CAD7EC;
}

#shopWidgets {
        position: absolute;
        top: 3px;
        left: 485px;
        margin: 0;
        padding: 0;
}
#shopWidgets p { position: relative; margin: 0.75em 0; }
#shopWidgets select { position: absolute; top: -3px; right: 0; }
#shopWidgets p#sizeSelect { margin-bottom: 20px; }
#shopWidgets #availability { padding-top: 5px; }
*html #shopWidgets ul li { margin: 5px 0; }

#basketAdd input {         /* add to basket / checkout box */
        border: 1px solid #3F70BD;
        padding: 3px 3px;
        width: 160px;
        background-color: #F0F4FA;
        font-weight: bold;
        text-align: left;
} * html #checkoutAdd input { border-top: 3px; }        /* fixes wierd IE bug where border-top disappears when line-height is set */

#checkoutAdd {         /* add to basket / checkout box */
        border: 1px solid #3F70BD;
        padding: 3px 3px;
        background-color: #F0F4FA;
        line-height: 1.4em
} * html #checkoutAdd { border-top: 3px; }        /* fixes wierd IE bug where border-top disappears when line-height is set */
#checkoutAdd a { text-decoration: none; }

#shopWidgets ul {
        list-style-type: none;
        margin: 0;
        padding: 1em 0 0 5px;;
}
* html #shopWidgets li { height: 1px; margin-top: -6px; }        /* another IE fix - this time to get rid of excessive spacing between li tags */
#shopWidgets ul a { text-decoration: none; }
#shopWidgets ul #summaryReturn { padding-top: 2em; }

#thumbs {
    position: relative;
        top:0;
        left: 0;
        margin-left: 0;
        width: 235px;
        
}

#thumbs ul {
    list-style-type: none;
        margin: 0;
        padding: 0 0 10px 0;
        
}
#thumbs li {
    display: inline;
        margin: 0;
        padding: 0 5px;
        
}

#thumbs ul li a {}
#thumbs ul li img {border:0; display: inline; border:1px dashed #CAD7EC;}

#thumbs p {
 background-color: #F0F4FA; padding: 3px 5px 5px 30px ;
 margin: 1px 0 0 0;
 }
 
#picLink {background-image: url(http://www.iglookids.co.uk/images/pdetail/pic-link-bg.gif); background-repeat: no-repeat; width: 185px; }
#detailLink {background-image: url(http://www.iglookids.co.uk/images/pdetail/detail-link-bg.gif); background-repeat: no-repeat; width: 185px;}
#sizeLink {background-image: url(http://www.iglookids.co.uk/images/pdetail/detail-link-bg.gif); background-repeat: no-repeat; width: 185px;}

#thumbsTable { 
        position: absolute;
        left: 245px;
        top: 347px;
        border-collapse: collapse;
        border: 1px solid #fff;
        max-width: 400px;
        padding: 0;
        margin: 0;
        font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;

}

*html #thumbsTable {        
        left: 235px;
        top: 353px;}

#thumbsTable caption {
        padding: 0 0 5px 0;
        color: #6990CD;         
        font: bold 0.85em Verdana, Arial, Helvetica, sans-serif ;
        text-align: left;
        text-transform: uppercase;
}

#thumbsTable th {
        font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
        color: #BFD0EA;
        width: 30px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        letter-spacing: 0;
        text-transform: uppercase;
        text-align: center;
        padding: 4px 4px 4px 4px;
        background: #3F70BD;
}

#thumbsTable td {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 4px 4px 4px 4px;
        text-align:center;
        width: 30px;
}


#thumbsTable td.in {
        background: #F0F4FA;
        color: #3C6BB3;
}

#thumbsTable td.out {
        background: #fff;
        color: #F80BCE;
        font-weight: bold;
}

#thumbsTable td.low {
        background: #fff;
        color: #3C6BB3;
        font-weight: bold;
}

/* HOMEPAGE ==============================================================================================================*/
/* Main offer & What's New */
#bodyHome {
        background-color: #FFFFFF;
        padding: 0px;
        width: 829px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #84A5D6;
        border-left-color: #84A5D6;
}#bodyHome {
        min-height: 990px;
        background-color: #FFF;
} * html #bodyHome { height: 100%} /* min-height for IE */

#homeleft {
        float: left;
        width: 550px;
        margin: 0px;
        padding: 0px;
        clear: left;
}
#homeright {
        float: right;
        width: 265px;
        padding: 0px;
        background-color: #FFFFFF;
        margin: 0px;
}
#homeMain {
        min-height: 648px;
        background-color: #FFF;
} * html #homeMain { height: 648px} /* min-height for IE */

#homeMain h2 span { display: none; }

#homeOffer {
        float: left;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #6990CD;
        padding: 8px;
        background-color: #FFFFFF;
        z-index: 10;
        position: relative;
        margin: 0px;
        width: 534px;
} 
#homeOffer p {
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: -4px;
        margin-left: 0px;
}

#homeOffer img {
        padding-top: 0px;
        padding-right: -8px;
        padding-bottom: 0px;
        padding-left: -8px;
        margin: 0px;
}
#homeOffer #newsletter {
        background-color: #E7EBF4;
        margin-bottom: 8px;
}



#homeWhatsNew {
        padding-bottom: 1em;
        background-image: url(../images/global/whats-new.png);
        background-repeat: no-repeat;
        background-position: right top;
        padding-top: 116px;
        background-color: #FFFFFF;
        float: right;
        width: 265px;
        z-index: 201;
        position: relative;
}

#homeWhatsNew h2 {
        margin: 0;
        background: url(../images/home/hm-hdr-new.gif) left bottom  no-repeat;
        width: 265px;
        height: 51px;
}
#homeOffer #newsletter #newsletterMail02 {
        margin-left: 14px;
        margin-top: 4px;
}


.wnRow {
        position: relative;
        min-height: 80px;
        margin-bottom: 6px;
}
* html .wnRow { height: 80px; }

#homeWhatsNew p, #homeWhatsNew h3 {
        position: relative;
        font-size: 0.6em;
}
#homeWhatsNew h3 {
        padding-top: 3px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0;
        margin-left: 85px;
        color: #3C6BB3;
        font-size: 12px;
        font-weight: bold;
        text-transform: lowercase;
}
#homeWhatsNew h3 a {
        color: #3C6BB3;
        text-decoration: none;
}

#homeWhatsNew p {
        margin-top: 0px;
        margin-right: 0;
        margin-bottom: 2px;
        margin-left: 85px;
}
#homeWhatsNew p.wnImg {
        position: absolute;
        top: 0;
        left: -85px;
}
#homeWhatsNew p.wnImg img {
        border: 1px dashed #CAD7EC;
        background-image: url(../images/global/whatsnew-img-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
}

/* Delivery & Favourite Product ===========================================================================================*/
#homeFocus {
        position: relative;
        min-height: 10em;
        border-top: 1px dashed #CAD7EC;
        background: url(http://www.iglookids.co.uk/images/global/cheat.gif) 360px 0  repeat-y;
        border-bottom: 1px solid #F0F4FA;
        width: 600px;
} * html #homeFocus { height: 10em; } /* min-height for IE */

#homeFavourite { position: relative; }

#homeFavourite a { text-decoration: none; }

#homeFavourite h2 {
        margin: 0;
        width: 758px;
        height: 23px;
        background: url(../images/home/hm-hdr-fav.gif) 395px 3px  no-repeat #BFD0EA;
}

#homeDelivery h2 span, #homeFavourite h2 span { display: none; }

#homeFavourite h3 {
        margin: 0;
        border-top: 1px dashed #CAD7EC;
        padding: 2em 1em 0 400px;
        font-size: 0.6em;
        font-weight: normal;
        color:#3C6BB3;
}

#homeFavourite p {
        position: relative;
        font-size: 0.6em;
        margin: 1em 0;
        padding: 0 15px 0 400px;
}

#homeFavourite p img {
        position: absolute;
        left: 400px;
        top: -2em;
        border: 1px dashed #CAD7EC;
} * html #homeFavourite p img { left: -100px;  } /* grrrrrrr IE  >:(  */

#homeDelivery { 
        position: absolute;
        top: 0;
        left: 40px;
        width: 310px;
}

#homeDelivery h2 {
        margin: 0;
        width: 310px;
        height: 23px;
        background: url(../images/home/hm-hdr-direct.gif) 0px 3px no-repeat #BFD0EA;
}

#homeDelivery p {
        position: relative;
        font-size: 0.6em;
        margin: 0;
        padding: 1em 15px 0 100px;
}
#homeDelivery p.first { padding-top: 2em; }

#homeDelivery p img {
        position: absolute;
        left: 0px;
        top: 3em;
        border: 1px dashed #CAD7EC;
} * html #homeDelivery p img { left: -100px;  } /* grrrrrrr IE  >:(  */

.ageSearchSm {position: relative; float:left; padding-left: 1.5em; }
#homeFavourite form {position: relative; padding: 1em 0 0 400px; margin:0;}
/* POP-UP DATA TABLE ==============================================================================================================*/

body#dataTable {margin:0;}

#dataContainer {
        position: relative;
        top: 0;
        margin: 0;
        width: 548px;
        border: 1px dashed #CAD7EC;
}
        
#dataTopbar {
    position: relative;
        margin: 0;
        padding: 0;
        background-color: #CAD7EC;
        width: 548px;
        height: 25px;
    
}

#dataTopbar h5 { margin: 0 ; padding: 0.4em 0 0 0.6em;}
#dataTopbar a { position:absolute; top: 0; right: 5px; font-size: 0.7em; margin: 0 ; padding: 0.4em 0.6em 0 0;} 

#dataTopbar p {
    position: relative;
    font-weight: bold;
        margin: 0;
        padding: 0;   
}

#features {
    padding: 0.4em 0 0 0.6em;}
        
#dataTableT { 
        position: relative;
        border-collapse: collapse;
        border: 1px solid #fff;
        padding: 0;
        margin: 0;
        font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;

}

#dataTableT caption {
        padding: 0 0 5px 0;
        color: #6990CD;         
        font: bold 0.85em Verdana, Arial, Helvetica, sans-serif ;
        text-align: center;
        text-transform: uppercase;
}

#dataTableT th {
        font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
        color: #BFD0EA;
        text-align: center;
        width: 30px;
        border-right: 1px dashed #CAD7EC;
        border-bottom: 1px dashed #CAD7EC;
        border-top:1px dashed #CAD7EC;
        text-transform: uppercase;
        padding: 4px;
        background: #3F70BD;
}

#dataTableT td {
        border-right: 1px dashed #CAD7EC;
        border-bottom: 1px dashed #CAD7EC;
        padding: 4px;
        text-align:center;
}

#dataTableT tr {text-align: center;} 

/* POP-UP SIZE AND AVAILABILITY TABLE ==============================================================================================================*/

body#sizeTable {margin:0;}

#sizeContainer {
        position: relative;
        top: 0;
        margin: 0;
        width: 760px;
        border: 1px dashed #CAD7EC;
}

#sizeContainer h5 {margin: 20px 0 20px 10px ; padding: 0; color:#3F70BD;}
        
#sizeTopbar {
    position: relative;
        margin: 0;
        padding: 0;
        background-color: #CAD7EC;
        width: 100%;
        height: 25px;
    
}

#sizeTopbar h5 { margin: 0 ; padding: 0.4em 0 0 0.6em; color:#3F70BD;}
#sizeTopbar a { position:absolute; top: 0; right: 5px; font-size: 0.7em; margin: 0 ; padding: 0.4em 0.6em 0 0;} 

#sizeTopbar p {
    position: relative;
    font-weight: bold;
        margin: 0;
        padding: 0;   
}

h5#keyHdr { margin: 2em 0 1em 10px; padding: 0; color: #888 }
        
.sizeTableT { 
        position: relative;
        border-collapse: collapse;
        border: 1px solid #fff;
        padding: 0;
        margin: 0;
        font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
        width: 100%;

}

.sizeTableT caption {
        padding: 0 0 5px 0;
        color: #6990CD;         
        font: bold 0.85em Verdana, Arial, Helvetica, sans-serif ;
        text-align: center;
        text-transform: uppercase;
}

.sizeTableT th {
        font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
        color: #BFD0EA;
        text-align: center;
        border-right: 1px dashed #CAD7EC;
        border-bottom: 1px dashed #CAD7EC;
        border-top:1px dashed #CAD7EC;
        text-transform: uppercase;
        padding: 4px;
        background: #3F70BD;
}
.sizeTableT th.key { background-color: #EEE; color: #888; width: 25%;}

.sizeTableT td {
        border-right: 1px dashed #CAD7EC;
        border-bottom: 1px dashed #CAD7EC;
        padding: 4px;
        text-align:center;
}

.sizeTableT tr {text-align: center;} 
 

.sizeTableT td.in {
        background: #F0F4FA;
        color: #3C6BB3;
}

.sizeTableT td.out {
        background: #fff;
        color: #F80BCE;
        font-weight: bold;
}

.sizeTableT td.low {
        background: #fff;
        color: #3C6BB3;
        font-weight: bold;
}

/* POP-UP LARGE IMAGES ==============================================================================================================*/

body#popImage {margin:0;}

#popContainer {
        position: relative;
        top: 0;
        margin: 0;
        width: 465px;
        border: 1px dashed #CAD7EC;
}
        
#popTopbar {
    position: relative;
        margin: 0;
        padding: 0;
        background-color: #CAD7EC;
        width: 465px;
        height: 25px;
    
}

#popTopbar h5 { margin: 0 ; padding: 0.4em 0 0 0.6em;}
#popTopbar a#close { position:absolute; top: 0; right: 5px; font-size: 0.7em; margin: 0 ; padding: 0.4em 0.6em 0 0;} 
#popTopbar ul#popTopbarList { list-style-type: none; position: absolute; top: 0; left: 175px; font-size: 0.7em; margin: 0 ; padding: 0.4em 0.6em 0 0; }
#popTopbar li { display:inline;}
#popTopbar p {
    position: relative;
    font-weight: bold;
        margin: 0;
        padding: 0;   
}
#cart02 {
        background-color: #fff;
        width: 829px;
        left: auto;
        top: 129px;
        position: absolute;
        right: auto;
        height: 25px;
        font-family: Arial, Helvetica, sans-serif;
        color: #6990CD;
        font-size: 13px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #6990CD;
        border-left-color: #6990CD;
}
#cart02 #view {
        margin-left: 16px;
}
#cart02 #items {
        margin-left: 290px;
        height: 23px;
        padding-top: 2px;
        color: #6990CD;
}
#cart02 #total {
        margin-left: 480px;
        height: 23px;
        padding-top: 2px;
}
#cart02 #go {
        margin-left: 680px;
        margin-top: 0px;
}

#cart02 .title {
        font-size: 13px;
        font-weight: bold;
        color: #3C6BB3;
}
#cart02 div {
        position: absolute;
        left: -1px;
        top: 8px;
}
#cart02 b {
        color: #FF33CC;
}
#cart02 img {
        margin-bottom: 5px;
}


#search02 {
        background-color: #6990CD;
        width: 797px;
        left: auto;
        margin: 0px;
        top: 172px;
        position: absolute;
        clear: both;
        float: left;
        padding-top: 4px;
        padding-right: 16px;
        padding-bottom: 4px;
        padding-left: 16px;
        height: 45px;
        
}
#search02 form {
}

#search02 ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}
#search02 li {
        display: inline;
        position: relative;
        color: #D1DEEF;
}
#search02 div {
        position: absolute;
        top: 1.5em;
        margin: 0px;
        padding: 0px;
        left: 0px;
        
}
#search02 img {
        padding-bottom: 6px;
}
#search02 #searchts {
}
#search02 #old {
        margin-top: -24px;
        margin-left: 123px;
}
#search02 #gender {
        margin-top: -24px;
        margin-left: 232px;
}
#search02 #clothing {
        margin-top: -24px;
        margin-left: 330px;
}
#search02 #price {
        margin-top: -24px;
        margin-left: 465px;
}
#search02 #search {
        margin-top: -24px;
        margin-left: 590px;
        padding: 0px;
        width: 160px;
        float: left;
        clear: both;
}
#search02 #search input {
        float: left;
        margin-left: 0px;
}
#search02 #go {
        float: left;
        position: absolute;
        margin-top: -20px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 757px;
}
#search02 .drop {
        font-size: 11px;
        color: #1C3358;
        font-weight: bold;
        padding: 2px;
}
#search02 .keyword {
        font-size: 11px;
        color: #1C3358;
        font-weight: bold;
        margin: 0px;
        padding: 2px;
        height: 14px;
}
#search02 form {
        height: 38px;
        margin: 0px;
        padding: 0px;
}
#search02 #searchts {
        float: left;
        margin-top: 13px;
}

#bodyMain2 .print {
        padding-left: 10px;
}
#magnify {
    top: 6px;
    _top: 17px;
    *top: 17px;
    position: absolute;
    overflow: visible;
    visibility: visible;
    z-index: 2000;
    left: 241px;
    cursor: pointer;
}