@import "jquery.rating.css";


/*	global
	----------------------------------------- */

	*{margin:0; padding:0; }
	a{ text-decoration: none; outline: none; color: #333; }
	a:hover, a.on, a.crt{ color: #1f639a; }
	a img{ border: 0; }
	h1, h2, h3, h4, h5, h6, p, address{ margin: 0 0 1em; }
	h1{ font-size: 16px; color: #004f8f; font-weight: bold; }
	h1.title.small { font-size: 14px; font-weight: bold; }
	h2{ font-size: 14px; color: #004f8f; font-weight: normal; }
	h3{ font-size: 14px; font-weight: normal; color: #000; }
	label{ display: block; }
	ul{ margin-left: 2em; }
	input.text, textarea.text{ font: 12px Arial, Helvetica, sans-serif; }

	html, body{ margin:0!important; padding:0!important; font: 11px Arial, Helvetica, sans-serif; }
	body{ background: #dae9f2 url("../images/bg-page2.gif") repeat-x top;  height: 100%; }
	#page-container{ width: 964px; margin: 15px auto; background: #fff url("../images/bg-shadow.gif") no-repeat top left; }
/*	#page-container .shadow-b{ position: relative; bottom: -4px; left: 0; height: 4px; line-height: 1px; display: block; clear: both; }*/
	#page-container .shadow-b{ background: url("../images/bg-shadow-b.gif") no-repeat left bottom; padding: 10px; }
		#header{ width: 100%; float: left; height: 95px; }
			#logo{ float: left; margin: 0; }
			/* #logo a{ width: 288px; height: 80px;  text-indent: -9999px; display: block; background: url("../images/logo.gif") no-repeat top center; } */
		#navigator{ background: url("../images/bg-main-menu.gif") repeat-x top; float: left; clear: both; }
		#breadcrumbs{ margin: 10px 0 0; width: 928px; float: left; padding: 0 8px; font-size: 12px; }
		#sidebar{ float: left; width: 180px; }
		#text{ width:764px; float: left; }
		#content{ width: 100%; float: left; }
		#footer{ width: 100%; float: left; color: #666;  }

	.black { color: black !important; }

/*	header & navigation
	----------------------------------------- */
	#header div, #header form{ text-align: right; display: block; }
	#header .line1{ color: #333; margin-bottom: 1px; word-spacing: 2px; }
	#header .line1 select{ margin-right: 15px; }
	#header .line1 big{ font-weight: bold; font-size: 1.37em; }
	#header .line2{ color: #02316e; font-size: 1.08em; font-weight: bold; line-height: 20px; word-spacing: 1px; }
	#header .line2 a.submit{ position: relative; top: 7px; margin-right: 10px; cursor: pointer;}
	#header .line2 img{ position: relative; top: 4px; }
	#header .line2 small{ font-size: 1em; font-weight: normal; color: #000; }
	#header .line2 input{ width: 135px; }

	#navigator{ height: 32px; font-size: 14px; font-weight: bold; margin: 0; width: 944px; }
	#navigator li{ display: block; list-style: none; float: left; position: relative; z-index: 99; background: url("../images/menu-sep.gif") no-repeat right center; }
	#navigator li.last{ background: url("../images/bg-main-menu-over.gif") no-repeat -1000px -1000px;  } /* preloading the image */
	#navigator li.last a{ margin-right: 0; }
	#navigator li a{ color: #fff;text-align: center; padding: 8px 9px 8px 9px; display: block;  margin-right: 1px; }
	#navigator li a:hover, #navigator li a.on, #navigator li.on a, #navigator li a.sel { background: url("../images/bg-main-menu-over.gif") repeat-x top; color: #fff; }


	#navigator li table{ position: absolute; z-index: 999; top: 100%; left: 1px; background: #fff; border-collapse: collapse; font-size: 11px; display: none ; /*border: 2px solid #4592c3; border-top: 0;*/}

	#navigator table td, #navigator table th{ vertical-align: top; border: 1px solid #e2e2e2; border-top: 0; }
	#navigator table th{ padding: 6px 8px; text-align: left; border-bottom: 0; background: url("../images/grad1.gif") repeat-x bottom left; color: #069; font-size: 14px; }
	#page-container #navigator table th a,#page-container #navigator table th a:hover{ padding: 0; color: #069; background: none; margin: 0; display: inline; }
	/*#navigator table td{ padding-bottom: 10px; }*/
	#navigator li table ul{ margin: 0; width: 140px; }
	#navigator li table li{ font-weight: normal; width: 100%; }
	#navigator li table li a, #navigator li.on li a{ padding: 3px 8px; background: #fff; color: #333; float: none; border-bottom: 1px solid #e2e2e2; font-size: 11px; margin:0; }
	#navigator li table li a:hover{ background: url("../images/submenu-hover.gif") repeat-x top left; color: #fff; }
	#navigator li table li a{ background: #fff url("../images/submenu-hover.gif") no-repeat -1000px -1000px; } /* preloading image */

	#navigator li table a{ text-align: left; }

/*
    #navigator li.first{ width: 128px; }
    #navigator li.i2{ width: 84px; }
    #navigator li.i3{ width: 79px; }
    #navigator li.i4{ width: 70px; }
    #navigator li.i5{ width: 70px; }
    #navigator li.i6{ width: 70px; }
    #navigator li.i7{ width: 76px; }
    #navigator li.i8{ width: 65px; }
    #navigator li.i9{ width: 77px; }
    #navigator li.i10{ width: 106px; }
    #navigator li.last{ width: 119px; }
*/
    #navigator li.i6 ul { width: 180px }


/*	content
	----------------------------------------- */

	#content{ background: #f4f4f4 url("../images/bg-content-b.jpg") repeat-x bottom left; }
	#content .content-shadow{ background: url("../images/bg-content-t.jpg") repeat-x top left; padding: 10px 6px 10px; }

	.col-left{ float: left; width: 50%; overflow: hidden;}
	.col-right{ float: right; width: 50%;overflow: hidden; }

	.col-right .box-hw, .col-right .box-qw, .col-right .box-qw2{ float: right; }
	.col-left .box-hw, .bol-left .box-qw2{ float: left; }

	.box-fw{ float: left; width: 929px; background: url("../images/box-fw-t.gif") no-repeat top left; padding-top: 13px; margin-bottom: 10px; }
	.box-fw .b{ background: url("../images/box-fw-b.gif") no-repeat bottom left; padding-bottom: 13px; }
	.box-fw .c{ background: url("../images/box-fw-c.gif") repeat-y left; padding: 0 2px 0 0; }

	.box-hw{ float: left; width: 458px; background: url("../images/box-hw-t.gif") no-repeat top left; padding-top: 13px; margin-bottom: 10px; }
	.box-hw .b{ background: url("../images/box-hw-b.gif") no-repeat bottom left; padding-bottom: 13px; }
	.box-hw .c{ background: url("../images/box-hw-c.gif") repeat-y left; padding: 0 2px 0 0; }

	.box-tw{ float: left; width: 755px; background: url("../images/box-tw-t.gif") no-repeat top left; padding-top: 8px; margin-bottom: 10px; }
	.box-tw .b{ background: url("../images/box-tw-b.gif") no-repeat bottom left; padding-bottom: 12px; }
	.box-tw .c{ background: url("../images/box-tw-c.gif") repeat-y left; padding: 0 2px 0 0; }

	.box-tw form, .box-tw .formish { padding: 10px 10px 0 10px ; margin: 0;}
	
	.box-qw{ float: left; width: 371px; background: url("../images/box-qw-t.gif") no-repeat top left; padding-top: 13px; margin-bottom: 10px; }
	.box-qw2{ float: left; width: 371px; background: url("../images/box-qw-t2.gif") no-repeat top left; padding-top: 13px; margin-bottom: 10px; }
	.box-qw .b, .box-qw2 .b{ background: url("../images/box-qw-b.gif") no-repeat bottom left; padding-bottom: 13px; }
	.box-qw .c, .box-qw2 .c{ background: url("../images/box-qw-c.gif") repeat-y left; padding: 0 3px 0 0; }

	.section{ background: url("../images/section-shadow.gif") repeat-x bottom; padding: 10px; }
	.section-simple{ border-bottom: 1px solid #ececec; }
	.box-hw .section2{ background: #eef4bc; border-bottom: 1px solid #e1e6af; border-top: 1px solid #ececec; font-size: 14px; color: #336600; padding: 15px 0; text-align: center; float: left; width: 100%; }
	.box-title{ background: url("../images/section-shadow.gif") repeat-x bottom; padding: 7px 10px 10px; margin:0; font-weight:bold; }

	/*.box-hw .fieldset{ float: left; }*/
	.box-buttons{ padding: 13px 0 13px; float: left; width: 100%; margin-top: -13px; position: relative; top: 13px; }
	.box-buttons-special{ margin-top: -24px; }
	.box-buttons p{ display: block; width: 49.5%; left: 15px; color: #666; position: relative; margin:0; padding: 0; float: left; }
	.box-buttons p a{ float: none; width: auto; left: 0;}
	.box-buttons a{ display: block; width: 49.5%; font-size: 14px; position: relative; left: 15px; color: #666; float: left; }

	.box-last{ padding-bottom: 0!important; margin-bottom: 0!important; }

	.inner{ padding: 5px; }
	.inner2{ padding: 10px; }
	.inner3{ padding: 20px; }
	.innerw{ padding: 0 10px; }
	.innerw2{ padding: 0 20px; }

	.split{ background: url("../images/gray-dot.gif") repeat-y 50%; }


	table.orders{ width: 100%; font-size: 12px; border-collapse: collapse; table-layout:fixed;}
	table.orders-normal{ table-layout:auto;}
	table.orders td{ padding: 5px; vertical-align: top; text-align: left; }
	table.orders tr.toggle td{ background: #edf4fe url("../images/grad2.gif") repeat-x bottom; }
	table.orders table td{ background: none !important; font-size: 11px; border-bottom: 1px solid #d1e1f1; }
	table.orders table.no-sep td{ border:0; }
	table.orders td.sub{ padding:0; }

	table.orders table{ width: 100%; margin: 0; }
	table.orders table td.first{ padding: 8px 8px 8px 32px; width: auto; font-weight: bold;}
	table.orders table.no-sep td.first{ padding: 8px 8px 8px 32px; width: auto; }
	table.orders table td.actions{ padding: 3px 8px; text-align: right; }


	table.orders td.actions{ text-align: right; padding: 8px 8px; width: 90px; }
	table.orders td.actions2{ text-align: right; padding: 8px 1px; width: 180px; }
	table.orders td.actions .rating{ float: right; }
	table.orders td.actions a.button2 { width: 70px; float: right; }
	table.orders td.actions2 a.button2 { width: 70px; float: right; margin-left: 6px; }
	table.orders td.first{ width: 20px; padding-right: 0; }
	a.toggle-off, a.toggle-on{ display: block; width: 20px; height: 20px; text-indent: -9999px; }
	a.toggle-off{ background: url("../images/icon-plus.gif") no-repeat top left; }
	a.toggle-on{ background: url("../images/icon-minus.gif") no-repeat top left; }

	ul.tabs{ border-bottom: 1px solid #ececec; margin: 0 0 10px ; }
	ul.tabs-product{ background: url("../images/hgrad1.gif") no-repeat right bottom; float: left; border: 0; padding-right: 67px; margin: 0; }
	ul.tabs-product li a{ top: 0; }
	ul.tabs li{ display: block; float: left; list-style: none;  }
	ul.tabs li a{ background: url("../images/tab-off-left.gif") no-repeat left top; display: block; font-size: 12px; color: #000; position: relative; top: 1px; }
	ul.tabs li a span{ background: url("../images/tab-off-right.gif") no-repeat right top; padding: 7px 10px 6px; display: block; }
	ul.tabs li a.on{ background-image: url("../images/tab-left-on.gif"); color: #000; cursor: default; }
	ul.tabs li a.on span{ background-image: url("../images/tab-right-on.gif"); padding-right: 34px; }
	ul.tabs li a.disabled{ background-image: url("../images/tab-left-disabled.gif"); color: #ddd; cursor: default; }
	ul.tabs li a.disabled:hover{ color: #ddd; }
	ul.tabs li a.disabled span{ background-image: url("../images/tab-right-disabled.gif"); padding: 7px 10px 6px; }
	
	.menu h2.on a { color: #fff !important }

/*	sidebar(s)
	----------------------------------------- */

	#sidebar .c{ background: url("../images/smenu-c.gif") repeat-y bottom left; padding: 0 2px; }
	#sidebar .menu{ background: url("../images/smenu-b.gif") no-repeat bottom left; padding-bottom: 5px;  padding-top: 10px; }
	#sidebar h1.title{ background: url("../images/smenu-t.gif") no-repeat top left; padding: 8px 10px; margin: 0; font-weight: normal; }
	#sidebar div.h1_style{ background: url("../images/smenu-t.gif") no-repeat top left; padding: 8px 10px; margin: 0; font-weight: normal; color:#004F8F; font-size:16px;}
	#sidebar h1.title.small { font-size: 13px; font-weight: bold; }
	#sidebar h1.title a { color: #336699 }
	#sidebar div.title{ background: url("../images/smenu-t.gif") no-repeat top left; padding: 8px 10px; margin: 0; font-weight: normal; }
	#sidebar div.title.small { font-size: 13px; font-weight: bold; color:#004F8F; }
	#sidebar div.title a { color: #336699 }
	#sidebar h2{ font-weight: bold; font-size: 13px; background: url("../images/section-shadow.gif") repeat-x bottom; padding: 7px 25px; margin: 0; }
	#sidebar h2.brands{ background: url("../images/section-brands.gif") repeat-x bottom; padding-left: 19px; }
	#sidebar div.brands{ background: url("../images/section-brands.gif") repeat-x bottom; padding-left: 19px; font-size:13px; font-weight:bold; margin:0; padding:7px 25px;color:#004F8F;}

	#sidebar div.h2_style{ font-weight: bold; font-size: 13px; background: url("../images/section-shadow.gif") repeat-x bottom; padding: 7px 25px; margin: 0; }
	#sidebar div.h2_style div.brands{ background: url("../images/section-brands.gif") repeat-x bottom; padding-left: 19px; }

	#sidebar ul{ border-bottom: 1px solid #dedede; margin: 0; padding: 10px 25px; }
	#sidebar ul.last{ border: 0; }
	#sidebar li{ float: left; width: 100%; list-style: none; display: block; margin: 1px 0; }
	#sidebar li a em{ font-style: normal; color: #999;  }

	#sidebar h2.on{ background: url("../images/sidebar-over.gif") no-repeat left top; color: #fff; padding: 4px 20px; }
	#sidebar div.on{ background: url("../images/sidebar-over.gif") no-repeat left top; color: #fff; padding: 4px 20px; }
	#sidebar div.on a{ color: #fff; }
	#sidebar .submenu{ padding: 0; }
	#sidebar .submenu li{ background: url("../images/sidebar-separator.gif") no-repeat bottom center; padding: 0; margin: 0; }
	#sidebar .submenu li.last{ background: none; }
	#sidebar .submenu li a{ padding: 4px 0 4px 25px; display: block; }
	#sidebar .submenu li a.on{ background: url("../images/sidebar-over.gif") no-repeat top left; color: #fff; }
	#sidebar .submenu li a:hover{ color: #1f639a; }
	#sidebar .submenu li a.on:hover{ color: #fff; }

	#sidebar .others{ margin: 0 0 10px; padding: 0 10px; }
	#sidebar .others li{ border-bottom: 1px solid #e2e2e2; width: 100%; }
	#sidebar .others li.last{ border: 0; }
	#sidebar .others li a{ padding: 2px 15px; display: block; }

/*	forms
	----------------------------------------- */

	form, .formish { font-size: 13px; }
	form label, .formish label, div.labelish { display: block; float: left; clear: both; margin: 2px 0; width: 430px; }
	form label span, form label input.text, .formish label textarea.text, .formish label span, .formish label input.text, form label textarea.text, div.labelish span, div.labelish input.text, div.labelish textarea.text { display: block; float: left; width: 180px; }
	form label .extra-text { font-size: 11px; padding: 0 10px; }
	form .aligned, .formish .aligned { padding-left: 180px; float: left; clear: both; margin: 2px 0; width: 190px; }
	form div.submit, form div.submitish, .formish div.submit { width: 370px; margin-top: 20px; float: left;  clear: both; }
	form div.submit a, form div.submitish a, .formish div.submit a { float: right; }

	form label.checkbox, .formish label.checkbox, div.labelish.checkbox { width: 100%; float: left; margin: 3px 0; vertical-align: middle; }
	form label.checkbox input, .formish label.checkbox input, div.labelish.checkbox input { display: inline; margin-right: 5px; float: left; }

	.box-hw div.submit{ width: 100%; }
	.box-hw form, .box-hw .formish { margin-top: 10px; }

	form label.inline, .formish label.inline{ clear: none; }
	form label.inline span, .form label.inline span { width: auto; margin-right: 10px; }
	form label.inline input, .formish label.inline input { width: auto; }

	form label.dual strong, form label.duald strong, .formish label.dual strong, div.labelish.dual strong { padding: 3px 3px; float: left; font-size: 12px; }

/*	footer
	----------------------------------------- */

	#footer p{ padding: 0 17px; }

	#footer ul{ margin: 0; }
	#footer ul.sitemap{ padding: 20px 0; background:  url("../images/sitemap-bg.gif") repeat-x bottom; margin-bottom: 5px; }
	#footer li { display: block; float: left; list-style: none; width: 100%; padding: 0; position: relative; left: 17px; width: 155px; }

	#footer li li{ padding: 1px 0; position: static;  }
	#footer li h3{ text-transform: uppercase; font-size: 11px;  }
	#footer li div{ text-transform: uppercase; font-size: 11px; margin: 0 0 1em; color:#000000; }
	#footer li li a{ background: url("../images/icon-green-arrow.gif") no-repeat 0 4px; padding-left: 10px; display: block; }

/*
	#footer .sitemap .i1{ width: 137px;  }
	#footer .sitemap .i2{ width: 185px;  }
	#footer .sitemap .i3{ width: 142px;  }
	#footer .sitemap .i4{ width: 169px;  }
	#footer .sitemap .i5{ width: 159px;  }
	#footer .sitemap .i6{ width: 139px; padding-right: 0; }
*/

/*____________________________________________*/
/*	clearfix
	----------------------------------------- */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;} .clearfix {display: block;}
	/* End hide from IE-mac */



/*	site-wide classes
	----------------------------------------- */
	.clear{ clear: both; }
	.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
	.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }
	.fl{ float: left; } .fr{ float: right; }

	.bold{ font-weight: bold; }
	.button{ background: url("../images/btn-left.gif") no-repeat left top; display: block; float: left; font-size: 12px; font-weight: bold; cursor: pointer!important; }
	.button span{ background: url("../images/btn-right.gif") no-repeat right top; display: block; padding: 5px 8px 12px; white-space:nowrap;}

	.button2{ background: url("../images/btn2-right.gif") no-repeat right top; display: block; float: left; font-size: 11px; font-weight: bold; color: #828282; text-transform: uppercase; padding-right: 9px; cursor: pointer!important;  }
	.button2 span{ background: url("../images/btn2-left.gif") no-repeat left top; display: block; padding: 5px 1px 10px 10px; text-align: center;white-space:nowrap; }

	.button3 { height: 29px; background: url("../images/btn3-left.png") no-repeat left top; display: block; float: left; font-size: 10px; font-weight: bold; color: #000; text-transform: uppercase; cursor: pointer !important; }
	.button3 span { height: 13px; background: url("../images/btn3-right.png") no-repeat right top; display: block; padding: 6px 8px 10px 5px; text-align: center; white-space:nowrap; line-height: 13px; }

	.button3:hover{ height: 29px; background: url("../images/btn3-left.png") no-repeat 0 -58px; display: block; float: left; font-size: 10px; font-weight: bold; color: #000; text-transform: uppercase; cursor: pointer!important;}
	.button3:hover span{ height: 13px; background: url("../images/btn3-right.png") no-repeat 100% -58px; display: block; padding: 6px 8px 10px 5px; text-align: center; white-space:nowrap;}

	.button3-disabled { height: 29px; background: url("../images/btn3-left.png") no-repeat 0 -29px; display: block; float: left; font-size: 10px; font-weight: bold; color: #999; text-transform: uppercase;cursor: default!important; }
	.button3-disabled span{ height: 13px; background: url("../images/btn3-right.png") no-repeat 100% -29px; display: block; padding: 6px 8px 10px 5px; text-align: center; white-space:nowrap;}

	.button3-unavailable{ height: 29px; background: url("../images/btn3-left.png") no-repeat 0 -29px; display: block; float: left; font-size: 10px; font-weight: bold; color: #000; text-transform: uppercase;cursor: default!important; }
	.button3-unavailable span{ height: 13px; background: url("../images/btn3-right.png") no-repeat 100% -29px; display: block; padding: 6px 8px 10px 5px; text-align: center; white-space:nowrap;}	
	
	.button3-on{ height: 29px; background: url("../images/btn3-left.png") no-repeat 0 -87px; display: block; float: left; font-size: 10px; font-weight: bold; color: #fff; text-transform: uppercase;cursor: pointer!important; }
	.button3-on span{ height: 13px; background: url("../images/btn3-right.png") no-repeat 100% -87px; display: block; padding: 6px 8px 10px 5px; text-align: center; color: #fff; }

	.button3 strong, .button3-on strong, .button3:hover strong{ height: 19px; font-weight: bold; font-size: 1.08em; padding: 0 5px; display:block; cursor: pointer!important; }

	.button-green{ background: url("../images/btn-green-left.gif") no-repeat left top; display: block; float: left; height:39px; font-size: 11px; font-weight: bold; color: #000; text-transform: uppercase;cursor: pointer!important; }
	.button-green span{ background: url("../images/btn-green-right.gif") no-repeat right top; display: block; height:39px; padding: 10px 14px 10px 11px; text-align: center; color: #000; font-weight: bold; white-space:nowrap; }
	.button-green:hover span{ text-decoration:underline; }
/*	.btn-add-to-basket{ display: block; background: url("../images/btn-add-to-basket.gif") no-repeat top left; width: 106px; height: 23px; text-align: center; font-weight: bold; color: #5c6b04; text-transform: uppercase; padding: 6px 5px 0 0; cursor: pointer!important;}*/
	.btn-add-to-basket{ display: block; background: url("../images/btn-add-to-basket.gif") no-repeat top left; width: 106px; height: 23px; text-align: center; font-weight: bold; color: #000000; text-transform: uppercase; padding: 6px 5px 0 0; cursor: pointer!important;}
	.btn-add-to-basket.disabled { background: url("../images/btn-add-to-basket.gif") no-repeat bottom left;  color: #999 !important; }
/*	.btn-add-to-basket:hover{ color: #000; }*/
	.btn-add-to-basket:hover{ color: #000; text-decoration:underline; }

	a.submit, a.dual-view{ cursor: default; }


	input.text, textarea.text{ background: #fff url("../images/bg-input.gif") repeat-x top; border: 1px solid #ccc; padding: 2px 3px; font-family: Arial, sans-serif; }

	.gray{ color: #a1a1a1; }
    .gray-bg{ background-color: #f9f9f9; }
	.dark-gray{ color: #666; }
	.black{ color: #000; }
	.blue{ color: #004f8f; }
	a.blue:hover{ color: #000; }
	.f11{ font-size: 11px; }
	.f12{ font-size: 12px; }
	.bold{ font-weight: bold; }
	.big{ font-size: 1.2em; }
	.aright{ text-align: right; }
	.no-margin{ margin: 0!important; }
	.blue-bold{ color: #2f73aa; padding: 5px 0 5px 0; font-weight: bold; margin-bottom: -5px; }
	.blue-small{ color: #2f73aa; font-size: 11px; }
	a.blue-small:hover{ text-decoration: underline; }

	a.icon{ text-decoration: underline; }
	a.icon-pdf{ background:  url("../images/icon-pdf.gif") no-repeat 0 0; padding: 0 0 5px 23px;  }

	.toggle-button{ color: #2f73aa; padding: 2px 0 2px 23px; font-weight: bold; line-height: 20px; cursor: pointer; }
	.toggle-button-off{ background: url("../images/icon-plus.gif") no-repeat 0 0; }
	.toggle-button-on{ background: url("../images/icon-minus.gif") no-repeat 0 0; }


	.btn-checkout{ background:  url("../images/btn-checkout.gif") no-repeat top left; width: 108px; height: 29px; text-align: center;
		font-weight: bold; color: #5c6b04; text-transform: uppercase; padding: 6px 5px 0 0; cursor: pointer!important; font-size: 13px; }

/*________________________________PAGES_______*/

/*	PAGE: home ( )
	----------------------------------------- */

	#home-header{ margin: 20px 0 10px ; padding: 2px; float: left; background: url("../images/home-header-shadow.gif") no-repeat left top; }
	#home-header img{ display: block; border: 0; }
	#home-header .left{ float: left; }
	#home-header .right{ float: right; }

	#four-boxes{  margin: 10px 0; float: left; width: 100%; }
	#four-boxes ul{ margin: 0; }
	#four-boxes li{ display: block; width: 224px; height: 136px; padding: 2px;  float: left; margin-right: 10px; background: url("../images/4boxes-shadow.gif") no-repeat left top; }
	#four-boxes li.last{ margin: 0;position: relative; left: 2px;  }

	#three-boxes{  margin: 10px 0; float: left; width: 100%; }
	#three-boxes ul{ margin: 0; }
	#three-boxes li{ display: block; width: 224px; height: 136px; padding: 2px;  float: left; margin-right: 34px; background: url("../images/4boxes-shadow.gif") no-repeat left top; }
	#three-boxes li.last{ margin: 0;position: relative; left: 2px;  }

	#three-columns{  margin: 10px 0; float: left; width: 100%; }
	#three-columns ul{ margin: 0; }
	#three-columns li{ float: left; display: block; list-style: none; padding: 10px 20px; height: 120px; position: relative; width: 280px; }
	#three-columns li p { color: #666; }
	#three-columns h2{ margin: 0 ; font-weight: bold; }
	#three-columns .h2_style{ margin: 0 ; font-weight: bold; color:#004F8F; font-size:14px; }
	#three-columns li.box1{ width: 280px; background-position: right bottom;  }
	#three-columns li.box2{ width: 150px; padding-right: 150px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; background-position: right bottom; }
	#three-columns li.box3{ width: 170px; padding-right: 100px;  background-position: right bottom; margin: 0; }
	#three-columns .button{ position: absolute; bottom: 0; left: 20px; }

	#two-columns{  margin: 10px 0; float: left; width: 100%; }
	#two-columns ul{ margin: 0; }
	#two-columns li{ float: left; display: block; list-style: none; padding: 10px 20px; height: 170px; position: relative; width: 325px; background-position: right bottom;}
	#two-columns li.wider{ width: 420px;}
	#two-columns li p { color: #666; }
	#two-columns h2{ margin: 0 ; font-weight: bold; }
	#two-columns .h2_style{ margin: 0 ; font-weight: bold; color:#004F8F; font-size:14px; }
	#two-columns .button{ position: absolute; bottom: 0; left: 20px; }

/*	PAGE: login ( )
	----------------------------------------- */

	#login{ padding-right: 250px; }
	#login form{ float: left; }
	#login .box-green{ float: right; margin-top:32px; }
	#login .forgot-pass{ margin: 15px 0 5px; }

	.box-green{ padding: 30px 20px 30px 27px; width: 142px; height: 39px; background: url("../images/yellow-box.jpg") no-repeat top left; }
	.box-green h2{ font-size: 13px; margin: 0 0 3px 0; color: #360; font-weight: bold; }
	.box-green a{ color: #004f8f; text-decoration: underline; }

/*	PAGE: products ( )
	----------------------------------------- */

	.search-options {padding: 7px 10px 0 10px;}
	.search-options .fl{ margin-right: 20px; }
	.search-options select.fl{ margin-right: 10px; top: -2px; position: relative;  }
	.search-options .fr{ margin-left: 10px; }
	.search-options select.fr{ top: -2px; }
	.search-options h2 .fl {padding-top:6px;}
	.search-options form { margin: 0; padding: 0}
	.search-fixed {height: 30px;}

/*	PAGE: products ( )
	----------------------------------------- */

	.prod-list{ background: #f4f4f4; padding: 8px 0 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
	.prod-list ul{ margin: 0 0 8px; }
	.prod-list li{ display: block; list-style: none;  float: left; width: 177px; margin-right: 5px; padding: 1px 3px 3px 1px; background: url("../images/pbox-b.gif") no-repeat bottom left; position: relative; }
	.prod-list li.last{ margin-right: 0; }


	.prod-list li div, h2.free{ position: relative; display: block; background: #3f7aaa; padding: 3px 10px; color: #fff; font-weight: normal; font-size: 12px; margin: 0 0 3px -1px; width: 159px; }
	.prod-list li div a, .prod-list li div a:hover{ display: block; color: #fff; }
	.prod-list li div.empty{ margin-right: 0px; display: block; background: #fff url("../images/section-shadow.gif") repeat-x bottom; border: 0; padding-top: 0; padding-bottom: 0; height: 1px; width: 155px; font-size: 0; margin-left:1px; }
	.prod-list li h2{ display: block; font-size: 13px; color: #000; margin: 0 0 2px; padding: 0 10px; font-weight: bold; }
	.prod-list li h2 a, .prod-list li h2 a:hover{ display: block; color: #000; }
	.prod-list li p{ padding: 0 10px; font-size: 11px; margin: 0; }
	.prod-list li p.info{ margin: 0 0 3px;  margin-right: 1px; background: url("../images/section-shadow.gif") repeat-x bottom; padding-bottom: 3px; }
	.prod-list li p.info-empty{ margin: 0 0 3px;  margin-right: 1px; background: url("../images/section-shadow.gif") repeat-x bottom; padding-bottom: 3px; height: 14px; }
	.prod-list li p.blue, .product-info p.blue{ margin: 3px 0; color: #069; text-align: right; }
	.prod-list li .price, .product-info .price{ background: url("../images/price-tag.gif") no-repeat top center; line-height: 33px; text-align: right; font-weight: bold; font-size: 18px; color: #000; padding-right: 15px; }
	.prod-list li .price.from, .product-info .price.from { background: url("../images/price-tag-from.gif") no-repeat top center !important; }
	.prod-list li a{ display: block; cursor: pointer }
	.prod-list li a:hover{ color: #000; }
	.prod-list li .top{ position: absolute; top: 0; left: 0; cursor: pointer; }

	#pagination{ font-size: 12px; }
	#pagination ul, #pagination a.next, #pagination small, #pagination a.prev{ float: left; margin: 0 5px 0 0;  }
	#pagination li{ float: left; list-style: none; display: block; margin-right: 4px; position: relative; top: -2px; }
	#pagination li a{ display: block; border: 1px solid #acacac; color: #666; padding: 2px 6px; margin: 0; }
	#pagination li a.on{ color: #000; border: 0; font-weight: bold; background: #fff; }
	#pagination li a:hover{ background: #f2f2f2; }
	#pagination li a.on:hover{ background: none; }
	#pagination a.next:hover, #pagination a.prev:hover{ color: #1f639a; }
	#pagination a{ color: #000; }
	#pagination a.disabled{ color: #a5a4a4; }
	#pagination small{ position: relative; left: 5px; color: #666; font-size: 1em; }

/*	PAGE: product display ( )
	----------------------------------------- */
	.product-info .section-simple{ padding: 10px; }
	.product-info h1{ margin: 0 0 10px; font-weight: bold; }
	.product-info p{ margin: 0 0 10px; }
	.product-info h2{ color: #666; font-size: 14px; margin: 0; }
	.product-info h2.lbl{ float: left; width: 80px; }
	.product-info div.lbl{ float: left; width: 80px; }
	.product-info p.price2{ width: 156px; color: #333; margin:0;  }
	.product-info p.blue{ padding-right: 10px; }
	.product-info .select-size a span{ text-align: center; }
	
	.product-info .notice {
		color: #f06d04;
		font-size: 13px;
		padding: 10px;
		background: #fff3e0 url('../images/orange-bg.jpg') repeat-x bottom left;
		border-bottom: 1px solid #eee2cf;
		border-left: 1px solid #eee2cf;
	}

	.zoom-trigger img, .zoom-trigger{ display: block; }
	#main-product-image{ cursor: -moz-zoom-in!important; display: block;  }
	#main-product-image img{ margin: 0 auto; }


	.rating-display{ float: right; font-size: 16px; font-weight: bold; color: #2f73aa; padding-right: 25px; }
	.rating-display .stars{ margin-right: 15px; }

	.button-list a{ cursor: pointer; }
	.button-list ul{ margin: 0; }
	.button-list{ float: left; width: 265px; }
	.button-list li{ display: block; float: left; list-style: none; margin-right: 3px; }

	.box-buttons-special p{}

	.thumbs-list{ float: left; clear: both; margin: 0 10px 0 0; position: relative; padding: 1px 23px; background: #e8e8e8; width: 325px; }
	.thumbs-list div.visible{ position: relative; height: 70px;  width: 100%; overflow: hidden; }
	.thumbs-list ul{ margin: 0; position: absolute; top: 0; left: 0; width: 100%; }
	.thumbs-list li{ display: block; float: left; list-style: none; }
	.thumbs-list li a{ background: url("../images/thumblist-img-bg.gif") no-repeat top left; display: block; padding: 3px 2px 2px; }
	.thumbs-list li img{ width: 77px; }
	.thumbs-list a.prev, .thumbs-list a.next{ display: block; position: absolute; width: 21px; height: 70px; text-indent: -9999px; top: 0; }
	.thumbs-list a.prev{ background: url("../images/thumbs-list-left.gif") no-repeat top left; left: 0; cursor: pointer; }
	.thumbs-list a.next{ background: url("../images/thumbs-list-right.gif") no-repeat top left; right: 0;cursor: pointer;  }

	.recomandations-prod{ margin-top: 0 !important; }
	.recomandations{ width: 100%; float: left; clear: both; margin-top: 20px; margin-left: 5px; }
	.recomandations .fl{ width: 50%; }
	.recomandations ul{ margin: 0; }
	.recomandations h2{ color: #666; font-size: 14px; }
	.recomandations li{ float: left; width: 82px; list-style: none; display: block; margin-right: 12px; }
	.recomandations li.last{ margin: 0; }
	.recomandations li.first{ margin-right: 14px; }
	.recomandations .big-space li{ padding: 0 10px; margin:0; }
	.recomandations li a.imagelink{ width: 78px; height: 64px; display: block; background:  url("../images/thumblist-img-bg.gif") no-repeat bottom right; padding: 2px 3px 2px 1px; }
	.recomandations li p{ text-align: right; }
	.recomandations .tooltip{ display: none; }

	.product-info p.price2{ background: url("../images/price-tag.gif") no-repeat top left; line-height: 33px; text-align: right; font-weight: bold; font-size: 18px; color: #000; padding-right: 15px; }
	.product-info p.price2.from {background: url("../images/price-tag-from.gif") no-repeat top left !important; }

/** overlays */
#overlay-bg{ position: absolute; top:0;left:0; background: #fff; display: none; width: 100%; height: 100%; z-index: 9998; }
#overlay-bg iframe{ width: 100%; height: 100%; }
#overlay{ z-index: 9999; top: 50%; left: 50%; position: absolute; }

#poverlay-bg{ position: absolute; top:0;left:0; background: #fff; display: none; width: 100%; height: 100%; z-index: 9998; }
#poverlay-bg iframe{ width: 100%; height: 100%; }
#poverlay{ z-index: 9999; top: 50%; left: 50%; position: absolute; }

#zoom{ display: none; background: url("../images/zoom-background.gif") no-repeat top left; width: 754px; height: 537px; position: absolute; left: -287px; top: 180px; z-index: 10000; }
#zoom h1{ font-weight: bold; color: #000; margin:0; }
#zoom h1 span{ color: #004f8f; }
#zoom div.title{ padding: 17px 20px 0 20px; height: 30px; }
#zoom a.close{ float: right; position: relative; top: -5px; left: -15px; cursor: pointer; }
#zoom a.hide{ float: right; position: relative; top: -5px; left: -15px; cursor: pointer; }
#zoom .footer { padding: 0 20px; }
#zoom .footer a.close{ top: 15px; }
#zoom div.drag{ position: relative; overflow: hidden; height: 400px; margin: 0 2px 0 2px; }

#zoom .thumbs-list{ width: 490px; clear: none; margin: 0; padding: 0 25px; height: 68px; overflow: hidden; padding-top: 6px; }
#thumbs-viewer1{ float: left; margin-bottom: 15px; }
#thumbs-viewer2-zoom{ position: absolute; border: 1px solid #ececec; top: 60px; right: 20px; background: #fff; padding: 7px 5px 5px 7px; width: 111px; z-index: 10001; }
#thumbs-viewer2-zoom a{ display: block; margin: 2px 0; }

#tooltip{ background: #fff; border: 1px solid #333; position: absolute; top: 0; left: 0; font-size: 11px; }
#tooltip p{ margin: 0; }
#tooltip h3{ font-weight: bold; font-size: 1em; margin: 0 0 0px; }
#tooltip h2{ font-weight: bold; font-size: 1em; margin: 0 0 0px; color:#000000; }

#overlay-default{ width: 474px; position: absolute; top: 100px; left: 50%; margin-left: -236px; background:  url("../images/box-ov-b.gif") no-repeat bottom left; padding-bottom: 30px; border: 1px solid #c9c9c9; }
#overlay-default.wide { width: 600px !important; margin-left: -300px !important; }
#overlay-default .t{ background:  url("../images/box-ov-t.gif") no-repeat top left; padding: 25px 10px 0 8px; }
#overlay-default.wide .t{ background:  url("../images/box-ov-w-t.gif") no-repeat top left; padding: 25px 10px 0 8px; }
#overlay a.fr{ float: right; margin-left: 5px; }

#overlay-default.small { background:  url("../images/box-ov-b2.gif") no-repeat bottom left !important; }
#overlay-default.normal { background:  url("../images/box-ov-b.gif") no-repeat bottom left !important; }
#overlay-default.wide { background:  url("../images/box-ov-w-v.gif") no-repeat bottom left !important; }

#overlay-rating{ width: 474px; position: absolute; top: 100px; left: 50%; margin-left: -236px; background:  url("../images/box-ov-b.gif") no-repeat bottom left; padding-bottom: 30px; border: 1px solid #c9c9c9; }
#overlay-rating .t{ background:  url("../images/box-ov-t.gif") no-repeat top left; padding: 25px 10px 0 8px; }

#overlay-rating.small { background:  url("../images/box-ov-b2.gif") no-repeat bottom left !important; }
#overlay-rating.normal { background:  url("../images/box-ov-b.gif") no-repeat bottom left !important; }
#overlay-default.wide { background:  url("../images/box-ov-w-b.gif") no-repeat bottom left !important; }
/** basket */

.basket-hdr{ font-weight: bold; color:#004f8f; margin: 0;  }
.basket-hdr span{ margin-right: 20px; }

table.basket{ width: 100%; border-collapse: collapse; font-size: 12px; }
table.basket thead th{ font-size: 11px; text-align: left; padding-top: 10px; }
table.basket td, table.basket th{ padding: 15px 8px 5px; border-bottom: 1px solid #ececec; vertical-align: top; }
table.basket tr.odd td{ background: #edf3fe; }
table.basket tfoot .subtotal td.last{ vertical-align: bottom; color: #069; }

table.basket tfoot tr .total{ font-size: 16px; font-weight: bold; }
table.basket tfoot tr.total td.first{ vertical-align: middle;  font-size: 11px; }

table.basket td p{ margin: 0; }
table.basket tfoot td{ background:  url("../images/section-shadow.gif") repeat-x bottom; border: 0; padding: 8px; }
table.basket div.inline { float: left; width: 150px; margin: 0 5px 0 0; }
table.basket div.inline form { display: inline; }

table.basket div.inline span{ margin-right: 8px; }
table.basket div.inline select{ width: 80px; margin:0; vertical-align:top; }
table.basket th.options{ width: 470px; }
table.basket select { position: relative; top: -2px; }
table.basket .last a.button2, table.basket .last a.button3{ float: right; }

table.basket tfoot tr.update td{ font-size: 11px; }
table.basket tfoot tr.checkout td{ border: 0; background: none; padding: 15px 8px 10px; }

table.basket td.product{ font-weight: bold; }

table.basket td.pic{ padding: 8px; }
table.basket td.pic a, table.basket td.pic .pic-linkish img { background: url("../images/thumblist-img-bg.gif") no-repeat top left; display: block; padding: 3px 2px 2px 2px;  }

table.basket tr.delivery_unavailable td {
    background: #f9ecdb url('../images/orange-bg.jpg') repeat-x;
}

table.basket tr.delivery-option td {
}

table.basket .cart-option {
    clear: both;
    padding-bottom: 6px;
    height: 18px;
}

table.basket .cart-option em {
    font-style: normal;
}

table.basket .cart-option span {
    display: block;
    float: left;
    width: 100px;
}

/*
optgroup.unavailable {
    color: #666;
}
*/
option.unavailable {
    background: #eee;
    color: #666;
}

/** checkoout */
#checkout-steps{ margin: 0; }
#checkout-steps li { display: block; float: left; list-style: none; margin-right: 15px; background: url("../images/checkout-left.gif") no-repeat left top; }
#checkout-steps li span{ display: block; background:  url("../images/checkout-right.gif") no-repeat right top; color: #666; line-height: 35px; font-size: 14px; padding: 0 25px 2px 15px; font-weight: bold; }

#checkout-steps li.on{ background:  url("../images/checkout-left-on.gif") no-repeat top left; }
#checkout-steps li.on span{ background:  url("../images/checkout-right-on.gif") no-repeat top right; color: #526304; }

.checkout-box .c{ position: relative; }
.checkout-box .box-title{ color: #000; }

.checkout-box a.dual-view{ position: absolute; bottom: 10px; right: 10px; }

.checkout-line1 .c{ height: 275px; }
.checkout-line2 .c{ height: 260px; }
.checkout-line3 .c{ height: 500px; }
.checkout-line2-delivery .c { height: 380px }

h1.inter-boxes{ float: left; width: 100%; margin: 5px 0 15px 10px; font-weight: bold; }

.checkout-address{ margin-top: -5px; }

/** registe r*/
#register{ width: 720px; position: relative; }

#register .box-green{ position: absolute; right: 0; top: 82px; }
#register .box-green p{ font-size: 11px; width: auto; }
#register p, #register label.checkbox{ font-size: 11px; width: 500px; }
#register label.checkbox{ float: left; width: 500px; }
#register label span{ width: 175px; }
#register label.checkbox span{ width: 460px; }
#register label.checkbox input{ float: left; width: auto; }
#register label{ clear: left; width: auto; position: relative; margin: 3px 0; }
#register label select{ width: 205px; }
#register label select.small{ width: 50px; }
#register label select.middle{ width: 70px; }
#register label a span{ width: auto; float: none; }
#register label a{ margin-left: 10px; position: relative; top: -2px; }
#register label input.text{ width: 200px; }
#register div.sep{ background:  url("../images/section-shadow.gif") repeat-x bottom; line-height: 1px; clear: both; height: 10px; margin: -3px 0 8px; float: left; width: 375px; position: relative; left: -10px; }
#register label.sep{ background:  url("../images/section-shadow.gif") repeat-x bottom; position: relative; left: -10px; padding-left: 10px; padding-bottom: 8px; margin-bottom: 5px; }

#register div.submit{ width: 365px;  }
#register div.submit a{ float: right; }

#persdata-off label{ margin-bottom: 5px; }

.err, .err span { color: #ce0000 !important; }
p.err{ font-weight: bold; margin: 10px 0; }

#ask{ width: 720px; position: relative; }
#ask label{ clear: left; width: 375px; position: relative; margin: 3px 0; }

#voucher{ width: 720px; position: relative; }
#voucher label{ clear: left; width: 375px; position: relative; margin: 3px 0; }

#contact{ width: 720px; position: relative; }
#contact label{ clear: left; width: 370px; position: relative; margin: 3px 0; }

#page-container form label.error, #page-container form em.error{ position: absolute;
	width: 400px; clear: none; color: #ce0000; background: url("../images/icon-error.gif") no-repeat 5px 3px; line-height: 18px;
	padding-left: 25px;
	font-style: normal;
	left: 100%; top: 0;
}


/* related pages */
ul.page-list{ margin:0 ;}
ul.page-list li{ display: block; list-style: none; float: left; width: 100%; margin-bottom: 10px; }
ul.page-list li h2, ul.page-list li h2 a { color: #7ca133; text-decoration: underline; font-size: 16px; margin: 0 0 3px; }

/** other fixes */
.checkbox-list p{ margin-bottom: 8px; }
.checkbox-list{ margin-bottom: 15px; }
.geotrust{ margin: 0 0 -3px 10px; }
.refine-search .fl{ margin-right: 10px; }
.refine-search a.button2{ position: relative; top: -2px; }

#tab-1, #tab-2{ float: left; width: 100%; margin-bottom: 10px; }

.loading{ background:  url("../images/logo.gif") no-repeat center center; }

.prodlist-container{ float: left; width: 758px; margin-bottom: 0px; }
.prodlist-container .prod-list{ border: 0; padding: 0; }
.prodlist-container .prod-list li{ margin-right: 11px; }
.prodlist-container .prod-list li.last{ margin-right: 0; }
.prod-list li{ margin-right: 11px; }
.prod-list li.last{ margin-right: 0; }
.tab .prod-list{ width: 755px; background: #f4f4f4; padding: 8px 0 0; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.tab .prod-list li{ margin-right: 10px; }

.subcat-hdr{ float: left; width: 100%; margin: 0 0 10px; }

.subcat-hdr img{ border: 0; }


.box-tabs{ padding: 13px 0 13px; float: left; width: 100%; margin-top: -13px; position: relative; top: 13px; }
.box-tabs a{ display: block; background:  url("../images/gray-arrow-right.gif") no-repeat 10% 3px; font-size: 14px; color: #666; position: relative;}
.box-tabs a{ float: left; width: 41.5%; padding-left: 8%; }
.box-tabs a.on{ background:  url("../images/gray-arrow-down.gif") no-repeat 10% 3px;  }

.box-tab{ margin-top: 10px; float: left; width: 99.9%;}

.box-tabs-special{ margin-top: -24px; }
.box-tabs a span{ display: block; font-size: 11px; }

.colform label{ margin: 3px 0; width: 330px; }
.colform label span{ width: 100px; }
.colform-rate label span{ width: 60px; }
.colform-rate label span.rating-rw{ width: 160px; }
.colform label input.text, .colform label textarea.text{ width: 215px; }
.colform-rate label input.text, .colform-rate label textarea.text{ width: 255px; }
.colform label .counter{ float: left; clear: left; font-size: 11px;  position: relative; left: 100px; margin-top: 10px; width: 150px; }
.colform-rate label .counter{ left: 60px; }
.colform label .counter em{ font-style: normal; }
.colform div.submit{ width: 330px; }
.colform .err-container{ float: left; width: 100%; margin-bottom: 10px; }
#page-container #content .colform label.error{ position: static; left: 0; top: 0; margin: 3px 0;  width: 200px; }

.colform-wide label{ width: 430px; }
.colform-wide label span{ width: 150px; }
.colform-wide label input.text, .colform-wide label textarea.text{ width: 270px; }
.colform-wide label .counter{ left: 150px; }
.colform-wide div.submit{ width: 430px; }

#reviews{ float: left; width: 100%; padding: 15px 0 0; }
#reviews ul{ margin: 0; }
#reviews li{ display: block; list-style: none; float: left; width: 100%; margin: 5px 0; }
#reviews h2 .stars{ float: right; }
#reviews p.author{ color: #999; }


/*.page-home #navigator li table{ border: 2px solid #333; }*/

#product-image-view{ position: relative; }

#product-image-view .freedelivery {
	background: url('../images/freedelp.png') no-repeat;
	width: 69px;
	height: 69px;
	position: absolute;
	right: 0px;
	top: -13px;
}
.freedelivery-cat {
	background: url('../images/freedel.png') no-repeat;
	width: 69px;
	height: 69px;
	position: absolute;
	right: 2px;
	top: 0px;
}

* html #product-image-view .freedelivery {
	right: 2px;
}

#product-image-view .new {
	background: url('../images/pbox-t-new-product.gif') no-repeat;
	width: 49px;
	height: 44px;
	position: absolute;
	right: 0;
	top: -13px;
}

* html #product-image-view .new {
	right: 2px;
}

#product-image-view .sale {
	background: url('../images/pbox-t-sale-product.gif') no-repeat;
	width: 49px;
	height: 44px;
	position: absolute;
	right: 0;
	top: -13px;
}

* html #product-image-view .sale {
	right: 2px;
}

#producer-logo{ position: absolute; right: 20px; top: 10px; }


/* returns overlay */
#overlay-return{ width: 750px; position: absolute; top: 100px; left: 50%; margin-left: -375px; background:  url("../images/overlay-returns-top.gif") no-repeat top left; padding-bottom: 0; border: 1px solid #c9c9c9; }
#overlay-return .t{ background:  url("../images/overlay-returns-b.gif") no-repeat bottom left; padding: 25px 10px 15px 8px; }
#overlay a.fr{ float: right; margin-left: 5px; }
#overlay-return .box-title{ padding-top: 0; }
#overlay-return .split{ background: url("../images/gray-dot.gif") repeat-y 319px; }

#overlay-return .product{ float: left; width: 280px; font-size: 14px; }
#overlay-return .reason{ float: left; width: 412px; overflow: hidden; }
#overlay-return .wrapper{ padding: 0; }

#overlay-return h1.big{ font-size: 28px; color: #000; font-weight: bold; margin: 0 0 15px; }

#overlay-return .product p{ margin: 0 0 3px; }
#overlay-return .product h2{ margin: 15px 0 0; }

.advanced-search ul{ margin:0; }
.advanced-search li{ display: block; float: left; width: 100%; background:  url("../images/section-shadow.gif") repeat-x bottom; padding: 10px 0 8px; list-style: none; }

.advanced-search li em{ font-weight: bold; float: left; width: 40px; font-style: normal; text-align: center; display: block; }
.advanced-search li label, .advanced-search li .label, .advanced-search li .labelish{ clear: none; margin: 0; float: left; width: 400px;}
.advanced-search li .label span, .advanced-search li .labelish span{ float: left; width: 180px; }
.advanced-search li label.inline { width: auto; float: none; margin-right: 10px; display: inline;  }
.advanced-search li label input.text, .advanced-search li label select{ position: relative; top: -2px; width: 180px; }
.advanced-search li label select{ width: 186px; }
.advanced-search li .labelish input.text, .advanced-search li .labelish select{ position: relative; top: -2px; width: 180px; }
.advanced-search li .labelish select{ width: 186px; }
.advanced-search li select.small{ width: 50px; }
.advanced-search li select.small2{ width: 55px; }
.advanced-search li.special{ padding: 0; }

.advanced-search li.special .fl, .advanced-search li.special .fr{ width: 49.5%; padding: 10px 0; margin: 0; }
.advanced-search li.special .checkbox-list{ width: 150px; float: right; }
.advanced-search li.special .fr .checkbox-list{ width: 195px; float: right; }
.advanced-search li.special p{ float: left; padding-left: 40px; margin-right: 20px; }


.advanced-search li.special .checkbox-list label{ padding: 4px 0; margin:0; float: none; width: 100%;  }
.advanced-search li.special .checkbox-list label input{ margin:  0 5px 0 0; }
.advanced-search li.special .checkbox-list label.all{ padding: 0 0 20px; }

.advanced-search div.submit, .advanced-search div.submitish { width: 100%; margin-bottom: 20px; }
.advanced-search div.submit a, .advanced-search div.submitish a{ position: relative; right: 10px; }


.buying-guides{ margin:0 0 0 15px; }
.buying-guides li{ float: left; display: block; list-style: none; padding: 2px; margin: 6px; background:  url("../images/buyguide-shadow.gif") no-repeat top left; }

.buying-guide-item-content li {
	background: url("../images/icon-green-arrow.gif") no-repeat 0 10px !important;
	padding-left: 10px !important;
}

.buying-guide-items {
	margin-left: 9px;
}

.buying-guide-items li {
	display: block; 
	list-style: none; 
	background: url("../images/icon-green-arrow.gif") no-repeat 0 4px !important;
	padding: 0 0 0 10px !important;
	margin-bottom: 4px;
	margin-left: -12px;
}

.buying-guide-item-content li:last-child { margin-bottom: 15px !important;}
.buying-guide-item-content ul { margin-bottom: 15px !important;}

form.guide-options { margin: 0; padding: 0 }
form.guide-options label span, form.guide-options .label span, form.guide-options .labelish span{ width: 230px; }
form.guide-options label, form.guide-options .label, form.guide-options .labelish{ width: auto; margin-right: 15px; }
.guide-options li.slider span{ float: left; width: 230px; }
.guide-options li.slider p em{ float: left; width: auto; font-weight: normal; }
.guide-options li.slider p{ float: left; margin: 0 15px 0 0; }

.guide-options li a{ font-size: 11px; color: #369; text-decoration: underline; }
.guide-options li a:hover{ color: #000; }

#tab-recommendations .box-tw, #tab-recommendations .b {
	background: #fff;
	padding: 0; margin: 0;
}

#tab-recommendations .prod-list {
	padding-top: 8px;
}

#sitemap .category {
	width: 190px;
	float: left;
	padding: 20px;
}

#sitemap .category ul {
	margin-left: 0;
	list-style-type: none;
}

#sitemap .category li {
	font-size: 12px;
}

#sitemap .category h3 {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}

#advsearch-brand-list {
	padding: 10px 0 0 30px;
}

#advsearch-brand-list .item {
	width: 155px;
	float: left;
	padding: 0px 10px 10px 10px;
}

#advsearch-performance-list {
	padding: 10px 0 0 30px;
}

#advsearch-performance-list .item {
	width: 155px;
	float: left;
	padding: 0px 10px 10px 10px;
}

/* slider */
.ui-slider { /*resets*/padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; background: url("../images/slider-bar.gif") 0 0 repeat-x; width: 161px!important; height: 13px!important; display: block; margin: 0 5px; position: relative; }
.ui-slider-handle { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; position: absolute; display: block; float: none; z-index: 2; top: -3px; width: 10px!important; height: 23px!important; background: url("../images/slider-controller.gif") no-repeat; }
ul.sections{ margin: 0 0 20px 0; font-size: 12px; }
ul.sections li{ display: block; float: left; width: 100%; background:  url("../images/section-shadow.gif") repeat-x bottom; padding: 5px 0; }
ul.sections li div.inner3{ padding: 10px 40px; }

ul.sections li a.toggle-off, ul.sections li a.toggle-on{ width: auto; padding: 1px 0 0 25px; margin: 2px 0 0 15px; text-indent: 0; color: #369; font-weight: bold; font-size: 12px; }


table.style1{ width: 100%; border-collapse: collapse; color: #000; }
table.style1 td, table.style1 th{ padding: 3px 10px; }
table.style1 tr.odd td{ background: #edf3fe; }
table.style1 thead th{ border-bottom: 1px solid #2f73aa; text-align: left; }
table.style1 tfoot td{ border-top: 1px solid #2f73aa; }

.contentpage table { width: 100%; border-collapse: collapse; color: #000; }
.contentpage table td, .contentpage table th{ padding: 3px 10px; }
.contentpage table tr.odd td{ background: #edf3fe; }
.contentpage table thead th { border-bottom: 1px solid #2f73aa; text-align: left; }
.contentpage table tfoot td { border-top: 1px solid #2f73aa; }


#login-overlay {
	background: url('../images/login-overlay-b.gif') bottom left no-repeat;
	width: 458px;
	position: absolute;
	top: -55px;
	left: 0;
	z-index: 2;
    padding-bottom: 5px;
}

#login-overlay-inner {
	background: url('../images/login-overlay-t.gif') 0 0 no-repeat;
	height: 9px;
	overflow: hidden;	
	padding: 10px 25px;	
	z-index: 2;	
	font-size: 11px;
}

#login-overlay-inner.open {
	height: 90px;
}

#login-overlay form {
	margin-top: -5px;
}

#login-overlay input {
	width: 180px;
}

#login-overlay .top {
	padding: 0 0 5px 130px;
	background: url('../images/login-overlay-text.gif') no-repeat;
}

#login-overlay .top a {
	text-decoration: underline;
}

#login-overlay .button { background: url("../images/btn2-lo-left.gif") no-repeat left top !important; }
#login-overlay .button span{ background: url("../images/btn2-lo-right.gif") no-repeat right top !important; padding-right: 10px; }

#login-overlay .recover {
	padding-left: 12px;
	background: url('../images/gray-arrow-right-g.gif') no-repeat 0 3px;
}

.formsep {
	border-top: 1px solid #ececec;
	font-size: 12px;
	padding: 10px 0 5px 0;
}

.checkout-errors {
	float: right;
	color: #c00;
	margin-right: 20px;
	font-size: 13px;
	padding-top: 4px;
}

#payment_details td {
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 2px;
	font-size: 12px;
}

#payment_details .note {
	font-size: 11px;
	padding-right: 0;
	padding-top: 5px;
}

#payment_details span.note {
	font-size: 11px;
	padding-right: 0;
	padding-top: 5px;
	padding-left: 5px;
}

.postcode {
	text-transform: uppercase;
}

.postcodefind {
	margin-top: -2px;
}

.error_message { color: #c00 !important }

.contentpage h2 {
	color: #004F8F;
	font-size: 14px; 
	font-weight: bold;
}

.contentpage ol {
	list-style-position: inside;
	margin: 10px 0 5px 30px;
}

.contentpage ol li {
	padding-bottom: 5px;
}

.contentpage a {
	color: #004f8f;
}

.contentpage a:hover {
	color: #000000;
}

#f-customize {
    background: transparent url(../images/section-shadow.gif) repeat-x scroll center bottom;
}

.football-customize-tbl {
    margin-bottom: 10px;
}

.football-customize-tbl td {
    padding: 5px 10px 5px 0;
}

p.small {
    font-size: 11px;
}

.admin-content {
	background: white !important;
}

#sitemap h2, h2.guide {
	color: #004F8F;
	font-size: 14px; 
	font-weight: bold;
}

.admin-form{ width: 720px; position: relative; }

.admin-form p, #register label.checkbox{ font-size: 11px; width: 500px; }
.admin-form label.checkbox{ float: left; width: 500px; }
.admin-form label span{ width: 175px; }
.admin-form label.checkbox span{ width: 460px; }
.admin-form label.checkbox input{ float: left; width: auto; }
.admin-form label{ clear: left; width: auto; position: relative; margin: 3px 0; }
.admin-form label select{ width: 205px; }
.admin-form label select.small{ width: 50px; }
.admin-form label select.middle{ width: 70px; }
.admin-form label a span{ width: auto; float: none; }
.admin-form label a{ margin-left: 10px; position: relative; top: -2px; }
.admin-form label input.text{ width: 200px; }
.admin-form div.sep{ background:  url("../images/section-shadow.gif") repeat-x bottom; line-height: 1px; clear: both;
	height: 10px; margin: -3px 0 8px; float: left; width: 375px; position: relative; left: -10px; }
.admin-form label.sep{ background:  url("../images/section-shadow.gif") repeat-x bottom; position: relative; left: -10px; padding-left: 10px;
padding-bottom: 8px; margin-bottom: 5px; }

.admin-form div.submit{ width: 365px;  }
.admin-form div.submit a{ float: right; }

.admin form div.submit { text-align: right !important; width: 100% !important; }
.admin form div.submit a { float: right !important; }

.admin .button-cont a {
	float: right !important;
	margin-left: 10px;
}

.admin-notice {
	width: 300px;
	text-align: center;
	padding: 10px 20px;
	margin: 10px auto;
	border: 1px solid #cccccc;
	background: #C9E8B0;
	color: black;
	font-size: 14px;
}

.admin form div.submit { float: none !important; width: auto !important; }
.admin form div.submit a { float: right !important; }
.admin table.style1{ font-size: 12px !important; }

.admin-category-tree ul {
	list-style: none;
	display: block;
	float: left;
	border: 1px solid #cccccc;
	padding: 0 !important;
}

.admin-category-tree ul li:last-child {
	border-bottom: 0;
}

.admin-category-tree ul ul {
	position: absolute;
}

.admin-category-tree ul li {
	display: block;
	width: 150px;
	border-bottom: 1px solid #cccccc;
	height: 24px;
	padding-top: 3px;
	background: white;
	padding-left: 3px;
	margin: 0 !important;
}

.admin-category-tree ul li .no-image {
	color: #FF6600;
}

.admin-category-tree ul li .has-image {
	
}

.admin-category-tree ul li img {
	position: absolute;
	margin-left: 156px;
	margin-top: -4px;
	z-index: 100;
	border: 3px solid #cccccc;
}

.admin-category-tree ul li.last {
	border-bottom: 0;
}

.is-extended {}

.admin-category-tree a {
	float: left;
}

.admin-category-tree .see-more {
	display: block;
	width: 20px;
	height: 20px;
	padding: 2px;
	float: right;
	background: url('/images/icon-minus.gif') no-repeat;
	background-position: center center;
}

.admin-category-tree .collapsed {
	background: url('/images/icon-plus.gif') no-repeat;
	background-position: center center;
}

.timeline-c .timeline {
	width: 720px;
	margin-bottom: 30px;
	border: 1px solid #2f73aa;
	border-top: 0;
	border-left: 0;
	overflow: hidden;
}

.timeline-c .timeline .current {
	position: absolute;
	float: left;
	overflow: hidden;
	background: red;
	height: 30px;
	width: 1px;
	z-index: 60;
}

.timeline-c .timeline .current-top {
	margin-top: -10px;
}

.timeline-c .timeline .current-last {
	height: 18px;
}

.timeline-c .timeline .current-date {
	position: absolute;
	margin-top: 4px;
	border-bottom: 1px solid red;
	padding-left: 4px;
	padding-right: 3px;
	color: red;
}

.timeline-c .timeline .row {
	height: 30px;
	background: white;
	border-top: 1px solid #2f73aa;
}

.timeline-c .timeline .row .label {
	width: 54px;
	float: right;
	border-left: 1px solid #2f73aa;
	padding: 8px;
	overflow: hidden;
	height: 14px;
}

.timeline-c .timeline .row .label a {
	text-decoration: underline;
}

.timeline-c .timeline .row .element {
	background: #edf3fe;
	height: 22px;
	float: left;
	display: block;
	border-right: 1px solid #2f73aa;
	border-left: 1px solid #2f73aa;
	position: absolute;
	overflow: hidden;
	background: #dddddd;
	padding: 4px;
}

.timeline-c .timeline .row .empty {
	background: white;
}

.timeline-c .starting-date {
	float: left;
	font-weight: bold;
}

.timeline-c .ending-date {
	float: right;
	margin-right: 70px;
	font-weight: bold;
}

.timeline-c .options {
	text-align: center;
	margin: 0 auto;
	float: left;
	width: 500px;
}

.admin-menu-grayout {
	width: 180px;
	height: 230px;
	opacity: 0.6;
	filter: alpha(opacity=60); 
	position: absolute;
	z-index: 150;
	background: white;
	margin-top: 10px;
}

.date-select {
	float: left;
	width: 55px;
	margin-top: 3px;
	margin-left: 3px;
	text-align: left;
}

.date-select-sep {
	float: left;
	margin: 5px 0 0 3px;
	font-weight: bold;
}

/* DATE PICKER */
#ui-datepicker-div, .ui-datepicker-inline {
	background: white;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #2f73aa;
	z-index: 10;
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #2f73aa !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: white;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #333333;
}
.ui-datepicker-control {
	background: white;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: white;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.ui-datepicker-links label {
	padding: 2px 5px;
	color: #333333;;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: white;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: white;
	color: #333333;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: white;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: white;
	color: #000;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: white;
}
.ui-datepicker-days-row {
	background: white;
	color: #333333;
}
.ui-datepicker-week-col {
	background: #B1DB87;
	color: #000;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #DDD;
}
.ui-datepicker-days-cell a {
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #E0F4D7;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
	background: #B1DB87 !important;
}
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
	background: #FFF !important;
	border: 1px solid #777;
}
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #B1DB87 !important;
}
* html .ui-datepicker-week-end-cell {
	background: #E0F4D7 !important;
	border: 1px solid #DDD !important;
}
* html .ui-datepicker-days-cell-over {
	background: #FFF !important;
	border: 1px solid #777 !important;
}
* html .ui-datepicker-current-day {
	background: #83C948 !important;
}
.ui-datepicker-today {
	background: #cccccc !important;
}
.ui-datepicker-current-day {
	background: #2f73aa !important;
}
.ui-datepicker-status {
	background: #E0F4D7;
	width: 100%;
	font-size: 80%;
	text-align: center;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.ui-datepicker-title-row a {
	color: #000 !important;
}
.ui-datepicker-control a:hover {
	background: #FDD !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #83C948;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}

#preview-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 100px;
	background: white;
	color: black;
	padding: 10px;
}

#preview-box .text-field {
	width: 80px;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
}

#preview-box .time {
	width: 25px;
}

#preview-box .submit {
	background: white;
	color: #333333;
	border: 1px solid #cccccc;
	padding: 0 5px;
}

.no-border {
	border: 0 !important;
}

.c-c-c {
	margin-top: -1px;
	height: 1px;
	overflow: hidden;
	clear: both;
}

.admin .image-hover img {
	position: absolute;
	float: left;
	border: 3px solid #cccccc;
	margin-left: -240px;
	margin-top: -20px;
}

.admin .row-hover td {
	color: #666666 !important;
}

.admin .hero-image img {
	position: absolute;
	float: left;
	border: 3px solid #cccccc;
	margin-left: -260px;
	margin-top: -20px;
}

.register-intro-text {
	padding-left: 12px;
	padding-right: 10px;
	width: 700px;
}

.delete-button {
	display: block;
	padding-top: 6px;
	padding-left: 5px;
	float: left;
}

.delete-button:hover {
	text-decoration: underline;
}

.admin .hero-image2 img {
	margin-left: -10px;
	margin-top: -350px;
}

.button-customize {
    color: #000;
    width: 101px;
}

#f-letters {
    text-transform: uppercase;
}

.cart-no-pic td {
    padding-bottom: 15px !important;
}

.size_guide h1, .size_guide h2 {
    padding: 7px 10px;
}
.alignleft {
	float: left;
}

.alignright {
	float: right;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/******************************************/

.tabs_workspace{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
	position: relative;
	width: 941px;
	height: 160px; /* Set height to be able to contain height of largest content shown*/
	border:#CCCCCC solid 1px;
	overflow: hidden;
	position:relative;
	z-index:0;

}
.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".tabs_workspace" width minus its padding and borders, if any) */
	position: absolute;
	background: white;
	visibility: visible;
	width: 941px;
}
.tabs_links_class{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
	width: 941px;
	border-top-width: 0;
	overflow: hidden;
	top:1px;
	position:relative;
	z-index:9;
}
.fadecontent h1,.fadecontent h2,.fadecontent h3, .fadecontent h4{
	font-weight:bold;
	font-size:14px;
	color:#004F8F;
	margin:0px;
	padding:0px;
}
.fadecontent p{
	margin:0 10px 5px 0;
	padding:0;
}
.tabs_links_class a{ /*style for every navigational link within toggler */
	text-decoration: none;
	padding: 0 44px;
	margin-right:2px;
	float: left;
	display: block;
	color: #CCCCCC;
	border:#CCCCCC solid 1px;
	border-bottom:none;
}
.tabs_links_class a:hover{
/*
	background:#CCCCCC;
	color:#FFFFFF;
*/
}
.tabs_links_class a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.tabs_links_class a.last{
	border-right:1px solid #009CFF;;
	padding: 0 45px;
}
.tabs_links_class a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
	border:#CCCCCC solid 1px;
	border-bottom:solid 1px #FFFFFF;
	font-weight:bold;
	color:#004F8F;
	position:relative;
	z-index:99999;
	background:#ffffff;
}
.tabs_textual_content{
	width: 921px;
	padding:20px;
}

#flag_list a h2{
	display:none;
}