
body{min-width:920px;background-color:#fff;margin:20px 0 0; align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
div {border: 0px solid red}
img {border: 0px;}
.wrap{margin:0 auto;padding:0;width:920px;}



.headerLeft{width:162px;height:80px;padding:0;margin:0;float:left;}
.headerLeft ul{margin:0;padding:0;list-style-type:none}
.headerLeft li{float:left;margin:0 0 4px 0;padding:0;}
.homewareButton, .cosmeticsButton, .jewelleryButton  {margin:0; padding:0;}
.homewareButton a, .cosmeticsButton a, .jewelleryButton a {display:block;width:162px; height:38px; margin:0; padding:0; text-decoration: none;}

.homewareButton a {background: url(../images/site/Button1Off_h.gif) top left no-repeat;}
.homewareButton a:hover {background-image: url(../images/site/Button1On_h.gif);}

.cosmeticsButton a {background: url(../images/site/Button1Off_c.gif) top left no-repeat;}
.cosmeticsButton a:hover {background-image: url(../images/site/Button1On_c.gif);}

.jewelleryButton a {background: url(../images/site/Button1Off_j.gif) top left no-repeat;}
.jewelleryButton a:hover {background-image: url(../images/site/Button1On_j.gif);}

.cosmeticsButton a span, .homewareButton a span, .jewelleryButton a span { display:none;}


/*banner area*/
.headerCentre{width:668px;height:80px;padding:0;margin:0 5px;float:left; display:block;}
.consultantInfo{margin:0;padding:5px 5px !important;font:100 11px Verdana, Arial, Helvetica, sans-serif;line-height:15px;float:right;height:68px;display:block;width:320px;vertical-align:middle;border:1px solid}

.fullBanner {float:left;margin:0;padding:0; width:668px;}
.halfBanner {float:left;margin:0;padding:0; width:330px;}

.headerRight{width:80px;height:80px;padding:0;margin:0;float:right;}
.headerRight span{ display:none}
.searchTitle{width:139px;height:45px;margin:0;padding:0;}
.searchTitle span{ display:none}
.search{width:139px;height:82px;padding:0;padding-left:13px;padding-top:28px}


#topnavcontainer{width:920px;height:38px;padding:0;display:block;float:left;background-repeat:no-repeat;background-position:left;margin-top:5px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;text-align:left;text-transform:uppercase}

#topnavcontainer h1 { display:none; font-size:11px;text-align:left;text-transform:uppercase}
ul#topnavlist {text-align:left;list-style:none;padding:0;margin:0;width:100%}
ul#topnavlist li {display:block;margin:0;padding:0; float:right;}
ul#topnavlist li a {display:block;padding: 12px 0 12px 0;margin:0 12px 0 0;text-decoration:none;}
#topcontainer>ul#topnavlist li a{}
ul#topnavlist li.active a{color:#006;font-weight:700}


.navLeft{width:162px;padding:0;float:left;display:block;}

#navcontainer{width:162px;margin:0 auto;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;text-align:left;text-transform:uppercase}

ul.navlist1{text-align:left;list-style:none;padding:0;margin:0;}
ul.navlist1 li{display:block;margin:0;padding:0;margin-bottom:2px;list-style:none;}
ul.navlist1 li a{display:block;width:150px;margin:2px 0 2px 10px;padding:2px 0 2px 0;text-decoration:none;list-style:none;}

ul.navlist2, ul.navlist3, ul.navlist4 {text-align:left;list-style:none;padding:0;margin:0;font-size:10px;margin-bottom:5px;}
ul.navlist2 li, ul.navlist3 li, ul.navlist4 li {display:block;margin:0;padding:0;}
ul.navlist2 li a, ul.navlist3 li a, ul.navlist4 li a {display:block;text-decoration:none;}

ul.navlist2 li a{width:140px;margin:2px 0 2px 20px;padding:2px 0 2px 0;}
ul.navlist3 li a{width:130px;margin:2px 0 2px 30px;padding:1px 0 1px 0;}
ul.navlist4 li a{width:120px;margin:2px 0 2px 40px;padding:1px 0 1px 0;}
/* active menu add <span class="active">link</span> */
ul.navlist1 li span.active,ul.navlist2 li span.active,ul.navlist3 li span.active,ul.navlist4 li span.active {color:#fff;	font-weight: bolder;}


.content{width:757px!important;width:756px;padding:0;margin:0;float:right;;border:0;}
.contentPadding{width:725px;margin-left:15px;margin-top:15px;}
/* main product page */
.mainProduct{float:left;width:484px !important;width:484px;padding:10px; }
.mainProductImage{clear:both;}
.mainProductInfoLeft{float:left;width:230px!important;padding:10px 0 10px 0;} /*252*/
.mainProductInfoLeft h2{padding: 0;margin:0; color:#666;cursor:hand;font:600 14px Arial, Helvetica, sans-serif;}
.mainProductInfoLeft p{padding: 0;margin:0 0 8px 0;}
.mainProductInfoRight{float:right;width:230px!important;padding:10px 0 10px 0;} /*252*/
.enlargeImage{width:11px;height:11px;float:left;text-decoration:none;margin-left:5px;cursor:hand;background-image:url(../images/site/enlage_image.gif);background-repeat:no-repeat;font:100 8px sans-serif;}
.fullRange{text-decoration: none;cursor:hand;font:100 13px Vardana, Arial, Helvetica, sans-serif;letter-spacing: 1px; margin:0 0 10px 0; float:left; clear:right; display:block; width: 100%;}
.enlargeText{float:left;text-decoration: none;cursor:hand;font:700 10px Vardana, Arial, Helvetica, sans-serif;}

#wishListEmail{width:200px;height:80px;padding:0;margin:0;float:left;}
#wishListEmail ul{margin:0;padding:0;list-style-type:none}
#wishListEmail li{float:left;margin:0 0 4px 0;padding:0;}
.wishList, .emailFriend {margin:0; padding:0; }
.wishList a, .emailFriend a {display:block;width:55px; height:55px; margin:0 10px 0 0; padding:0; text-decoration: none;}

.emailFriend a {background: url(../images/site/emailFriend_off.gif) top left no-repeat;}
.emailFriend a:hover {background-image: url(../images/site/emailFriend_on.gif);}
.wishList a span, .emailFriend a span { display:none;}


.matchingItemsBox{float:right;width:251px!important;width:250px;padding:0;margin:0;min-height:650px; margin-left: -250px;} /*253*/
.matchingItemsTitle{width:240px; padding:10px 0 0 10px;margin:0;font:100 11px Vardana, Arial, Helvetica, sans-serif; letter-spacing: 1px;text-transform: uppercase;}
.matchingItemsProduct{padding:5px 10px !important; width:230px!important;width:230px;display:block;}
.matchingItemsImage{margin:0; width:auto;display:block; text-align:center}
.matchingItemsText{margin:0;padding:0;}
.matchingItemsForms{display:block; margin-top:5px; min-height:20px}

.chooseMainItem{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px; width:162px;float:left;text-transform:uppercase;}
.addToMainBasket, .postAndPackagin {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#ffffff;width:95px;float:left; text-transform: uppercase; margin:5px 5px 5px 0px;padding:0px;}	

.floatLeftClear{float:left; clear:both;}
/* category page */
#breadcrumsSortBox {background-color:#E7E7E8;width:738px!important;height:15px;margin:10px 0 0 0 !important;padding:2px 5px 0 5px !important;text-transform: uppercase; float:right; display:block; clear:both} /*may use for layout*/
#breadcrums{float:left;}
#breadcrums a{ text-decoration:none; }
#breadcrums a:hover { color:#CC0000 !important; }
#sort{float:right;}
#sort a{ text-decoration:none; }
#sort a:hover { color:#CC0000 !important; }

.productCategory h2{width:748px!important;height:14px;margin:0px 0 0 0px !important;padding:5px 0 0 10px !important;text-decoration: none;font:100 11px Vardana, Arial, Helvetica, sans-serif;letter-spacing: 1px;float:right;}
.itemsProduct{width:232px!important;padding: 5px 10px; display:block;float:left; min-height:195px;margin:0 -1px 0 0 ;}
.viewDetails{width:58px;margin:0px;padding:0px;margin-top:-15px;margin-left:173px;margin-bottom:5px;text-align:right; font:9px Arial, Helvetica, sans-serif;}
.viewDetails a{font:11px Arial, Helvetica, sans-serif;}
.copyPriceBox{width:170px;margin:0px;padding:0px;margin-bottom:2px;margin-top:2px}


/*sitewide*/
#searchTextBox{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;border-style:solid;background-color:#ffffff;border-color:#ffffff;line-height:normal;width:95px;}
#searchSubmit{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#ffffff;border-style:solid;line-height:normal;width:25px;height:19px;}
.hide { display:none}
.addToBasket{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#ffffff; width:95px;float:right;text-transform: uppercase; margin:0;padding:0px;}

.qty{color:#4E4F50;font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:9px !important; width:24px; float:left; padding:2px 1px;margin:0 3px 0 0; text-transform: uppercase; text-align:center;}

.chooseItem{color:#4E4F50;font-family: Verdana, Arial, Helvetica, sans-serif!important;font-size:9px!important; width:100px!important; width:90px; float:left; text-transform: uppercase;}

/* page headings */
#shoppingBasket, #addressDetails, #deliveryDetails, #orderSummary, #confirmation, #joinOurClub, #orderHistory, #findAConsultant,#referAFriend, #headContactUs, #myDetails, #emailYourFriends, #welcomeBack,#freeCatalogue,#joinOurDirectTeam{width:650px;height:50px;background-repeat: no-repeat;}
#sorry{width:100px;height:30px;background-repeat: no-repeat;}

.loginBox{ background-color:#fff;}
.lookupBox{ background-color:#fff; border:0; }
.dropDownBox{background-color:#FFF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#4E4F50;width:195px;margin:2px 0}
.halfDropDownBox{width:60px}
.textBoxes{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#4E4F50;width:190px;margin:2px 0}
.halfTextbox{width:55px}
.textBoxesQty{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#4E4F50;width:20px;text-align:center}
.formButtons{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#fff;width:130px;margin:2px 0}
.halfFormButtons{width: 60px;}

.blueText      {font:700 11px  Arial, Helvetica, sans-serif}
.greyText      {font:11px Arial, Helvetica, sans-serif;color:#939598}
.blackText     {font:11px Arial, Helvetica, sans-serif;color:#4E4F50}
.greenText     {font:11px Arial, Helvetica, sans-serif;color:#00A33D}
.blackText h3  {font:300 11px Arial, Helvetica, sans-serif;color:#4E4F50;margin:0px;margin-bottom:-18px; padding:0px; line-height:12px }

.blackTextStike{font:11px Arial, Helvetica, sans-serif;color:#4E4F50;text-decoration:line-through; }
.redText       {font:11px Arial, Helvetica, sans-serif;color:#BF0000}
.bold {font:900 12px Arial, Helvetica, sans-serif;}
.blueTextForms {font:11px Verdana, Arial, Helvetica, sans-serif;}
.blackText a{color: #939598;}

table.shoppingTable {border-width: 1px;	border-style: solid;border-collapse: collapse;background-color: white;}
table.shoppingTable td, table.shoppingTable th { padding: 5px;border:1px inset;background-color: white;text-align:center;vertical-align:middle;}

/* checkout */
ul#shopStep{text-align:left;list-style:none;padding:0;margin:0;width:680px}
ul#shopStep li{display:block;margin:0;padding:0; float:left;width:134px}
ul#shopStep li a{display:block;padding:2px 0 2px 0;margin:0;text-decoration:none;font:300 10px Arial, Helvetica, sans-serif;text-transform: uppercase;}

#shopStepBar{text-align:left;list-style:none;padding:0;margin:0;width:680px; height:20px; display:block;}
.shopStepOn, .shopStepOff{height:20px; width:4px; float:left; background-image:url(../images/checkout/shoppingStep.gif);}
.shopStepOnSpan, .shopStepOffSpan{height:20px; width:130px; float:left; background-image:url(../images/checkout/shoppingStepSpan.gif);}


#voucher {width:120px;}
textarea.message {width: 85%;}
input#total, input#cashonaccount, input#subtotal, input#subtotalnocash{text-align:right;}
input#total, input#subtotalnocash {font-weight: bolder;}
hr.line{ border-bottom:1px solid; margin:5px 0; height:1px; width:90%; text-align:left;}
.pageWidth{width:80%;}
.alignRight {text-align:right;}


/*shopping basket summary*/
.sbsBox{width:160px;margin:15px 1px;padding:0}
.sbsHead{font:900 9px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;padding:3px 0;text-align:center; min-height:15px}
.sbsButtons {float:left; padding: 1px 5px;margin:0 0 0 4px}
.sbsButtonsBox {text-decoration: none; float:left;}
.sbsButtonsBox a {text-decoration: none;}
.sbsButtonsBox a:hover {text-decoration: none;}
.sbsContent{font:100 9px Arial, Helvetica, sans-serif;text-transform:capitalize;background-color:#FFF;}
.sbsContent td, td.sbsTotal,td.sbsSubTotal, .sbsContent th{padding:2px}
.sbsCoupon{font-family:Verdana, Arial, Helvetica, sans-serif;margin:2px 0;width:86px;padding:1px;font-size:9px}
.sbsBox input{margin:0}
/*ToolTips*/
.toolTipText a{font-family: Arial, Helvetica, sans-serif;}
.toolTipTextBold{font-weight: 600;margin-top:5px;font-family: Arial, Helvetica, sans-serif; color:#4E4F50}
div.toolTip { display:block;position:relative;top:15px; left:15px; width:300px; min-height:100px; padding:5px;background-color:#fff; color:#4E4F50}

