html, body { margin:0; padding:0; margin-top:10px; }
body { /*border-top: 10px solid #18417c; */ }
#all_print { display: none; }

.clear { clear: both; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.padleft { padding-left: 10px; }
.padright { padding-right: 10px; }
.pad { padding: 5px; }

body {font: 10pt Verdana, sans-serif; color:#555; margin:0; padding: 0;}
ul, ol { margin:0; padding:0; list-style: none; }
li { text-align: left; }
p { font-size:10pt; text-align: left; margin:1em 0 0 0; line-height: 1.5em;}
p.smallheight { line-height:1.25em; }
h1 + p, h2 + p {margin-top: 0.25em; }
p + h1, p + h2, ul + h1, ul + h2, h1 + h1 { margin-top: 1em; }
p + p { margin-top: 0.75em; }
ul + p { margin-top: 1em; }

#banner.main { height:310px; background: url(../img/bg_mainbanner.png) -25px -37px; }
#banner.contact { height:190px; background: url(../img/bg_mainbanner.png) -25px -37px; }
#banner.product { height:260px; background: url(../img/bg_mainbanner.png) -25px -37px; }
#banner { overflow:hidden; color:white; border-bottom:1px solid #a0a0a0; font-family: Helvetica, 'Trebuchet MS', Verdana, Arial, sans-serif; }
#banner #text { width: 420px; padding:15px;}
#banner #text h1 { font-size:21pt; margin:0; margin-bottom:0.5em; }
#banner #text ul { list-style: disc url(../img/bullit.png) outside; padding-left:15px;}
#banner #text ul li { font-weight:bold; margin-bottom:0.5em; font-size: 13pt; }
#banner #text p { font-weight:bold; margin:0; font-size: 13pt; text-align:left; } 
#banner a.demo { background: url(../img/btn_demo.png) no-repeat; display:block; width:120px; height:55px; }
#banner a span { display:none; } 

.specs h2 { font-size:13pt; color:black; margin:1em 0 0.25em 0; }
.specs p { color: #606060; margin:0; }
.specs a { color: #7bb000; }
.specs ul { margin-top:0.5em; list-style: disc url(../img/bullit_check.gif) outside; padding-left:25px;}
.specs ul li.question { margin-top:2em; list-style: disc url(../img/bullit_question.gif) outside; }
.specs ul li.nobullit { list-style: none;}
.specs ul li { margin-bottom:1em; }

p.actionbar { margin:0;text-align:center; font-size:24pt; padding:15px; color: white; background: url(../img/bg_actionbar.png); }
p.actionbar a { color:white; border-bottom: 2px solid white; text-decoration:none;}


.survey { margin-top: 15px; width:600px; }
.survey ul li { margin-bottom:0.5em;  clear:both; }
.survey label { display: block; color:black; font-weight: bold; }
.survey ul li label { font-weight: normal; color: #555; cursor:pointer; }
.survey ul { margin-top:1em; }
.survey ul li {  margin-bottom: 0.75em; }
.survey p { margin-bottom:1em; }
.survey p input.text { width:200px; border:1px solid gray; padding:2px; }
.survey p textarea { border:1px solid gray; width:100%; padding:2px; height:100px; }

#header { }
#menu { height: 50px; margin:0; padding:0; display:block; overflow:hidden; }
#menu #logo { background: url(../img/logo.png) right 4px no-repeat; height: 50px; float:right; width:200px; }
#menu li { margin: 0; padding:10px 1em 0 0; float:left; display: block; }
#menu li a { color: #18417c; display: block; text-decoration:none; padding: 0.5em; font-size:10pt; font-weight:bold; text-transform: uppercase; font-family: Verdana, 'Trebuchet MS', 'Lucida Grande', sans-serif; }
#menu li a:hover, #menu li.selected a { color: #18417c; background: #fff5a1;  }

#content { padding-top: 10px; }

.middle { width: 950px; margin-left: auto; margin-right: auto; }

#footer { padding: 30px 0 20px 0; text-align: center; color: #fafafa; font-size: 8pt; font-weight: normal; color: black; }
#footer a:visited, #footer a { color: black;}
#footer a:hover { color: orange; }

#iduploadinprogress { display: none; background: transparent url(../img/ajax-loader.gif) left top no-repeat; height:30px; padding-left: 20px;}
#idfile { height:30px; }

#debug_messages { border: 2px solid #efdd10; padding: 10px; margin: 10px 0 10px 0; }
#messages p { padding: 10px; margin: 10px 0 10px 0; }
#messages p.error { border:2px solid #900000; background:#ffe0e0; color:#900000; }
#messages p.info { border:2px solid #009000; background:#e0ffe0; color:#009000; }

hr { border:0px; border-top: 1px dashed #c0c0c0; margin-top: 10px; margin-bottom: 10px; }


form {margin:0;}

input.submit { cursor: pointer; }

/*
label { font-weight: bold; padding:0; }
input.submit { font: 10pt Verdana, sans-serif; cursor: pointer;}
input.submit + input.submit { margin-left: 10px; }
input.textfield, input.password, textarea { background:white; font: inherit; border: 1px solid gray; width: 200px; padding:2px 4px 2px 4px;}
input.short { width: 100px; }
textarea.short { height: 50px; }
textarea.long { height: 200px; }
textarea.wide { width: 500px; }
textarea { background:white; width:350px; padding:2px 4px 2px 4px; }
*/
/*input:focus, input.textfield:focus, input.password:focus, textarea:focus { background: #fff5a1; }*/
/*
select { width: 210px; }
select.listbox { width: 300px; padding:0; font: inherit;}
*/
/*
.alert_error2 { color: #CC0000; font-weight:bold; border-top:2px solid #CC0000; border-bottom:2px solid #CC0000; padding:8px; margin:0 0 0.5em 0; }
*/

.alert_pleasenote { color: white; font-weight:normal; padding:8px; background:#900000; }
.alert_error { color: #900000; font-weight:bold; border-top:2px solid #900000; border-bottom:2px solid #900000; padding:8px; margin:0.5em 0 0.5em 0; }
.alert_info2 { color: #009000; font-weight:bold; border-top:2px solid #009000; border-bottom:2px solid #009000; padding:8px; margin:0 0 0.5em 0; }
.alert_info { color: #ff8000; font-weight:bold; border-top:2px solid #ff8000; border-bottom:2px solid #ff8000; padding:8px; margin:0.5em 0 0.5em 0; }
.alert_info a, .alert_info a:visited { color: inherit; }
.alert_info a:hover { color:#18417c; }

table { width: 100%; border-collapse: collapse; }
table td { padding:4px; /*width:50%;*/ }
table tr.even {	background-color:#f4f4f4; }
table tr.odd { background-color:#ffffff; }
table tbody tr.caption th, table thead tr.caption th, table tr.caption th, table tr.caption2 th { text-align: left; background:#18417c; color: #FFF; font-weight: bold; text-transform:uppercase; padding:6px; font-size:9pt; }
table tr.caption th a, table tr.caption2 a  { color: white; }
table tr.caption th a:hover, table tr.caption2 a:hover { color: orange; }
table tfoot th, table tfoot td { background-color:#E7E7E7; padding:6px 4px 4px 4px; border-bottom:3px solid #CCC; border-top:1px solid #DFDFDF; text-align: center; font-family: Georgia, Verdana, sans-serif; font-size: 12pt; font-weight:bold;}
table tr.caption { background: #18417c  right top scroll no-repeat;  }
table tr.caption2, table tr.caption2 th { background: #7bb000 }
table tr.caption th { background: transparent left top scroll no-repeat;  }
table tbody tr.even td.first, table tbody tr.odd td.first { border-left: 1px solid #E7E7E7; padding-left: 6px; }
table tbody tr.even td.last, table tbody tr.odd td.last { border-right: 1px solid #E7E7E7; padding-right: 6px; }
table tfoot td { border-right: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; }
table tr.caption, table tr.caption2 { border: none; }

td.product_price, td.product_code, td.product_order_quantity,
	td.product_carton_quantity, td.product_location, td.numberOfItems,
	td._order_input, td.product_price, td._total_price, td.val,
	td.total_amount, td.total_items, td.product_price_no_discount { text-align:right; }
tr.caption th.product_price, tr.caption th.product_code, tr.caption th.product_order_quantity,
	tr.caption th.product_carton_quantity, tr.caption th.product_location,
	tr.caption th.product_price, tr.caption th._order_input,
	tr.caption th._total_price, tr.caption th.numberOfItems, tr.caption th.total_amount,
	tr.caption th.total_items, tr.caption th.product_price_no_discount { text-align:right; padding-right: 6px; }
td._picture { width: 64px; text-align:center; }
td._total_price { width: 80px; }

/*ul.ulcollection li a { color: #18417c; padding-left: 14px; background: url(../img/enumbullit.gif) 0px 1px no-repeat; }*/
ul.ulcollection li a { color: #18417c; text-decoration:none; }
ul.ulcollection li a.selected, ul.ulcollection li a:hover { text-decoration: underline; }
ul.ulcollection li { margin-bottom:0.15em; }

input.order_input { width:26px; border:1px solid gray; text-align: center; background-color:white;}

#contact, #contact td, #contact #tr { margin:0; padding: 0; font-size: 8pt; }
#contact td.column2 { padding-left: 1.5em; }

table.innertable { width:100%; margin: 0; padding: 0; border:0; }
table.innertable tr { border-left:0; border-right:0; }
table.innertable td.numberOfItems { width: 35px; text-align:right; color: #900000; }
table.innertable td.picture { width: 50px; }
table.innertable td.description { font-size: 9pt; }
