*{padding: 0; margin: 0;}
body{padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #fff;}
.hide{display: none;}
#pagewidth{width: 960px; margin: 0 auto 12px; background: url(i/pagewidth-bg.png) top left no-repeat;}
#pagecontent{background: url(i/main-bg.png) bottom center repeat-x #fff;}
#header{clear: both; border: 0; height: 160px; overflow: hidden;}
#header img{float: left;  border: 0; margin: 40px 0 0 30px;}
#header h1{display: none;}
#header h2{display: none;}
#nav{padding: 10px 0; font-size: 11px; margin: 0 0 8px 0; text-align: right; background: #7ab800;}
#nav ul{padding: 5px;}
#nav ul li{display: inline; margin: 5px;}
#nav ul li a{color: #fff; font-weight: bolder; text-decoration: none; padding: 5px 11px; text-transform: lowercase; background: url(i/nav-bg.png) center center repeat-x #0f7a3b;}
#nav ul li a:hover, #nav ul li a.active{background: url(i/nav-bg4.png) center center #bed600; color: #020;}
#main{width: 80%; float: left;}
div.breadcrumbs{padding: 10px 20px 5px;}
a{color: #040;}
p a:hover{color: #080;}
#col3 a[href$=".pdf"] {background: url("i/file/pdf.png") no-repeat scroll transparent; padding: 0 0 0 25px;}
#col3 a[href$=".doc"] {background: url("i/file/doc.png") no-repeat scroll transparent; padding: 0 0 0 25px;}
#col3 a[href$=".xls"] {background: url("i/file/xls.png") no-repeat scroll transparent; padding: 0 0 0 25px;}
#col3 a[href$=".ppt"] {background: url("i/file/ppt.png") no-repeat scroll transparent; padding: 0 0 0 25px;}
h1, h2, h3, h4, h5, h6{margin: 10px 15px; background: url(i/header-bg2.png) top right no-repeat #030; padding: 5px 15px; color: #fff; text-transform: lowercase;}
h1{font-size: 18px;}
h2{font-size: 16px;}
h2 a{color: #fff;}
h3{font-size: 14px;}
h4{font-size: 12px;}
.spacer{clear: both}
p, #col1 ul, #col1 ol{margin: 1px 15px; padding: 10px; background: url(i/p-bg.png) center center no-repeat #efe; line-height: 1.6em;}
p.flash{margin: 0; padding: 0; clear: both;}
p.caption{margin: 0 0 10px 0; background: #fff;}
p.the_user{padding: 5px 10px;}
#col3 p.news_sum img.news_thumb{float: left; margin: 0 10px 10px 0;}
.w250{width: 250px;}
#col1{width: 75%; float: right; padding: 0 0 100px 0; background: #fff;}
#col1 h1, #col1 h2{clear: both;}
#col1 li{margin: 5px 0 5px 10px; padding: 3px 10px; background: url(i/bg05.png) center center repeat-x;}
#col1 p img{float: left; margin: -10px 5px 5px -15px; padding: 5px; background: #fff;}
#col1 p.news_head{color: #999; padding: 5px 10px; background: transparent; text-align: right;}
#col1 img.product{float: left; margin: 5px 5px 5px 0;}
#col1 img.autopix{float: left; margin: 5px; padding: 10px;}
#col2{width: 25%; float: left; padding: 10px 0 30px 0;}
#col2 h3{margin: 3px 0 10px 0; padding: 5px 10px;}
#col2 h3#menu{text-indent: -9999px; background: transparent;}
#col2 ul{margin: 10px 5px 30px; padding: 0; list-style-type: none;}
#col2 ul li{margin: 3px;}
#col2 ul li ul{margin: 4px 0 4px 10px;}
#col2 ul li a{background: url(i/sidenav-bg1.png) left center repeat-x #fff; text-decoration: none; display: block; padding: 8px 10px 8px 25px; color: #086e28; text-transform: lowercase;}
#col2 ul li a:hover, #col2 ul li a.active{background: url(i/sidenav-bg2.png) left center repeat-x #b9e49c; color: #efe; font-weight: bold;}
#col2 ul li a.scam_warn, .son{padding: 5px 5px 5px 0; background: transparent;}
#col3{width: 20%; float: right; font-size: .9em; padding: 10px 0 40px 0;}
#col3 p{margin: 5px;}
#col3 p.news_sum{padding: 5px; clear: both; margin: 0; font-weight: bold;}
#col3 h3{margin: 5px 0;}
#col3 img{text-align: center; margin: 10px auto 0;}
#col2 h2, #col2 h3, #col3 h2, #col3 h3{}

.message{border: 1px; clear: both;}
.warning{color: #f00;}
.highlight { font-weight: bold; color: #086e28; }
.andmore{margin: 10px 15px; padding: 10px; text-align: right;}
#footer{background: url(i/nav-bg.png) top left repeat-x #009b48; color: #fff; padding: 10px 20px; border: solid #004c22; border-width: 0 0 10px 0;}
#footer a{color: #fff;}
#footer a.credits{float: right;}

.props{}
form{border: 1px dotted #363; margin: 3px;}
#searchform{border: 0; margin: 0; padding: 0 0 5px 0; background: url(i/searchform.png) 0 30px no-repeat #fff;}
#searchform h3{}
input#q{margin: 5px; width: 140px; background: transparent; border: 0; color: #020;}
input#go{width: 30px; border: 0; background: transparent; text-indent: -9999px;}
.pagesection form{border-width: 1px;}
fieldset{margin: 2.5em 5px 5px 5px; padding: 0; border: 1px solid #9c9;}
#loginform{margin: 1em auto;}
label, #loginform fieldset label{font-weight: bolder; display: block; float: left; width: 110px; text-align: right; font-weight: bolder; padding: 6px 4px; margin: 0; background: url(i/header-bg.png) center center repeat-x #060; color: #fff; text-transform: capitalize;}
label.blank{background: transparent;}
form div.row label.check{clear: both; display:block; width: 240px;}
legend{font-weight: bolder; clear: both; border: solid #99c; border-width: 1px 1px 0 1px; background: #20A26A; padding: 5px 10px;margin: -2em 0 0 10px;}
fieldset label{width: 180px; margin: 3px; vertical-align: top;}
form span.input, form div.input{float: left; text-align: left; padding: 3px;}
form span.input label{margin: 2px 0 2px 2px; padding: 2px 5px 2px 2px; vertical-align: top; width: auto; text-align: left; background: url(i/bg03.png) bottom center repeat-x #fff; font-weight: normal; color: #000;}
form span.input label:hover{background: url(i/bg05.png) bottom center #cec;}

div.search{margin: 5px 20px;}
div.search p{margin: 2px 0; padding: 2px 10px;}
div.search p.search_result{}
div.search h3{margin: 10px 0;}

iframe.fck{}
.ex, .hide{display: none;}
form span.input input.Submit{padding: 10px 20px; text-align: right; background: #ccc; border: 2px solid #ccc77a;}
.submit input{background: #fcf; padding: 5px;}

#insertform{margin: 20px; padding: 10px; background: #E2E2EB;}
div.row{clear: both; border: solid #060; border-width: 1px 0; background: #fff;}
/*div.row span.input textarea{width: 100%;}*/
div.row span.input input#Reset{padding: .8em 1.8em; background: #fcc; margin: 3px 0 3px 3px;}
div.row span.input input#Submit{padding: .8em 1.8em; background: #efc; margin: 3px 0 3px 3px;}
div.row span.input input#Delete{padding: .8em 1.8em; background: #fbb; margin: 3px 0 3px 3px;}
form div.row p{font-size: .75em;}
.warning{color: #f00;}
.formaxn{white-space: nowrap;}
.formhelp{padding: 5px; color: #775;}
body.gallery div.flash{margin: 10px 20px 50px; padding: 20px 20px; background: url(i/rect2546c.png) bottom center repeat-x #fff;}
body.contact #col1 form{margin: 10px 15px;}
body.new #side_news{display: none;}

div#social{margin: 5px 10px; padding: 5px; clear: both;}
div#social a{display: block; float: left; width: 48px; height: 48px; text-indent: -9999px; margin: 2px 3px 3px 2px;}
a.youtube{background: url(i/social/youtube.png) no-repeat; }
a.linkedin{background: url(i/social/linkedin.png) no-repeat; }
a.facebook{background: url(i/social/facebook.png) no-repeat; }
a.flickr{background: url(i/social/flickr.png) no-repeat; }
a.twitter{background: url(i/social/twitter.png) no-repeat; }
a.feed{background: url(i/social/feed.png) no-repeat; }


