/***********************************************************************************************
@author: www.TJS.co.uk
@date: April 2008
@version: default
************************************************************************************************/
/* Reset Values */
div, span, p, a, ul, ol, li, h1, h2, h3, h4, img, body, form, input, select{ padding: 0; margin: 0; border: 0; }
.left{ float: left; }
.right{ float: right; }
img.left{ float: left; margin: 0 20px 10px 0; }	
img.right{ float: right; margin: 0 0 10px 20px; }
body{ font: normal 0.76em "Lucida Grande", Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif; background: #fff; line-height: 1.5em; } 

#inner_wrapper, #footer, #header{ width: 100%; float: left; }   
h2{ font-size: 1.4em; font-weight: bold; color: #6CA6F1; margin: 0 0 5px 0; }
h3{ font-size: 1.1em; font-weight: bold; color: #6CA6F1; margin: 0 0 5px 0; }
h4{ font-size: 1em; font-weight: bold; color: #6CA6F1; margin: 0 0 5px 0; }
p{ margin: 0 0 5px 0; font-size: 1em; }
a{ color: #6C6C6C; text-decoration: underline; }
a:hover{ text-decoration: none; }
.highlight{ color: #fff; }
/************************************************************************************************
*	Form and Form Validation
************************************************************************************************/
form div{ float: left; width: 99%; margin: 0 0 4px 0; }
.submit{ width: auto; padding: 2px 5px;  color: #000; background-color: #EEE; }
.submit:focus{ padding: 2px 5px; }
form .account{ margin: 10px 0 0 15em; padding: 0 0 0 5px; width: auto; float: left; }
form div label{ float: left; width: 15em; margin: 0 5px 0 0; }
input{ padding: 3px; border: 1px solid #C6C6C6; color: #000; }
select{ border: 1px solid #C6C6C6; }
form div input{ float: left; width: 15em; }
form input:focus{ background-color: #EEE; padding: 3px; border: 1px solid #C6C6C6; }
form textarea{ float: left; padding: 3px; font: normal 0.9em 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, sans-serif; border: 1px solid #C6C6C6; }
form textarea:focus{ background-color: #EEE; padding: 3px; border: 1px solid #C6C6C6; }
form div select{ float: left; width: 15.55em; padding: 2px; }
form .warning { position:relative; float: left; width: 275px; z-index:200;  background: url(/images/msg_warning.jpg) 2px 0 no-repeat; padding: 0 0 0 25px; margin: 4px 0 0 5px; color: #6C9AD5; }
form .required { position:relative; float: left;width: 275px;z-index:200; color: #DC0527; background: url(/images/msg_require.jpg) 2px 0 no-repeat; padding: 0 0 0 10px; margin: 4px 0 0 5px;}
form .valid { position:relative; float: left; width: 275px; z-index:200;  background: url(/images/msg_valid.jpg) 2px 0 no-repeat; padding: 0 0 0 25px; margin: 4px 0 0 5px; }
.required { width: auto; color: #DC0527; }
.require_notice{ color: #6C9AD5; margin: 0 0 0 10px; }
/************************************************************************************************
*	Rounded Corners (Can either be span or div)
************************************************************************************************/
.top_left, .bottom_right, .top_right, .bottom_left { float: left; display: block; }
.top_left { background-position: top left; background-repeat: no-repeat; }
.bottom_right { background-position: bottom right; background-repeat: no-repeat; }
.top_right { background-position: top right; background-repeat: no-repeat; }
.bottom_left { background-position: bottom left; background-repeat: no-repeat; }
/************************************************************************************************
*	Wrapper
************************************************************************************************/
#wrapper{ width: 965px;margin: 0 auto; }
/************************************************************************************************
*	Header
************************************************************************************************/
#header{ background: #000 url(/images/header.jpg) bottom left no-repeat;}

.newbury #header{ background: url(/images/micronclean_header_newbury.jpg) bottom left no-repeat; }
#header #logo a{ width: 291px; height: 92px; float: left; text-indent: -999em; margin: 25px 0 0 22px; display: block; }
#header #status{ text-align: right; width: 965px; float: right; color: #6CA6F1; font-weight: bold; font-size: 1em; padding: 2px 0; }
#header #status a{ color: #fff; }
#header #status h3{ color: #6CA6F1; float: right; margin: 3px 0 0 0; font-size: 1em; }
#header #status ul{ float: right; margin: 3px 3px 0 0; }
#header #status ul li{ display: inline; border-left: 1px solid #fff; padding-left: 5px; margin-left: 3px; } 
#header #status ul li.first{ border: 0; margin-left: 0; }
#header #status label{ font-weight:bold; width: auto; float: none; margin: 0; }
#header #status select{ margin: 4px 0 0 0; font-size: 0.9em; padding: 0; float: none; }
#header #status input{ width: auto; float: none; margin: 0; }
#header #status div{ float: none; width: auto; margin: 0; }
#header #status .flag{ float: right; margin: 5px 12px 5px 5px; }
#header #account strong{ font-size: 0.95em; color: #fff;  }
#header #account strong a{ font-size: 1em; }
#header #account a{ color: #6CA6F1; font-size: 0.8em; }
#header #account label{ width: 5.1em; font-size: 0.9em; color: #fff; }
#header #account input{ width: 10em; margin: 0; padding: 2px; font-size: 0.8em; }
#header #account .submit{ margin: 0 0 0 5px; padding: 1px 2px; width: auto; }
#header #account span{ margin: 0 0 0 5.5em; }
#header #account, #header #basket{ float: right; background: #45494D url(/images/account_back.gif) bottom left repeat-x; margin: 5px 12px 7px 0; display: inline; padding: 0; }
#header #account form div, #header #basket form div{ margin: 0 0 3px 0; padding: 0; }
#header #account .side_right, #header #basket .side_right{ float: left; background: url(/images/account_side.gif) top right repeat-y; }
#header #account .side_left, #header #basket .side_left{ float: left; background: url(/images/account_side.gif) top left repeat-y; }
#header #account .top_left, #header #basket .top_left { background-image: url(/images/account_top_left.gif); }
#header #account .bottom_right, #header #basket .bottom_right { background-image: url(/images/account_bottom_right.gif); }
#header #account .top_right, #header #basket .top_right { background-image: url(/images/account_top_right.gif); }
#header #account .bottom_left, #header #basket .bottom_left { background-image: url(/images/account_bottom_left.gif); padding: 10px 10px 7px 15px; width: 214px; }
#header #basket { color: #6CA6F1; }
#header #basket a{ color: #fff; }
#header #basket #basket_total{ float: left; width: 125px; font-weight: bold; margin: 2px 0 0 0; color: #fff; font-size: 1em; }
#header #basket h3{ color: #fff; margin: 0 0 5px 0; }
#header #basket #view{ text-align: right; float: right; padding: 2px 5px 0 5px; font-size: 0.8em; color: #000; text-decoration: none; background-color: #EEE; border: 1px solid #C6C6C6; }
/************************************************************************************************
*	Inner Wrapper
************************************************************************************************/
#inner_wrapper{ margin: 20px 0 0 0;}
/************************************************************************************************
*	Sidebar
************************************************************************************************/
#sidebar{ width: 19%; margin-right: 4%; float: left; line-height: 1em; color: #fff; }
.search{ float: left; margin: 32px 0 32px 0; background: #43474B url(/images/sidebar_back.gif) bottom left repeat-x; }
#search_full{ margin: 0; }
/*Resets General Form Settings*/
.search input, .search select, .search label, .search div{ width: auto; margin: 0; color: #000; }
.search label{ color: #fff; }
.search div.top_left { background-image: url(/images/sidebar_top_left.gif); padding-left: 2px; }
.search div.bottom_right { background-image: url(/images/sidebar_bottom_right.gif);}
.search div.top_right { background-image: url(/images/sidebar_top_right.gif); padding: 7px 5px; }
.search div.bottom_left { background-image: url(/images/sidebar_bottom_left.gif); margin-left: -2px; padding-left: 2px; width: 100%; }
.search h2{ background: url(../images/search_icon.gif) 0 5px no-repeat; padding: 10px 0 10px 20px; margin: 0; }
#sidebar .keyword{ width: 137px; margin-right: 3px; float: left; padding: 2px; }
#sidebar .image_button{ margin: 0; padding: 0; border: 0;}
#search_full div.top_right{ float: left; width: 210px; }
#search_full input{ width: 200px; margin: 0 0 10px 0; border: 1px solid #303030; }
#search_full select{ width: 207px; margin: 5px 0 10px 0; }
#search_full .check{ width: 20px; margin: 2px 0 0 5px; border: 0; }
#content_sidebar #search_full ul, #content_sidebar #search_full ul li, #content_sidebar #search_full ul li a{ margin: 0 0 0 5px; padding: 0; background: none; display: inline; float: left; color: #fff; list-style-type: none; width: 200px;}
#content_sidebar #search_full ul li a:hover{ text-decoration: underline; }
#sidebar .submit, #search_full input.submit{ margin: 0 0 0 0; padding: 1px 3px; width: auto; float: right; color: #000; }
/************************************************************************************************
*	Navigation
************************************************************************************************/
.nav li { margin: 0 0 4px 0; padding: 0; display: inline; /*Forces IE6/IE7 to play nice and remove extra margin*/ }
.nav li span{ background: url(/images/nav_top.jpg) no-repeat; /*height: 1.68em;*/ padding: 0.5em 5px 0.5em 10px; margin: 0; display: block; }
.nav li a, .nav li span.no_link{ background: url(/images/nav_bottom.jpg) left bottom repeat-y; color: #000; margin: 0 0 4px 0; padding: 0; font-size: 1.1em; cursor: pointer; /*IE6 Fix*/ display: block; text-decoration: none; }
.nav li span.no_link{ cursor: default; }
.nav li.active span, .nav li a:hover span, .nav li.active span.no_link{ background: url(/images/nav_extend_top.jpg) top left no-repeat; }
.nav li.active a, .nav li.active a:visited, .nav li a:hover, .nav li.active span.no_link{ background: url(/images/nav_extend_bottom.jpg) left bottom repeat-y; color: #fff; }
.nav li.extend{ font-size: 0.95em; margin: 0; padding: 0; }
.nav li.extend ul{ margin: 0; padding: 0; }
.nav li.extend ul li{ padding: 0; display: block; }
.nav li.extend ul li a{ background: #E3E3E3; color: #6C6C6C; padding: 2px 8px 2px 8px; margin: 0 0 4px 0; font-size: 1.05em; width: 90%; }
.nav li.extend ul li a:hover, .nav li.extend ul li a.active{ background: #424549; color: #fff; margin: 0 0 4px 0; }
/************************************************************************************************
*	Content
************************************************************************************************/
#content{ width: 77%; padding: 0; float: left; }
#content.pop{ width: 96%; padding: 2%; }
#content .intro{ float: left; width: 100%; background: url(/images/sep.gif) bottom left no-repeat; padding: 0 0 10px 0; margin: 0 0 10px 0; color: #6CA6F1; }
#content .intro p{ color: #000; }  
#content .intro a{ color: #6CA6F1; }
#content .intro span{ color: #000; }
#content .intro h2.individual_product{ background: url(/images/title_arrow.gif) 0 1px no-repeat; padding: 0 0 4px 18px; color: #669BDD; }
#content ul { margin: 10px 0 10px 15px; }
/************************************************************************************************
*	Home Page Category Display
************************************************************************************************/
#content #home_category { float: left;   margin: 0; }
#content #home_category li{ float: left; width: 14.6em; margin: 0 10px 0 0; background: #000 url(/images/category_back.gif) top left repeat-y;  padding: 0; cursor: pointer; list-style-type: none; }
#content #home_category li.last{ margin: 0 0 10px 0; }
/*#home_category li:hover{ background: #699ADC url(/images/category_back.gif) top left repeat-y; }*/
#home_category li a{ margin: 0; padding: 0; text-decoration: none; display: block; font-weight: bold; font-size: 1.05em; color: #6CA6F1; background: url(/images/category_back.gif) right repeat-y; }
/*#home_category li a:hover, #home_category li a:active{ background: #699ADC url(/images/category_back.gif) right repeat-y; color: #fff; }
#home_category li a:hover span.bottom_left { background-image: url(/images/category_bottom_left_hover.gif);}
#home_category li a:hover span.top_left {  float: none; background-image: url(/images/category_top_left_hover.gif); }
#home_category li a:hover span.top_right { background-image: url(/images/category_top_right_hover.gif); }
#home_category li a:hover span.bottom_right { background-image: url(/images/category_bottom_right_hover.gif); }   */
#home_category li a span.arrow { display: block; background: url(/images/category_arrow.gif) 0 4px no-repeat; padding: 0 0 0 10px; }
#home_category li img{ margin: 0 auto 0 auto; position: relative; }
#home_category .top_left, #home_category .bottom_right, #home_category .top_right, #home_category .bottom_left{ float: none; }
#home_category li a span.top_left { height: 1.8em; padding: 10px 0 10px 16px; margin: 0 0 10px 0; width: 75%; cursor: pointer; background-image: url(/images/category_top_left.gif); }
#home_category li a span.bottom_right { background-image: url(/images/category_bottom_right.gif); }
#home_category li a span.top_right { background-image: url(/images/category_top_right.gif); }
#home_category li a span.bottom_left { text-align: center; background-image: url(/images/category_bottom_left.gif); padding: 0 0 5px 8px; }
/************************************************************************************************
*	Individual Category Display
************************************************************************************************/
.category_intro{ float: left; background: #000 url(/images/category_back.gif) top left repeat-y; margin: 0 0 10px 0; }
.category_wrapper{ float: left; width: 100%; font-size: 1em; color: #fff; }
.category_wrapper p{ color: #fff; font-size: 1em; }
.category_wrapper h2{ margin: 0 0 30px 0; font-size: 1.4em; padding-left: 20px; background: url(/images/header_arrow.gif) center left no-repeat; }
.category_details{ float: left; margin: 0; }
.category_details img{ margin-right: 20px; }
.sub_category_title{ padding: 0 40px 0 0; float: left; font-size: 1.1em; color: #6CA6F1; list-style-type: none; margin: 0 }
.sub_category_title li{ margin: 0 0 3px 0; padding: 0; list-style-type: none; }
.sub_category_title li.first{ margin-bottom: 5px; }
.sub_category_title li a { font-size: 0.9em;   color: #6CA6F1;    }
.sub_category_title li a:hover{ color: #fff; text-decoration: underline; }
.category_intro .category_description{ float: left; background: url(/images/category_back.gif) top right repeat-y; }
.category_intro .top_left { background-image: url(/images/category_top_left.gif); }
.category_intro .bottom_right { background-image: url(/images/category_bottom_right.gif); }
.category_intro .top_right { background-image: url(/images/category_top_right.gif); }
.category_intro .bottom_left { background-image: url(/images/category_bottom_left.gif); padding: 16px; width: 712px; }
/************************************************************************************************
*	Products
************************************************************************************************/
.product{ float: left; width: 100%; background: #fff url(/images/product_back.gif) bottom left repeat-x; margin: 0 0 10px 0;}
.product_back{ float: left; background: url(/images/product_side.gif) top left repeat-y; }
.product a{ font-weight: bold; }
.product a.img { text-align : center;}
.product_details{ float: left; margin: 0 0 0 20px; overflow: hidden; min-height: 100px; }
.product_details h3{ font-size: 1.4em; margin: 0 0 10px 0; }
.product_details h3 a{ text-decoration: none; color: #000; font-weight: bold; font-size: 0.85em; }
.product_details p{ margin-bottom: 10px; }
.product .img{ float: left; display:block;  width: 141px;  height:141px; overflow:hidden;  margin: 0 5px 0 0; }
#content .product_spec{ float: left;width: 100%; padding-right: 0; color: #6CA6F1; font-size: 0.95em;   margin: 0; }
#content .product_spec li { float: left; width: 100%; }
.product_spec strong{ color: #000; font-weight: bold; width: 8em; float: left; }
.product_spec span{ float: left; width: 22em; display: block; }
.search_display .product_spec span{ float: left; width: 120px; display: block; }
.product_spec li{ margin: 0 0 1px 0; clear: left; list-style-type: none; }
.product .product_description{ float: left; background: url(/images/product_side.gif) top right repeat-y; width: 100%; }
.product .product_description li{ list-style-type: none; }
.product .top_left { background-image: url(/images/product_top_left.gif); }
.product .bottom_right { background-image: url(/images/product_bottom_right.gif); }
.product .top_right { background-image: url(/images/product_top_right.gif); }
.product .bottom_left { padding: 16px; width: 712px; background-image: url(/images/product_bottom_left.gif); }
.product .more{ float: right; margin: 10px 0 0 0; background: url(/images/morelink.jpg) center no-repeat; font-family: Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif; color: #fff; padding: 7px 25px 7px 25px; text-decoration: none; text-transform: uppercase; font-weight: bold; width: auto; border: 0; cursor: pointer; }
.product .no_image { float: left;  width: 109px; height: 85px;  margin: 0 5px 0 0; padding: 55px 15px 0 15px; display: block;  background-color: #E3E3E3;  border: 1px solid #CADDEB; text-align: center; font-weight: bold; text-decoration: none; }
/************************************************************************************************
*	Individual Products
************************************************************************************************/
#content div.individual_product{ width: 450px; float: left; padding: 0; margin: 0 0 0 20px; color: #000; }
#content div.individual_product form{ float: left; }
#content h2.individual_product{	margin: 20px 0 -6px 0; color: #000; font-weight: bold; }
#content div.individual_product .product{ float: left; width: 450px; padding: 0; margin: 0; background-color: #E3E3E3; font-weight: bold; background: #2D3032 url(/images/individual_product_back.gif) bottom left repeat-x; }
#content div.individual_product .product .category_description{ background: url(/images/category_back.gif) top right repeat-y; }
#content div.individual_product .product .product_description{ background: url(/images/category_back.gif) top right repeat-y;   }
#content div.individual_product .product .top_left { background-image: url(/images/individual_product_top_left.gif);       }
#content div.individual_product .product .bottom_right { background-image: url(/images/category_bottom_right.gif); }
#content div.individual_product .product .top_right { background-image: url(/images/individual_product_top_right.gif); }
#content div.individual_product .product .bottom_left { background-image: url(/images/category_bottom_left.gif); padding: 10px 14px 20px 14px; margin: 0 0 0 0; width: 422px; 	 }
#content div.individual_product .product p{ padding: 10px 5px 0 5px; font-weight: normal; color: #6CA6F1; }
#content div.individual_product .product a, #content div.individual_product .product strong{ color: #fff; }
#content div.individual_product .product ul{ float: left; margin: 0 0 5px 5px; padding: 0; font-weight: bold; width: 410px; font-size: 0.9em; color: #fff; }
#content div.individual_product .product li{ float: left; margin: 0 0 10px 0; width: 100%; padding: 0; }
#content div.individual_product .product li div.label{ width: 40%; float: left; font-size: 1.1em;color: #6CA6F1; } 
#content div.individual_product .product li div.spec{ margin: 0; padding: 0; width: auto; float: right; text-align: right; font-size: 1.1em; }
#content div.individual_product .product li div.spec select{ padding: 0; margin: 0; width: 145px; }
#content div.individual_product .product li div.spec input { margin: 0; float: right; }
#content div.individual_product .product li div.quantity { float: right; }
#content div.individual_product .product li div.quantity .unit{ padding: 3px 0 0 0; width: auto; }
#content div.individual_product .product li div.quantity input{ text-align: right; width: 100px; margin: 0 5px 5px 0; float: left; }
#content div.individual_product .product li small{ color: #fff; clear: right; float: right; width: 50%; margin: 0; font-size: 1em; text-align: right;	 }
div.product_image{ float: left; text-align : center; width : 267px; }
#price_wrapper{ width: 402px; float: left; background: #fff url(/images/price_back.jpg) no-repeat; text-align: right; font-size: 1.6em; font-family: Arial; padding: 8px 12px 7px 12px; color: #000; margin: 10px 0 20px 0; }
#content div.individual_product .product li.product_highlight {}
#content div.individual_product .product li.product_highlight div.label{ margin: 2px 0 0 0; }
#content div.individual_product .product li.product_highlight_alt {}
#content div.individual_product .product li.product_highlight_alt div.label{ margin: 2px 0 0 0; }
.add_basket, .add_basket:focus{ float: left; background: #000 url(/images/add_basket.jpg) no-repeat; color: #1B5CAE; font-size: 1em; font-family: Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif; width: auto; padding: 7px 21px 6px 40px; text-decoration: none; display: block; text-transform: uppercase;  font-weight: bold; border: 0; margin: -20px 2px 0 10px; cursor: pointer; }
div.individual_product ul#options_list{ float: left; width: 100%; font-size: 0.9em; margin: 0 0 7px 0; }
div.individual_product ul#options_list li{ margin: 0; list-style-type: none; }
div.individual_product ul#options_list li a{ padding: 0 0 0 25px; background-position: 0 2px;background-repeat: no-repeat; text-decoration: none;  font-weight: bold; color: #000; }
div.individual_product ul#options_list li a:hover{ background-position: 0 -27px; text-decoration: underline; }
div.individual_product #delivery{ background-image: url(/images/delivery.gif); }
div.individual_product #options{ background-image: url(/images/options.gif) }
div.individual_product #card{ background-image: url(/images/card.gif); }
.no_image { float: left;  width: 265px; height: 176px; padding: 140px 0 0 0; display:block;  background-color: #E3E3E3; border: 1px solid #CADDEB; text-align: center; font-weight: bold; }
/************************************************************************************************
*	Products Tab
************************************************************************************************/
#content #product_nav { float: left; width: 100%; text-align: left; margin: 10px 0 0 0; border-bottom: 1px solid #B3B3B3; list-style-type: none; padding: 0 0 0 3px; }
#product_nav li { float: left; display: inline; margin: 0 2px 0 0; padding: 0; }
#product_nav li .tab_left{ float: left; background: #fff url(/images/tab_left.gif) top left no-repeat; padding: 0; margin: 0; }
#product_nav li .tab_right{ float: left; background: url(/images/tab_right.gif) top right no-repeat; padding: 0; margin: 0; }
#product_nav li.active a{ /* settings for selected tab */ border-bottom: 1px solid #F4F4F4; background: #E4E4E4 url(/images/tab_sliver_active.gif) repeat-x; }
#product_nav li a { /* settings for all tab links */ float: left; position: relative; padding: 3px 16px 3px 16px; color: #666; background: #E4E4E4 url(/images/tab_sliver.gif) repeat-x; text-decoration: none; margin: 0 1px -1px 1px; border-bottom: 1px solid #B3B3B3; outline: none; /* Prevents dotted outline when clicked*/ }
.tab_content{ position: relative; float: left; width: 413px; overflow: hidden; margin: 0 0 15px 0; padding: 15px 20px 0 20px; border-bottom: 1px solid #B3B3B3; background: url(/images/a1.gif) repeat-x; }
.tab_content ul{ float: left; clear: both; padding: 5px 0 15px 0; font-size: 0.9em; }
.tab_content .product_spec { clear: both; padding: 5px 0 15px 0; float: left; font-size: 0.9em; }
.tab_content .product_spec strong{ width: auto; margin: 0 5px 0 0; }
.tab_content .product_spec li{ padding: 0; margin: 0 0 10px 0; background: none; }
.tab_content p{ float: left; padding: 0 0 10px 0; }
.tab_content ul li{ padding: 0 0 0 15px; margin: 0 0 5px 0; background: url(/images/bullet.gif) 5px 5px no-repeat; }
.tab_content .product_notes{ clear: both; }
/************************************************************************************************
*	News/FAQ
************************************************************************************************/
.news .bottom_left { width: 450px; }
.news .bottom_left form { width: 450px; }
.news .more{ float: right; margin: 10px 0 0 0; background: url(/images/news_morelink.jpg) center no-repeat; font-family: Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif; color: #fff; padding: 7px 20px 7px 20px; text-decoration: none; text-transform: uppercase; font-weight: bold; width: auto; border: 0; cursor: pointer; }
.news .product_details{ margin: 0; }
.search_page .alert{ float: left; width: 400px; padding: 25px 10px 25px 70px; margin: 0 0 20px 0; background: #E3E3E3 url(/images/warning.jpg) 20px 17px no-repeat;   border: 1px solid #CADDEB; font-weight: bold; text-decoration: none; }
.search_page .product_details { width: 250px; }
.search_page .product .img{ margin-right: 10px; }
.search_page .product_spec { padding-right: 0; }
.search_page .bottom_left { width: 450px; }
.clear_search { margin: 5px 0 0 0;  float: left; color: #fff; }
.sep{ float: left; width: 432px; background: url(/images/sep.gif) top left no-repeat; padding: 10px 0 0 0; margin: 10px 0 0 0; border: 0; }
table{ float: left; width: 100%; margin: 0 0 20px 0; }
table th{ width: 120px; text-align: right; padding-right: 5px; }
table th h3{ text-align: left; }
table.address{ float: left; width: 370px; }
form.previous_orders { float: left; margin: 0 0 20px 0; padding: 0;}
form.previous_orders h3{ float: left; margin: 20px 0 0 0; padding: 0;}
/************************************************************************************************
*	Basket
************************************************************************************************/
table.basket{ clear: left; width: 743px; margin: 0; padding: 0; border-collapse: collapse; }
table.basket a{ text-decoration: none; padding: 0; margin: 0; }
table.basket th{ text-align: left; margin: 0; padding: 0; width: auto; border-bottom: 1px solid #000; }
table.basket tbody{ width: 100%; margin: 0; padding: 0; }
table.basket thead{ margin: 0; padding: 0; }
table.basket thead tr{ margin: 0; padding: 0; }  
table.basket tfoot{ width: 100%; margin: 0; padding: 0; }
table.basket tfoot tr{ border-bottom: 0; }
table.basket tfoot td{ margin: 3px 0 0 0; }
table.basket tfoot td.price{ text-align: right; }
/* table.basket tfoot tr div{ text-align: left; padding: 0; margin: 2px 0; } */
table.basket tr{ padding: 0 0 0 0; margin: 0; }
table.basket td{ margin: 0; padding: 1px 0 2px 0; overflow: hidden;}
table.basket tr.even td{ background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; }
table.basket tr.odd td{ background-color: #FCFCFC; border-bottom: 1px solid #EAEAEA; }
table.basket .remove{ width: 50px; text-align: center; }
table.basket .remove img{ margin: 5px 0 -2px 0; }
table.basket th.code{ width: 110px; }
table.basket td.code{ width: 105px; padding-left: 5px; }
table.basket .name{ width: 275px; }
table.basket.final .name{ width: 250px; }
table.basket .price{ padding-right: 5px; width: 75px; }
table.basket tbody td.price { text-align: right; padding-right: 5px; width: 75px; }
table.basket .size{ width: 108px; padding-right: 2px; }
table.basket.final th.size { width: 108px;  padding-right: 2px; }
table.basket .quantity{ width: 50px; padding-top: 0; padding-right: 5px; }
table.basket td.quantity { text-align: center; }
table.basket .quantity input{ margin: 1px 0 0 0; text-align: center; width: 43px; }
.basket_input{ margin: 10px 0 0 0; width: auto; float: right; text-align: right; }
.basket_input input, .continue_shopping, .checkout{ float: right; width: auto; padding: 3px 5px; margin-left: 10px; border: 1px solid #C6C6C6; text-decoration: none; }
.basket_input input:focus{ padding: 3px 5px; }
.checkout{ margin: 0; float: right; width: auto; padding: 3px 5px; color: #000; margin-left: 10px; background-color: #EEE; }
a.checkout_option { float: left; width: 340px; margin-right: 20px; padding: 60px 0; text-align: center; border: 1px solid #CFCFCF; background: #E3E3E3; }
a.checkout_option:hover { border: 1px solid #E3E3E3; background: #424549; color: #E3E3E3; }
#content #inner_content .alert, #content #inner_content .notice{ width: 400px; margin: 0; }
#content .alert, #content .notice{ float: left;  width: 661px; padding: 25px 10px 15px 70px;  margin: 10px 0 10px 0; background: #E3E3E3 url(/images/warning.jpg) 20px 17px no-repeat;  border: 1px solid #CADDEB; font-weight: bold; text-decoration: none; }
#content .notice{ background: #E3E3E3 url(/images/update.jpg) 20px 17px no-repeat; }
#content .notice li, #content .alert li{ margin: 0 0 10px 0; list-style-type: none; }
/************************************************************************************************
*	Content Sidebar
************************************************************************************************/
#inner_content{ width: 482px;  float: left; }
#content_sidebar{ float: left; width: 220px; margin-left: 35px; line-height: 1.5em; }
#content_sidebar.position2{ float: left; margin-right: 0; margin-left: 0; }
#content_sidebar ul{ width: 100%; margin: 0 0 10px 0; }
#content_sidebar ul li{ list-style-type: none; margin: 0; padding: 0; display: inline; }
#content_sidebar ul li a{ padding: 2px 8px 2px 8px; margin: 0 0 4px 0; display: block; background: #E3E3E3; color: #6C6C6C; text-decoration: none; }
#content_sidebar ul li a:hover{ background: #424549; color: #fff; }
/************************************************************************************************
*	Sub Nav
************************************************************************************************/
#sub_nav{ float: left; margin: 10px 0 10px 0; padding: 0; font-size: 0.9em; background: #fff url(/images/sub_nav_back.gif) bottom left repeat-x; }
#sub_nav .side_right{ float: left; background: url(/images/product_side.gif) top right repeat-y; }
#sub_nav .top_left{ background-image: url(/images/product_top_left.gif); }
#sub_nav .bottom_right { background-image: url(/images/product_bottom_right.gif); }
#sub_nav .top_right { background-image: url(/images/product_top_right.gif); }
#sub_nav .bottom_left { background-image: url(/images/product_bottom_left.gif); padding: 15px 25px; width: 916px; }
#sub_nav .col1{ width: 312px; margin-right: 20px; padding: 0 20px 0 0; float: left; background: url(/images/sub_nav_sep.gif) top right no-repeat; }
#sub_nav .col2{ width: 292px; margin-right: 20px; padding: 0 20px 0 0; float: left; background: url(/images/sub_nav_sep.gif) top right no-repeat; }
#sub_nav .col3{ width: 222px; float: left; }
#sub_nav ul{ margin: 0 0 10px 0; }
#sub_nav li { display: inline; }
#sub_nav li.title{ width: 100%; color: #000; font-size: 1.2em; margin: 0 0 5px 0; float: left; }
/************************************************************************************************
*	Footer
************************************************************************************************/
#footer{ font-size: 0.95em; padding: 0 0 10px 0; margin: 20px 0 0 0;}
.pop #footer{ padding: 2% 0; }
#footer #copyright{ color: #1A1A1A; }
#footer ul{ clear: left; margin: 2px 0; }
#footer li{ display: inline; padding-left: 5px; margin-left: 4px; border-left: 1px solid #406A82; }
#footer .first{ border: 0; margin: 0; padding: 0; }
#footer #quality{ float: right; margin: 0; }
#footer #tjs{ text-decoration: none; float: left; }


#popupMask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:200;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
	width: 200px;
}
#popupInner {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 10px;
	float: left;
}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
#popupControls a span {
	display: block;
	height: 22px;
	width: 22px;
	right: -5px;
	top: -5px;
	position: relative;
	text-indent: -9000px;
	background: url('../images/remove.gif') no-repeat;
}
#popupInner form {
	float: left; width: 250px; margin: 10px 0 10px 60px;	
}
#popupInner .error { float: left; width: 230px; padding: 5px 10px; margin: 10px 128px 13px 0; background: #CD0B26; color: #fff; }


div#additional_images
{
	margin : 8px 0;
	padding-top : 15px;
	border-top : 1px solid #B3B3B3;
	float : left;
	width : 100%;
}

div#additional_images h3
{
	color : black;	
}

div#additional_images ul
{
	list-style-type : none;
}

div#additional_images li
{
	float : left;
	margin-right : 10px;
}

div#additional_images img
{
	width : 80px;
}

#content #qs_full
{
	color : white;
	height : 128px;
	width : 729px;
}

#content div#quickshop_intro
{
	background-color : black;
	background-image : url(/images/bullet_arrow.png);
	background-repeat : no-repeat;
	background-position : 16px 18px;
	width : 729px;
	clear : both;
}

#content div#quickshop_intro h3
{
	font-size : 1.5em;
	padding-top : 16px;
	padding-bottom : 15px;
	margin : 0;
	margin-left : 38px;
}

#content div#quickshop_intro .info
{
	font-size : 1.083em;
	line-height : 1.385em;
	width : 313px;
	float : left;
}

#content div#quickshop_intro .qs_controls
{
	float : left;
	width : 332px;
	padding-left : 38px;
	padding-top : 3px;
}

#content div#quickshop_intro .clear_search
{
	font-size : 0.917em;
	display : block;
	float : none;
	margin-top : 7px;
	margin-left : -1px;
}

#content div#quickshop_intro #search_full_keyword
{
	width : 214px;
	height : 31px;
	line-height : 31px;
	background-color : transparent;
	background-image : url(/images/qs-input_rounded.png);
	background-repeat : no-repeat;
	border : none;
	padding : 0 4px;
	margin-right : 12px;
	float : none;
}

#content div#quickshop_intro .submit
{
	width : 52px;
	height : 31px;
	background-color : transparent;
	background-image : url(/images/qs-button_rounded.png);
	background-repeat : no-repeat;
	border : none;
	padding : 0 4px;
	float : none;
}

#content div#quickshop_intro .top_right
{
	background-image : url(/images/qs-int_top-right.png);
	width : 100%;
	height : 100%;
	margin : 0;
}
#content div#quickshop_intro .bottom_right
{
	background-image : url(/images/qs-int_bottom-right.png);
	width : 100%;
	height : 100%;
	margin : 0;
}
#content div#quickshop_intro .top_left
{
	background-image : url(/images/qs-int_top-left.png);
	width : 100%;
	height : 100%;
	margin : 0;
}
#content div#quickshop_intro .bottom_left
{
	background-image : url(/images/qs-int_bottom-left.png);
	width : 100%;
	height : 100%;
	margin : 0;
}


#content ul.quickshop_results
{
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#content ul.quickshop_results li
{
	display : block;
	float : left;
	margin : 0;
	margin-top : 9px;
	font-size : 1.083em;
	width : 729px;
	background-image : url(/images/qs-li_bg.png);
	background-color : #e9e9e9;
	background-repeat : repeat-x;
}

#content ul.quickshop_results li .top_left
{
	display : block;
	float : left;
	background-image : url(/images/qs-li_left.png);
	width : 100%;
	min-height : 87px;
	background-position : left top;
	background-repeat : no-repeat;
}

#content ul.quickshop_results li .top_right
{
	display : block;
	float : left;
	background-image : url(/images/qs-li_right.png);
	width : 100%;
	min-height : 87px;
	background-position : right top;
	background-repeat : no-repeat;
}

#content ul.quickshop_results li .side_right
{
	display : block;
	float : left;
	background-image : url(/images/qs-li_side.png);
	width : 100%;
	min-height : 87px;
	background-position : right top;
	background-repeat : repeat-y;
}

#content ul.quickshop_results li .side_left
{
	display : block;
	float : left;
	background-image : url(/images/qs-li_side.png);
	width : 100%;
	min-height : 87px;
	background-position : left top;
	background-repeat : repeat-y;
}

#content ul.quickshop_results li .bottom
{
	background-repeat: no-repeat;
	background-position : bottom left;
	background-image : url(/images/qs-li_bottom.png);
	width : 100%;
	min-height : 94px;
}

#content ul.quickshop_results .product_details
{
	float : left;
	width : 323px;
	margin : 0;
	padding-top : 12px;
	min-height : 82px;
}

#content ul.quickshop_results .product_controls
{
	float : right;
	padding-right : 19px;
	text-align : center;
}

#content ul.quickshop_results .product_controls .price
{
	display : block;
	padding-top : 16px;
	font-size : 1.615em;
	text-align : right;
	color : #5f97d8;
	margin-bottom : 20px;
}

#content ul.quickshop_results .product_controls .quantity_value
{
	width : 1.5em;
	margin-right : 14px;
	margin-left : 8px;
}

#content ul.quickshop_results .product_info
{
	text-decoration : none;
}

#content ul.quickshop_results .product_intro
{
	font-weight : bold;
}

#content ul.quickshop_results .product_title
{
	display : block;
	width : 300px;
	padding-right : 18px;
	font-size : 1.231em;
	line-height : 1.375em;
	margin-top : 6px;
	margin-bottom : 12px;
}

#content ul.quickshop_results .qs_add_basket
{
	margin : 0;
	width : 49px;
	height : 30px;
	background-image : url(/images/qs-button_grad.png);
	background-color : none;
	background-repeat : no-repeat;
	color : white;
	border : none;
	margin-right : 1px;
}

#content ul.quickshop_results .qs_add_basket:hover
{
	cursor : pointer;
}

#content ul.quickshop_results span.var_details
{
	width : 153px;
	float : left;
	height : 80px;
	position : relative;
}

#content ul.quickshop_results span.var_details .abs
{
	position : absolute;
	bottom : 0;
}

#content ul.quickshop_results span.var_details div
{
	margin : 0;	
}

#content ul.quickshop_results span.var_details .item
{
	display : inline-block;
}

#content ul.quickshop_results span.var_details .label
{
	display : inline-block;
	width : 6em;
}

#content ul.quickshop_results span.var_details .def
{
	color : #669bdd;
}

#content ul.quickshop_results a
{
	color : black;
}

#content ul.quickshop_results a.image_popup, #content ul.quickshop_results span.noimage
{
	float : left;
	width : 99px;
	height : 95px;
	text-decoration : none;
	line-height : 1em;
}

#content ul.quickshop_results a.image_popup img.image_holder
{
	display : block;
	margin-left : 27px;
	margin-top : 16px;
}

#content ul.quickshop_results img.image_popup
{
	position : absolute;
	right : 20px;
	top : 20px;
	z-index : 1000;
	padding : 5px;
	border : 1px solid #B3B3B3;
	background-color : white;
}

#content ul.quickshop_results span.intro
{
	font-weight : bold;
	width : 100%;
	height : 32px;
	line-height : 32px;
	display : block;
}

#content ul.quickshop_results div.clear
{
	float : none;
	clear : both;
	margin : 0;
}