* {padding:0; margin:0; }
body {background: url(/assets/images/background.jpg); text-align:center; }
#container {background: url(/assets/images/content-back.jpg) repeat-y;width:770px; margin:0 auto; text-align:left; position:relative; font-family:arial, helvetica, sans-serif;}
#thoxBox {background: url(/assets/images/content-footer.jpg) no-repeat left bottom;padding-bottom:16px;}
#header {height:119px; background-color:#e9e7ce; width:760px;padding-top:5px; margin:0 5px;}
#header h1 {margin:16px 0 0 27px; width:120px; height:88px; background: url(/assets/images/thox_logo.jpg) no-repeat;}
#header h1 em { display:none }
#leftCol {float:left; margin-left:24px; width:140px;}
#leftCol h2 {font-size:12px; color:#666666; font-weight:normal; margin:10px 0;}
#leftCol p {margin:10px 0; }
#leftCol hr {display:none}
#leftCol .divider {border-bottom:1px solid #CCCCCC; height:1px;  margin-bottom:5px;}

.homePanel {float:left;width:112px;margin-right:5px; line-height:11px;}
#mainArea #mainContent .homePanel a.arrowLink {height:24px; font-size:9px;margin-top:1px;background:#F0EEE8 url(/assets/images/linkImage.gif) no-repeat 91px 14px;padding:3px 6px;display:block;color:#666666;text-decoration:none;}
#mainArea #mainContent .homePanel a.arrowLink:hover { background-image: url(/assets/images/linkImage-over.gif);}

#leftCol #Newsletter {margin:10px 0; }
#leftCol #Newsletter h2 {color:#c9034e; font-weight:bold; font-size:12px; margin-bottom:0;}
#leftCol #Newsletter p	{color:#666666; font-size:11px; margin-top:0; line-height:120%;}
#leftCol #Newsletter .newsletterTextbox, #leftCol #Newsletter select {color:#666666; font-size:12px; margin-bottom:5px; width:136px;}
#leftCol #Newsletter select {width:110px;}
#leftCol #Newsletter .goButton {width:inherit; margin-left:2px;}

#miniBasket {position:absolute; top:22px; right:20px; width:233px; height:65px; background: url(/assets/images/mini-basket-box.gif);}
#miniBasketLabel {float:left; width:133px;}
#miniBasketLabel p {margin:12px 0 10px 12px; font-size:11px; }
#miniBasketButtons {float:left; width:83px;}

#miniBasketButtons p {margin:0 10px 5px 0;}
#miniBasketButtons #checkout { width:83px; height:20px; margin-top:10px;}
#miniBasketButtons #viewbasket { width:83px; height:20px;}
#miniBasketButtons #checkout a {background: url(/assets/images/button-checkout.gif); display:block; width:83px; height:20px;}
#miniBasketButtons #checkout a:hover {background: url(/assets/images/button-checkout_over.gif);}
#miniBasketButtons #viewbasket a {background: url(/assets/images/button-view-basket.gif); display:block; width:83px; height:20px;}
#miniBasketButtons #viewbasket a:hover {background: url(/assets/images/button-view-basket-over.gif);}
#miniBasketButtons em {display:none;}

#searchWidget {position:absolute; top:50px; left:255px; font-size:11px; color:#666666; }
#searchWidget .searchbox {width:120px;}
#searchWidget .searchGoButton {margin-left:5px;}

#mainNav {float:right; list-style:none; margin-top:-8px; margin-right:10px; }
#mainNav li {float:left; margin-right:1px;width:115px; text-transform:uppercase;}

#mainNav li a {display:block; line-height:23px; font-size:12px; text-align:center; text-decoration:none; color:#fff; float:left;width:115px; text-indent:-9000px; overflow:hidden;}

#mainNav li.homeLink a:link,
#mainNav li.homeLink a:visited  {background:url(/assets/images/nav/nav_home.gif) no-repeat;}
#mainNav li.homeLink a.active {background:url(/assets/images/nav/nav_home.gif) no-repeat -230px 0px;}
#mainNav li.homeLink a:hover {background:url(/assets/images/nav/nav_home.gif) no-repeat -115px 0px;}

#mainNav li.aboutLink a:link,
#mainNav li.aboutLink a:visited  {background:url(/assets/images/nav/nav_about.gif) no-repeat;}
#mainNav li.aboutLink a.active {background:url(/assets/images/nav/nav_about.gif) no-repeat -230px 0px;}
#mainNav li.aboutLink a:hover {background:url(/assets/images/nav/nav_about.gif) no-repeat -115px 0px;}

#mainNav li.accountLink a:link,
#mainNav li.accountLink a:visited  {background:url(/assets/images/nav/nav_account.gif) no-repeat;}
#mainNav li.accountLink a.active {background:url(/assets/images/nav/nav_account.gif) no-repeat -230px 0px;}
#mainNav li.accountLink a:hover {background:url(/assets/images/nav/nav_account.gif) no-repeat -115px 0px;}

#mainNav li.orderLink a:link,
#mainNav li.orderLink a:visited  {background:url(/assets/images/nav/nav_how.gif) no-repeat;}
#mainNav li.orderLink a.active {background:url(/assets/images/nav/nav_how.gif) no-repeat -230px 0px;}
#mainNav li.orderLink a:hover {background:url(/assets/images/nav/nav_how.gif) no-repeat -115px 0px;}

#mainNav li.contactLink a:link,
#mainNav li.contactLink a:visited  {background:url(/assets/images/nav/nav_contact.gif) no-repeat;}
#mainNav li.contactLink a.active {background:url(/assets/images/nav/nav_contact.gif) no-repeat -230px 0px;}
#mainNav li.contactLink a:hover {background:url(/assets/images/nav/nav_contact.gif) no-repeat -115px 0px;}
/*
#mainNav li a.active {background:#C9034E url(/assets/images/tabTop.gif) no-repeat -115px 0px;}
#mainNav li a:link,
#mainNav li a:visited {background:#EF729D url(/assets/images/tabTop.gif) no-repeat 0px 0px;}

#mainNav li a:focus,
#mainNav li a:active,
#mainNav li a:hover {background:#C9034E url(/assets/images/tabTop.gif) no-repeat -115px 0px;}
*/

#categoryNav {list-style:none; padding-top:5px;}
#categoryNav li {width:140px; height:23px; margin-bottom:1px;}
#categoryNav li a {display:block; line-height:23px; font-size:12px; color:#fff; text-decoration:none;text-indent:10px;width:140px;}

#categoryNav li a:link,
#categoryNav li a:visited {background: url(/assets/images/left-nav-back.gif) no-repeat 0px 0px; color:#fff;}

#categoryNav li a.active {background: url(/assets/images/left-nav-back.gif) no-repeat -140px 0px; color:#fff;}

#categoryNav li a:focus,
#categoryNav li a:active,
#categoryNav li a:hover {background: url(/assets/images/left-nav-back.gif) no-repeat -280px 0px; color:#fff;}

#mainArea {margin:5px 15px 0 0; float:right; width:580px;position:relative;}
#mainArea #heading { margin-top:0px; height:70px; background: #AC9F7D url(/assets/images/heading-bottom.gif) no-repeat bottom;}

#mainArea #heading h2.aboutUsTitle{padding:0;margin:0;background: url(/assets/images/titles/about-us.gif) no-repeat 10px 20px; height:42px; width:107px; }
#mainArea #heading h2.contactUsTitle{padding:0;margin:0; background: url(/assets/images/titles/contact_us.gif) no-repeat 10px 20px; height:42px; width:125px; }
#mainArea #heading h2.customerCareTitle {padding:0;margin:0; background: url(/assets/images/titles/customer_care.gif) no-repeat 10px 20px; height:42px; width:171px; }
#mainArea #heading h2.howToOrderTitle {padding:0;margin:0; background: url(/assets/images/titles/How_order.gif) no-repeat 10px 20px; height:42px; width:161px; }
#mainArea #heading h2.signInTitle {padding:0;margin:0; background: url(/assets/images/titles/Customer_signin.gif) no-repeat 10px 20px; height:48px; width:192px; }
#mainArea #heading h2.orderHistoryTitle {padding:0;margin:0; background: url(/assets/images/titles/view_history.gif) no-repeat 10px 20px; height:48px; width:210px; }
#mainArea #heading h2.myAccountTitle {padding:0;margin:0; background: url(/assets/images/titles/my_account.gif) no-repeat 10px 20px; height:48px; width:133px; }
#mainArea #heading h2.editDetailsTitle {padding:0;margin:0; background: url(/assets/images/titles/edit_details.gif) no-repeat 10px 20px; height:42px; width:201px; }
#mainArea #heading h2.changePasswordTitle {padding:0;margin:0; background: url(/assets/images/titles/change_password.gif) no-repeat 10px 20px; height:48px; width:258px; }
#mainArea #heading h2.siteMapTitle {padding:0;margin:0; background: url(/assets/images/titles/site_map.gif) no-repeat 10px 20px; height:48px; width:101px; }
#mainArea #heading h2.basketTitle {padding:0;margin:0; background: url(/assets/images/titles/shopping_basket.gif) no-repeat 10px 20px; height:48px; width:182px; }
#mainArea #heading h2.createAccountTitle {padding:0;margin:0; background: url(/assets/images/titles/create_account.gif) no-repeat 10px 20px; height:42px; width:175px; }
#mainArea #heading h2.passwordRemindTitle {padding:0;margin:0; background: url(/assets/images/titles/pass_remind.gif) no-repeat 10px 20px; height:42px; width:216px; }
#mainArea #heading h2.privacyTitle {padding:0;margin:0; background: url(/assets/images/titles/privacy.gif) no-repeat 10px 20px; height:48px; width:149px; }

#mainArea #heading h2 em {display:none;}
#mainArea #heading h2 { padding:17px 0 0 10px;  font-family:helvetica, arial, sans-serif; color:#fff; font-weight:normal; font-size:26px;}

#mainArea #heading p {padding:5px 0 0 10px; font-size:11px; color:#333;}

#mainArea table {font-size:11px;}
#mainArea #mainContent {margin:10px 0; color:#666666; }
#mainArea #mainContent #padding {margin-left:5px;}
#mainArea #mainContent hr {height:1px;border:none;background:#CCCCCC;margin:10px 0;}
#mainArea #mainContent h2 {font-size:11px; margin:5px 0; }
#mainArea #mainContent h3 {font-size:12px;margin:5px 0; color:#333;}
#mainArea #mainContent p {line-height:140%; font-size:11px;}
#mainArea #mainContent ul {font-size:11px; margin-left:50px; line-height:160%;}
#mainArea #mainContent a {font-size:11px;color:#E82569;}
#mainArea #mainContent a.dark {color:#666666;}
#mainArea #mainContent a.dark:hover {color:#e72568;}
#mainArea #mainContent a.smallDark {color:#666666; font-size:10px;}
#mainArea #mainContent a.smallDark:hover {color:#e72568;}


#boxBottom {clear:both;}
/*#boxBottom {clear:both; background: url(/assets/images/content-footer.jpg) no-repeat; width:770px; height:16px;}*/
#footer {text-align:left;margin:0 auto;width:770px;font-family:arial, helvetica; font-size:11px; color:#761234; padding:10px 0 20px 20px;}
#footer a {text-decoration:none; color:#761234;}
#footer a:hover {text-decoration:underline;}
.textinput {width:123px;}

#progress {padding:30px 0 0 40px; color:#746C55; font-size:18px;}
#progress li {float:left; width:170px;}
#progress li.active {color:#fff;}


label, .label  { float:left; width:120px; margin:5px 0 5px 15px; padding-top:2px; }
.bigTextBox { width:170px; margin:5px 15px 5px 0; border:1px solid #ccc; color:#666;}
.bigDropdown {width:173px; margin:5px 15px 5px 0;border:1px solid #ccc; color:#666;}

textarea {border:1px solid #ccc; width:170px; height:80px; color:#666;}
.formButton { margin-left:135px; margin-top:10px; }
.centreButton { margin:10px 0 10px 240px;  }
.radio { display:block;  padding:0 0 10px 0; }
.radio input { float:left;margin:5px 0 5px 15px;  }
.radio label { width:250px; }
.radioList label {float:none; margin-left:5px;}

/*for displaying errors during payment process*/
.errorPanel { border:3px solid #ff0000; margin:0 0 10px 0; }
.errorPanel p {padding:20px}

/*for displaying error and success messages*/
.error		{color:Red; font-size:12px;}
.success	{color:Green; font-size:12px;}

.formHelp {float:left; width:185px; margin:0 20px 0 5px; font-size:11px;}
.formContainer {float:left; width:330px; border-left:1px solid #cccccc; padding-left:20px; font-size:11px;}

.featureBox {background:#E9E7CE url(/assets/images/feature-box-footer.gif) no-repeat bottom left;padding-bottom:10px; }
.Big {background:#E9E7CE url(/assets/images/big-box-footer.gif) no-repeat bottom left;padding-bottom:20px; }
/*.featureFooter {clear:both; background: url(/assets/images/feature-box-footer.gif) no-repeat; width:330px; height:11px;}
.featureBigFooter {clear:both; background: url(/assets/images/big-box-footer.gif) no-repeat; width:770px; height:11px;}*/

.featureBox h4 {height:15px; background-color:#EF729C; color:#fff; font-weight:bold; font-size:11px; padding:3px 5px; margin-bottom:10px;}
#mainArea #mainContent .featureBox h4 a {float:right; color:#fff;}
.featureBox .divider {border-bottom:1px solid #fff; margin:10px 0;}
.featureBox .formDivider{border-bottom:1px solid #fff; margin:10px; padding:5px;}
.featureBox .halfBox {float:left; width:265px;}
.featureBox .halfBox p {margin:0 10px;font-size:11px;}
.featureBox .vertDivider {float:left; width:20px; height:150px;}

.featureBox .vertDividerBox {background:url(/assets/images/whiteDot.gif) repeat-y center center;border-bottom:1px solid #fff;}

.product {float:left; width:110px;margin-right:6px; margin-bottom:13px; }
.product .productThumb {border:1px solid #cccccc; margin-bottom:2px; }
.product .productDetails {background-color:#F4F2EE; padding:10px;font-size:11px;}

.product .productDetails p.title {margin:0; padding:0; color:#c9034e; font-weight:bold; font-size:14px;}
.product .productDetails p strong {color:#000; font-weight:bold;}
.product .productDetails img {margin-top:5px;}

.productDetail .productMainImage {float:left; width:235px; margin-right:10px;}
.productDetail .productMainThumbnails {float:left; width:90px;  margin-right:18px;}
.productDetail .productMainThumbnails .productThumb { border:1px solid #cccccc; margin-bottom:10px; }
.productDetail p {font-size:11px; margin:10px 0}
#mainContent #padding .productDetail .productMainDetails p.productTitle {color:#c9034e; font-weight:bold; font-size:14px; margin:0 0 10px 0;}
.productDetail p.productPrice {color:#000; font-weight:bold; font-size:13px; }
.productDetail .productMainDetails {float:left; width:220px; }


#basketTable {margin-bottom:10px;}
#basketTable th { color:#000; }
#basketTable th, #basketTable td { background-color:#E9E7CE;padding:5px; border-bottom:1px solid #fff; }
#basketTable td img { border:1px solid #cccccc; }

.floatLeft {float:left;} 
.floatRight {float:right;}
.clearer { clear:both; }

#contentFeaturePanelLeft {float:left;width:350px; } 
#contentFeaturePanelLeft p {font-size:11px; width:330px; margin:5px 10px 10px 10px;}
#contentFeaturePanelRight {float:left;width:230px;background:#E9E7CE url(/assets/images/featureBoxSmallBottom.gif) no-repeat bottom left;padding-top:140px; padding-bottom:10px;}
#mainArea #mainContent #contentFeaturePanelRight h2 {margin:7px 0 0 10px; padding:0; }

#mainArea #mainContent #contentFeaturePanelRight #thoxMissionTitle { background: url(/assets/images/titles/thox-mission.gif) no-repeat; height:17px; width:158px;}
#mainArea #mainContent #contentFeaturePanelRight #thoxMissionTitle em {display:none;}
#mainArea #mainContent #contentFeaturePanelRight p {font-size:11px; margin:5px 10px 10px 10px;}

#mainArea #mainContent .productSubNav {background-color:#e9e7ce; margin:-5px 0 10px 0; padding:3px;}
#mainArea #mainContent .productSubNav p { padding-left:10px; color:#000; }
#mainArea #mainContent .productSubNav a {background: url(/assets/images/small-right-arrow.gif) no-repeat center left; color:#000; text-decoration:none; margin-left:5px; padding-left:10px;}
#mainArea #mainContent .productSubNav a:hover {text-decoration:underline;}

/*
padlock hover over
*/
.secureLink {margin-top:20px; }
.secureLink a {outline:none; position:relative;padding:10px 20px 5px 0;height:30px;background: url(/assets/images/secure_lock.gif) no-repeat right center}
.secureLink .tooltip {top:15px;left:0;color:#666;display:none; position:absolute; border:1px solid #ccc; background-color:#fff; width:180px;}
.secureLink:hover .tooltip {display:block; padding:10px;}
/*
end: padlock hover over
*/