html{margin:0; padding:0; height:100%;}

body {margin:0; padding:0; height:100%; font:0.75em/1.5em Arial, Helvetica, sans-serif; color:#000; background:transparent url(/css/contimg/main-bg.png) top center repeat;}

#container {margin:0 auto; width:900px; position:relative; min-height:100%; height:auto !important; height:100%; /*background: #fff;*/}

#header { float:left; width: 900px; height: 200px; position:relative;}
/*#header-inner {float:left; width: 860px; height: 120px; background:transparent url(/css/contimg/orange-bg.png) top left repeat; padding: 50px 20px 20px 20px;}*/


#header-inner {float:left; width: 860px; height: 130px; background:transparent url(/css/contimg/header-bg.png) top left no-repeat; padding: 50px 20px 20px 20px;}
#header-bottom {float:left; width: 900px; height: 10px; background:transparent url(/css/contimg/orange-bottom.png) bottom left no-repeat; }

#primary-nav {float:left; width: 900px;} 
#primary-nav-inner {float:left; width: 900px; height: 30px; padding:5px 10px 0 10px; margin-top: 10px; background:transparent url(/css/contimg/black-top.png) top left no-repeat; line-height:20px}
#primary-nav-bottom {float:left; width: 900px; height: 10px; background:transparent url(/css/contimg/black-bottom.png) bottom left no-repeat;}
#primary-nav ul {float:left; margin:0; padding:0; height: 30px; width:auto; }
#primary-nav ul li{float:left; margin:0; padding:0; float:left; width:auto; list-style:none; background:transparent url(/css/contimg/primary-nav-divider.png) top right no-repeat; padding: 0px 12px 0 12px;}
#primary-nav ul li a {float:left; width:auto; margin:0; padding:0; color: #fff; text-transform:uppercase; font-size: 12px; line-height: 30px; text-decoration:none;}
#primary-nav ul li a:hover {text-decoration:none; color: #FFA200; }

body#home #pri_home, body#about #pri_about, body#choosing #pri_choosing, body#box_styles #pri_box_styles, body#design #pri_design, body#quotepage #pri_quote, body#pallets #pri_pallets, body#stock #pri_stock, body#contact #pri_contact {text-decoration:none; color: #FFA200;}


#content-outer {float:left; width:890px; margin-top: 10px; padding: 5px; background: #fff url(/css/contimg/content-outer.png) top left no-repeat; position:relative;}
#content {float:left; width:890px; padding: 0; position:relative; }
#left-col { float:left; padding: 0 20px 20px 20px; width:auto;  }
#right-col { float:left; padding: 0; margin-left:5px; display:inline; position:relative; width:auto; }
#full-col {float:left; width: 890px; padding:0;}

#slide-outer {float:left; height: 380px; width: 585px; position:relative;}


a { text-decoration:underline; color: #333; }
a:hover { text-decoration:none; color: #fff;}
img {border:none;}

a#logo {float:left; height: 65px; width: 215px; position:absolute; bottom:25px; left:24px; background: transparent url(/css/contimg/autobox_logo.png) top left no-repeat; text-indent:-9999px; }
a#logo:hover {background-position:bottom left;}
p {margin: 0.5em 0; padding:0;}
h1 { float:right; width: 620px; font-weight:bold; font:1.7em/1em Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align:left; margin:0; padding:0;}
h1 span {color:#000; }

ul.front-list {margin:0; padding:0; font-size:1.1em;}
ul.front-list li {margin:0.5em 0; padding:0; list-style:none;}
span.bold {font-weight:bold;}

ul.list {margin:0; padding:0;}
ul.list li {margin:0.5em 0; padding:0; list-style:none;}

#menu {float:right; width:auto; position:absolute; bottom: 20px; right:20px; width:630px;}
#menu ul {margin:0; padding:0; float:right; width:auto;}
#menu ul li {margin:0; padding:0 4px; float:left; width:auto; list-style:none;}
#menu ul li a {float:left; display:block; height: 76px; width: 96px; text-indent: -9999px; background-position: top left; background-repeat:no-repeat; }
/*#menu ul li a span {display:none;}*/
#menu ul li a:hover {background-position: bottom left;}

#menutext {float:right; width: 620px; text-align:left; font:1.1em/1em Verdana, Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 10px;}

a#rsc_btn {background-image: url(/css/contimg/rsc_btn.png); }
a#folf_btn {background-image: url(/css/contimg/folf_btn.png); }
a#hsc_btn {background-image: url(/css/contimg/hsc_btn.png); }
a#bal_btn {background-image: url(/css/contimg/bal_btn.png); }
a#fpf_btn {background-image: url(/css/contimg/fpf_btn.png); }
a#pallets_btn {background-image: url(/css/contimg/pallets_btn.png); }





.blue-300-585 {background: url(/css/contimg/blue-300-585.gif) top left repeat-y;}
.blue-625-260 {background: url(/css/contimg/blue-625-260.gif) top left repeat-y;}
.blue-175-530-175 {background: url(/css/contimg/blue-175-530-175.gif) top left repeat-y;}
.black-175-530-175 {background: url(/css/contimg/black-175-530-175.gif) top left repeat-y;}
.green-405-480 {background: url(/css/contimg/green-405-480.gif) top left repeat-y;}
.blue-360-525 {background: url(/css/contimg/blue-360-525.gif) top left repeat-y;}




.box {float:left; width: 253px; margin-left: 5px; margin-bottom: 5px; display:inline; padding: 10px 20px; }
.box h2 {padding-left: 40px; float:left; width:218px; height: 40px; font-size: 1.2em; margin:0; margin-bottom: 10px; vertical-align:middle; line-height:40px;}
.first {margin-left:0;}
.box-outer {float:left; width: 890px; border-bottom:5px #fff solid;  background: url(/css/contimg/full-bg.gif) top left repeat-y;}

/*
.blue {background:  url(/css/contimg/blue-bg.png) top left repeat;}
.green {background:  url(/css/contimg/green-bg.png) top left repeat;}
.grey {background:  url(/css/contimg/grey-bg.png) top left repeat;}
.orange {background:  url(/css/contimg/orange-bg.png) top center repeat;}
*/


.item {float:left; width: 890px; padding:0; position:relative; border-bottom:5px #fff solid;}
.item-images {float:left; margin: 10px 0; width:175px; text-align:center; }
.item-photos {float:right; margin: 0; width:175px; text-align:center; margin-left:0px; display:inline;}
.item-content { float:left; width: 490px; padding: 0 20px 10px 20px; margin-left:5px; display:inline; }
.item-content h2 { margin-bottom: 1em; }
.item p {margin: 0.5em 0;}
.item-content ol {padding:0 2em; margin: 0.5em 1em;}
.item-content ol li {margin:0 0; padding:0;}

h2 {font:1.3em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #000; margin:1em 0 0 0; padding:0; font-weight:bold; text-transform:uppercase;}

p.contact-details {float:left; margin: 0.5em 0 ; padding:0; line-height: 1.5em; width: 400px;}
p.contact-details strong {float:left; width: 150px; text-align:right;}
p.contact-details span {float:left; width:auto; margin-left: 1em;}

#footer {float:left; width: 900px; font-size: 0.9em; color: #fff;} 
#footer-inner {float:left; width: 860px;  padding:35px 20px 5px 20px; margin-top: 10px; background:transparent url(/css/contimg/black-top.png) top left no-repeat;}
#footer-bottom {float:left; width: 900px; height: 50px; display:inline; position:relative; margin:0; padding:0; background:transparent url(/css/contimg/black-bottom.png) top left no-repeat;}
#footer ul {float:left; margin:0; padding:0; width: 860px; }
#footer ul li{float:left; width:auto; margin:0; padding:0; float:left; list-style:none;}
#footer a {margin:0; padding:0px 5px 0 5px; color: #fff; text-decoration:none;}
#footer a:hover {text-decoration:none; color: #FFA200; }
#footer p {float:left; margin:0; padding:0; width: 540px}
#footer p a {text-decoration:underline;} 
p#quick-contact {float:right; font:1.6em/1em Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align:right; width: 300px; height: 1em; position:relative;}


/*forms*/
.field {float:left; margin: 0.5em 0; width: 600px;}
fieldset {float:left; width: 600px; padding: 1em 10px; margin: 1em 0; border:none;}
legend {font-weight:bold; padding: 0 5px; font-size: 1.3em; display:none;}
.field label {float:left; width: 150px; text-align:right; margin-bottom:3px;}
.field input, .field select, .field textarea, .text_area { float:left; width:auto; margin:0; margin-left: 10px; border: #000 1px solid; line-height:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.text_area {font-size: 0.9em; width:auto;}
.checkboxes {float:left; clear:both; width: 500px; vertical-align: top; margin-left:150px;}
.checkboxes label {width:auto; margin-left: 5px; line-height:2em;}
input.boxes {float:left; border:none;}
.added {float:left; clear:both; width: 400px; margin:0.5em 1em 1.5em 1em;}
.field_sub {float:left; width: 400px; margin: 0.2em;}
.field_sub label {float:left; width: 15em; text-align:right; line-height: 1.3em;}
.field_sub input, .field_sub select {float:left; margin: 0 0.5em; border: #000 1px solid; line-height:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif; width: 5em;}
input.submit_btn {width: auto; padding: 1px 3px; float:none; border:1px #777 solid;}
.contact_fieldset {float:left; width: 550px;}



.back {float:left; margin-top: 20px; width:auto; clear:both; }
.required { color:#CC0000; margin: 0 0.5em 0 0; font-weight:bold;}
.fieldError {background: #DDACA9; }
#messages {color:red;}

em.error, span.error { margin-left:160px; color:#CC0000; font-size: 0.85em; font-style:normal; padding-left: 16px; background: transparent url(/css/contimg/error.png) center left no-repeat; line-height:14px; text-align:left; clear:both; display:block;}
em.ok, span.ok {float:left; width: 160px; margin-left:210px; color:#66CC00; font-size: 0.85em; font-style:normal; padding-left: 16px; background: transparent url(/css/contimg/ok.png) center left no-repeat; line-height:14px;  text-align:left;}
span em.error {margin-left:0;}
#captchaSpan em.error, em.span {margin-left:0;}
#captchaSpan img {display:block;}


table.list { float:left; width: 800px; height:auto; border-collapse:collapse; border:1px #92BFBF solid; margin: 20px 25px;}
table.list td {padding: 5px 5px;}
table.list thead td {vertical-align:bottom; font-weight:bold; background: #262626; color:#fff; padding: 3px 5px;}
table.list tr.oddrow {background: #ABDFDF;}