html { background-color: #e5e5e6;}
body {color: #333333;font-size: 11px;font-family: Arial, Helvetica, sans-serif;text-align: center;background-color: #e5e5e6;line-height: 1.3em;height: 100%;}
a { color: #0066cc; text-decoration: none; }
a:hover { color: #0066cc; text-decoration: underline; }
h1,h2,h3,h4,h5 { font-weight: normal; }
p { padding-bottom: 7px; }
hr { margin-top: 8px; margin-bottom: 8px; border-top: 1px dotted #5B5D5D; }
strike { text-decoration: line-through; }
b, strong { font-weight: bold; }
#main-content ul { margin-bottom: 10px; }
#main-content ul li { background-image: url(/sitestyle/images/bullet.gif); background-repeat: no-repeat; background-position: 3px 5px; padding-left: 10px; }
#main-content ol { padding-left: 20px; }
#main-content ol li { margin-bottom: 3px; list-style-type: decimal; list-style-position: outside; }
.link-rolover { background-repeat: no-repeat; background-position: left top; text-indent: -5000px; display: block; overflow: hidden; }
.link-rolover-on { background-position: left bottom; }
.link-rolover:hover { background-position: left bottom; border: none; }
.sprite { background-image: url(/sitestyle/images/SPRITE.jpg); background-repeat: no-repeat;display: block;overflow: hidden;}
a.sprite { background-image: url(/sitestyle/images/SPRITE.jpg);background-repeat: no-repeat;display: block;overflow: hidden;text-indent: -800px;position: absolute;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*Main page layout*/
#sitebody {background-repeat: no-repeat;background-position: center top;	}
#site-header { width: 1017px;position: relative;height: 114px;text-align: left;margin-left: auto;margin-right: auto;background-color: #FFF;}
#main-content {width: 580px;margin-left: 195px;}
#main-content-shop {width: 775px;margin-left: 0px;}
#site-footer {position: relative;height: 154px;text-align: left;margin-left: auto;margin-right: auto;width: 1017px;background-color: #f1f1f3;border-top: 10px solid #e9eaea;}
/****************/
/*Header Layout */
/****************/
#site-header .text {font-size: 21px;text-align: center;width: 350px;position: absolute;left: 305px;top: 10px;line-height: 0.9em;}
#site-header .text b {color: #F60;font-weight: normal;}
#site-header .text strong {color: #0073b6;font-weight: normal;}
#site-header .text i {color: #999999;font-size: 16px;font-style: italic;}
/*Main Menu*/
#site-header ul {position: absolute;left: 15px;height: 30px;width: 987px;bottom: 0px;background-position: 0px 0px;}
#site-header ul li {padding: 0px;float: left;}
#site-header ul li a {padding-left: 5px;padding-bottom: 8px;padding-right: 5px;padding-top: 8px;font-size: 11px;text-decoration: none;display: block;color: #FFFFFF;position: relative;font-weight: bold;border-right: 1px solid #60b5e6;}
.menuon, #site-header ul li a:hover {color: #FFF;background-image: url(/sitestyle/images/main-menu-bg-on.gif);background-repeat: repeat-x;}
#site-header p {position: absolute;right: 15px;bottom: 31px;padding:0px;text-align: right;}
#site-header p a {background-image: url(/sitestyle/images/icon-login.gif);padding-left: 15px;background-repeat: no-repeat;background-position: 3px 1px;color: #333;font-size: 10px;}
#site-header p a:hover {background-position: 3px -14px;color: #0066cc;text-decoration: none;}
#site-header p .delivery {background-image: url(/sitestyle/images/delivery-info.gif); padding-left: 17px;;}
#site-header p .basket {background-image: url(/sitestyle/images/icon-basket.gif);}
#site-header p .accessibility {background-image: url(/sitestyle/images/icon-accessibility.gif);}
#site-header .logo {position: absolute;left: 50px;top: 10px;height: 66px;width: 66px;background-position: 0px -106px;}
#site-header .free_samples {right: 155px;top: 0px;height: 38px;width: 127px;background-position: 0px -30px;}
#site-header .free_samples:hover {background-position: 0px -68px;}
#site-header .instant_quote {right: 15px;top: 0px;height: 38px;width: 127px;background-position: -127px -30px;}
#site-header .instant_quote:hover {background-position: -127px -68px;}
#site-header .masterclass {left: 142px;position: absolute;display: block;background-repeat: no-repeat;background-image: url(/sitestyle/images/Beat-the-VAT.jpg);top: 0px;height: 70px;width: 173px;overflow: hidden;text-indent: -300px;}
#site-header .open { left: 185px; height: 84px; width: 77px; background-image: url(/sitestyle/images/christmas-open-times-button.png); background-repeat: no-repeat; position:absolute; top: 0; overflow: hidden; text-indent: -150px; }
/*****************/
/*Cookies Layout */
/*****************/
#site_cookies {margin-left: auto;background-color: #FFF;width: 850px;margin-right: auto;padding-left: 167px;padding-top: 6px;padding-bottom: 6px;text-align:left;position: relative;}
#site_cookies div {background-position: -66px -106px;height: 25px;width: 181px;position: absolute;top: 0px;right: 15px;text-indent: -300px;overflow: hidden;}
/*****************/
/*Content Layout */
/*****************/
#site-content {width: 987px !important; width /**/:1017px;position: relative;text-align: left;margin-left: auto;margin-right: auto;padding-right: 15px;padding-left: 15px;background-color: #FFFFFF;padding-bottom: 10px;}
#cookies-underline {height: 12px;border-bottom: 1px solid #e8e8e8;margin-bottom: 12px;padding-bottom: 12px;}
.cookie-link, #cookies-underline span {padding-left: 5px;padding-right: 3px;border-left: 1px solid #999999;}
#left-column {width: 139px;position: absolute;left: 15px;}
#right-column {width: 181px;position: absolute;background-image: url(/sitestyle/images/california-co-logo.jpg);background-repeat: no-repeat;background-position: center bottom;right: 15px;}
#main-content {width: 639px;margin-left: 153px;overflow: hidden;}

/*Sub Menu*/
#sub_menu a {height: 19px;width: 129px;position: relative;border-bottom: 1px solid #d4dade;text-indent: 0px;padding-top: 4px;padding-left: 10px;font-weight: bold;}
#sub_menu li {padding: 0px;}
#sub_menu li a {background-position: -482px -30px;color: #FFF;}
#sub_menu li .menuon, #sub_menu li a:hover {background-position: -482px -53px;text-decoration: none;}
#sub_menu li .withsubsub {background-position: -621px -30px;}
#sub_menu li .withsubsub, #sub_menu li .withsubsub:hover {background-position: -621px -53px;}
#sub_menu ul li a {background-position: -482px -76px;color: #000;font-weight: normal;}
#sub_menu ul li .menuon, #sub_menu ul li a:hover {background-position: -482px -99px;text-decoration: none;color: #0066cc;}

#backtotop {position: absolute;top: 8px;right: 10px;color: #FFFFFF;text-decoration: none;font-size: 10px;}
#backtotop:hover {text-decoration: underline;}
#site-copyright {position: relative;height: 35px;text-align: center;margin-left: auto;margin-right: auto;width: 1014px;font-size: 10px;margin-top: 5px;}
#site-copyright span {color: #ff6600;}

#site-copyright .mcafee {right: 90px;top: 0px;position: absolute;}
#site-footer p {text-indent: -500px;position: absolute;height: 128px;width: 105px;left: 20px;top: 10px;background-position: -377px -30px;padding: 0px;}
#site-footer .area2 {position: absolute;height: 128px;width: 654px;left: 153px;top: 10px;}
#site-footer span {text-indent: -500px;position: absolute;height: 128px;width: 123px;right: 44px;top: 10px;background-position: -254px -30px;}

#continueorder {background-color: #f1f1f3;margin-top: 1px;height: 60px;position: relative;}
#continueorder-addproduct {background-image: url(/sitestyle/images/icons/plus.gif);background-repeat: no-repeat;background-position: left center;padding-left: 10px;position: absolute;left: 10px;top: 10px;}
#continueorder-saveorder {background-image: url(/sitestyle/images/buttons/save-order.gif);height: 19px;width: 73px;position: absolute;left: 10px;top: 30px;}
#continueorder-checkout {background-image: url(/sitestyle/images/buttons/checkout.gif);height: 19px;width: 73px;position: absolute;top: 30px;right: 10px;}

.buttonsContinueShopping {background-image: url(/sitestyle/images/buttons/continue.gif);height: 19px;width: 124px;}
.buttonsProceed {background-image: url(/sitestyle/images/buttons/proceed.gif);height: 19px;width: 73px;}
.buttonsSaveOrder {background-image: url(/sitestyle/images/buttons/save-order.gif);height: 19px;width: 73px;}
.buttonsEdit {background-image: url(/sitestyle/images/buttons/edit.gif);height: 19px;width: 73px;}
.buttonsCancel {background-image: url(/sitestyle/images/buttons/cancel.gif);height: 19px;width: 73px;}
.buttonsSubmit {background-image: url(/sitestyle/images/buttons/submit.gif);height: 19px;width: 73px;}
.buttonsGoBack {background-image: url(/sitestyle/images/buttons/goback.gif);height: 19px;width: 73px;}
.buttonsCheckout {background-image: url(/sitestyle/images/buttons/checkout.gif);height: 19px;width: 73px;}
.buttonsApply {background-image: url(/sitestyle/images/buttons/apply.gif);height: 19px;width: 73px;}
.buttonsHome {background-image: url(/sitestyle/images/buttons/home.gif);height: 19px;width: 73px;}
.buttonLeft {float: left;padding-right: 5px;}
.table-style {border: 1px solid #ff6600;margin-left: 50px;}
.table-style .evenrow {background: #e1e0e0 center;}
.table-style tr {}
.table-style tr th {padding-top: 3px;padding-bottom: 3px;padding-left: 10px;background: #ff6600;color: #FFFFFF;}
.table-style tr td {padding-top: 3px;padding-bottom: 3px;padding-left: 10px;}
.table-style .evenrow td {background: #eeeeee;}
.fracNum { vertical-align: 0.2em; } 
.fracDen { vertical-align: -0.2em; }

#home_banners {position: relative; margin-bottom: 15px; background-image: url(/sitestyle/images/homepage-banners/banners-bg.jpg); background-repeat: no-repeat; height: 496px; width: 640px;}
#home_banners .bs { display: block; background-image: url(/sitestyle/images/homepage-banners/controls.png); background-repeat: no-repeat; overflow: hidden; text-indent: -200px;}
#home_banners .top { left: 10px; top: 10px; position: absolute; height: 289px; width: 620px;}
#home_banners .top a {left: 0px; top: 0px; position: absolute;}
#home_banners .top_controls {right: 13px; top: 315px; position: absolute; width: 120px; height: 19px;}
#home_banners .top_controls .left {background-position: 0px top; left: 0px; top: 0px; position: absolute; height: 19px; width: 30px;}
#home_banners .top_controls .left:hover {background-position: 0px bottom;}
#home_banners .top_controls .pause { left: 37px; top: 0px; height: 19px; width: 46px; position: absolute; background-position: -37px 0px;}
#home_banners .top_controls .right {right: 0px; top: 0px; position: absolute; background-position: -91px 0px; height: 19px; width: 30px;}
#home_banners .top_controls .right:hover { background-position: -91px -19px; }
#home_banners .shipping {font-weight: bold; padding-bottom: 10px; padding-top: 8px; padding-left: 80px; color: #333333; left: 28px; top: 309px; position: absolute; font-size: 15px;}
#home_banners .shipping a {color: #333333; text-decoration: underline; font-weight: bold;}
#home_banners .bottom {position: absolute; left: 10px; top: 349px; height: 135px; width:620px; overflow: hidden;}
#home_banners .bottom a {left: 0px; top: 0px; position: absolute;}

#detailview { padding-bottom:10px; background-color:#eeeeee; }
#detailview h2 { font-size:12px; color:#FFFFFF; padding-left:10px; padding-top:5px; padding-bottom:4px; margin-bottom:5px; font-weight:bold; background-position:-66px -131px; }
#detailview h3 { font-weight: bold; padding-left:12px; font-size:12px; color: #cc0000; }
#detailview h3 del { text-decoration: line-through; color: #666666; font-weight: normal; font-size: 10px;}
#detailview p { padding-left: 10px; padding-bottom: 2px; padding-right: 5px; padding-top: 0; border-bottom-color: #bbbbbb; border-bottom-width: 1px; border-bottom-style: dashed; font-size:11px; color:#333333; margin-bottom: 3px; overflow: hidden;}
#detailview p span { font-size: 11px; font-style: italic; float:left; width: 64px;}
#detailview input { margin:5px; padding:5px; width:155px; }