/* CSS DOCUMENT */

/*----------------------- GENERAL -----------------------*/
body{
	padding:0;
	margin:0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#3C3D3D;
	background-color:#fff;
	}
div, img, p, a, ul, h1, h2, h3{
	padding:0;
	margin:0;
	}
img{ border:none;}
a{ text-decoration:none;
	outline:none;
	}
ul{ list-style-type:none;}
h1{ display:none;}

/*----------------------- BANNER AND LOGO PART -----------------------*/
div#headerArea{
	background-color:#D9ECF2;
	color:#fff;
	height:290px;
	}
div#header{
	width:1004px;
	height:255px;
	background:url(../images/banner.jpg) 0 0 no-repeat;
	position:relative;
	padding-top:35px;
	margin:0 auto;
	}
div#header img{
	display:block;
	margin-left:160px;
	cursor:pointer;
	}
div#header a.specialLink{
	display:block;
	width:58px;
	height:15px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	background:url(../images/special-link-bg.gif) 0 0 no-repeat;
	position:absolute;
	top:0;
	right:10px;
	}
div#header a.specialLink:hover{
	background-position:0 100%;
	}
div#header h2{
	width:119px;
	height:92px;
	background:url(../images/new-products-ad.jpg) 0 0 no-repeat;
	position:absolute;
	bottom:0;
	right:6px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	}

/*----------------------- BANNER AND LOGO PART -----------------------*/
div#mainNavArea{
	height:35px;
	border-top:1px solid #5EB3E6;
	border-bottom:4px solid #DBDBDB;
	background:url(../images/main-nav-bg.gif) 0 0 repeat-x;
	}
div#mainNavArea ul{
	width:893px;
	height:34px;
	font:bold 12px/34px Arial, Helvetica, sans-serif;
	margin:0 auto;
	}
div#mainNavArea ul li{
	float:left;
	padding-right:1px;
	background:url(../images/main-nav-divider.gif) 100% 0 no-repeat;
	}
div#mainNavArea ul li a,
div#mainNavArea ul li span{
	display:block;
	height:34px;
	padding:0 48px;
	float:left;
	background-color:inherit;
	color:#fff;
	}
div#mainNavArea ul li a:hover,
div#mainNavArea ul li span{
	background-color:#20243A;
	color:#fff;
	}

/*----------------------- BODY CONTAINER PART -----------------------*/
div#bodyContainer{
	padding:11px 12px 31px;
	height:100%;
	overflow:hidden;
	width:1002px;
	margin:0 auto;
	}

/*----------------------- BODY CONTAINER PART - LEFT PANEL -----------------------*/
div#leftPanel{
	width:215px;
	border:1px solid #DDD;
	float:left;
	padding:8px 9px 23px;
	}
div#leftPanel h2{
	width:122px;
	height:31px;
	background:url(../images/why-us-bg.jpg) 0 0 no-repeat;
	margin-bottom:16px;
	padding:55px 0 0 93px;
	}
div#leftPanel h2.contact{
	width:122px;
	height:31px;
	background:url(../images/contact-banner.jpg) 0 0 no-repeat;
	margin-bottom:16px;
	padding:55px 0 0 109px;
	}	
div#leftPanel h2 span{
	display:none;
	}
div#leftPanel h2 a{
	display:block;
	width:92px;
	height:21px;
	background-color:inherit;
	background:url(../images/click-link-bg.gif) 0 0 no-repeat;
	color:#D9D9D9;
	font-size:11px;
	line-height:19px;
	padding-left:10px;
	font-weight:bold;
	text-transform:uppercase;
	}
div#leftPanel h2 a:hover{
	background-color:inherit;
	color:#53AFFF;
	}
div#leftPanel p{
	padding:0 5px 17px 0;
	font-size:12px;
	line-height:15px;
	color:#6B543B;
	background-color:inherit;
	}
div#leftPanel p strong{
	color:#44787B;
	background-color:inherit;
	}
div#leftPanel p a{
	font-size:11px;
	line-height:15px;
	color:#2D71B4;
	background-color:inherit;
	font-weight:bold;
	}
div#leftPanel p a:hover{
	text-decoration:underline;
	}
div#leftPanel ul.leftLink{
	height:100%;
	overflow:hidden;
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	padding-top:3px;
	}
div#leftPanel ul.leftLink li{
	float:left;
	padding-right:37px;
	}
div#leftPanel ul.leftLink li ul li{
	float:none;
	padding:0 0 8px 18px;
	background:url(../images/bull1.gif) 0 1px no-repeat;
	}
div#leftPanel ul.leftLink li ul li a {
	color:#000;
	background-color:inherit;
	}
div#leftPanel ul li ul li a:hover, div.rightPanelContent  ul li ul li a:hover {
	background-color:inherit;
	color:#2D71B4;
	}

/*----------------------- BODY CONTAINER PART - RIGHT PANEL -----------------------*/
div#rightPanel{
	margin-left:265px;
	}
div#rightPanel div.rightPanelContent{
	padding-bottom:14px;
	background:url(../images/horz-dot.gif) 0 100% repeat-x;
	margin-bottom:10px;
	}
div#rightPanel div.rightPanelContent h2{
	font-size:30px;
	line-height:32px;
	font-weight:normal;
	padding-bottom:12px;
	color:#2D71B4;
	background-color:inherit;
	}
div#rightPanel div.rightPanelContent p{
	padding-bottom:10px;
	}
div#rightPanel div.rightPanelContent p span { 	
	font: bold 13px/19px Arial, Helvetica, sans-serif;
	display:block;
	}
div#rightPanel div.rightPanelContent p.answer {
	padding-left:26px;
	padding-right:10px;
	padding-bottom:25px;
	display:block;
	}	

div#rightPanel h3.featured { 
	text-transform:uppercase;
	}
	
div#rightPanel h3{
	font-size:21px;
	line-height:23px;
	font-weight:normal;
	color:#2D71B4;
	background-color:inherit;
	padding-bottom:10px;
	}
div#rightPanel ul.productList h3 {
	padding-top:25px;
	}
div#rightPanel ul.leftrow {
	float:left;
	margin-right:0px;
	}
div#rightPanel ul.productList{
	height:100%;
	overflow:hidden;
	font:bold 10px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	}
div#rightPanel ul.productList li{
	width:150px;
	padding:5px 4px 12px;
	border:1px solid #DDD;
	margin-right:12px;
	margin-bottom:8px;
	float:left;
	}
div#rightPanel ul.homeprod li {	
	padding-bottom: 0px;
	}
div#rightPanel ul.productList li img{
	display:block;
	/*cursor:pointer;*/
	margin-bottom:8px;
	}
div#rightPanel ul.productList li a.productList{
	display:block;
	background-color:inherit;
	color:#fff;
	background:url(../images/product-link-bg.gif) 0 0 no-repeat;
	width:91px;
	height:14px;
	margin:0 auto;
	text-align:center;
	}
	
div.rightPanelContent ul.leftLink li ul li{
	float:none;
	padding:0 0 8px 18px;
	background:url(../images/bull1.gif) 0 1px no-repeat;
	}	
div.rightPanelContent ul.leftLink li ul li{
	float:none;
	padding:0 0 8px 18px;
	background:url(../images/bull1.gif) 0 1px no-repeat;
	}	
div.rightPanelContent ul.leftLink li ul li a {
	color:#000;
	background-color:inherit;
	}	
div.rightPanelContent ul.leftLink{
	height:100%;
	overflow:hidden;
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	padding-top:3px;
	}
div.rightPanelContent ul.leftLink li{
	float:left;
	padding-right:37px;
	}		
div.rightPanelContent ul.listing li { 
	padding-left: 50px;
	}	

/*----------------------- FOOTER PART -----------------------*/
div#footerArea{
	height:103px;
	background:url(../images/horz-dot2.gif) 0 0 repeat-x #E4E4E4;
	border-top:5px solid #2D71B4;
	padding-top:2px;
	color:#292929;
	}
div#footCenter { 
	width:1002px;
	margin:0 auto;
	}
div#footerArea div.payPal{
	padding:21px 0 0 12px;
	float:left;
	height:82px;
	width:227px;
	margin:0 auto;
	}
div#footerArea div.payPal img{
	display:block;
	cursor:pointer;
	}
div#footerArea div.footerLink{
	margin: 0 auto;
	margin-left:270px;
	padding-top:30px;
	}
div#footerArea div.footerLink ul{
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	color:#2D71B4;
	background-color:inherit;
	height:13px;
	padding-bottom:5px;
	}
div#footerArea div.footerLink ul li{
	float:left;
	}
div#footerArea div.footerLink ul li a{
	color:#2D71B4;
	background-color:inherit;
	display:block;
	margin:0 7px;
	}
div#footerArea div.footerLink ul li a:hover{
	color:#292929;
	background-color:inherit;
	}
div#footerArea div.footerLink p{
	font-size:10px;
	line-height:12px;
	padding-left:7px;
	}
div#footerArea div.footerLink p a {	
	color: #292929;
	}

/*------------------------ Contact -------------------------*/

#leftcontact { float:left; width:310px; } 
#rightcontact { float:right; width:380px; } 

form { margin-left: 0px; } 
form div input { padding : 0 .25em; margin: 20px; margin-left:80px; background-color : #90305c; border : 2px double #551c35; border-top-color : #e591b9; font : bold 92% Tahoma, Verdana, Arial, sans-serif; color : #fff; text-transform : uppercase;
	margin:16px 4px 7px 0;
	 }

form div input:hover { background-color : #444; } 

/* ---- */

#contact_right fieldset select { float:right; width : 220px; border : 1px solid #ccc; font-size: 11px; padding-left:2px; }
#contact_right fieldset select :hover { border:none; }

#contact_right fieldset select.feedback option { padding-left:20px; } 
#contact_right fieldset select option.typeos { 
	color: #000; 
	font-style: italic;
	font-weight: bold;
	margin-left: -18px;
}

#contact_form fieldset input { float : right; width : 61%; border : 1px solid #ccc; font-size: 11px; padding-left:2px;  }
#contact_form fieldset input.submit:hover { border-color: #1C5A22; border-width:2px;  }
#contact_form fieldset input:active, input:focus { border-color : #000; }
#contact_form fieldset textarea { float : right; width : 99%; border : 1px solid #ccc; }
#contact_form fieldset textarea:hover { border-color : #000; }
#contact_form fieldset textarea:active, textarea:focus { border-color : #000; }
#contact_form label, label span { display : block; padding-bottom : .25em; }
#contact_form label { float : left; width : 100%; }
#contact_form label span { float : left; width : 29%; text-align : right; color: #aaa; font-style:normal; }
#contact_form form div { 
	float:right; 
	margin-bottom : 0px; 
	text-align : center;
	margin-top:-17px;
	padding:0px 0px;
}
#contact_form form div input:hover { background-color: #fff;} 

/* =fieldset */

#contact_form fieldset { 
	float : left; 
	width : 354px; 
	margin : 0 10px 10px 0; 
	padding : 10px;
	border : 1px solid #1C5A22; 
	overflow : hidden;
	padding-bottom: 10px;  
}

#contact_form fieldset.faq  { width:655px; } 

#contact_form p.gold { color: #986418; text-decoration:underline; font-size:14px; font-weight:bold; padding-bottom:3px; text-align:center;  }

#contact_form fieldset:hover { border-color: #FFFF00; border-color: #ccc; }

#contact_form form { margin-left: 0px; } 
#contact_form form div input { 
	padding : 0 .25em; 
	margin: 0px; 
	background-color: #A42327; 
	border : 1px double #1C5A22; 
	font : bold 11px Tahoma, Verdana, Arial, sans-serif; 
	color : #fff;
	text-transform:capitalize;
}

#contact_form .phone2 { width:52px; padding-right:3px; padding-left:3px; margin-right: 2px; } 
#contact_form .phone {  width:104px; padding-right:3px; padding-left:3px; } 

.inputbutton, .inputsubmit { 
	background-color:#3e3d43;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	padding:2px 15px 3px;
	text-align:center;
	cursor: pointer; float:right;
}




/*----------------------- MISLENIOUS -----------------------*/
.noBg{
	background:none !important;
	}
.noRightPad{
	padding-right:0 !important;
	}
.noRightMar{
	margin-right:0 !important;
	}
a.moreLink{
	display:block;
	width:44px;
	height:14px;
	font:bold 10px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-transform:lowercase;
	background:url(../images/more-link-bg.gif) 0 0 no-repeat;
	text-align:center;
	}
a.moreLink:hover,
div#rightPanel ul.productList li a.productList:hover{
	color:#CBE3FC;
	background-color:inherit;
	}

div#verification {	display:block; height:13px; }
div#verification img { 
	position: relative;
	float:left;
	margin-top:0px;
	margin-left:0px;
	padding-right:40px;
	}
p.copyrights { font-size:10px; font-weight: bold; padding-top:5px; }