﻿/* Main site layout */

* {
  margin: 0;
  padding: 0;
}

#home {
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	font-size:10px;
	background-image: url(/images/layout/bg-stripe.gif);
	background-position: left top;
	background-repeat: repeat;
	background-attachment: fixed;
}

/* Navigation */
a
{
color:#000000;
text-decoration:none;
}	
	
a:hover
{
color:#000000;
text-decoration:none;
}	
	
a.topmenubutton:link, a.topmenubutton:active, a.topmenubutton:visited{
color: #fff;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
font-size: 11px;
text-align: left;
font-weight: bold;
text-decoration:none;
height:20px;
}

a.topmenubutton:hover, a.bread:hover{
color:#fff;
text-decoration:underline;}

a.bread:link, a.bread:active, a.bread:visited
{
	font-weight:bold;
	color: #939494;
	text-decoration:none;
}
a.bread:hover 
{
	text-decoration: underline;
	color: #939494;
}
a.menubuttons:link, a.menubuttons:active, a.menubuttons:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	width:162px;
	background-color:#5873ba;
}

a.menubuttons:hover {
	color: #666;
	background-color:#ddd;
}


a.menubuttonsub:link, a.menubuttonsub:active, a.menubuttonsub:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	width:162px;
	background-color:#8d9cc4;
}


a.menubuttonsub:hover {
	color: #666;
	background-color:#ddd;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	line-height:150%;
	padding:4px 0;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #b39123;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	line-height:150%;
	padding:4px 0;
	/*padding-left:10px;*/
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #b39123;
}

	h2.head
	{
		border-bottom: solid 2px #b39123;
		font-size: 16px;
	}
	
h3 {
	font-size: 12px;
	font-weight: bold;
	line-height:150%;
	padding: 0 4px 4px 0;
	margin: 20px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #b39123;
}

/* Main Layout */

#wrapper {
	width: 960px; 
	margin: 0 auto; 
	margin-top: 10px;
	background-color:#fff;
}
#popwrapper
{
	width: 95%; 
	margin: 10px auto; 
	background-color:#fff;
}
	#popwrapper .cont
	{
		margin:5px 20px
	}
#masthead
{
	width: 920px;
	height: 49px;
	padding: 9px 20px;
}
	#masthead #logo
	{
		text-indent: -5000px;
		background: url(/images/layout/logo-kens-yard-sml.gif) no-repeat left bottom;
		width: 190px;
		height: 49px;
		float: left;
	}
	#masthead #banner
	{
		text-indent: -5000px;
		background: url(/images/layout/top-banner.gif) no-repeat left bottom;
		width: 729px;
		height: 49px;
		float: left;
	}

#header
{
	width: 922px;
	padding: 0;
	position: relative;
	height: 80px;
	margin: 0 18px 0 20px;
	background: #FFFFFF url(/images/layout/menu-top.gif) repeat-x scroll left top;
}

	#header #sitemenu
	{
		position: absolute;
		top: 0;
		left: 0px;
		width: 718px;
		height: 31px;
		background-color: #fff;
	}
	
		#header #sitemenu ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
			#header #sitemenu ul li
			{
				list-style-type: none;
				margin:0;
				padding:0;
				float: left;			
			}
			
				#header #sitemenu ul li a
				{
					display: block;
					text-indent: -5000px;
					margin-right: 2px;
				}
					/* *** Menu Items *** */
					#header #sitemenu ul li a.lnkhome
					{
						background: white url(/images/layout/menu-home.gif) no-repeat scroll left top;
						width: 89px;
						height: 31px;
						overflow: hidden;
					}
					#header #sitemenu ul li a.lnkhome.active
					{
						background-position: 0 -62px;
					}
					#header #sitemenu ul li a.lnkhome:hover, #header #sitemenu ul li a.lnkhome:active,
					#header #sitemenu ul li a.lnkhome:focus
					{
						background-position: 0 -31px;
					}
					
					#header #sitemenu ul li a.lnkabout
					{
						background: white url(/images/layout/menu-about.gif) no-repeat scroll left top;
						width: 88px;
						height: 31px;
						overflow: hidden;
					}
					#header #sitemenu ul li a.lnkabout.active
					{
						background-position: 0 -62px;
					}
					#header #sitemenu ul li a.lnkabout:hover,
					#header #sitemenu ul li a.lnkabout:focus
					{
						background-position: 0 -31px;
					}
					
					#header #sitemenu ul li a.lnksignin
					{
						background: white url(/images/layout/menu-signin.gif) no-repeat scroll left top;
						width: 88px;
						height: 31px;
						overflow: hidden;
					}
					#header #sitemenu ul li a.lnksignin.active
					{
						background-position: 0 -62px;
					}
					#header #sitemenu ul li a.lnksignin:hover,
					#header #sitemenu ul li a.lnksignin:focus
					{
						background-position: 0 -31px;
					}
					
					#header #sitemenu ul li a.lnkcheckout
					{
						background: white url(/images/layout/menu-checkout.gif) no-repeat scroll left top;
						width: 88px;
						height: 31px;
						overflow: hidden;
					}
					#header #sitemenu ul li a.lnkcheckout.active
					{
						background-position: 0 -62px;
					}
					#header #sitemenu ul li a.lnkcheckout:hover,
					#header #sitemenu ul li a.lnkcheckout:focus
					{
						background-position: 0 -31px;
					}
					
					#header #sitemenu ul li a.lnkest
					{
						background: white url(/images/layout/menu-estimating.gif) no-repeat scroll left top;
						width: 87px;
						height: 31px;
						overflow: hidden;
					}
					#header #sitemenu ul li a.lnkest.active
					{
						background-position: 0 -62px;
					}
					#header #sitemenu ul li a.lnkest:hover,
					#header #sitemenu ul li a.lnkest:focus
					{
						background-position: 0 -31px;
					}
					
					#header #sitemenu ul li a.lnkbrands
					{
						background: white url(/images/layout/menu-brands.gif) no-repeat scroll left top;
						width: 87px;
						height: 31px;
						overflow: hidden;
					}
					#header #sitemenu ul li a.lnkbrands.active
					{
						background-position: 0 -62px;
					}
					#header #sitemenu ul li a.lnkbrands:hover,
					#header #sitemenu ul li a.lnkbrands:focus
					{
						background-position: 0 -31px;
					}
					
					#header #sitemenu ul li a.lnkhelp
					{
						background: white url(/images/layout/menu-help.gif) no-repeat scroll left top;
						width: 88px;
						height: 31px;
						overflow: hidden;
					}
					#header #sitemenu ul li a.lnkhelp.active
					{
						background-position: 0 -62px;
					}
					#header #sitemenu ul li a.lnkhelp:hover,
					#header #sitemenu ul li a.lnkhelp:focus
					{
						background-position: 0 -31px;
					}
					
					
					#header #sitemenu ul li a.lnkcontact
					{
						background: white url(/images/layout/menu-contact.gif) no-repeat scroll left top;
						width: 89px;
						height: 31px;
						margin-right: 0;
						overflow: hidden;
					}
					#header #sitemenu ul li a.lnkcontact.active
					{
						background-position: 0 -62px;
					}
					#header #sitemenu ul li a.lnkcontact:hover,
					#header #sitemenu ul li a.lnkcontact:focus
					{
						background-position: 0 -31px;
					}
	
	#header #cart
	{
		background: white url(/images/layout/basket-main.gif) no-repeat scroll left top;
		width: 166px;
		height: 48px;
		position: absolute;
		right: 0px;
		top: 0;
		padding: 32px 0 0 17px;
		font-weight: bold;
		font-size: 9px;
	}
	
		#header #cart a, #header #cart a:hover
		{
			color: #b39123;
			text-decoration: none;
		}
	
	#header #searchHolder
	{
		background: white url(/images/layout/bg-search.gif) no-repeat scroll left top;
		position: absolute;
		top: 37px;
		left: -7px;
		width: 440px;
		height: 37px;
		padding: 5px 0 0 12px;
		font-weight: bold;
		font-size: 14px;
	}
	
		#header #searchHolder input[type=text]
		{
			border: solid 1px #b39123;
			width: 310px;
			padding: 2px;
			font-size: 14px;
		}
		
		#header #searchHolder input[type=submit]
		{
			border: 0;
			background: white url(/images/layout/btn-search-full.gif) no-repeat scroll 0 0;
			width: 26px;
			height: 26px;
			text-indent: -5000px;
		}
			#header #searchHolder input[type=submit]:hover
			{
				background-position: 0 -52px;
			}
			#header #searchHolder input[type=submit]:focus
			{
				background-position: 0 -26px;
			}
		#header #searchHolder #IESearch input[type=submit]
		{
			font-size: 0;
			color: #000;
			text-align: right;
		}
		#header #searchHolder #IESearch{ position: relative;}
		#header #searchHolder #IESearch span
		{
			position: absolute;
			top: 5px;
			left: 0px;
		}
		#header #searchHolder #IESearch input[type=text]
		{
			position: absolute;
			top: 3px;
			left: 65px;
		}
		#header #searchHolder #IESearch input[type=submit]
		{
			position: absolute;
			top: 1px;
			right: 26px;
		}
	#header #infobox
	{
		position: absolute;
		background: url(/images/layout/bg-stripe.gif) repeat left top;
		top: 39px;
		left: 445px;
		width: 280px;
		height: 35px;
		font-size: 10px;
	}
		#header #infobox .gold
		{
			background-color: #fff;
			margin: 6px;
			padding: 4px;
			height: 15px;
			color: #000;
			font-weight: bold;
		}

#content { 
	width: 920px;
	padding: 0 20px;
	background-color: #fff;
	color: #000;
}

#footer {
	margin: 5px 20px;
	padding-bottom: 5px;
	border-top: solid 2px #d1bd6c;
	clear: both; 
	padding-top:4px;
	background-color: white;
	color: #939494;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer p{
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
	margin-top:0px;
}
	#footer .nmbs
	{
		width: 100px;
		float: left;
		margin: 0 20px 0 0;
	}
a.footer:link, a.footer:active, a.footer:visited {
	font-weight:bold;
	color: #939494;
	text-decoration:none;
}
a.footer:hover
{
	text-decoration: underline;
	color: #939494;
}

/* Content Area */
.mid_col {
	width: 678px; /*730px;*/
	background-color:#fff;
	margin-bottom:10px;
	margin-top:0px;
	float:left;
	margin-left:10px;

}

.mid_full 
{
	width:656px;
	background-color:#fff;
	margin-bottom:10px;
	margin-top:0px;
	float:left;
	margin-right:10px;
}

#main {
	float:left;
	width:390px;}


#main_photo 
{
	width: 150px;
	padding:0px;
	margin: 0 0 5px 5px;
	display:block;
	text-align:left;
}
div.pdesc h3
{
	border-bottom:0;
	margin: 10px 0 0 0;
}
div.pdesc ul li
{
	list-style-type: circle;
	padding-top: 0;
	list-style-position: outside;
	margin-left: 20px;
	font-weight: normal;
}
div.pdesc .manlogos
{
	padding: 10px 0;
}

.add2opt,
.add2btn
{
	clear: left;
	padding: 15px 0 0;
}
	.add2opt .rrp,
	.add2btn .rrp
	{
		text-decoration: line-through;
	}
	
.breadcrumb
{
	font-size: 12px;
}

table.cat {
width: 503px;
	border-left:1px solid #7EBBE8;
}

td, th {/*padding-left:2px;
padding-right: 2px;
padding-top:10px;
padding-bottom:4px;*/
margin-top:0px;
margin-bottom:0px;}

.bor1
	{
	border-bottom:1px solid #7EBBE8;
	border-right:1px solid #7EBBE8;

	}	

.catname
	{
	font-weight:bold;
	padding-bottom:10px;
	text-align:left;
	}

/* right column */

.holdTopproducts {padding:1px; width:130px;}
.holdTopproducts img {padding:0px 9px 8px 9px;}

.holdTopproducts p {padding:0px 0px 0px 7px;}
.productTitle{padding:0px 0px 0px 7px;}
#right_col {
	width:153px;
	float:right;
	margin-right:10px;
}

.right_panel {
	border: 1px solid #a3dad7;
	padding:0px;
	padding-bottom:6px;
	margin-bottom:10px;
}

.right_panel p {
	padding:4px;
	font-weight:bold;
	
}

.right_panel h2 {
	background-color:#75a4d8;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom: 2px;
	margin:0px;
	margin-bottom:4px;
	color: #fff;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
}

ol {margin-left:4px;}

li {list-style-position:outside;
	list-style:decimal;
	padding-top:6px;
	padding-bottom:4px;
	font-weight:bold;
	padding-right:2px;}


p.offers {padding-left:10px;
font-size:11px;}

/* Sidebar */


.sidetext {
	  width: 170px; 
	  margin-left:14px;
	  padding-top:0px;
	  margin-bottom:0px;
	  margin-top:0px;
	  padding-left:0px;
	  padding-bottom:10px;

}

	
.sidepic {
  width: 170px; 
  padding:0px;
  margin-bottom:0px;
  margin-top:10px;
  border: 1px solid #244b6c;}



/*Global Styles*/
.clear
{
	clear:both;
	font-size: 1px;
	line-height: 1px;
	height: 0;
	overflow: hidden;
}
.clearleft
{
	clear:left;
	font-size: 1px;
	line-height: 1px;
}
.clearright
{
	clear:right;
	font-size: 1px;
	line-height: 1px;
}
img{border:0;}
span.locHint
{
	display: block;
	font-size: 90%;
}
.manditory 
{
	color: Red;
	font-weight: bold;
}
/*End Global Styles*/

/* Category menu styles*/
#menu {
	width: 231px; 
	float: left; 
	margin: 0 0 20px 0;
	font-size: 10px;
}
	#menu div.head
	{
		background: white url(/images/layout/cat-top.gif) no-repeat scroll left top;
		height:22px;
		display:block;
		padding: 8px 0 0 10px;
	}
	#menu div.head a
	{
		color:#b39123;
		font-size: 14px;
		font-weight:bold;
	}
	#menu div.head a:hover
	{
		text-decoration:underline;
	}
	#menu div.head span.downarr
	{
		float:right;
		padding-right:15px;	
		height:19px;
		width:19px;
		cursor: pointer;
		background: #000 url(/images/layout/down-arrow.jpg) no-repeat scroll left top;
	}
	#menu div.head span.downarr:hover
	{
		background: #000 url(/images/layout/up-arrow.jpg) no-repeat scroll left top;
	}
	#menu ul
	{
		margin: 0;
		padding: 0 0 10px 0;
		list-style-type: none;
		background: white url(/images/layout/cat-bottom.gif) no-repeat scroll left bottom;
	}
		/* Top Level */
		#menu ul li
		{
			list-style-type: none;
			margin:0;
			padding:0;
		}
			 #menu ul li{
				display: block;
				color: #fff;
				text-decoration: none;
				padding: 2px 0;
				margin: 0;
				font-size: 12px;
				text-align: left;
				font-weight: bold;
				background-color:#b39123;
				border-top: solid 1px white;
			}
			#menu ul li:hover,
			#menu ul li.current
			{
				background-color: black;
				text-decoration:none;
			}
			#menu ul li.current
			{
				padding-bottom: 0;
			}
		
			#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
			{
				display: block;
				color: #fff;
				text-decoration: none;
				padding: 2px 4px 2px 12px;
				margin: 0;
			}
			
				#menu ul li a .new
				{
					display: inline;
					color: #000;
					text-transform: uppercase;
				}
			#menu ul li.current a:link, 
			#menu ul li.current a:active, 
			#menu ul li.current a:visited
			{
				color: #b39123;
			}
			
				#menu ul li:hover a .new,
				#menu ul li.current a .new
				{
					display: inline;
					color: #b39123;
					text-transform: uppercase;
				}
			#menu ul li a:hover
			{
				text-decoration:none;
			}
			/* 1st Level */
			#menu ul li ul
			{
				margin: 2px 0 0;
				background:none;
				background-color:#b39123;
				padding:0;
				
			}
			#menu ul li ul li,
			#menu ul li ul li.current
			{
				font-size: 10px;
				padding: 2px 0;
			}
			#menu ul li.current ul li a:link, 
			#menu ul li.current ul li a:active, 
			#menu ul li.current ul li a:visited,
			#menu ul li ul li a:link, 
			#menu ul li ul li a:active, 
			#menu ul li ul li a:visited
			{
				display: block;
				color: #fff;
				text-decoration: none;
				text-align: left;
				padding-left: 22px;
			}
			#menu ul li ul li a:hover
			{
				text-decoration:none;
			}
			
			#menu ul li.current ul li.current a:link, 
			#menu ul li.current ul li.current a:active, 
			#menu ul li.current ul li.current a:visited
			{
				color: #b39123;
			}
				/* 2nd Level */
				#menu ul li ul li ul li
				{
					background-color: #8b8c8d;
				}
				#menu ul li.current ul li.current ul li.current a:link, 
				#menu ul li.current ul li.current ul li.current a:active, 
				#menu ul li.current ul li.current ul li.current a:visited
				{
					color: #b39123;
				}
				#menu ul li.current ul li.current ul li a:link, 
				#menu ul li.current ul li.current ul li a:active, 
				#menu ul li.current ul li.current ul li a:visited,
				#menu ul li ul li ul li a:link, 
				#menu ul li ul li ul li a:active, 
				#menu ul li ul li ul li a:visited
				{
					color: #fff;
				}
					#menu ul li.current ul li.current ul li a .new
					{
						color: #000;
					}
					#menu ul li.current ul li.current ul li a:hover .new
					{
						color: #b39123;
					}
					/* 3rd Level */
					#menu ul li ul li ul li ul li
					{
						background-color: #bbbcbd;
					}
					#menu ul li.current ul li.current ul li.current ul li a:link, 
					#menu ul li.current ul li.current ul li.current ul li a:active, 
					#menu ul li.current ul li.current ul li.current ul li a:visited,
					#menu ul li ul li ul li ul li a:link, 
					#menu ul li ul li ul li ul li a:active, 
					#menu ul li ul li ul li ul li a:visited
					{
						color: #000;
					}
					#menu ul li.current ul li.current ul li.current ul li a:hover,
					#menu ul li ul li ul li ul li a:hover
					{
						color: #fff;
					}
					#menu ul li.current ul li.current ul li.current ul li.current a:link, 
					#menu ul li.current ul li.current ul li.current ul li.current a:active, 
					#menu ul li.current ul li.current ul li.current ul li.current a:visited
					{
						color: #b39123;
					}
						#menu ul li.current ul li.current ul li.current ul li.current .new
						{
							color: #b39123;
						}
					
/*End menu styles*/
/*Category Styles*/
.catList
{	
	/*border-left: solid 1px #b39123;*/
	padding: 0; 
}
	.catList .catinfo
	{
		border: 0;
		margin: 0 9px 0 -5px;
		padding: 0 5px;
		float:left;
		width: 329px;
		min-height: 157px;
	}
	.catList .catinfolarge
	{
		border: 0;
		margin: 0 9px 0 -5px;
		padding: 0 5px;
	}
		.catList .catinfo p, .catList .catinfolarge p
		{
			margin: 0 0 8px;
		}
		.catList .catinfo a, .catList .catinfolarge a
		{
			text-decoration: underline;
			color: Blue;
		}
	.catList ul
	{	
		border: 0;
		margin: 0 -20px 0 0;
		list-style-type: none;
	}
	.catList ul li
	{	
		border: 0;
		margin: 0 9px 0 -8px;
		padding: 5px 5px 5px 13px;
		float:left;
		width: 152px;
		height: 160px;
		list-style-type:none;
		text-align: center;
		background: transparent url(/images/layout/bg-list.gif) no-repeat left top;
		overflow: hidden;
	}
	
	.catList ul li h2
	{	
		padding: 0;
		margin: 0;
		font-size: inherit;
	}
	
	.catList ul li a
	{
		display: block;
		color:Red;
		text-align: left;
		width: 160px;
		height: 122px;
		overflow: hidden;
		margin: 0px -4px;
	}
	
	.catList ul li a.name, 
	.catList ul li span.pricesFrom, 
	.catList ul li span.name 
	{
		font-weight:bold;
		font-size:12px;
		display: block;
		text-align: left;
		margin: -5px -5px 0;
		padding: 5px 5px 0;
		height: 30px;
		/*background-color: #b39123;*/
		color: White;
	}
	
	.catList ul li span.name a
	{
		display: inline;
		color: White;
		margin:0;
	}


	.catList ul li span.pricesFrom, .catList ul li span.name
	{
		color:Red;
		text-align: left;
	}
	
	.catList ul li.promo
	{	
		border: 0;
		margin: 0 15px 0px -8px;
		padding: 5px 5px 5px 13px;
		float:left;
		width: 159px;
		height: 160px;
		list-style-type:none;
		text-align: center;
		background: transparent url(/images/layout/bg-list-promo.gif) no-repeat left top;
		overflow: hidden;
	}
	
	.catList ul li.promo a.name, 
	.catList ul li.promo span.pricesFrom, 
	.catList ul li.promo span.name, 
	{
		font-weight:bold;
		font-size:10px;
		display: block;
		text-align: left;
		margin: -5px -5px 0;
		padding: 5px 5px 0;
		height: 30px;
		/*background-color: #b39123;*/
		color: #000;
	}
	
/*End Category Styles*/

/*Ext Product List Styles*/
.extprodlist
{	
	/*border-left: solid 1px #b39123;*/
}
	.extprodlist ul
	{	
		border: 0;
		margin: 0;
		list-style-type: none;
	}
	.extprodlist ul li
	{	
		border: 0;
		border-top: solid 3px #b39123;
		margin: 0 0px 0px 0px;
		padding: 5px 0px;
		list-style-type:none;
		font-weight: normal;
		position: relative;
		clear: right;
	}
	.extprodlist ul li h3
	{
		line-height: 100%;
		float: left;
		font-size: 14px;
		font-weight: bold;
		padding:4px 0;
		margin:0px;
	}
	.extprodlist ul li a.name
	{
		color: #b39123;
		font-weight: bold;
		/*position:absolute;
		top:5px;
		left:0px;*/
	}
	.extprodlist ul li .description
	{
		width:470px;
		float:left;
		padding-top: 15px;
		position: relative;
		overflow: hidden;
	}

	.extprodlist ul li .image
	{
		float:right;
		padding-bottom: 5px;
	}
	
		.extprodlist ul li .image img
		{float:right;}
		
		.extprodlist ul li .image a
		{
			
		}
	
		.extprodlist ul li .prodcode
		{
			clear: left;
			padding-top: 7px;
		}
			.extprodlist ul li .prodcode .itemtitle,
			.extprodlist ul li .prodprice .itemtitle
			{
				padding-right: 6px;
				font-weight: bold;
			}
			.extprodlist ul li .prodcode .itemdata,
			.extprodlist ul li .prodprice .itemdata
			{
				padding-right: 6px;
			}
			.extprodlist ul li .prodprice .itemdata
			{
				display: inline-block;
				min-width: 180px;
			}
			.extprodlist ul li .prodprice .rrp
			{
				padding: 0 4px 0 0;
				color: #ff0000;
				text-decoration: line-through;
			}
		.extprodlist ul li .vol
		{
			margin: 4px 0 0 90px;
			color: #555;
			width: 100px;
			cursor:pointer;
		}
			
			
	.extprodlist ul li .messages
	{
		font-weight: bold;
	}
	.extprodlist .brands a
	{
		color: Blue;
		margin-left: 10px;
	}
	
/*End Ext Product List Styles*/

/*Product Filter List*/
#prodfilters div.filterlist
{
	margin-top:30px;
	background: white url(/images/layout/cat-top.gif) no-repeat scroll left top;
	padding: 8px 0 0 0;
}
	#prodfilters div.filterlist div.filterh
	{
		background-color: #E6E4E5;
		font-weight: bold;
		font-size: 14px;
		padding: 3px;
		border: solid 1px #000;
		border-bottom-width:0;
	}
	#prodfilters div.filterlist div.filterb
	{
		border: solid 1px #000;
		border-top-width:0;
	}
	#prodfilters div.filterlist div.filterbot
	{
		background: white url(/images/layout/cat-bottom2.gif) no-repeat scroll left top;
		margin:0;
		padding:0;
	}
	#prodfilters div.filterlist ul
	{
		margin: 0 0 10px 5px;
		padding-top:10px;
		background: none;
	}
		#prodfilters div.filterlist ul li
		{
			background: none;
			color: Black;
			font-weight: normal;
		}
		#prodfilters div.filterlist ul li a
		{
			color: Black;
		}
		#prodfilters div.filterlist ul li a.current
		{
			font-weight:bold;
		}
		#prodfilters div.filterlist ul li.head
		{
			color: #b39123;
			font-weight:bold;
		}
/*End Product Filter List*/

/* Product Display */
.productdisplay
{
}
	.productdisplay .prodinfo
	{
		float: left;
		width: 310px;
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	.productdisplay .prodextra
	{
		float: left;
		width: 350px;
		margin: 0;
		padding: 0;
	}
		.productdisplay .prodextra .actualprice
		{
			margin: 10px 0;
			color: #de0025;
			font-weight: bold;
			font-size: 16px;
		}
		.productdisplay .prodextra .normtext
		{
			color: #000;
			font-weight: normal;
			font-size: 10px;
		}
		.productdisplay .prodextra .packinfo
		{
			margin: 10px 0 5px;
		}
		.productdisplay .prodextra .delivery,
		.productdisplay .prodextra .handling
		{
			margin: 20px 0 5px;
		}
		.productdisplay .prodextra .bulky
		{
			display: inline-block;
			width: 85px;
			height: 35px;
			background: url(/images/icons/bulkyitem.gif) no-repeat left top;
			margin: 0px 10px 0 0;
			text-indent: -5000px;
			vertical-align: bottom;
		}
		.productdisplay .prodextra .direct
		{
			display: block;
			width: 204px;
			height: 35px;
			background: url(/images/icons/direct.gif) no-repeat left top;
			margin: 10px 10px 0 0;
			text-indent: -5000px;
		}
		.productdisplay .prodextra .longerleadtime
		{
			display: block;
			width: 130px;
			height: 35px;
			background: url(/images/icons/longerleadtime.gif) no-repeat left top;
			margin: 0px 10px 5px 0;
			text-indent: -5000px;
			vertical-align: bottom;
			float: left;
		}
		
		.productdisplay .prodextra .social
		{
			margin: 30px 0;
		}
/* End Product Display */

/*Top Products List*/
.topProds ul li
{
	list-style-type: decimal;
	list-style-position:inside;
}
.topProds ul li img
{
	display: block;
	text-align: center;
}
.topProds ul li span.name
{
	color:Red;
}
/*End Top Products List*/

/*Page Number Styles*/
div.paging
{
	clear: both;
	text-align: center;
	padding: 6px;
}
div.paging a
{
	text-decoration: underline;
	padding: 4px;	
}
div.paging a:hover
{
	background-color: #B39123;
	padding: 3px;
	border: solid 1px #555;
}
div.paging .current
{
	font-weight: bold;
	padding: 4px;	
}

.resultsinfo
{
	padding: 4px 0;
}
.sortorderlist
{
	float: right;
}
/*Page Number Styles*/

/*Register Page Layout*/
div.register div.formLine
{
	clear:both;
	padding: 2px;
}
div.register div.formLeft
{
	width: 150px;
	float: left;
	text-align: right;
	font-weight: bold;
}
div.register div.formRight
{
	float: left;
	padding-left: 5px;
	text-align: left;
}
/*End Register Page Layout*/

/*Shopping Cart Layout*/
.shoppingCart
{
	padding-top: 10px;
}
.shoppingCart div.total, .shoppingCart div.recalc, .shoppingCart div.proceed, .shoppingCart div.subtotal, .shoppingCart div.tax
{
	text-align: right;
	padding-top:10px;
}
/*End Shopping Cart Layout*/

/*Login Styles*/
.login
{
	padding-top: 10px;
}
.login div.formLine
{
	clear:both;
	padding: 2px;
}
.login div.formLine div.formLeft
{
	float: left;
	text-align: right;
	font-weight: bold;
	width: 150px;
}
.login div.formLine div.formRight
{
	float: left;
	padding-left: 5px;
	text-align: left;
}
/*end Login Styles*/

/*Checkout Styles*/
.checkout .addressList
{
	padding-top: 10px;
}
.checkout .address
{
	width: 200px;
	float: left;
}
.checkout .addAddress
{
	padding-top: 20px;
	clear:both;
}
.checkout .addAddress p
{
	margin-bottom: 20px;
}
.checkout .address span
{
	display: block;
}
.checkout div.formLine
{
	clear:both;
	padding: 2px;
}
.checkout div.formLine div.formLeft
{
	float: left;
	text-align: right;
	font-weight: bold;
	width: 150px;
}
.checkout div.formLine div.formRight
{
	float: left;
	padding-left: 5px;
	text-align: left;
}
/*End Checkout Styles*/

/* forms */
.formarea
{
}

	.formarea .col1
	{
		float: left;
		width: 320px;
	}
	
	.formarea .col2
	{
		float: left;
		width: 320px;
		margin-left: 10px;
	}
	
	.formarea .formend
	{
		clear: left;
		font-size: 0;
		line-height: 0;
		height: 0;
		overflow: hidden;
	}
	.formarea .formfooter
	{
		text-align: center;
	}
	
.formline {
	clear:left;
	padding-top:5px;
}
	.formline .formtitle {
		float:left;
		font-weight:bold;
		padding:6px 0 0;
		text-align:right;
		width:140px;
	}
	.formline .formfield,
	.formline .formfieldlrg {
		float:left;
		margin-left:5px;
		width: 175px;
	}
		.formline .formfieldlrg
		{
			width: 305px;
		}
		.formline .formfield .field,
		.formline .formfieldlrg .field {
			font-size:1.2em;
			padding:2px;
			width: 170px;
		}
			.formline .formfieldlrg .field
			{
				width: 300px;
			}
		
	.formline .formheading
	{
		text-align: right;
		font-weight: bold;
		color: #B39123;
		width: 320px;
		font-size: 16px;
	}
/* End forms */

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	overflow: scroll;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:black;
	padding:3px;
}
.modalPopup a.close
{
	clear:both;
	display:block;
	background-color: #03717a;
	color: #fff;
	font-weight:bold;
	font-size:11px;
	border: 1px solid #ccc;
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#03717a',EndColorStr='#32c0c4');
	  padding:2px;
}
.modalPopup div.prev a, .modalPopup div.next a
{
	clear:both;
	display:block;
	background-color: #03717a;
	color: #fff;
	font-weight:bold;
	font-size:11px;
	border: 1px solid #ccc;
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#03717a',EndColorStr='#32c0c4');
	  padding:2px;
}
/*End Modal Popup*/

/*Search Styles*/
.search
{
	margin-top:10px;
}
.search .searchTerm
{
	margin-top:10px;
}
.search .productList
{
	margin-top: 10px;
}
.search .noresults
{
	margin-top: 10px;
	font-weight: bold;
	color: Red;
}
.searchForm .brands
{
	margin-top:10px;
}

.searchTerm
{
	font-size: 12px;
	margin: 4px 0;
}
/*End Search Styles*/
/* Recently Views */
.recentlyviewed
{
	clear:both;
	padding-top:10px;
}

.vieweditems
{
	border-top: solid 2px #cd9933;
	margin: 70px 0 0;
	padding: 10px 0 0;
}
	.vieweditems .vieweditemsh
	{
		color: #000;
		padding: 5px 0;
		font-weight: bold;
	}
	.vieweditems ul
	{
		list-style-type: none;
		margin: 10px 0 0 10px;
		padding: 0;
	}	
		.vieweditems ul li
		{
			list-style-type: none;
			float: left;
			width: 104px;
			padding: 0 6px 0 0;
			text-align: center;
		}
			.vieweditems ul li a
			{
				text-decoration: none;
			}	
				.vieweditems ul li a img
				{
					border: solid 2px #cd9933;
				}
/* End Recently Views */
/* tool tip styles */
#theToolTip{
    position: absolute;
    left: -300px;
    width: 200px;
    padding: 10px 6px;
    border: solid 7px #cd9933;
    border-left-width: 1px;
    border-right-width: 1px;
    background-color: #fff;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	color: #000;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
    display: none;
}

#theToolTip p{
    margin: 5px 0;
	text-align: center;
    font-weight:bold;
}
#theToolTip .red
{
	color: #ff0000;
}


.addToolTip 
{
	cursor:pointer;
}
/* end tool tip styles */
/*Forgotten Password Styles*/
.forget
{
	padding-top: 10px;
}
.forget div.formLine
{
	clear:both;
	padding: 2px;
}
.forget div.formLine div.formLeft
{
	float: left;
	text-align: right;
	font-weight: bold;
	width: 150px;
}
.forget div.formLine div.formRight
{
	float: left;
	padding-left: 5px;
	text-align: left;
}
.forget div.msg
{
	clear:both;
	color: Red;
}
/*end Password Styles*/

/* misc styles */

.gold
{
	color: #b39123;
}

.styledinput
{
	border: solid 1px #B39123;
}

.sml
{
	font-size: 10px;
}
/* end misc styles */

/* Front page styles */
.fpcols
{
}
	.fpcols .fpcol1, 
	.fpcols .fpcol2, 
	.fpcols .fpcol3
	{
		float: left;
	}
	.fpcols .fpcol1, 
	.fpcols .fpcol3
	{
		width: 162px;
	}
	.fpcols .fpcol3
	{
		margin-left: 10px;
		height: 205px;
			margin: 0 0 0 10px;
			padding: 0 0 8px 8px;
			background: url(/images/homepage/dealbig-bg.gif) no-repeat left bottom;
	}
		.fpcols .fpcol3 h3
		{
			margin: 0 0 10px;
		}
		.fpcols .fpcol3
		{
			width: 200px;
		}
	.fpcols .fpcol2
	{
		width: 504px;
		margin-left: 10px;
	}
		.fpcols .fpcol2 .prodbox
		{
			float: left;
			width: 165px;
			margin: 0 0 0 -5px;
			padding: 0 0 12px 8px;
		}
			.fpcols .fpcol2 .prodbox h2
			{
				font-size: 12px;
				padding: 0 0 0 6px;
				text-align: center;
			}
			.fpcols .fpcol2 .prodbox .fpimg
			{
				height: 150px;
				text-align: center;
			}
			.fpcols .fpcol2 .prodbox .fpprice
			{
				text-align: center;
				font-size: 14px;
			}
				.fpcols .fpcol2 .prodbox .fpprice .fpsml
				{
					font-size: 12px;
				}
			.fpcols .fpcol2 .prodbox .contcol
			{
				float: left;
				width: 155px;
				margin: 0 0 0 6px;
				font-size: 10px;
			}
			.fpcols .fpcol2 .prodbox .colend
			{
				clear: left;
				height: 0;
				overflow: hidden;
			}
	.fpcols .fpcolend
	{
		clear: left;
		height: 0;
		overflow: hidden;
	}
	.fpcols a
	{
		color:#B39123;
		font-weight:bold;
		text-decoration: none;
	}
		.fpcols a.infolink
		{
			display: block;
			padding: 5px 0 0;
		}
.fptextinfo
{
	clear: left;
	margin: 10px 0;
	padding: 10px;
	border-top: solid 1px #bcbcbc;
	border-bottom: solid 1px #bcbcbc;
}

/* End Front page styles */

/* Blog */
.blogmain
{
	width: 600px;
	float: left;
}
.blogextra
{
	float: left;
	width: 255px;
	margin: 30px 0 0 60px;
}

.blogend
{
	clear: left;
	margin-bottom: 10px;
}
#blog-title
{
	font-size: 120%;
	font-weight: bold;
}
	#blog-title a
	{
		color: #b39123;
	}
#blog-description
{
	margin: 10px 0 0;
}
#commentform input[type=text]
{
	width: 200px;
}
#commentform textarea
{
	width: 300px;
	height: 90px;
}
/* End Blog */
/* CMS Page style fixes */
.cms
{
}

.cms p
{
	margin: 0 0 10px;
}
.cms a, .cms a:visited
{
	text-decoration: underline;
	color: Blue;
}

.cms ul
{
	list-style-position: outside;
	padding: 5px 10px 5px 20px;
}

.cms ol
{
	list-style-position: outside;
	padding: 5px 10px 5px 20px;
}

	.cms ul li, .cms ol li
	{
		list-style: inherit;
		font-weight: normal;
		padding: 0;
		margin: 0;
	}
	
.cms h2 a, .cms h2 a:visited
{
	color:#B39123;
	font-weight:bold;
	text-decoration: none;
}
.cms .red, .red
{
	color: Red;
}
/* Velux styles */

.winprodtable
{
	border-collapse: collapse;
}
	.winprodtable td
	{
		padding: 4px;
	}
	.winprodtable .headingrow
	{
		background-color: #777;
		color: #fff;
	}
	.winprodtable .subheadingrow
	{
		background-color: #ccc;
	}
	.winprodtable .itemrow
	{
		border-bottom: solid 1px #444;
	}
		.winprodtable .itemrow a
		{
			color: #000;
		}
		.winprodtable .itemrow a:hover
		{
			text-decoration: none;
		}
		
.grouphead
{
	color: #B39123;
	border-bottom: solid 1px #B39123;
	padding: 20px 0 10px 0;
	font-size: 14px;
}

.instruction
{
	margin: 20px 0 10px;
}

.optselect
{
	width: 90%;
	margin: 0 auto;
}

.optselect table tr td
{
	padding: 3px 0 3px;
	border-bottom: solid 1px #000;
}

.optselect table tr.nobord td
{
	border-bottom: none;
}

.optselect .forcebord
{
	border-bottom: solid 1px #000;
}

.vlxacc h2 a
{
	font-size: 10px;
	color: blue;
	text-decoration: underline;
	font-weight: normal;
}
.sitemap table tr td
{
	padding:10px;
}

.textright
{
	text-align: right;
}

/* Cabin Styles */

.cabnotice
{
	padding: 20px 0 5px;
}
.caboption
{
	text-align: right;
	padding: 15px 40px 20px 0;
	font-size: 120%;
	font-weight: bold;
}

ol.cablist
{
	list-style-position: outside;
}
	ol.cablist li
	{
		color: #b39123;
		font-size: 14px;
		font-weight: bold;
	}
	
	ol.cablist li .norm
	{
		color: #000;
		font-size: 10px;
		font-weight: normal;
	}
	
.listselect table
{
	width: 100%;
}
