/* Basic styles */
* { margin: 0; padding: 0; }
html, body { height: 100%; }
a img, fieldset { border: 0; }
a, a:visited { cursor: pointer; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline; }
option { padding-sidebarnav: .5em; }
input, textarea, select { padding: 1px; border: 1px solid #ffca05; }
ul, ol, dl { position: relative; }
ul { list-style: none; }

/* Fonts */
body, input, textarea, select, table { color: #000; font: 12px/16px arial, helvetica, sans-serif; }
/* Body,html,wrapper */
html { background: #FFF; }

#wrapper { position: relative; width: 1024px; height: auto; margin-left: 0px; margin-right: 0px; text-align: left; }
#header { padding-top: 50px; padding-bottom: 37px; }

#branding { background: url(images/logo.gif) no-repeat; display: block; width: 292px; height: 45px; text-indent: -10000px; overflow: hidden; float: left; }

#nav_primary { float: right; margin-top: 13px; margin-right: 20px; }
#nav_primary a { font-family: "Lucida Grande" , "Lucida Sans Unicode" ,Helvetica,Arial,Verdana,sans-serif; line-height: 30px; display: block; float: left; font-size: 15px; color: #000; font-weight: normal; margin: 0 15px; border-top: 2px solid #fff; }
#nav_primary a:hover { text-decoration: none; border-top-color: #ffca05; }

#home #nav_primary a#home, #products #nav_primary a#products, #about #nav_primary a#about, #news #nav_primary a#news, #careers #nav_primary a#careers, #contact #nav_primary a#contact, #orders #nav_primary a#orders { border-top-color: #ffca05; }

#homemid { float: left; postition: relative; width: 1024px; height: 308px; }
#homecols { float: left; postition: relative; width: 1024px; height: auto; }
#homecol1 { float: left; postition: relative; width: 201px; height: auto; }
#homecol1 a, a:visited { color: #39b549; font-weight: normal; }
#homecol1 a:hover { color: #636363; font-weight: normal; }
#homecol2 { float: left; postition: relative; width: 224px; height: auto; }
#homecol2 a, a:visited { color: #39b549; font-weight: normal; }
#homecol2 a:hover { color: #636363; font-weight: normal; }
#homecol3 { float: left; postition: relative; width: 150px; height: auto; }
#homecol3 a, a:visited { color: #39b549; font-weight: normal; }
#homecol3 a:hover { color: #636363; font-weight: normal; }

#productsmid { float: left; postition: relative; width: 1024px; height: auto; }
#productscola { float: left; postition: relative; width: 288px; height: 308px; background: #f0da37; }
#productscolb { float: left; postition: relative; width: 732px; height: 308px; }
#productscol2 { float: left; postition: relative; width: 275px; height: auto; color: #636363; padding-top: 38px; }
#productscol3 { float: left; postition: relative; width: 250px; height: auto; color: #636363; padding-top: 38px; }
#productscol4 { float: left; postition: relative; width: 524px; height: auto; color: #636363; padding-top: 15px; }
#productscol4 h3 { margin: 1em 0 1.5em; line-height: 1.5em; }
#productscol4 p { margin: 1em 0 1.5em; padding-left: 33px; }
#productssp { float: left; postition: relative; width: auto; }
#productsmid a, a:visited { color: #39b549; font-weight: bold; }
#productsmid a:hover { color: #636363; font-weight: bold; }

#aboutmid { float: left; postition: relative; width: 1024px; height: auto; }
#aboutcol1 { float: left; postition: relative; width: 288px; height: 308px; background: #8bc53e; }
#aboutcol2 { float: left; postition: relative; width: 69px; height: 308px; }
#aboutcol2 p { padding-top: 1100px; }
#aboutcol3 { float: left; postition: relative; width: 592px; height: auto; color: #636363; }
#aboutcol3 p { padding-right: 110px; padding-bottom: 15px; }
#aboutcol3 h1 { color: #8bc53e; font-size: 12px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
#boaa { float: left; postition: relative; width: 506px; }
#boab { float: left; postition: relative; width: 86px; padding-top: 150px; }
#boacol1 { float: left; postition: relative; width: 125px; color: #e28922; font-weight: bold; }
#boacol2 { float: left; postition: relative; width: 340px; padding-left: 10px; }
#aboutmid a, a:visited { color: #39b549; font-weight: bold; }
#aboutmid a:hover { color: #636363; font-weight: bold; }

#newsmid { float: left; postition: relative; width: 1024px; height: auto; }
#newscol1 { float: left; postition: relative; width: 288px; height: 308px; background: #f9a61a; }
#newscol2 { float: left; postition: relative; width: 592px; height: auto; color: #636363; padding-top: 20px; padding-left: 69px; }
#newscol2 p { padding-right: 25px; }
#arrow { float: left; postition: relative; width: 40px; }
#blurb { float: left; postition: relative; width: 480px; }
#newsmid a, a:visited { color: #39b549; font-weight: bold; }
#newsmid a:hover { color: #636363; font-weight: bold; }

#careersmid { float: left; postition: relative; width: 1024px; height: auto; }
#careerscol1 { float: left; postition: relative; width: 288px; height: 308px; background: #39b549; }
#careerscol2 { float: left; postition: relative; width: 592px; color: #636363; padding-left: 69px; }
#careerscol2 p { margin: 1em 0; padding-right: 125px; }
#careerscol2 ul { margin: 1em 0; }
#careerscol2 ul.bulleted { padding-left: 1.5em; list-style-type: disc; }

#careercols2 h3 { margin: 1em 0; }

#careersmid a, a:visited { color: #39b549; font-weight: bold; }
#careersmid a:hover { color: #636363; font-weight: bold; }

#contactmid { float: left; postition: relative; width: 1024px; height: auto; }
#contactcol1 { float: left; postition: relative; width: 288px; height: 308px; background: #ffca05; }
#contactcol2 { float: left; postition: relative; width: 332px; color: #636363; }
#contactcol3 { float: left; postition: relative; width: 298px; padding-top: 100px; }
#contactmid a, a:visited { color: #636363; font-weight: bold; }
#contactmid a:hover { color: #39b549; font-weight: bold; }
.dropdown { border: 1px solid #ffca05; padding-left: 1px; width: 325px; }
.submitbtn { border: 0px; }

#ordersmid { float: left; postition: relative; width: 1024px; height: auto; }
#orderscol1 { float: left; postition: relative; width: 288px; height: 308px; background: #8bc53e; }
#orderscol2 { float: left; postition: relative; width: 194px; }
#orderscol3 { float: left; postition: relative; width: 444px; color: #636363; padding-top: 4px; }
#orderscol3 p { padding-right: 25px; }
#ordersmid a, a:visited { color: #39b549; font-weight: bold; }
#ordersmid a:hover { color: #636363; font-weight: bold; }

#shade { float: left; postition: relative; width: 1024px; height: 4px; padding: 0 0; margin: 0 0; }
#footer { float: right; postition: relative; width: auto; height: auto; color: #8a8a8a; padding-top: 8px; padding-bottom: 10px; }
#footer a, a:visited { color: #8a8a8a; }
#footer a:hover { color: #39b549; }
.green { color: #39b549; }
#spacer { float: left; postition: relative; width: auto; height: auto; }

/* Liviu Holhos 01.12.2010 */

#admin #branding { float: none; margin: 0 auto; width: 337px; }
#admin form .errors { display: block; margin-top: 16px; padding: 8px; font-weight: bold; background-color: #FCECB1; border: 1px solid #ccc; }
#login { float: left; postition: relative; width: 1024px; height: auto; }
#login form { padding: 80px 0; width: 300px; margin: 0 auto; border-top: 5px solid #FFCA05; }
#admin label { display: block; padding: 3px 0; }
#admin label.radio { display: inline; padding: 0; }
#admin input.radio { top: 0.25em; position: relative; }
#admin .text { padding: 5px 4px; width: 100%; display: block; }
#admin .file { background-color: #fff; }
.button { padding: 5px 16px; background-color: #eee; }
#admin input:focus, .button:hover { border-color: #333; }

.add_item { padding: 30px 0; }

#admin .add_item { width: 400px; margin: 0 auto; }

table { width: 100%; border-spacing: 0px 0px; border-collapse: collapse; text-align: left; margin-bottom: 30px; }
th { background-color: #EEE; border: 1px solid #CCC; font-weight: bold; padding: 8px 4px; text-align: left; vertical-align: middle; }
td { border: 1px solid #CCC; padding: 2px 4px; vertical-align: middle; }
/*clear*/
.clear { clear: both; }

.clearfix		{*zoom:1}/* for ie */
.clearfix:after	{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
p.error{color:red;}
h3.success{border:1px solid orange;padding:5px 10px;background:#FBF6E2;}
input.error{border-color:red;}

.pagination {text-align:center;}