/*
 * LAYOUT
 ***********************************************/
body					{background: url(../img/bg_body.gif) repeat top left; margin: 0; padding: 0; text-align: center;}

.clear					{clear: both}
hr.separator			{display: none}

#container				{background: url(../img/bg_container.png) repeat-y top left; width: 980px; margin: 0 auto; text-align: left;}
#header, #content		{margin: 0 10px}
#jump-menu				{display: none}
/*#header					{background: url(../img/bg_header_winter.jpg) no-repeat -1px -1px; }*/

#contentWrapper			{width: 760px; float: left;}
#tertiaryContent		{float: right; margin-left: 10px; width: 190px;}
#primaryContent			{float: right; width: 560px;}
#secondaryContent		{width: 190px;}
#footer					{padding: 5px 10px 15px; background: url(../img/bg_footer.png) no-repeat bottom left; clear: both; width: 960px; margin: 0 auto; margin-bottom: 10px;}


#logo					{width: 315px; height: 80px; float: left;}
#logo h1				{margin: 0;}
#logo h1 a				{width: 315px; height: 80px; float: left; text-indent: -1000em; background: url(../img/logo.gif) no-repeat top left}
#top-links				{float: right; margin-left:445px; padding-top: 3px; width: 190px; height: 80px}
#top-links li			{list-style: square inside; color: #ccc; margin-bottom: 2px; }
#top-links a			{color: #333; text-decoration: none; font-size: 11px; font-weight: bold;}
#top-links a:hover		{text-decoration: underline}

#assistance				{clear: both; padding: 3px 0; background: #d9d9d9; height: 50px; padding-top: 5px;}
#assistance form,
#assistance h4			{margin: 0 0 5px;}

#search					{background: url(../img/icon_search.gif) no-repeat left center; padding-left: 38px; width: 342px; margin-right: 5px; overflow: hidden; float: left}
#search #s-name			{width: 270px; padding: 2px 0; border: 1px solid #999; float: left;}
#search	h4				{font-size: 1em; margin-bottom: 0.2em}
#search	h4 a			{font-size: 0.8em; font-weight: normal}
#search button			{width: 65px; height: 23px; background: transparent url(../img/btn_search.gif) no-repeat top left; margin: 0; border: 0; padding: 0; float: right;}
#search span			{display: none}

#newsletter					{background: url(../img/icon_newsletter.gif) no-repeat left center; padding-left: 38px; width: 341px; overflow: hidden; float: left; border-left: 1px solid #e5e5e5; margin-right: 5px;}
#newsletter #n-name, #newsletter #n-email {width: 140px; padding: 2px 0; border: 1px solid #999; float: left; margin-right: 5px}
#newsletter	h4			{font-size: 1em; margin-bottom: 0.2em}
#newsletter	h4 a		{font-size: 0.8em; font-weight: normal}
#newsletter button		{width: 44px; height: 23px; background: transparent url(../img/btn_ok.gif) no-repeat top left; margin: 0; border: 0; padding: 0; float: right;}
#newsletter span		{display: none}

#contact				{padding-left: 5px; float: left; border-left: 1px solid #e5e5e5}
#contact h4				{font-size: 1em; margin-bottom: 0.2em}
#contact div			{line-height: 1em}

#content				{margin-top: 10px;}

.block					{width: 180px; overflow: hidden; background: url(../img/side_box_grey_180.gif) no-repeat bottom left; margin-bottom: 10px;}
.block h2.title			{background: url(../img/side_box_grey_180.gif) no-repeat top left; padding: 10px 5px; font-size: 12px; margin: 0;}
.block .content			{margin: 5px;}
#secondaryContent .block{margin-left: 10px;}
#tertiaryContent .block {margin-right: 10px;}

#categories.block		{background-image: url(../img/side_box_red_190.gif); margin-left: 0; width: 190px; color: #fff}
#categories.block h2.title
						{background-image: url(../img/side_box_red_190.gif); padding: 15px 5px; font-size: 12px; margin: 0;}
#categories.block .content h2	
						{font-size: 12px; padding-bottom: 3px; border-bottom: 1px solid #bf4e68; margin: 5px 0 3px;}
#categories.block a		{color: #fff; text-decoration: none;}
#categories.block a:hover{text-decoration: underline;}
#categories.block a	strong{display: none;}
#categories.block li	{list-style: none;}
#categories.block ul	{margin: 0 0 0 20px;}
#categories li.category-56 a {font-weight: bold; color: #ffaa00}

#brands.block select	{width: 170px; margin-bottom: 5px;}

#account.block			{background-image: url(../img/side_box_darkgrey_180.gif); margin-left: 0; width: 190px;}
#account.block h2.title {background-image: url(../img/side_box_darkgrey_180.gif); padding: 15px 5px; font-size: 12px; margin: 0; color: #fff}
#account fieldset		{margin-bottom: 0.5em}
#account .submit		{background: #333; color: #fff; font-weight: bold; font-size: 11px;}


#recommendations .content{text-align: center}
#recommendations a		{text-decoration: none;}
#recommendations a:hover		{text-decoration: underline;}
#recommendations .product{margin-bottom: 5px;}

.product-list			{clear: both}
.product-list .product	{float: left; width: 180px; height: 280px; margin: 0 10px 10px 0; background: url(../img/bg_product_box.gif) no-repeat top left; text-align: center;}
.product-list .product.last {margin-right: 0px;}
.product-list .product h4{font-size: 14px; margin: 0; padding: 5px; height: 34px; overflow: hidden}
.product-list .product h4 a {color: #333; text-decoration: none;}
.product-list .product .image {margin: 5px 5px; width: 170px; height: 170px; overflow: hidden}
.product-list .product .image img {height: 170px}
.product-list .product .price {margin: 0 2px; background: #d0d0d0; padding: 2px;}
.product-list .product .actions {margin: 7px 5px 0; text-align: left; }
.product-list .product .actions button {border: 0; padding: 5px 3px 3px; background: #990000; color: #fff; font-size: 11px; float: right; margin: 0; display: inline;}

#account label			{display: block;}

.free-delivery			{font-size: 11px; padding: 5px 5px 5px 45px; margin: 0 10px 5px 0; background: #e5e5e5 url(../img/delivery.png) no-repeat 5px 5px; border: 1px solid #bbb}
.free-delivery a		{text-decoration: none; }
.free-delivery a strong	{color: #000}

.info					{font-size: 11px; padding: 5px 5px 5px 45px; margin: 0 10px 5px 0; background: #e5e5e5 url(../img/info.png) no-repeat 5px 2px; border: 1px solid #bbb;}

.anpc					{margin: 0 10px 10px 0;}

#deliveryAlert			{margin: 1px 10px; padding: 3px; text-align: center; background: #ccc; font-size: 11px; font-weight: bold}
#partners2.block		{background: transparent;}
h2.titlePrefix			{display: none;}
.void					{display: none;}
.clearfix				{clear: both}

#pagination				{clear: both}

/*
 * TYPOGRAFY
 ***********************************************/
body					{line-height: 1.5em; font-size: 12px;}
a						{color: #a00000; text-decoration: underline}
a:hover					{text-decoration: none}
select, input, textarea {border: 1px solid #999; padding: 2px}

h1,h2,h3,h4,h5,h6		{margin-bottom: 0.75em; font-weight: bold;}
h1						{font-size: 200%}
h2						{font-size: 166.7%}
h3						{font-size: 150%}
h4						{font-size: 125%}

p						{margin-bottom: 1em}

del						{text-decoration: line-through; color: #666}

table thead *, 
table tfoot *						{ background: #dadada; font-weight: bold; }
table .format-number, 
table .format-number input			{ text-align: right; }
table .even-row						{ background: #ededed; }

#footer					{font-size: 11px;}

.brand					{margin-bottom: 1.5em;}
.brand h2				{margin-bottom: 0}

.block .cart-content	{font-size: 11px;}
.block .cart-content span.value {float: right; font-weight: bold}
.block .cart-content .item {padding: 3px 0; border-top: 1px solid #ccc; clear: both;}
.block .cart-content .total {padding: 3px; background: #ccc; clear: both;}
#cart.block .minimum-order {font-size: 11px; font-weight: bold;
}
.block .actions			{font-size: 11px;}
/*
 * Category filters
 ***********************************************/
#filters							{ height: 20px; font-size: 11px;}
#filters h5							{ float: left; font-size: 0.9em; font-weight: bold; padding: 0.2em; background: #b0aa8b; color: #fff; font-family: verdana, sans-serif; }

.filters, .filters *				{ margin:0; padding:0; }
.filters							{ float:left;}
.filters ul							{ background:#fff; /*IE6 needs this*/ }
.filters li							{ background:#e5e2cf; border-left:1px solid #fff; border-top:1px solid #e5e2cf; float:left; list-style:none; position:relative; z-index:999; }
.filters b							{ float: left; padding: 2px 2em; }
.filters a							{ display:block; float:left; padding: 0.2em; text-decoration:none; width:10em; }
.filters li ul						{ float:none; top:-999em; position:absolute; width: 15em; }
.filters li:hover,
.filters li.sfHover,
.filters a:focus, 
.filters a:hover, 
.filters a:active					{ background:#d1caa8; }
.filters li:hover ul, /* pure css hover removed below */
ul.filters li.sfHover ul			{ left:-1px; top:2em; }
.filters li:hover li ul, /* pure css hover removed below */
ul.filters li.sfHover li ul			{ top:-999em; }
.filters li li:hover ul, /* pure css hover removed below */
ul.filters li li.sfHover ul			{ left:9.45em; top:-1px; width:15em; }
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.filters li:hover ul,
.filters li li:hover ul				{ top:-999em; }
.filters li li						{ background:#d1caa8; float:none; width:15em; }
.filters li li li					{ background:#e5e2cf; }
.filters li li a					{ float:none; padding-right:0; width: auto; }
.filters li li:hover,
.filters li li.sfHover,
.filters li li a:focus,
.filters li li a:hover, 
.filters li li a:active				{ background:#e5e2cf; }
/* quick hacks for IE */
*html .filters li li				{ margin-bottom:-3px; }
*html .filters li li li				{ margin-bottom:-1px; }
*+html .filters li li				{ margin-bottom:-3px; }
*+html .filters li li li			{ margin-bottom:-1px; }

#category-filters					{ clear: both; margin-top: 5px; font-size: 0.8em; }
#category-filters legend			{ margin-left: -2px; *margin-left: -5px; font-weight: bold; }
#category-filters legend a			{ font-weight: normal; }
 
 
/*
 * Form styles
 ***********************************************/
form.main label						{ width: 150px; margin-right: 5px; text-align: right; float: left; }
form.main div.required, 
form.main div.optional				{ margin-bottom: 5px; clear: both; }
form.main label.normal				{ display: inline; float: none; text-align: left; }
form.main fieldset					{ padding-top: 5px; border-top: 1px solid #ccc; }
form.main div.element				{ padding: 5px 0px; }
form.main .first-button				{ margin-left: 200px; }
form.main div.group					{ margin-left: 155px; padding: 0px 0px 0px 0px; }
form.main div.group label, 
form.main label.simple				{ display: inline; width: auto; float: none; }
form.main div.required label		{ font-weight: bold; }
form.main div.required label sup	{ color: #f00; }
form.main div.required div.group label
									{ font-weight: normal; }

div.buttons							{ border-top: 1px solid #bdcedf; background: #d3e0ee; padding: 2px 5px 2px 190px; height: 24px; text-align: center; }
div.buttons-list					{ border-top: 1px solid #bdcedf; background: #d3e0ee; padding: 2px 5px; height: 24px; text-align: center; }

/*
 * Buttons
 ***********************************************/
button								{ display:block; float:left; margin:0 7px 0 0; background: url(../img/bg_btn_positive.gif) repeat-x center left; border:1px solid #d1c2a8; border-bottom:1px solid #998e7b; border-right:1px solid #998e7b; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; width:auto; padding: 2px 10px 3px 7px; /* IE6 */ height: 22px; overflow: hidden; font-size: 0.8em; font-family: Verdana; }
button span							{ font-weight:bold; position: relative; top: -3px; }

a.button, 
a.negative-button, 
a.positive-button					{ display:block; float:left; margin:0 7px 0 0; border:1px solid #dedede; border-bottom:1px solid #999; border-right:1px solid #999; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding: 2px 10px 0px 7px; /* Links */ height: 18px; overflow: hidden; font-family: Verdana; font-size: 0.8em; }

button[type]						{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
button img, 
a.button img, 
a.positive-button img, 
a.negative-button img				{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }

/* STANDARD */
button:hover,
a.button:hover						{ background: url(../img/bg_btn_positive_hover.gif) repeat-x center left; border:1px solid #b2d1df; color:#336699; }
a.button:active						{ background: url(../img/bg_btn_positive_hover.gif) repeat-x center left; border:1px solid #6299c5; color:#fff; }

/* POSITIVE */
button.submit, a.positive-button	{ background: url(../img/bg_btn_positive.gif) repeat-x center left; border:1px solid #999; color:#000; }
a.positive-button:hover, 
button.submit:hover					{ background: url(../img/bg_btn_positive_hover.gif) repeat-x center left; border:1px solid #a79576; }
a.positive-button:active			{ background: url(../img/bg_btn_positive_hover.gif) repeat-x center left; border:1px solid #a79576; color:#fff; }

/* NEGATIVE */
a.negative-button, button.reset		{ background: url(../img/bg_btn_negative.gif) repeat-x center left; color:#d12f19; }
a.negative-button:hover, 
button.reset:hover					{ background: url(../img/bg_btn_negative_hover.gif) repeat-x center left; border:1px solid #999; color:#d12f19; }
a.negative-button:active			{ background: url(../img/bg_btn_negative_hover.gif) repeat-x center left; border:1px solid #999; color:#fff; }

/*
 * Messages
 ***********************************************/
div.error								{ clear: both; margin-bottom: 10px; background:; padding: 3px 3px 3px 20px; border: 1px solid #fcbfbf; font-size: .9em; background: #fee3e3 url(../img/icons/error.gif) no-repeat top left; }
div.alert, div.flash					{ clear: both; margin-bottom: 10px; padding: 3px 3px 3px 20px; border: 1px solid #ebddbb; font-size: .9em; background: #f5efd6 url(../img/icons/alert.gif) no-repeat top left; }
div.notice								{ clear: both; margin-bottom: 10px; padding: 3px 3px 3px 20px; border: 1px solid #cae4b0; font-size: .9em; background: #e7f5d9 url(../img/icons/notice.gif) no-repeat top left; }

/*
 * Shopping cart
 ***********************************************/
form.cart div.actions				{ margin-top: .3em; height: 30px}
form.cart div.actions button		{ margin: 0; padding: 0; border: 0; float: right; background: #900; color: #fff; padding: 3px 10px 5px}
form.cart div.actions a				{ margin: 0; padding: 0 20px 0 0; border: 0; background: url(../img/cart_go.gif) no-repeat top right; height: 20px; float: left; font-size: 0.9em;}

table.cart-content					{ width: 100%; }
table.cart-content td, 
table.cart-content th				{ padding: 2px; }
table.cart-content					{ border-collapse: separate; border-spacing: 1px; }
table.cart-content td.product-options{ font-size: .9em; }

/*
 * Product
 ***********************************************/
#product div.image					{ clear: left; float: left; margin-right: 10px; margin-bottom: 5px; text-align: center; border: 1px solid #ccc}
#product div.image img				{width: 300px}
#product div.presentation			{float: right; width: 245px}
#product fieldset.order				{ border: 1px solid #c9c9c9; background: #eeeeee; padding: 5px 0px; float: right; width: 100%; text-align: center;}
#product fieldset.order legend		{ display: none; }
#product fieldset.order input.quantity
									{ text-align: right; width: 20px; vertical-align: middle; margin-right: 5px}
#product fieldset.order input.submit{ vertical-align: middle; background: #900; color: #fff; font-size: 0.9em; font-weight: bold; border: 0; padding: 3px 10px; }

#product .specials					{ height: 16px; }
#product .price						{ font-size: 1.4em; }
#product .price del					{ color: #900; }
#product .brand-category			{ font-size: 0.9em; }
#product .brand-category a			{ font-weight: bold; color: #000; }

#product-specs table				{ border: 1px solid #dadab5; width: 400px; }
#product-specs table th				{ background: #dadab5; padding: 2px; font-weight: bold; }
#product-specs table td				{ padding: 2px; border-top: 1px solid #dadab5; }
#product-specs table td.label		{ width: 150px; text-align: right; background: #e9e9d3; }
#product-images ul					{ list-style: none; }
#product-images li					{ float: left; width: 25%; margin: 0; padding: 0; border: 0; text-align: center; }

#similar-products h4				{ padding: 3px 5px; background: #f0f0f0; border-bottom: 1px solid #d9d9d9;}

/*
 * Tabs
 ***********************************************/
.tabs-a 							{clear: both;}
.tabs-a .nav						{ float: left; margin-top: 10px; line-height:normal; width: 100%; background: #f0f0f0 ; border-bottom: 1px solid #d9d9d9; }
.tabs-a .nav ul						{ margin:0; padding:3px 10px 0 10px; list-style:none; }
.tabs-a .nav li						{ display:inline; margin:0; padding:0; }
.tabs-a .nav a						{ float:left; background:url("../img/tab_a_left.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
.tabs-a .nav a span					{ float:left; display:block; background:url("../img/tab_a_right.gif") no-repeat right top; padding:5px 8px 4px 4px; color:#635f4e; font-size: 0.9em; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs-a .nav a span					{float:none;}
/* End IE5-Mac hack */
.tabs-a .nav a:hover span			{ }
.tabs-a .nav a:hover				{ background-position:0% -42px; }
.tabs-a .nav a:hover span			{ background-position:100% -42px; }
.tabs-a .nav .current a				{ background-position:0% -42px; }
.tabs-a .nav .current a span		{ background-position:100% -42px; background-color: #666; color: #fff; }
.tab-content						{ clear: both; padding-top: 10px; }
.tab-content h3						{ display: none; }

/*
 * Comments
 ***********************************************/
#product .comment					{ border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 10px; }
#product .comment blockquote		{ margin: 5px 0 5px 20px; }


/*
 * Account pages
 ***********************************************/
.address h5						{ font-size: 1.2em; float: left }
.address .actions				{text-align: right;}

/*
 * Thickbox
 ***********************************************/
#TB_window							{ font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine						{ font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link					{color: #666666;}
#TB_window a:visited				{color: #666666;}
#TB_window a:hover					{color: #000;}
#TB_window a:active					{color: #666666;}
#TB_window a:focus					{color: #666666;}

#TB_overlay							{ position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack				{background: url(../img/macFFBgHack.png) repeat;}
.TB_overlayBG						{ background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
/* ie6 hack */
* html #TB_overlay					{ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window							{ position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
/* ie6 hack */
* html #TB_window					{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image				{ display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption							{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow						{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow					{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle					{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title							{ background-color:#e8e8e8; height:27px; }
#TB_ajaxContent						{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal			{ padding:15px; }
#TB_ajaxContent p					{ padding:5px 0px 5px 0px; }
#TB_load							{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
/* ie6 hack */
* html #TB_load						{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect						{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
/* ie6 hack */
* html #TB_HideSelect				{ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent					{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }