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

html {}
body { margin:0; padding:0; background-color:#FFFFFF;}
img {border:0;}

.clear {clear:both;}

#topPage { height:2px; background-color:#e2fc00; z-index:100;}

#main { width:980px; margin:0 auto; /*box-shadow:0 0 3px 3px #CCCCCC; background-color:#FFFFFF;*/ padding:10px 0;}
#main #top { margin:10px; height:80px;}
#main #top #logo { float:left; width:300px;}
#main #top #info { width:600px; float:right; text-align:right; font-family:LeagueGothic, "Arial Narrow", sans-serif; font-size:24px;}
#main #top #info a { text-decoration:none; color:inherit;}

#main #nav { background:url(images/nav-bg-blck.gif) repeat-x top left;}
#main #nav ul {  height:40px; list-style:none; margin:0; font-size:11px; font-weight:bold; line-height:40px; padding-left:0; width:750px; float:left;}
#main #nav ul li { display: block; float:left;}
#main #nav li.nav-path-selected {background:url(images/nav-bg-on.jpg) repeat-x top left;}
#main #nav ul li a { color:#FFFFFF; text-decoration:none; padding:0 14px; line-height:40px; display:block;}
#main #nav ul li a:hover { color:#FFFFFF;background:url(images/nav-bg.jpg) repeat-x top left;}
#main #nav #search { width:220px; float:right;}
#main #nav #search form { margin-top:7px; }
#main #nav #search input.ccm-search-block-text { width:150px;}

#main #featured { margin-bottom:10px; padding:20px 0;}
#main #products { margin-bottom:10px; padding:0 10px; }
#main #products #box { float:left; width:190px; display:block; padding:20px; padding-top:0; margin:0 5px; border-top:1px dotted #FFFFFF; border-bottom:1px dotted #FFFFFF; background-color:#F0F0F0;}
#main #products #box h1 {/* background-color:#f0f0f0;*/ padding:5px 20px; margin:0 -20px; font-size:22px;}

#main #introduction { background-color:#F7FF05; color:#080807;  font-family:LeagueGothic, "Arial Narrow", sans-serif; font-size:48px; margin-bottom:10px; padding:5px 20px; line-height:44px;border-radius:0 0 10px 10px;}
#main #introduction * { padding:0; margin:0;}

#main #breadcrumb { margin-bottom:10px; height:20px; padding-left:20px;}

#main #content { width:660px; float:left; padding:20px;}
#main #right { float:right; width:230px;padding:20px; border-left:1px dotted #FFFFFF; padding-top:0;}
#main #right h2 { background-color:#f0f0f0; color:#FFF70A; margin:0 -20px; padding:5px 20px; border-top:1px dotted #FFFFFF;}
#main #right ul { list-style:none; padding:0; margin:0; margin-bottom:20px; padding-top:10px;}
#main #right ul li a,
#main #right ul li a:active,
#main #right ul li a:visited { text-decoration:none; margin:5px 0; line-height:20px; font-size:14px;}
#main #right ul li a:hover { text-decoration: underline; color:#EEFF03;}
#main #right div.formblock form div.fields div.field { margin:5px 0;}
#main #right div.formblock form div.fields div.field label { text-align:right; font-style:italic;float:right; margin-right:10px;}
#main #right div.fields div input,
#main #right div.fields div textarea,
#main #right div.fields div img {width:95%}
#main #content div.formblock form div.fields div.field { margin:5px 0;}
#main #content div.formblock form div.fields div.field label { text-align:right; font-style:italic;float:right; margin-right:10px;}
#main #content div.fields div input,
#main #content div.fields div textarea,
#main #content div.fields div img {width:95%}



#footer {width:960px; margin:0 auto; color:#AAA; padding:10px; text-align:center;}