/*
		(C)2007 - 2008
		partially based on the ideas of:
		(C)2004 by Tantek Celik. Some Rights Reserved. License - CC v.2.0
		(C)July 2005 by Paul Pomeroy
*/

/* 
	-- setting base values --
  Purpose: undo some of the default styling of common (X)HTML browsers 
  so all browers can start from the same settings (or as close as possible)
*/

* {
  font-size:1em;
	text-indent: 0; 
}
body {
  margin:0; padding:0;
}
ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; }
ul,ol, dl { list-style:none; text-indent: 0; padding: 0; }

:link,:visited { text-decoration:none; }

a, a:link, a:visited, a:hover, a:focus, a:active { border:none; }
a img,:link img,:visited img { border:none; }

/* set up the default fonts and font sizes - base of 12px (1em = 12px) */

body {
  font-family: Arial,"MS Sans Serif","sans-serif",Verdana;
  font-size: 75%; /* assumes a 14-16px default size */
  line-height:137%;
}

html>body {
  font-size: 12px; /* For everyone except IE ... */
}

p {font-size: 1.0em;}

h1, h2, h3, h4, h5, h6 { /* georgia is a better x-browser font */
  font-family: Arial,"MS Sans Serif","sans-serif",Verdana;
}
h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.9em;}

/* -- basic site styles -- */

a, a:hover{text-decoration: none;}
a.line, a:hover.line{text-decoration: underline;}
table {font-size: 1em;}
strong{font-weight: bold;}
p{padding: 1px 3px;}
img{vertical-align: middle;}
input, select, textarea{
  font-family: Arial,"MS Sans Serif","sans-serif",Verdana;
}
.cl{
	clear: both;
}
.sp{
  height:40px;
}
.price_details{
	display: block;
	margin: 2px auto;
	background: transparent url("goto.gif") 0 0 no-repeat;
	width: 87px;
	height: 30px;
}
.price_details span{
	visibility: hidden;
}

/* -- basic layout -- */

body {
	text-align: center;
	background: url("bg.gif") 0 0 repeat;
	padding-top: 5px;
}
#wrapper{
	width: 980px;
	margin: 0 auto;
	padding-top: 152px;
	text-align: left;
	color: #555555;
	border: 1px solid #666666;
	background: #FFFFFF;
}
#header{
	position: absolute;
	top: 6px;
	width: 980px;
	height: 100px;
	z-index: 1;
	background: url("hdr.gif") 0 0 no-repeat;
}
#main, #w2{
	float: right;
	width: 750px;
	text-align: left;
}
#w2 #main {
	float: left;
	width: 590px;
	text-align: left;
}
#left{
	float: left;
	width: 220px;
	font-size: 0.8em;
/*	margin-top: -20px; */
}
#right{
	float: right;
	width: 190px;
	font-size: 0.8em;
}
#footer{
	position: relative;
	background:transparent;
	padding: 3px 0 15px 0;
	color:#fff;
	font-size:10px;
	line-height: 13px;
	text-align: center;
}
#footer a{
	color: #FFFFFF;
	text-decoration: underline;
}
#footer span{
	color:#454E5B;
}
/* -- header -- */
#ifr{
	position: absolute;
	top: 103px;
	left: 50%;
	margin-left: -490px;
	height: 25px;
	width: 200px;
	z-index: 5;
}
#index, #index a{
	display: block;
	width: 240px;
	height: 80px;
	background: #ffffff url("logo.gif") 5px 5px no-repeat;
}
#index a{
	margin: 0;
}
#index a span{
	visibility: hidden;
}
#topmenu{
	clear:both;
	display:block;
	font-family: Arial,"MS Sans Serif","sans-serif",Verdana;
	font-size:1em;
	line-height:15px;
	width:780px;
	height: 26px;
	z-index:175;
	left: 100%;
	margin-left: -775px;
	position: relative;
	top: 15px;
	font-weight: bold;
}
#topmenu ul{

}
#topmenu li{
	display:block;
	float:left;
	z-index:175;
	margin: 0 1px;
	height: 26px;
	line-height:24px;
	background-color:#6F7887;
}
#topmenu li.red, #topmenu li.red a, #topmenu li.red a:hover{
	background-color: #FF0000;
	color: #FFFFFF;
}
#topmenu li.gray, #topmenu li.gray a{
	background-color: #666666;
	color: #FFFFFF;
}
#topmenu li a{
	color:#ffffff;
	display:block;
	padding:1px 11px;
	text-align:center;
	text-decoration:none;
	width: 170px;
}
#topmenu li a:hover {
	background:#F7A31D;
	color:#FFFFFF;
}
#topmenu li#cv, #topmenu li#cv a{
	background: #E8E8E8;
	color:#000000;
}
#topmenu li#cv a:hover {
	background:#F7A31D;
	color:#000000;
}
#topmenu li.off ul{
	display: none;
}
#topmenu li.on ul{
	display:block;
	margin:-1px 0pt 0pt -1px;
	padding-left:0;
	padding-top: 2px;
	position:absolute;
	z-index:200;
}
#topmenu li ul li{
	float: none;
	background-image: none;
	height: auto;
}
#topmenu li ul li.last{
}
#topmenu li ul li a {
	background:#6F7887;
	color:#FFFFFF;
	display:block;
	text-align:left;
	text-decoration:none;
	padding:1px 11px;
	width: auto;
}
#topmenu li ul li a:hover {
	background:#F7A31D !important;
	color:#FFFFFF !important;
}
.smallmenu{
	width: 968px;
	overflow: auto;
	background-color:#F29400;
	text-align:center;
	left: 4px;
	top: 16px;
	padding: 2px;
	position: relative;
	font-weight: bold;
}
.smallmenu li{
	background-color:#F29400;
	color:#FFFFFF;
	float:left;
	margin-right:5px;
}
.smallmenu li a{
	color:#FFFFFF;
}
.smallmenu li a:hover{
	color:#000000;
}
/* -- left -- */

#left img{
	padding: 0 3px 0 4px;
}

#search{
	border-style: solid;
	border-color: #DBDBDB;
	border-width: 0 1px 1px 1px;
}
#shit{
	border-style: solid;
	border-color: #DBDBDB;
	border-width: 0 1px 1px 1px;
}
#left form{
	padding: 7px;
}
#left #search .title{
	background: url("bg_h_l_3.jpg") 0 0 no-repeat;
	margin: 0 -1px;
}
#searchstring{
	font-size: 0.9em;
	width: 140px;
}
#searchbutton{
	width: 22px;
	height: 18px;
}
#searchcat, #searchbutton, #searchstring, #search label{
	vertical-align: middle;
}
#left .title{
	background: url("bg_h_l.jpg") 0 0 no-repeat;
	font-size: 1em;
	height: 19px;
	line-height: 19px;
	color: #555555;
	font-weight: bold;
	margin: 15px 0 3px 0;
	text-indent: 5px;
}
.hdr{
	margin: -19px 0 3px -4px;
}
.box{
	background: #E7E3DE;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	margin: 38px 15px;
	padding: 0 0 5px 3px;
}
.bred{
	border-color: #9C0000;
}
.borange{
	border-color: #FFA618;
}
.bblue{
	background: #EAF4FF;
	border-color: #000066;
}
.otxt{
	display: block;
	text-align: center;	
	font-weight: bold;
	font-size: 12px; 
	color: rgb(255, 153, 0);
}
#lmenu{
}
#lmenu li{
	line-height: 19px;
	background: url("bg_lmenu.jpg") 0 0 repeat-x;
	font-weight: bold;
	border-bottom: 1px solid #D6D6D6;
}
#lmenu li a{
	display: block;
	text-indent: 3px;
	color: #A6A6A6;
	background: url("bg_lmenu_o.jpg") 100% 2px no-repeat;
}
#lmenu li.on a{
	background: url("bg_lmenu_c.jpg") 100% 2px no-repeat;
}
#lmenu li a:hover{
	color: #FBA200; 
	text-decoration: underline;
}
#lmenu li.off ul{
	display: none;
}
#lmenu li.on ul{
	display: block;
}
#lmenu li ul li{
	height: 18px;
	line-height:18px;
	background: #ffffff url("bg_lmenu_sub.gif") 0 0 no-repeat;
	padding: 0 0 0 20px ;
	border: 0;
	color: #555555;
	margin: 0;
}
#lmenu li ul li.last{
	background: #ffffff url("bg_lmenu_sub_e.gif") 0 0 no-repeat;
}
#lmenu li ul li a{
	background: transparent !important;
	font-weight: normal;
	color: #555555;
}

/* -- main -- */

/* -- right -- */

#right a img{
	margin-bottom: 25px;
}

/* -- footer -- */

#ftel{
	position: absolute;
	top: 104px;
}
/* -- 404 -- */

#info{
	text-align: center;
	padding: 30px 0;
	font-size: 1.2em;
}
#info a{
	font-weight: bold;
	text-decoration:none;
	color: #000;
}

/* -- p40 -- */

#p40w{
	float: left;
	height: 1%;
}
#p40h{
	font-size: 1.3em;
	height: 25px;
	font-weight: bold;
}
.p40{
	width: 180px;
	margin: 3px;
	padding: 3px;
	float: left;
	position: relative;
	text-align: left;
	border-style: solid;
	border-width:  1px 1px 1px 1px;
	border-color: #FFA618;
}
.p40 .short_title{
}
.p40 .short_title, .p40 .short_title a{
	display: block;
	text-align: center;
	font-size: 1em;
	height: 50px;
	color: #777777;
	font-weight: bold;
}
.p40 .short_title a:hover{
	color: #FBA200;
	text-decoration: underline;
}
.p40 .small_image{
	text-align: center;
	height: 50px;
	margin: 3px 0;
}
.p40 .short_description{
	height: 150px;
	margin: 3px 0;
}
.p40 .navigation{
	height: 35px;
	font-size: 0.8em;
}
.p40 .small_price{
	margin-top: 10px;
	width: 100%;
	text-align: center;
	margin-left: -3px;
}

/* -- ilist -- */

.ilist{
	width: 550px;
	margin: 0;
	border-collapse: collapse;
	font-size: 0.9em;
}
.ilist caption, .ilisth {
	width: 550px;
	line-height: 23px;
	font-weight: bold;
	font-size:1em;
	letter-spacing:0.15em;
	text-align: left;
	margin: 10px 0 1px 0;
	padding-left: 10px;
	color: #FFC000;
	border-bottom: 1px solid #FFC000;
}
.ilist caption a{
	color: #FFC000;
}
.ilist caption a:hover{
	color: #FBA200;
	text-decoration: underline;
}
.ilist tr{
}
.ilist td{
	width: 48%;
	padding: 10px 1%;
	border-bottom: 1px solid #cccccc;
}
.ilist td div{
	border-right: 1px solid #cccccc;
}
.ilist .title{
	display: block;
	font-weight: bold;
	color: #777777;
}
.ilist .title:hover{
	color: #FBA200;
	text-decoration: underline;
}
.ilist span{
	display: block;
	padding: 5px;
}
ul.ilist{
	overflow:auto;
	padding-bottom: 10px;
}
ul.ilist a{
	color: inherit;
}
ul.ilist  li{
	float: left;
	margin-right: 5px;
}
/* -- product page -- */


.ppage{ 
	width: 548px;
	float: left;
}
.ppage .title{
	font-size: 0.8em;
	font-weight: bold;
	line-height: 23px;
	margin-bottom: 10px;
	color: #FFA618;
	font-size: 1.2em;
}
.ppage .title h1{
	padding-left: 5px;
}
.ppage .image{
	float: left;
	height: 83px;
	width: 83px;
}
.d1{
	font-size: 0.9em;
}
.d1 span{
	color: #FF0000;
	font-size: 1.2em;
	font-weight: bold;
}
.description{
	margin-top:0;
	padding-top: 1px;
}
.description ul{
	padding: 15px 0 15px 15px;
}
.description ul li{
	list-style: disc outside;
}
.description #pri2{
	display: block;
	color: #FFC000;
	width: 70%;
	margin: 5px auto;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}
.description #pri2 .price_details{
	width: 293px;
	height: 66px;
	background: url("goto2.gif") 0 0 no-repeat;
	margin: 10px auto;
}
.description .phdr{
	display: block;
	color: #000000;
	padding: 3px 5px;
	font-weight: bold;
}
.description p{
	display: block;
	padding: 10px 5px;
}
.ppage .price{
	padding: 10px 0;
	text-align: center;
}

/* -- list 1 - sim. prod. -- */

#list1{
	width: 550px;
	float: left;
	border-collapse: collapse;
	font-size: 0.85em;
}
#list1 .caption {
	border-top: 1px solid #5D6775;
	margin: 20px 0 5px 0;
	line-height: 28px;
	font-weight: bold;
	font-size: 1.5em;
	padding-left: 5px;
	color: #5D6775;
}
#list1 .caption a{
	color: #5D6775;
}
#list1 .caption a:hover{
	color: #FBA200;
	text-decoration: underline;
}
#list1 .l1itm{
	margin: 10px 0;
	padding: 10px 5px;
	border: 1px solid #FFC000;
}
#list1 .lhdr{
	display: block;
	color: #555555;
	padding: 3px 5px;
	font-weight: bold;
}
#list1 h2{
	font-size: 1.2em;
}

/* -- list 2 -- */

#list2{
	text-align: left;
}

#list2 .title{
	text-align: center;
	border-bottom: 1px dashed #3F3E3C;
	letter-spacing: 0.3em;
}
#list2 a.h3{
	display: block;
	font-size: 1em;
	margin-top: 6px;
	color: #555555;
}
#list2 a.h3:hover{
	color: #FBA200;
	text-decoration: underline;
}
#list2 p{
	display: block;
	padding: 0 3px;
}


/* -- list 3 - topsellers -- */

#list3{
	text-align: center;
	margin-top: -20px;
}
#list3 .p40{
	float: none;
	margin: 20px auto;
	height: auto;
	text-align: left;
}
#list3 h2{
	font-size: 0.9em;
}
#list3 .short_title, #list3 .brand, #list3 .small_image, #list3 .short_description {
	height: auto;
}
#list3 .small_price, #list3 .cat_no{
	margin: 0;
}


/* -- clearance -- */

.p40 .short_description, .p40 .short_description a, .p40 .short_description a:hover, .p40 .short_description a:link, .p40 .short_description a:visited{
	color: #000000;
}
.description, .description a, .description a:hover, .description a:link, .description a:visited{
	color: #555555;
}
.d1, .d1 a, .d1 a:hover, .d1 a:link, .d1 a:visited{
	color: #000000;
}
.ilist span, .ilist span a, .ilist span a:hover, .ilist span a:link, .ilist span a:visited{
	color: #555555;
}
#list1 p, #list1 p a, #list1 p a:hover, #list1 p a:link, #list1 p a:visited{
	color: #555555;
}
#list2 p, #list2 p a, #list2 p a:hover, #list2 p a:link, #list2 p a:visited{
	color: #777777;
}
#list3 p, #list3 p a, #list3 p a:hover, #list3 p a:link, #list3 p a:visited{
	color: #000000;
}