/*custom styles*/

#comp{  
	margin: 0.5em 0.5em 0.5em 0.5em;  
	padding: 3px;
	position: relative; 
	width: 700px;
} 
#contact legend {  
	margin-left: 1em;  
	color: #000000;  
	font-weight: bold;
} 
#comp ul {  
	padding: 0.5em 0.5em 0 0.5em;  
	list-style: none; 
} 
#comp li {  
	padding-bottom: 0.5em; 
} 
#comp li input.text{
	width:20em;
	padding:0.2em;
}
#comp li textarea{
	border: 1px solid gray;
	width:18em;
	height: 10em;
}
#comp li input.text-med{
	width:10em;
}
#comp li input.text-small{
	width:5em;
	margin-right: 10px;
}
#comp li input.text-med{
	width:9.3em;
	margin-right: 10px;
}
#comp li span{
	padding-right:20px;
	line-height: 30px;
}
#comp li input.compulsory{
	background: transparent url(/templates/wesc/images/star.png) no-repeat center right;
}
#comp li#question{
	padding-top:40px;
}
#comp.submit {  
	border-style: none; 
}
#comp label {  
	float: left;  
	width: 11em;  
	margin-right: 1em; 
	padding:0.2em;
	padding-bottom: 0.5em; 
	text-align: right; 
}
#comp li.right{
	text-align: right; 
}
#header-image{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:280px;
	background: transparent url(../images/headers/pic1.jpg) no-repeat 0px 40px;

}
#header-logo{
	position:absolute;
	top:0;
	left:30px;
	width:301px;
	height:328px;
	background: transparent url(../images/wesc-header-logo.gif) no-repeat;
	z-index:99;
}
#header-logo a{
	display: block;
	height:100%
}
#header-logo-shadow{
	position:absolute;
	top:0;
	left:26px;
	width:301px;
	height:328px;
	background: transparent url(../images/wesc-header-shadow.png) no-repeat;
	z-index:98;
}
h1#header-text{
	display:block;
	position:absolute;
	bottom:6px;
	right:20px;
	color:white;
	font-size: 16pt;
	font-weight: 100;
}
.rss{
	display:block;
	position:relative;
	width:22px;
	height:22px;
	background: transparent url(../images/rss_icon.png) no-repeat;
	right: -190px;
	top:-20px;
}

#twitter{
	position:relative;
	padding-left:14px;
	margin-top: 20px;
	width:200px;
	height:200px;
	background: transparent url(../images/twitter.gif) no-repeat top center;
}
.orange{
	color: #ff7f00;
}
.yellow{
	color: #f4dc00 !important;
}
.white{
	color: white;
}
#wesc-blog{
	position:relative;
	background:black url(../images/wesc-blog-bg.jpg) no-repeat top left;
	width:232px;
	height:318px;
	margin-top:12px;
	
}

#wesc-blog .content h3{
	font-family:Arial;
	font-weight:100;
	font-size:12pt;
	display:block;
	margin-bottom:10px;
	margin-top:10px;
}
#wesc-blog #subscribe-link{
	position:absolute;
	bottom:4px;
	line-height: 28pt;
	height:40px;
	left:0px;
	text-align: center;
	width:100%;
	

}
#wesc-blog #subscribe-link a{
	display:block;
	color:white;
	font-family:Arial;
	font-weight:100;
	font-size:12pt;
}
#wesc-blog #subscribe-link a:hover{
	background: transparent url(../images/wesc-blog-button-over.jpg) no-repeat 0px 0px;
}
#wesc-blog #rss-content{
	position:relative;
	top:0;
	left:0;
	margin-top:14px;
	margin-left:14px;
	overflow: hidden;
	width:200px;
	height:204px;
}
#wesc-blog #rss-title{
	font-size:14px;
	height:13px;
	line-height:19px;
	margin: 8px 0 0 0;
	padding:11px;
	text-shadow: 1px 1px 1px #CCCCCC;
	color: #111111;
}

#wesc-blog #prevBtn a {
	color: orange;
	float:left;
	padding-left: 10px;
}
#wesc-blog #nextBtn a{
	color: orange;
	float:right;
	padding-right: 10px;
}
#rss-content ul{
	/*width:4200px; no of items is feed * width of <li> (+ margin)*/
	/*position:absolute;*/
	height:200px;
	top:0;
	left:0;
}
#rss-content ul li {
	float:left;
	color: white;
	display:block;
	height:200px;
	width:200px;
	/*margin-right:10px;*/

}
#wesc-blog ul li div.rss-item{
	margin 3px;
	border:1px solid gray;
	height:190px;
}
#wesc-blog ul li div.rss-title{
	margin-bottom:8px;
}
#wesc-blog ul li div{
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
}
#wesc-blog ul li a{
	color:orange;

}

.home-items{
	margin-bottom:0px;
	overflow:auto;
}
.home-item-wrapper{
	list-style-type: none;
	display: block;
	float:left;
	position: relative;
	line-height: 1em;
	margin-bottom:15px;
	
}
.home-item-wrapper.left-col{
	margin-right:15px;
	
}
.home-item-wrapper .prod-image{
	margin:0;
	width:356px;
	height:300px;
}
.home-item{
	background-color: black;
	position: relative;
	height:70px;
	width:356px;
	margin:0;
	margin-top:-5px;
	padding-top:20px;
}
.home-item .bottom-left{
	position:absolute;
	bottom: 0;
	left: 0
}
.home-item .bottom-right{
	position:absolute;
	bottom: 0;
	right: 0
}
.home-item-text{
	/*text-transform: uppercase;*/
	padding:3px;
	padding-left:25px;
	color:white;
	font-size: 15pt;
	font-weight: 100;
	
}
.home-item-link{
	position:absolute;
	bottom: 5px;
	right: 5px;
	width:230px;
	height:26px;
	z-index:99;
	text-align: right;
}
.home-item-link a{
	color:white;
	font-size: 15pt;
	line-height: 15pt;
	font-weight: 100;
	
}
.home-item-link a:hover{
	color: #f4dc00 !important;
}
#wesc-comp{
	position:relative;
	margin-top: 10px;
	margin-left: 10px;
	width:210px;
	height:275px;
	background: transparent url(../images/wesc-comp-bg.jpg) no-repeat top center;

}
#wesc-comp .wesc-button{
	color: white;
	display:block;
	width:178px;
	height:35px;
	font-size:12pt;
	line-height:28pt;
	text-align: center;
	position: absolute;
	left:13px;
	bottom:15px;
}
#wesc-comp .wesc-button:hover{
	background: transparent url(../images/wesc-comp-but-over.jpg) no-repeat top center;
}
#wesc-footer{
	float:left;
	margin-top: 20px;
	width:784px;
	height:116px;
	background: transparent url(../images/wesc-footer-bg.jpg) no-repeat top center;
}
#wesc-footer h2{
	margin:10px;
	margin-top:25px;
	margin-left:120px;
	
	
}
#wesc-footer h2 a{
	font-size: 36px;
	font-weight: normal;
	color:black;
}
#wesc-footer h2 a:hover{
	color:white;
}
#wesc-footer h3{
	margin:10px;
	margin-left:120px;
	font-size: 17px;
	color:black;
}

.blackbg{/*hack to solve problem with checkout buttons*/
	background-color: black;
}
.contact input[type="button"]{/*hack to solve problem with button on cnatct page*/
	padding:0px 15px;
}
.subcategories li{
	display:inline;
	list-style: none outside none;

}
.subcategories li a{
	display:block;
	float:left;
	font-size: 12px;
	font-weight:700;
	background: url("images/nav_bg.png") repeat scroll 0 0 transparent;
	border-right:1px solid #111111;
	border-left: 1px solid white;
	height:30px;
	width:110px;
	line-height: 30px;
	text-align: center;
}
.subcategories li a:hover{
	background: url("images/nav_bg_hover.png") repeat scroll 0 0 transparent;
}
.product-list-item{
	width:180px;
	height:180px;
	background-repeat: no-repeat;
	margin: 0 auto 3px;
	
}
.product-list-item a{
	display:block;
	width:100%;
	height:100%;
}
.large-product-image{
	width:500px;
	height:500px;
}