@charset "utf-8";
/* MAIN CSS SHEET */
html, body { margin:0; padding:0; background-image: #fff; background-color:#E4EDF6; background: #E4EDF6 url(../Images/background.jpg) repeat-x 0px 0px;}
a { color:#333; }

/* CUSTOM CLASSES */
.floatLeft { float:left; }
.floatRight { float:right; }
.clearBoth { clear:both; }

/* CUSTOM ID ELEMENTS */
#pageContainer { margin:0; padding:0;  }

#pageHeader { margin:0; padding:0; }

#pageContent { margin: 0 auto 0 auto; padding:0; color:#444442; }

#pageFooter { margin:0; padding:0; }

p { margin-top: 0; padding-top:0;}

/* ----------- */

#site					{ font-family:Verdana, Geneva, sans-serif; background-color:#FFF; border-width:0 1px 1px 1px; border-color:#ACAFB4; border-style:solid;  }
.header					{  }
.header img				{ border:0; }
.header h1				{ padding:0; margin:0; font-size:0; line-height:0; }

.siteContent			{ background: transparent url(../Images/menu_background.jpg) repeat-y 0px 0px; }

.siteText				{ font-size:75%; line-height:200%; }
.siteText h2			{ font-size:120%; line-height:100%; margin-top: 18px;}

.fullPageText			{ padding: 0 10px 10px 20px; }

.rightCol				{ float:right; clear:none; width:706px; }
.rightColProduct		{ float:right; clear:none; width:700px; }
.topBarFill				{ clear:both; background: transparent url(../Images/black_bar.jpg) repeat-x 0px 0px; height:23px; }

.homeImage				{ clear:both; padding:0; margin:0; }

.rightColSubleft		{ float:left; clear:none; width:395px; padding: 0 0 0 5px; }
.rightColSubright		{ float:right; width:285px; clear:none; padding: 10px 0 0 0; }

.footer					{ clear:both; background: #b8b8b8 url(../Images/footer.jpg) repeat-x 0px 0px; width:920px; height:18px; text-align:right; font-size:60%; padding: 4px 10px 0 10px; color:#919198; }

.footer a,
.footer a:visited,
.footer a:active		{ text-decoration:none; color:#919198; }
.footer a:visited:hover,
.footer a:hover			{ text-decoration:underline; color:#919198; }

.footerLeft				{ float:left; clear:none; }
.footerRight			{ float:right; clear:none; }



.pageTitle				{ float:right; clear:both; color:#444442; background: transparent url(../Images/pagetitle_full.jpg) no-repeat 0px 0px; width:690px; height:40px; font-size: 84%; padding: 7px 0 0 10px; font-weight:bold; }
.pageTitle a:visited,
.pageTitle a:hover,
.pageTitle a			{ color:#444442; text-decoration:none; }
.pageTitle a:visited:hover,
.pageTitle a:hover		{ color:#444442; text-decoration:underline; }

/*------home-------*/
.homeImages				{ float:left; clear:none; width: 280px; height:280px; overflow:hidden; }
.homeImages img			{ width:280px; }

.homeLogos				{ clear:both; }
.homeLogos img			{ border:0; }
.homeLogo1				{ float:left; clear:none; padding: 10px 37px 10px 46px; }
.homeLogo2				{ float:left; clear:none; padding: 10px 15px 10px 0; }

/*-----about-------*/
.aboutImages			{ float:left; width: 162px; height:128px; overflow:hidden; padding: 0 0 0 0; }
.aboutImages img		{ width:162px; }
.aboutLeftCol			{ float:left; clear:none; width:460px; padding: 0 0 20px 20px; }
.aboutRightCol			{ float:right; clear:none; width:173px; padding: 0 15px 0 0; }

/*-----products----*/
.productTab				{ clear:both; height:25px; font-size:90%;  }
.productTabLeft			{ float:left; clear:none; }
.productTabMiddle		{ float:left; clear:none; background: transparent url(../Images/productitle_middle.jpg) repeat-x 0px 0px; height:20px; padding: 5px 15px 0 15px; }
.productTabRight		{ float:left; clear:none; }

.productDiv				{ padding: 10px 0 0 0px; background: transparent url(../Images/product_bg.jpg) repeat-x 0px bottom; border-top: 1px solid #CCC; }
.productLeftCol			{ float:left; clear:none; width:230px; }
.productRightCol		{ float:left; clear:none; font-size:65%; width:330px; }
.productImageContainer	{ width:212px; height:104px; overflow:hidden; }
.productImageContainer img { width:212px; }
.productContact			{ clear:both; font-size:65%; padding: 10px 0 0 20px; }

.productCatList			{ float:left; clear:none; width:340px; }
.productCatList ul		{ clear:both; margin-top: 0px; padding: 0px; list-style:none; }
.productCatList li		{ clear:both; padding: 20px 0 20px 0; width:305px; background: transparent url(../Images/dotted_line.jpg) no-repeat 0px bottom;}
.productCatList li a,
.productCatList li a:visited,
.productCatList li a,active { text-decoration:none; color:#606060; font-weight:bold; text-align:center; background: transparent url(../Images/bullet_point.jpg) no-repeat 190px center; width:170px; padding: 0 40px 0 10px; display:block; }
.productCatList li a:hover,
.productCatList li a:visited:hover{ text-decoration:none; color:#C4C4C4; font-weight:bold; text-align:center; background: transparent url(../Images/bullet_point.jpg) no-repeat 190px center; width:170px; padding: 0 40px 0 10px; display:block; }

.categoryInfo			{ clear:both; padding: 0 0 10px 5px; }

.productHelp			{ clear:both; padding: 10px 0 10px 458px; }
.productHelp img		{ border:0; }

/*----contact-----*/
#contact				{ float:left; clear:none; padding: 20px 0 20px 20px; font-size: 75%; width:370px; }
#contact .field			{ clear:both; width:100%; padding: 10px 0 0 0; }
#contact label			{ float:left; clear:none; width:100px; font-weight:bold; }
#contact .text			{ float:left; clear:none; width:180px; }
#contact .textarea		{ float:left; clear:none; width:180px; }
#contact .error			{ clear:both; width:130px; color:#F00; padding: 0 0 10px 0;}
#contact .submit		{ clear:both; }
.sentMessage			{ clear:both; padding: 10px 0 30px 5px; font-weight:bold; font-size:110%; }

.contactInfo			{ float:left; clear:none; width:300px; font-size:75%; padding: 0 0 0 20px; }
.contactInfo div		{ padding: 0 0 10px 0; }
.contactInfo .Name		{ font-size: 130%; }

.contactDetailsTitle	{ clear:both; font-weight:bold; padding: 8px 0 0 0; }

.mapDiv					{ float:right; clear:none; width:270px; padding: 0px 0 0 0; }
.mapDiv	img				{ border:0; }
.mapLink				{ font-size:90%; color:#A6A6A6; padding:30px 0 20px 20px; }
.mapLink a:visited,
.mapLink a:active,
.mapLink a				{ text-decoration:none; color:#A6A6A6; font-weight:bold; }
.mapLink a:visited:hover,
.mapLink a:hover		{ text-decoration:none; color:#A6A6A6; font-weight:bold; }

/*------menu------*/
#menu					{ float:left; clear:none; width:234px; font-size:95%;  }
.menuhome				{ background: transparent url(../Images/menu_header.jpg) repeat-x 0px 0px; padding: 23px 0 0 0; }

#menu ul				{ list-style:none; padding:0; margin:0; }
#menu li				{ background: transparent url(../Images/menu_line.jpg) no-repeat 0px bottom; width:234px; }
#menu li a				{ text-decoration:none; padding: 10px 0 10px 27px; width:207px; display: block; color:#444442; }
#menu li a:hover		{ text-decoration:none; padding: 10px 0 10px 27px; width:207px; display: block; color:#848482; }

#menu li ul				{ list-style:none; padding:10px 0 10px 0; margin:0; background: transparent url(../Images/menu_line.jpg) no-repeat 0px top; font-size: 90%; }
#menu li li				{ background:0; padding:0; margin:0; padding: 0 0 6px 0; background: transparent url(../Images/icon.gif) no-repeat 20px 7px; color:#848482; }
#menu li li a			{ text-decoration:none; color:#848482; display: block; padding:2px 0 2px 32px; width:198px; }
#menu li li a:hover		{ text-decoration:underline; color:#848482; display: block; padding:2px 0 2px 32px; width:198px; }

#menu li li ul			{ list-style:none; padding:0 0 0 0; margin:0; background:0; }
#menu li li li			{ background:0; padding:0; margin:0; }
#menu li li li a		{ text-decoration:none; color:#4A4A4A; padding:4px 0 4px 40px; }
#menu li li li a:hover	{ text-decoration:none; color:#4A4A4A; padding:4px 0 4px 40px; }

#menu .selected a		{ background: transparent url(../Images/rollover_sm.jpg) repeat-y 0px 0px; }