@charset "utf-8";
/* WRITE HERE 2009 */

* { margin:0; padding:0; }
body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
address { font-style:normal; }
br.clear { clear:both; height:1px; margin-top:-1px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */

p { display:block; margin:0 0 10px 0; }
a { outline:none; color: #fff; }
a img { border:0 none; }

h1 { margin:0 0 10px 0; text-transform:uppercase; font-size:18px; }
h2 { margin:0 0 10px 0; text-transform:uppercase; font-size:16px; }
h3 { font-size:15px; text-transform:uppercase; }

#container { width:945px; margin:0 auto; }

/*--Header Includes Nav ----------------------------------------------*/
#header { width:945px; height:130px; position:relative; }
#header img { float:left; }

#basket { width:280px; padding:30px 0 0 0; float:right; text-align:center; }
#basket ul { list-style:none; font-size: 14px; margin:0 0 10px 0; font-weight: bold; }
#basket ul li { display:inline; padding:0 10px 0 9px; border-right:1px solid #000; }
#basket ul li.first { padding:0 7px 0 16px; background:url("cart.gif") left center no-repeat; }
#basket ul li.last { border:0 none; }
#basket a { color:#000; text-decoration:underline; }
#basket a:hover { color:#666; text-decoration:none; }
#basket p { display:block; font-size:17px; font-weight:bold; }

#nav { width:100%; height:40px; clear:both; background:url("bg-nav.gif") 0 0 repeat-x; text-transform:uppercase; position:absolute; bottom:0; left:0; }
#nav ul { list-style:none; }
#nav ul li { float:left; display:block; }
#nav ul li a { display:block; padding:13px 20px 12px 20px; color:#000; text-decoration:none; border-left:1px solid #ddd; border-right:1px solid #b7b7b7; }
#nav ul li a:hover { background-color: #e5e5e5; }
#nav ul li.first a { background:url("bg-nav-left.gif") 0 0 no-repeat; border-left:0 none; }
#nav ul li.first a:hover { background: #e5e5e5 url("bg-nav-left-hover.gif") 0 0 no-repeat; }

#nav form { float:right; height:32px; padding:8px 10px 0 0; background:url("bg-nav-right.gif") 100% 0 no-repeat; }
#nav form input { border:0 none; width:190px; padding:3px; }
#nav form input.button, #sidebar form input.button { background:none; width:auto; cursor:pointer; text-transform:uppercase; color:#000; font-size:9px; }
/*--// Header Includes Nav ----------------------------------------------*/

#content { width:945px; clear:both; padding:10px 0; margin:0 0 20px 0; }

#sidebar { width:190px; padding:20px 0 0 0; float:left; background:url("bg-sidebar.gif") 0 0 no-repeat; }
#sidebar ul { width: 150px; padding: 20px 20px 0 20px; margin:0 0 20px 0; list-style:none; background:url("sidebar-title.gif") top center no-repeat; }
#sidebar ul li { width: 100%; display:block; vertical-align:bottom; height:1%; }
#sidebar ul li a { width: 135px; display:block; padding:5px 0 5px 15px; border-bottom:1px solid #ccc; color:#000; text-decoration:none; background:url("arrow-blk.gif") 5px center no-repeat; }
#sidebar ul li a:hover { color:#fff; background:#666 url("arrow-wht.gif") 5px center no-repeat; }

#sidebar ul#social { width: 100%; float: left; clear: both; background: none; padding: 0; }
#sidebar ul#social li { }
#sidebar ul#social li a { width: 100%; background: none; }
#sidebar ul#social li a:hover { background: none; background-color: #666; }
#sidebar ul#social li a img { margin-right: 5px; float: left; }

#sidebar form { width:170px; padding:10px 10px 0 10px; margin:0 0 10px 0; clear:both; background:url("bg-subsriber.gif") 0 0 no-repeat; }
#sidebar form p { display:block; padding:40px 0 0 0; margin:0 0 10px 0; background:url("latest-news-title.gif") 0 0 no-repeat; }
#sidebar form input { border: 1px solid #ccc; width:164px; padding:3px; }
#sidebar form input.button { border: none; color: #000; width:80px; float:right; background:url("arrow-wht.gif") 5px center no-repeat; }

#primary { width:705px; padding:10px 10px 0 40px; float:left; }
#primary ul.sections { list-style:none; margin:10px 0 0 0; }
#primary ul.sections li.four { width:150px; height:150px; position:relative; padding:20px 13px 13px 0; margin:0 0 25px 0; float:left; }
#primary ul.sections li.four img { width:100%; height:100%; }
#primary ul.sections li.four h3 { font-weight:normal; position:absolute; left:0; bottom:165px; }
#primary ul.sections li.four h3 a { color:#000; text-decoration:none; }
#primary ul.sections li.four h3 a:hover { color:#666; text-decoration:underline; }
#primary ul.sections li.four a img { border:1px dotted #000; /*remove after*/ width:150px; height:150px; /*remove after*/ }
#primary ul.sections li.four a:hover img { border:1px solid #000; }
#primary ul.sections li.four p { text-align: center; }
#primary ul.sections li.four p span { font-weight: bold; }

#primary ul.sections { list-style:none; }
#primary ul.sections li.three ul { clear: both; list-style: none; }
#primary ul.sections li.three { width:225px; padding:0 10px 15px 0; float:left; }
#primary ul.sections li.three img { width:223px; height:100px; }
#primary ul.sections li.three img.special_offer_corner { width: 85px; height: 65px; position: absolute; }
#primary ul.sections li.three h3 { height:37px; font-weight:normal; text-align:left; }
#primary ul.sections li.three h3 a { color:#000; text-decoration:none; }
#primary ul.sections li.three h3 a:hover { color:#666; text-decoration:underline; }
#primary ul.sections li.three p { font-weight:bold; text-align:center; }
#primary ul.sections li.three a.view { display:block; text-align:center; margin:0 auto; width:60px; height:18px; padding:3px 0 0 0; background:url("view-btn.gif") 0 0 no-repeat; color:#fff; text-decoration:underline; }
#primary ul.sections li.three a:hover.view { color:#fff; text-decoration:none; }
#primary ul.sections li.three a img { border:1px dotted #000; }
#primary ul.sections li.three a img.special_offer_corner { border: none; }
#primary ul.sections li.three a:hover img { border:1px solid #000; }
#primary ul.sections li.three a:hover img.special_offer_corner { border: none; }
#primary ul.sections li.three p span { font-weight: bold; }

#primary ul.breadcrumb { list-style:none; padding:0 0 10px 0; }
#primary ul.breadcrumb li { display:inline; width:auto; float:none; padding:0; }
#primary ul.breadcrumb li a { color:#000; text-decoration:underline; }
#primary ul.breadcrumb li a:hover { color:#666; text-decoration:none; }

#primary ul.news { list-style:none; }
#primary ul.news li { width:685px; padding:10px; margin:0 0 10px 0; border-bottom:1px solid #000; }
#primary ul.news li img { float:left; margin:0 10px 0 0; }
#primary ul.news li a { color:#000; text-decoration:underline; float:right; }
#primary ul.news li a:hover { color:#666; text-decoration:none; }

#primary table { border-collapse:collapse; }
#primary table th, #primary table td { padding:5px; }
#primary table th, #primary table tr.last { border-bottom:1px solid #000; }
#primary table td.left { border-left:1px solid #000; }
#primary table td.right { border-right:1px solid #000; }

#footer { width:865px; padding:30px 0 10px 80px; clear:both; position:relative; border-top:1px solid #333; background:url("contact-title.gif") 80px 10px no-repeat; font-size:9px; }
#footer img { position:absolute; top:-30px; left:0; border:10px solid #fff; }
#footer address { display:block; float:left; padding:0 10px 0 0; }
#footer ul { list-style:none; float:left; }
#footer p { float:right; text-align:right; }
#footer a { color:#000; text-decoration:underline; }
#footer a:hover { color:#666; text-decoration:none; }

#gallery { width:290px; float:left; position: relative; }
#gallery img { border:1px solid #000; }
#gallery img.focus { float:left; margin:0 0 5px 0; /* width:288px; height:288px; */ }
#gallery img.special_offer_corner { width: 85px; height: 65px; position: absolute; border: none; left: 0; }

#detail, #post { width:395px; padding:0 0 0 20px; float:left; }
#detail p { font-weight:bold; font-size: 20px; }
#post p { font-size:12px; font-weight:normal; }
#post a, #detail a { color:#000; text-decoration:underline; font-weight:bold; }
#post a:hover, #detail a:hover { color:#666; text-decoration:none; }

#detail dl { margin:0 0 10px 0; }
#detail dl dt { font-weight:bold; margin:0 0 5px 0; }
#detail form { }
#detail form label { float:left; padding:0 2px 0 0; }
#detail form select { width:auto; border:0; float:left; margin:0 2px 0 0; }
#detail form input { width:40px; padding:3px; border:0; float:left; margin:0 2px 0 0; }
#detail form input.button { display:block; width:60px; height:21px; padding:0; color:#fff; float:right; }

#contactDetail { width:450px; float:left; padding:10px 35px 0 0; }
#contactDetail iframe { border:1px solid #000; }
#contactDetail h4 { display:block; margin:0 0 10px 0; }
#contactDetail address { width:150px; display:block; float:left; margin:0 0 10px 0; }
#contactDetail ul { list-style:none; float:left; }
#contactDetail a { color:#000; text-decoration:underline; }
#contactDetail a:hover { color:#666; text-decoration:none; }

#primary form#contact { width:200px; padding:10px 10px 0 10px; float:left; background:url("bg-contact-form.gif") 0 0 no-repeat; }
#primary form#contact fieldset { padding:10px 0 0 0; border:0; }
#primary form#contact fieldset legend { color:#000; text-transform:uppercase; font-size:14px; font-weight:bold; }
#primary form#contact label { display:block; }
#primary form#contact input, #primary form#contact textarea { width:194px; padding:3px; margin:0 0 5px 0; border:0; }
#primary form#contact input.button { width:74px; height:21px; float:right; }

#primary .fragment { width:100%; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #333; }
#primary .fragment a { color:#000; text-decoration:underline; }
#primary .fragment a:hover { color:#666; text-decoration:none; }
#primary .fragment h2 { margin-bottom: 10px; }

.small { font-size:9px; }
.feefositelogo { width: 180px; margin: 0 auto 10px auto; }

.offer { width: 665px; padding: 20px; min-height: 80px; margin-bottom: 20px; background: #7d7d7d url("bg-offer.gif") 0 0 repeat-x; color: #fff; position: relative; text-transform: uppercase; }
.offer h4 { color: #fff; text-transform: uppercase; font-size: 2em; margin-bottom: 10px; }
.offer img { position: absolute; top: 0; right: 0; }
.offer p { color: #fff; width: 300px; }
.offer a { display: block; float: left; margin-top: 10px; color: #fff; text-decoration: none; }
.offer a:hover { font-weight: bold; }

#actinic-sitemap { }
#actinic-sitemap a { color: #000; }

#primary .specials_wrapper { padding: 8px; margin: 0 0 15px 0; background:#ffffff url('/acatalog/specials_background.jpg') no-repeat left top; }

#primary ul.sections li.specials_three ul { clear: both; list-style: none; }
#primary ul.sections li.specials_three { width:225px; padding:0 1px 15px 0; float:left; }
#primary ul.sections li.specials_three div { width:223px; text-align: center; background-color: #fff; position: relative; z-index: 10; }
#primary ul.sections li.specials_three img { height:100px; z-index: 11; }
#primary ul.sections li.specials_three img.special_offer_corner { width: 85px; height: 65px; position: absolute; z-index: 99; }
#primary ul.sections li.specials_three h3 { height:37px; font-weight:normal; text-align:left; }
#primary ul.sections li.specials_three h3 a { color:#000; text-decoration:none; }
#primary ul.sections li.specials_three h3 a:hover { color:#666; text-decoration:underline; }
#primary ul.sections li.specials_three p { font-weight:bold; text-align:center; }
#primary ul.sections li.specials_three a.view { display:block; text-align:center; margin:0 auto; width:60px; height:18px; padding:3px 0 0 0; background:url("view-btn.gif") 0 0 no-repeat; color:#fff; text-decoration:underline; }
#primary ul.sections li.specials_three a:hover.view { color:#fff; text-decoration:none; }
#primary ul.sections li.specials_three a div { border:1px dotted #000; }
#primary ul.sections li.specials_three a img.special_offer_corner { border: none; }
#primary ul.sections li.specials_three a:hover div { border:1px solid #000; }
#primary ul.sections li.specials_three a:hover img.special_offer_corner { border: none; }
#primary ul.sections li.specials_three p span { font-weight: bold; }

#primary ul.sections li.specials_four { width:150px; height:150px; position:relative; padding:20px 22px 13px 0; margin:0 0 25px 0; float:left; }
#primary ul.sections li.specials_four div { width:150px; text-align: center; background-color: #fff; position: relative; z-index: 10; }
#primary ul.sections li.specials_four img { height:150px; z-index: 11; }
#primary ul.sections li.specials_four img.special_offer_corner { width: 85px; height: 65px; position: absolute; z-index: 99; }
#primary ul.sections li.specials_four h3 { font-weight:normal; position:absolute; left:0; bottom:165px; }
#primary ul.sections li.specials_four h3 a { color:#000; text-decoration:none; }
#primary ul.sections li.specials_four h3 a:hover { color:#666; text-decoration:underline; }
#primary ul.sections li.specials_four a div { border:1px dotted #000; /*remove after*/ width:150px; height:150px; /*remove after*/ }
#primary ul.sections li.specials_four a img.special_offer_corner { border: none; }
#primary ul.sections li.specials_four a:hover div { border:1px solid #000; }
#primary ul.sections li.specials_four a:hover img.special_offer_corner { border: none; }
#primary ul.sections li.specials_four a.view { display:block; text-align:center; margin:0 auto; width:60px; height:18px; padding:3px 0 0 0; background:url("view-btn.gif") 0 0 no-repeat; color:#fff; text-decoration:underline; }
#primary ul.sections li.specials_four a:hover.view { color:#fff; text-decoration:none; }

#primary ul.sections li.specials_four p { text-align: center; }
#primary ul.sections li.specials_four p span { font-weight: bold; }

#call {float: right; width: 250px; line-height: 40px; margin-right: 20px; font-weight: bold; font-size: 17px; text-transform: capitalize; text-align: center; }

#sagepay { margin: 10px 0 10px 10px; }
#free_delivery { margin-bottom: 10px; }

/* Checkout Progress Indicator  ------------------------------------------------ */

p.checkout-progress-heading {
width: 300px;
margin: 10px auto;
}

#checkout-progress-indicator {
width: 300px;
height: 19px;
background-image: url('cpi-background.gif');
margin: 0 auto 20px auto;
}

.checkout-progress-0 {
width: 75px;
height: 19px;
background-color: <actinic:variable name="Palette1" />;
background-image: url('cpi-main.gif');
float: left;
}

.checkout-progress-1 {
width: 150px;
height: 19px;
background-color: <actinic:variable name="Palette1" />;
background-image: url('cpi-main.gif');
float: left;
}

.checkout-progress-2 {
width: 225px;
height: 19px;
background-color: <actinic:variable name="Palette1" />;
background-image: url('cpi-main.gif');
float: left;
}

.checkout-progress-3 {
width: 300px;
height: 19px;
background-color: <actinic:variable name="Palette1" />;
background-image: url('cpi-main.gif');
float: left;
}

#checkout-progress-indicator .cpi-end {
width: 8px;
padding: 0;
margin: 0;
border: 0;
height: 19px;
background-image: url('cpi-end.gif');
background-position: right;
background-repeat: no-repeat;
float: left;
}

.actrequiredcolor {color: #000;}