@charset "utf-8";
/* CSS Document */

body{ font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url('../images/bg.jpg'); background-repeat:repeat-x; background-color:#EEEEEE; padding:0px; padding-top:12px; font-size:14px; }
h1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:26px; color:#023A33; clear:both;}
h2{ font-family:Arial, Helvetica, sans-serif; color:#023A33;}
p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; }
p strong{ color:#2F5D57;}
a{ color:#2F5D57;}
a:hover{ color:#FFA715;}
pre code{display:none;}
.clearer{ clear:both; }

.wrapperA{ background-image:url('../images/background.jpg'); background-repeat:repeat-y; margin:0px auto; width:1022px; }

.header{ position:relative; background-image:url('../images/header.jpg'); background-repeat:no-repeat; height:163px;}
.header .logo{ position:absolute; left:19px; top:19px; }
.header .logo a img{ border:none; }

.header .location{ position:absolute; right:45px; top:6px; }
.header .location h3{ font-size:10px; line-height:10px; margin:0px; }

.header .banner{ position:absolute; left:382px; top:19px; }

.header .menu{ bottom:0; left:0; padding:0 2px; position:absolute; width:1018px;}

#location{ height:146px; }

.content-wrapper{ border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; margin:0 2px; }
.content{ margin:20px 0px; }
.content .main{ float:left; padding-left:21px; width:745px; }
.content .main ul{ width:100%; padding:0px; }
.content .main ul li{ width:49%; margin:3px 1% 3px 0px; float:left; list-style-position:inside; font-size:80%; }

.content .main .list{ float:left; list-style-position:inside; list-style-type:disc; width:100%; margin:15px 0px; }

.content .main table.brands { border:1px solid #000000; margin:10px 0px; }
.content .main table.brands tr td{ background-color:#EEEEEE; text-align:center; vertical-align:middle; height:75px; width:119px; }

.content .right{ float:right; width:221px; padding-right:21px;}
.content .right .content{ width:219px; background:#003831; color:#FFFFFF; margin:0px;}
.content .right .content .text{ padding:0 10px 20px 17px;}
.content .right .content .text h3{ margin-bottom:3px; margin-top:15px; font-size:16px; line-height:16px;}
.content .right .content .text ul{ padding:0px; margin-top:3px; margin:5px; }
.content .right .content .text li{ font-family: Verdana, Arial, Helvetica, sans-serif; list-style-position:inside; font-size:12px; }
.content .right .content .title{ height:31px; text-align:center; background:url('../images/right-content-col.jpg');}
.content .right .content .title h2{ font-family:Arial, Helvetica, sans-serif; color:#2F5D57; font-size:20px; font-weight:normal; line-height:31px; text-align:center;}

.footer{
	background-image:url('../images/footer.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	height:47px;
	padding-bottom:15px;
	font-size:10px;
	color:#023A33;
	font-weight:bold;
	line-height:47px;
	padding-left:22px;
	padding-right:22px;
	padding-top:15px;
	margin-bottom:125px;
}

.footer p{ margin:0px; font-size:11px; }

.footer a{ color:#023A33; text-decoration:none; }
.footer a:hover{ color:#FFA814; }
.footer .credit-cards{ background-image:url('../images/credit-cards-accepted.jpg'); background-repeat:no-repeat; background-position:right center; float:left; padding-right:258px;}

.footer .copyright{
	padding-left:463px;
	text-align:justify;
	background-image: url(../images/wspider-logo.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}

/* ----------- My Form ----------- */
.myform{
margin:0px;
width:430px;
padding:14px;
}

#stylized{
border:solid 2px #FFA715;
background:#FFF1D7;
float:left;
margin-right:12px;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
margin-top:0px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #FFA715;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input, #stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #FFA715;
width:230px;
margin:2px 0 20px 10px;
}

#stylized textarea{ height:150px;}

#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		margin:0px;
		background-color:#FFFFFF;
		border:0px none;
		padding:0px 20px;
	}
	
	#qm0 li.toplevel{ background:transparent url(../images/menu-bg.jpg) repeat scroll 0 0; height:31px; width:160px; margin-right:3px; }

	#qm0 li.toplevel a.qmparent{	
		padding:0px;
		background:transparent;
		color:#ffffff;
		font-weight:bold;
		font-family:Arial;
		font-size:13px;
		line-height:31px;
		text-align:center;
		text-decoration:none;
		border:0px none;
	}
	
	#qm0 li.toplevel a.qmparent:hover{ background:transparent url(../images/menu-bg_active.jpg) repeat scroll 0 0; color:#000000;}
	
	#qm0 li.toplevel ul{ width:146px;}

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:4px 40px 4px 10px;
		background-color:#E6E6E6;
		color:#222222;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		text-align:left;
		border-width:1px 1px 1px 0px;
		border-style:solid;
		border-color:#676767;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#222222;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		color:#222222;
	}


	/*"""""""" (MAIN) Parent Items""""""""*/	
	#qm0 .qmparent	
	{	
		 background:transparent url(../images/menu-bg.jpg) repeat scroll 0 0; height:31px; width:160px; margin-right:3px; padding:0px; text-align:center; line-height:30px; font-weight:bold; color:#FFFFFF; border:0px none;
	}

	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		 background:transparent url(../images/menu-bg_active.jpg) repeat scroll 0 0; height:31px; width:160px; margin-right:3px; color:#000000;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		margin:0px;
		background-color:#E6E6E6;
		border:2px solid #8EA7A4;
		border-top:1px solid #CCCCCC ;
		width:146px;
	}

	#qm0 div div, #qm0 ul li ul
	{	
		padding:5px;
		margin:0px;
		background-color:#E6E6E6;
		border:2px solid #8EA7A4;
		width:146px;
	}

	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a, #qm0 div a.qmparent
	{	
		padding:3px 20px 3px 5px;
		color:#222222;
		font-size:11px;
		text-align:left;
		border-width:1px 0px 1px 0px;
		border-color:#E6E6E6;
		width:121px;
		height:16px !important;
		line-height:16px !important;
		background-color:#E6E6E6;
		font-weight:normal;
		border-style:solid;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 div a.qmparent:hover
	{	
		background-color:#B4B4B4;
		color:#222222;
		border-color:#676767;
		border-width:1px 0px !important;
		border-style:solid;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#B4B4B4;
		color:#222222;
		border-color:#676767;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent, #qm0 ul .qmparent	
	{	
		background-image:url(qmimages/arrow_18.gif);
		background-position:95% 50%;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		border-color:#676767;
		background-image:none;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 5px 5px;
		color:#222222;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 5px 4px 5px;
		border-color:#999999;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" (sub) Rounded Items""""""""*/	
	#qm0 div .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (sub) Rounded Items Content""""""""*/	
	#qm0 div .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#B4B4B4;
	}
	
	.invisible {
		background:transparent none repeat scroll 0 0 !important;
		border:medium none !important;
		display:none !important;
	}