#main { width:980px; margin:10px auto 0px auto; text-align:left; background:url(images/main_blur_image.jpg) top left no-repeat;}

#content {height:700px;}
.col { vertical-align: top;}

.main { width:980px; margin: 0px auto; text-align:left; background:url(images/main_blur_image.gif) top left no-repeat;}

.content {height:700px; width:980px; margin: 10px auto 0px auto;  text-align: center; background-image: url(layoutimages/blur_line.gif); background-repeat: repeat-y;}

.homemain { width:980px; margin: 0px auto; text-align:left; background:url(layoutimages/home_main_image.gif) top left no-repeat;}

.homecontent {height:700px; width:980px; margin: 10px auto 0px auto;  text-align: center; background-image: url(layoutimages/main_line.gif); background-repeat: repeat-y;}

.column1, .column2, .column3, .col1, .col2, .col3 {float:left;}
.container {width:100%; overflow:hidden;}

.column1 {width:251px;}
.column2 {width:700px; padding:41px 0 40px 0;}

/* ============================= page1 ===========================*/

#page1 #main { background:url(images/splash_bg.jpg) top left no-repeat;}

/* ============================= page2 ===========================*/

#page2 #main { background:url(images/page2_main_bg.jpg) top left no-repeat;}

/* ============================= page3 ===========================*/

#page3 .col1 {width:283px; padding-right:67px;}
#page3 .col2 {width:282px;}

/* ============================= page4 ===========================*/

#page4 .col1 {width:283px; padding-right:67px;}
#page4 .col2 {width:282px;}

/* ============================= page5 ===========================*/

#page5 .line2 {background:url(images/line.gif) repeat-y 319px 0;}
#page5 .col1 {width:285px; padding-right:34px;}
#page5 .col2 {width:317px; padding-left:36px;}
#page7 {width:980px; margin: 0 auto; text-align: center; background-image: url(layoutimages/blur_line.jpg); background-repeat: repeat-y;}


.solutiontoprightcol
{
	width: 290px;
	margin: 30px 0px 0px 0px;
	float: left;
}
.solutiontoprightcol h2			
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.solutiontoprightcol p
{
	margin: 0px 0px 0px 0px;
	
	font: Arial;
	font-size: 14px;
	color: #FFFFFF;
}
.solutiontoprightcol a { color: #FFFFFF; font-weight: bold;text-decoration: underline;}
.solutiontoprightcol a:active {color: #FFFFFF; font-weight: bold;text-decoration: underline;}
.solutiontoprightcol a:hover {color: #FFFFFF; font-weight: bold;text-decoration: underline;}	
.solutiontopleftcol
{
	width: 285px;
	margin: 30px 45px 0px 25px;
	float: left;
}
.solutiontopleftcol h2			
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.solutiontopleftcol p
{
	margin: 0px 0px 0px 0px;
	font: Arial; 
	font-size: 14px;
	color: #FFFFFF;
}
.solutiontopleftcol a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.solutiontopleftcol a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.solutiontopleftcol a:hover {color: #FFFFFF; font-weight: bold;text-decoration: underline;}


.solutionbottomrightcol
{
	width: 290px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.solutionbottomrightcol h2			
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.solutionbottomrightcol p
{
	margin: 0px 0px 0px 0px;
	
	font: Arial;
	font-size: 14px;
	color: #FFFFFF;
}
.solutionbottomrightcol a { color: #FFFFFF; font-weight: bold;text-decoration: underline;}
.solutionbottomrightcol a:active {color: #FFFFFF; font-weight: bold;text-decoration: underline;}
.solutionbottomrightcol a:hover {color: #FFFFFF; font-weight: bold;text-decoration: underline;}	
.solutionbottomleftcol
{
	width: 285px;
	margin: 0px 45px 0px 25px;
	float: left;
}
.solutionbottomleftcol h2			
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.solutionbottomleftcol p
{
	margin: 0px 0px 0px 0px;
	font: Arial; 
	font-size: 14px;
	color: #FFFFFF;
}
.solutionbottomleftcol a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.solutionbottomleftcol a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.solutionbottomleftcol a:hover {color: #FFFFFF; font-weight: bold;text-decoration: underline;}
hr 
{
	color: #302024;
	background-color: #302024;
	height: 1px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	width: 630px;
}

.knowledgerightcol
{
	width: 290px;
	margin: 40px 0px 0px 60px;
	float: left;
}
.knowledgerightcol h2			
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Microsoft Sans Serif;
}	
.knowledgerightcol p
{
	margin: 0px 0px 5px 0px;
	font: Microsoft Sans Serif;
	font-size: 14px;
	color: #FFFFFF;
}
.knowledgerightcol a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.knowledgerightcol a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.knowledgerightcol a:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline;}

.knowledgeleftcol
{
	width: 300px;
	margin: 40px 0px 0px 60px;
	float: left;
}
.knowledgeleftcol h2			
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Microsoft Sans Serif;
}	
.knowledgeleftcol p
{
	margin: 0px 0px 0px 0px;
	font: Microsoft Sans Serif;
	font-size: 14px;
	color: #FFFFFF;
}
.knowledgeleftcol a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.knowledgeleftcol a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.knowledgeleftcol a:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline;}

#panPlaceholder
{
	margin: 0px;
	padding: 0px;
}	

.companyleftcol
{
	width: 630px;
	margin: 35px 0px 0px 25px;
	float: left;
}
.companyleftcol h2			
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.companyleftcol p
{
	margin: 0px 0px 0px 0px;
	font: Arial;
	font-size: 14px;
	color: #FFFFFF;
}
.companyleftcol a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.companyleftcol a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.companyleftcol a:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline;}	



.companyleftcol hr 
{
	color: #302024;
	background-color: #302024;
	height: 1px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	width: 630px;
}
.companybottomrightcol
{
	width: 290px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.companybottomrightcol h2			
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.companybottomrightcol p
{
	margin: 0px 0px 0px 0px;
	
	font: Arial;
	font-size: 14px;
	color: #FFFFFF;
}
.companybottomrightcol a { color: #FFFFFF; font-weight: bold;text-decoration: underline;}
.companybottomrightcol a:active {color: #FFFFFF; font-weight: bold;text-decoration: underline;}
.companybottomrightcol a:hover {color: #FFFFFF; font-weight: bold;text-decoration: underline;}	
.companybottomleftcol
{
	width: 285px;
	margin: 0px 80px 0px 25px;
	float: left;
}
.companybottomleftcol h2			
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.companybottomleftcol p
{
	margin: 0px 0px 0px 0px;
	font: Arial; 
	font-size: 14px;
	color: #FFFFFF;
}
.companybottomleftcol a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.companybottomleftcol a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.companybottomleftcol a:hover {color: #FFFFFF; font-weight: bold;text-decoration: underline;}
.credentialbottomrightcol
{
	width: 145px;
	margin: 20px 0px 0px 0px;
	float: left;
	text-align: center;
}
.credentialbottomrightcol h2			
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	color: #666666;
	font-family: Arial;
}	
.credentialbottomleftcol
{
	width: 100px;
	margin: 20px 45px 0px 100px;
	float: left;
}
.credentialbottomleftcol h2			
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	color: #666666;
	font-family: Arial;
}	
.credentialbottomright2col
{
	width: 127px;
	margin: 20px 0px 0px 20px;
	float: left;
	text-align: center;
}
.credentialbottomright2col h2			
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	color: #666666;
	font-family: Arial;
}		
.cright
{
	float: left;
	margin: 0px;

}	
.cright img
{
	float: right;
	
	
}	
/* contact us page */




	
#contactform {
	
	
	padding: 0px;
	
    width: 315px;
    
	text-transform: uppercase;
	font-family: Arial;
	font-size: 14px;
	color:#97918a;
	margin-top: 20px;
	
	
	
}

.contactrightcol
{
	width: 315px;
	margin: 10px 0px 0px 0px;
	float: left;
}
.contactrightcol h2			
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.contactrightcol p
{
	margin: 0px 0px 0px 0px;
	
	font: Arial;
	font-size: 14px;
	color: #FFFFFF;
}
.contactrightcol a { color: #FFFFFF; font-weight: bold;text-decoration: underline;}
.contactrightcol a:active {color: #FFFFFF; font-weight: bold;text-decoration: underline;}
.contactrightcol a:hover {color: #FFFFFF; font-weight: bold;text-decoration: underline;}	
.contactleftcol
{
	width: 225px;
	margin: 10px 0px 0px 25px;
	font: Arial; 
	font-size: 14px;
	color: #FFFFFF;
	float: left;
}
.contactleftcol h2			
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.contactleftcol p
{
	margin: 0px 0px 0px 0px;
	font: Arial; 
	font-size: 14px;
	color: #FFFFFF;
}
.contactleftcol a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.contactleftcol a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.contactleftcol a:hover {color: #FFFFFF; font-weight: bold;text-decoration: underline;}	
#documentform {
	
	clear: both;
	padding: 0px;
	margin: 0px auto;
    text-align: left;
    width: 200px;
    font-family: Microsoft Sans Serif;
	font-size: 14px;
	text-transform:uppercase;
	
	color:#FFFFFF;
	
}
#frmContact
{
	padding: 0px;
	margin: 0px;
	 font-family: Microsoft Sans Serif;
	font-size:12px;
	text-transform:uppercase;
	
	color:#000000;
}

#frmContact input, #frmContact select, #frmContact textarea 
{
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	 font-family: Arial;
	font-size: 14px;
	color: #000000;
}
#documentform input, #documentform select, #documentform textarea 
{
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	 font-family: Microsoft Sans Serif;
	font-size: 14px;
	color: #000000;
}
#txtName
{
	width: 350px;
	
}	
#txtCompany
{
	width: 350px;
	
}
#txtPhone
{
	width: 350px;
	
}
#txtEmail
{
	width: 350px;
	
}			
#txtZipCode
{
	width: 350px;
	
}			
#txtComment
{
	width: 350px;
	background-color: #ffffff;
	
}	

#contactform h2			
{
	margin: 0 auto;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	color: #ffffff;
	font-family: Arial;
}	
#documentform h2			
{
	margin: 0 auto;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	color: #ffffff;
	font-family: Microsoft Sans Serif;
}	

.contactlabel 
{
	display: block;
	width: 200px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}
#frmContact input#cmdSend 
{
    margin: 15px 0px;
    width: 80px;
    font-family: Arial;
	font-size:14px;
	
	text-transform:uppercase;
	color:#000000;
}
#documentform input#cmdSend 
{
    margin: 15px 0px;
    width: 80px;
    font-family: Microsoft Sans Serif;
	font-size:14px;
	
	text-transform:uppercase;
	color:#000000;
}


#chkContact input
{
	margin: 0px;
	padding: 0px;
	width: 400px;
	text-align: left;

}	
#checkLabel
{
	margin: 0px;
	padding: 0px;
}	

/* end contact us page */

.privacyinfo
{
	width: 630px;
	margin: 35px 0px 0px 25px;
	float: left;
}
.privacyinfo h2			
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.privacyinfo p
{
	margin: 0px 0px 0px 0px;
	font: Arial;
	font-size: 14px;
	color: #FFFFFF;
}
.privacyinfo a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.privacyinfo a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.privacyinfo a:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline;}	



.privacyinfo hr 
{
	color: #302024;
	background-color: #302024;
	height: 1px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	width: 630px;
}

.mailinfo
{
	width: 630px;
	margin: 35px 0px 0px 25px;
	float: left;
}
.mailinfo h2			
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.mailinfo p
{
	margin: 0px 0px 0px 0px;
	font: Arial;
	font-size: 14px;
	color: #FFFFFF;
}
.mailinfo a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.mailinfo a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.mailinfo a:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline;}	



.mailinfo hr 
{
	color: #302024;
	background-color: #302024;
	height: 1px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	width: 630px;
}
.mainheader
{
	width: 812px;
}		

.maincontentheader
{
	width: 545px;
	float: left;
	margin-left: 25px;
}
.maincontentheader h1
{
	width: 545px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 28px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}
.maillistheader
{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
	font-family: Tahoma;
	margin-left: 40px;
	margin-bottom: 80px;
}	
.maillistheader a { color: #FFFFFF; font-weight: bold; text-decoration: none;}
.maillistheader a:active {color: #FFFFFF; font-weight: bold; text-decoration: none;}
.maillistheader a:hover {color: #FFFFFF; font-weight: bold; text-decoration: none;}			
table.BrandsWeSell { width: 630px;}
.BrandsWeSell td { padding: 10px; text-align: left;}
.BrandsWeSell hr { width: 570px;}
.BrandDescription { width: 4300px;}
.brandleftcol
{
	width: 630px;
	margin: 10px 0px 0px 25px;
	float: left;
}
.brandleftcol h2			
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.brandleftcol p
{
	margin: 0px 0px 0px 0px;
	font: Arial;
	font-size: 14px;
	color: #FFFFFF;
}
.brandleftcol a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.brandleftcol a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.brandleftcol a:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline;}	
.homeleftcol
{
	width: 390px;
	margin: 35px 0px 0px 25px;
	float: left;
	
}
.homeleftcol ul
{
	list-style-type: square; 
	padding-left: 25px;
}	
.homeleftcol li
{
	font: Tahoma;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	
}		
.homeleftcol h2			
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.homeleftcol p
{
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Tahoma;
}
.homeleftcol a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.homeleftcol a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.homeleftcol a:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline;}	



.homeleftcol hr 
{
	color: #302024;
	background-color: #302024;
	height: 1px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	width: 630px;
}


.homebottom
{
	
	margin: 0 auto;
	text-align: center;
	clear: both;
}

.homebottom h2			
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	font-family: Arial;
}	
.homebottom p
{
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Tahoma;
	
}
.homebottom a { color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.homebottom a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.homebottom a:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline;}