@charset "utf-8";

/* CSS Document */

body {	
	background:#eeeeee url("../img/clouds_bg_top.png") repeat-x ;
	font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
	font: 72.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
	font: 82.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
	font: 82.5%/1.6 Arial, Helvetica, Verdana, sans-serif;
	font: 82.5%/1.6 "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	line-height: 125%;
	text-align: center;
	color:#666666; /* on white bg only */
	color:#333333;
	margin:0px 8px 8px 8px;
	margin:0px 0px 0px 0px;



	/*



	padding:0px 8px 8px 8px;



	*/



	}	



	



#logowrapper { 



	position:relative;



	margin:0 auto;



	width:850px;



	width:800px;



	width:750px;



	height:65px;



	}



#logo {



	position:absolute;



	top:4px;



	left:0px;



	}







#nav {	



	position:absolute;



	top:0px; 



	left:300px;



	text-align:left;



	padding:0px;



	margin:0px;



	}



.navagation {margin-left:0px;padding-left:0px; margin:0px; padding:0px;}



.navagation ul {margin-left:0px;padding-left:0px;}



.navagation li {



	display:inline;



	float:left;



	height:28px;



	padding-left:25px; /* space for the bg bullet */



	padding-right:10px; /* space for the bg bullet */



	margin:0px 0px 0px 0px;



	padding:0px 0px 0px 0px;



	list-style:none;



	list-style-position:inside;



	font-size: 0.9em;



	color:#ffffff;



	font-weight: normal;



	font-weight: bold;



	background-repeat:repeat-x;



	background-position:0% 50%;



	}



.navagation li a{



	position:relative;



	bottom:10px;



	height:28px;



	color:#ffffff;



	text-decoration:none;



	padding:0px 4px 0px 4px;



	}



.navagation li a:hover, .navagation li a:active, .breadcrumbs li a:hover {







}







#page_browser a {

	margin-right: 15px;

	}







#wrapper {



	/* NO PADDING */



	width:850px;



	background:url("../img/content_bg.png") repeat-y ;



	width:800px;



	background:url("../img/content_bg_white800.png") repeat-y ;



	width:750px;



	background:url("../img/content_bg_white750.png") repeat-y ;



	margin:0 auto;



	margin-top:130px;



	margin-top:60px;



	}







#main-content {



	text-align:left;



	margin-left:40px;



	margin-right:40px;



	}







#top-image {



text-align:center;



}







#footer {



	background:url("../img/body_footer_bg.png") repeat-x ;



	min-height: 130px;



	} 



#footerInner {



	background:url("../img/content_bottom_curved.png") no-repeat;



	background:url("../img/content_bottom_curved_white.png") no-repeat;



	background:url("../img/content_bottom_curved_800.png") no-repeat;



	background:url("../img/content_bottom_curved_750.png") no-repeat;



	background-position:50% 0%;



	margin:0 auto;



	height:71px; /* height of image */



	font-size:0.9em;



	}



#footerInner div {padding-top:2em;}



#footerInner div a {text-decoration:none;}



#footerInner div a:hover {text-decoration:underline;}











#options {



	margin:0 auto;



	padding:1.8em 0 0 0;



	width:803px;



}







strong {}



em {}







/* LINKS */



a, a:visited, a:active, a:hover {color:#2971A7;} /* BLUE */



a:active, a:hover {color:#39AA44;} /* GREEN */







/* HEADINGs */



h1, h2, h3, h4, h5 {



	line-height: 125%; /* keep same as text */



	color:#CC3399; /* purple */



	color:#D8211D; /* red */



	color:#404040; /* .mac grey */



	margin:0px;



	margin-top:0.3em;



	padding:0px;



	display:block;



	}



	



#right h3 {



	margin-left:1em;



	margin-left:0em;



	color: #7AC042;



	}	







h3 b {color:#000000;font-weight:normal;}



	



/*



######### P Styles ########



*/







#main-content p {



	margin-top:0px;



	margin-bottom:1em;



	text-align:justify;



	}







#right p {



	margin-left:1em;



	margin-right:1em;



	margin:0px 0px 0px 0px;



}	



#right p img {



	padding:0.2em;



}	



















/* 



############ LISTS ##############



*/



ul.csc-menu, #right ul {



	margin:0px;



	margin-right:1em;



	padding:0px;



	padding-left:1em;



	list-style-position:outside;



	list-style-position:inside;



	color:orange;



	}



ul.csc-menu li, #right ul li {



	padding-top:0.2em;



	padding-bottom:0.5em;



	}



ul.csc-menu {



	color:#7AC042;



}



ul.csc-menu li {



	border-top:0px dotted #555555;



	margin-bottom:3px;



	background-color:#FFF7EF;



}













div.breadcrumb-class {font-size:0.85em; padding-top:3px; font-weight:bold;}



div.breadcrumb-class a {text-decoration:none; font-weight:normal;}



div.breadcrumb-class a:hover {text-decoration:underline;}









#right ul.breadcrumb2 {margin:10px 0px 0px 0px; padding:0px; list-style:none; font-size:0.8em;}



#right ul.breadcrumb2 li {background:url(../img/subarrow.gif) no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}



#right ul.breadcrumb2 li.L0 {background:url(../img/subarrow.gif) 0px 3px no-repeat; padding:0px 0px 0px 20px;}



#right ul.breadcrumb2 li.L1 {background:url(../img/subarrow.gif) 10px 3px no-repeat; padding:0px 0px 0px 30px;}



#right ul.breadcrumb2 li.L2 {background:url(../img/subarrow.gif) 20px 3px no-repeat; padding:0px 0px 0px 40px;}



#right ul.breadcrumb2 li.L3 {background:url(../img/subarrow.gif) 30px 3px no-repeat; padding:0px 0px 0px 50px;}



#right ul.breadcrumb2 li.L4 {background:url(../img/subarrow.gif) 40px 3px no-repeat; padding:0px 0px 0px 60px;}



#right ul.breadcrumb2 li.CUR {color: #000000; font-style:italic;}



#right ul.breadcrumb2 li a {text-decoration:none;}







#right ul.breadcrumb2sub {margin:0px 0px 0px 0px; padding:0px; list-style:none; font-size:0.8em;} 



#right ul.breadcrumb2sub li.CUR {color: #000000; font-weight:bold;} 



#right ul.breadcrumb2sub li a {text-decoration:none;}



#right ul.L0 {padding:0px 0px 0px 0px;} 



#right ul.L1 {padding:0px 0px 0px 20px;} 



#right ul.L2 {padding:0px 0px 0px 30px;} 



#right ul.L3 {padding:0px 0px 0px 40px;} 



#right ul.L4 {padding:0px 0px 0px 50px;} 



#right ul.L5 {padding:0px 0px 0px 60px;} 



#right ul.L0 li.CUR {background:url(../img/subarrow.gif) 0px 3px no-repeat; padding:0px 0px 0px 20px;} 



#right ul.L1 li.CUR {background:url(../img/subarrow.gif) 0px 3px no-repeat; padding:0px 0px 0px 20px;} 



#right ul.L2 li.CUR {background:url(../img/subarrow.gif) 0px 3px no-repeat; padding:0px 0px 0px 20px;}



#right ul.L3 li.CUR {background:url(../img/subarrow.gif) 0px 3px no-repeat; padding:0px 0px 0px 20px;}



#right ul.L4 li.CUR {background:url(../img/subarrow.gif) 0px 3px no-repeat; padding:0px 0px 0px 20px;}



#right ul.L5 li.CUR {background:url(../img/subarrow.gif) 0px 3px no-repeat; padding:0px 0px 0px 20px;}



#right ul.L0 li {padding:0px 0px 0px 20px;} 



#right ul.L1 li {padding:0px 0px 0px 20px;} 



#right ul.L2 li {padding:0px 0px 0px 20px;} 



#right ul.L3 li {padding:0px 0px 0px 20px;} 



#right ul.L4 li {padding:0px 0px 0px 20px;} 



#right ul.L5 li {padding:0px 0px 0px 20px;} 











/* CONTENT */



.bg243 {



	width: 233px; /* img width less the padding */



	width: 200px; /* img width less the padding */



	width: 180px; /* img width less the padding */



	padding:5px;



}



.bg243blue {



	background:url("../img/panel_bg_243_blue.png") no-repeat;



	width: 233px; /* img width less the padding */



	padding:5px;



}



.bg250 {



	background:url("../img/panel_bg_250.png") no-repeat ;



	width: 240px;



	padding:5px;



}



.bg370 {



	background:url("../img/panel_bg_370.png") no-repeat ;



	width: 360px;



	padding:5px;



}



.bg375 {



	background:url("../img/panel_bg_375.png") no-repeat ;



	width: 365px;



	padding:5px;



}



.bg497 {



	background:url("../img/panel_bg_497.png") no-repeat ;



	width: 487px;



	padding:5px;



}



.bg500 {



	background:url("../img/panel_bg_500.png") no-repeat ;



	width: 490px;



	padding:5px;



}



.bg750 {



	background:url("../img/panel_bg_750.png") no-repeat ;



	width: 740px;



	padding:5px;



}







/* products_list */



#products_list a {text-decoration:none;}



#products_list a img {border:none;}











/*



** Comments list



*/



div.tx-msmcomments-pi1 {margin-top:15px; border-top:1px solid #F58A1F; padding-top:5px; background-color:#FFF7EF;}



div.commentWrap {position:relative;background:#fafafa;margin-top:1em;padding:0.5em;}



div.commentWrap .commentCount {position:absolute;right:0px;top:15px;font-size:350%;color:#eeeeee;font-weight:bold;}



div.commentWrap .commentPerson {position:relative; top:5px; font-weight:bold; font-size:90%; color:#bbb;}



div.commentWrap .commentDate {position:relative;font-weight:bold;font-size:80%;color:#bbb;padding:0px;line-height:80%;}



div.commentWrap .commentBodytext {position:relative;text-align:justify;padding-bottom:5px;padding-right:50px;}







div#commentsForm {position:relative;background:#fafafa;margin-top:1em;padding:0.5em;}



div#commentsForm fieldset {border:0px solid #ffffff;}



div#commentsForm legend {color:#7ac042;font-weight:bold;}



div#commentsForm textarea {width:300px;}







div#comments {position:relative;margin-top:1em;padding:0.5em;}



div#comments fieldset {border:0px solid #ffffff;}



div#comments legend {color:#7ac042;font-weight:bold;}







#right div.breadcrumbs {



  margin: 15px 0;



  font-size: 85%;



}







#right div.breadcrumbs ul {



  list-style: none;



  margin: 0;



  padding: 0;



}







#right div.breadcrumbs ul li {


	display: block;


  background: url(../img/subbullet3.gif) 4px 7px no-repeat;


  padding: 3px 0px 2px 15px;



  margin: 0;



  font-weight: normal;



  line-height: 110%;



}







#right div.breadcrumbs ul li.ACT {



  background: url(../img/subarrow3.gif) 0px 3px no-repeat;



  color: #000000;



  padding: 3px 0px 3px 16px;



  padding: 3px 0px 2px 15px;



  font-weight: bold;



  font-weight: normal;



}







#right div.breadcrumbs ul li.CUR {



  background: url(../img/subarrow3.gif) 0px 3px no-repeat;



  color: #000000;



  padding: 3px 0px 3px 16px;



  padding: 3px 0px 2px 15px;



  font-weight: bold;



}







#right div.breadcrumbs ul li a, #right div.breadcrumbs ul li a:link {



  text-decoration: none;



  padding: 0;



  margin: 0;



  display:block;



}


a img {border:none;}