@import url(reset.css);

/* HTML */
html,body{font-family:"Tw Cen MT", Arial, Helvetica, sans-serif;}

h1,h2,h3,h4{margin:0 0 10px 0;font-weight:800;clear:both;color: #666; font-family: Arial, Helvetica, sans-serif;}
h1{font-size:1.4em;}
h2{margin:0 0 5px 0;font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1em;color:#86B300}

a:link,a:visited,a:hover{color:#86B300;text-decoration:none;}

strong{font-weight:800;}

p,ul{padding:0 0 10px 0; font-size:0.9em}
li{margin:0 0 10px 15px; list-style-image:url(../images/layout/arrow.png);}

img{border:0;}

table{padding:0 0 10px 0; margin:0 0 10px 0;width:100%;border:4px solid #333;border-spacing:0;border-collapse:collapse;}
th{padding:10px;background-color:#333;font-weight:800;color:#FFF;text-align:left;}
td{padding:15px 10px;border-bottom:1px solid #333;font-size:0.9em;text-align:left; vertical-align:middle}

label{float:left;width:150px;}

input,select{vertical-align:middle;}

form{clear:both;}

/* MAIN LAYOUT */
#container{margin:0 auto;width:1000px; background:url(../images/layout/container-background.png) top left repeat-y;}
h1#header{margin:0;padding:15px 10px;width:780px;float:right;background-color:#999;color:#FFF;font-size:1.5em;text-align:center;}
#logo{height:563px;width:200px;float:left;background:url(../images/layout/logo.png) top left no-repeat;text-indent:-9000px;}
ul#navigation{padding:0;margin:0 0 10px 0;width:800px;float:right;background-color:#5D5D5D;color:#C2FF15;text-decoration:none;display:block;}
#content{padding: 0 0 10px 0;width:770px;float:right;}
#footer{padding:5px 10px;height:15px;background-color:#999;clear:both;color:#FFF;font-size:0.7em;}

/* NAVIGATION */
ul#navigation li{margin:0;padding:0;list-style:none;float:left;}
ul#navigation a{padding:7px 20px;display:block;font-size:1.1em;border-right:2px solid #FFF;font-weight:100;color:#C2FF15;}

/* FRONT */
.front-container{margin:20px 0;padding:0 60px;float:left;text-align:center;border-right: 1px dashed #CCC;}
.front-container.last{border:0;}
.front-container h3{padding:0 0 20px 0;}

.front-column{padding:0 4% 0 0; width:46%; float:left;}
a.order-online{padding:20px; margin:0 auto;clear:both;display:block;background:#5F5C5D; text-align: center;text-decoration:underline; text-transform:uppercase; font-size:1.6em; color:#BDFF10;}

#content p{clear:both;}

/* INFORMATION PAGES */
.column{margin:0 2% 0 0; width:48%; float:left;}
.small-image{padding:13px 13px 0 0; float:left;}

.column table{margin: 0 0 10px 0;width:175px; border:1px solid #999; font-size: 1em;}
.column table th, .column table td{padding:2px; text-align:center; font-size:0.7em; color:#000; background-color:#FFF; border-bottom:none;font-weight:100;}
.column .vertical{padding:0 0 0 5px; float:right; text-align:center;}
.column .horizontal{padding:10px 0;clear:both;width:100%;}
.column .horizontal table{float:right;}
.column .horizontal img{padding:0 0 0 50px; float:left;}

ul#main-image{margin:0 0 10px 0; margin:0; height:376px; list-style:none; overflow:hidden;}
ul#main-image li{padding:0; margin:0; list-style:none;}

/* FORMS */
.inputText{border:1px solid #333;color:#333;}
.inputSelect{border:1px solid #333;color:#333;}
.inputTextArea{padding:5px;height:90px;width:375px;border:1px solid #333;color:#333;font-size:1.2em;font-family:Arial, Helvetica, sans-serif;}
.inputButton{padding:3px .5em;width:auto !important;border:1px solid #86B300;background-color:#86B300;cursor:pointer; color:#FFF;font-weight:800;}
.required{color:#86B300;}

.formContainer{margin:0 0 10px 0;border:4px solid #333;}
.formContainer h3{margin:0;padding:10px;background-color:#333;border-bottom:4px solid #333;font-weight:800;color:#FFF;}
.formContainer p{margin:0;padding:15px !important;border-bottom:1px solid #333;font-size:0.9em;}

/* GENERAL */
.error{padding:0.5em;margin:0 0 5px 0;border:1px solid #CC0000;background-color:#F7DCCA;text-align:center;color:#CC0000; font-size:0.9em;}
.success{padding:0.5em;margin:0 0 5px 0;border:1px solid #69B92F;text-align:center;color:#69B92F;background-color:#C1F5AF;font-size:0.9em;}

.miniCart{font-size:0.8em;color:#999999;}

.copyright{float:left;}

.jasweb{float:right;}
#footer a{color:#FFF;}