html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, 
dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
margin: 0; padding: 0; 
}

/* page containers */
body{background-color:#333;font-family:arial,helvetica,sans-serif;font-size:12px;}
#header{background-color:#000;border-bottom:2px solid #ccc;overflow:hidden;}
#header h1{color:#ccc;float:left;font-size:20px;padding:15px 10px;width:40%;}

#despatchCountdown{border:1px solid #333;float:right;margin:10px;padding:4px 0;width:240px;}
#despatchCountdown h2{color:#fff;font-size:12px;font-weight:bold;padding:0 0 5px 0;text-align:center;}

#wrap{overflow:hidden;width:970px;}
#content{background-color:#fff;margin-left:150px;min-height:400px;padding:20px 20px 50px;position:relative;}
#nav{float:left;}

/* navigation */
#nav ul{list-style-type:none;}
#nav ul li{border-bottom:1px solid #999;}
#nav ul li a{color:#fff;display:block;font-weight:bold;padding:10px 0 10px 10px;text-decoration:none;width:140px;}
#nav ul li a:hover{background-color:#000;color:yellow;text-decoration:none;}

/* content styling */
#content h2{margin-bottom:20px;}
#content p{line-height:20px;}
a{color:#000;text-decoration:underline;}
a:hover{color:#3366CC;text-decoration:none;}
tbody tr.odd{background-color:#ffffff;}
tbody tr.even{background-color:#f7f7f7;}
#debug-info{color:#FFFFFF;border:1px solid #ccc;padding:10px;position:fixed;top:100px;right:20px;}

/* order history listing table */
#history-tbl{border-collapse:collapse;margin-bottom:40px;width:100%;}
#history-tbl caption{padding:10px 0;text-align:left;}
#history-tbl thead th{background-color:#000;border:1px solid #000;color:#fff;padding:8px 6px;}
#history-tbl tbody td{border:1px solid #ccc;padding:8px;}
#history-tbl tfoot th{font-weight:bold;padding:8px;}

/* product listing table */
#product-tbl{border-collapse:collapse;width:100%;}
#product-tbl th.category{background-color:#000;border:1px solid #000;color:#fff;font-size:14px;letter-spacing:1px;padding:8px 0;text-align:center;text-transform:uppercase;}
#product-tbl th.header{background-color:#333;border:1px solid #333;color:#fff;padding:6px 8px;}
#product-tbl td{border:1px solid #ccc;padding:6px 8px;vertical-align: top;}
#product-tbl input.numeric{padding:3px;text-align:center;}
#product-tbl td.spacer{border:none;height:30px;}
.note{font-family:verdana,arial;font-size:10px;font-style:normal;color:#7A7A7A;display:block;}

/* order review table */
#order-tbl {
border-collapse:collapse;
width:100%;
margin-bottom:30px;
}
#order-tbl thead th {
background-color: #000;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}
#order-tbl thead td {
background-color: #333;
color: #fff;
padding: 0 6px;
line-height: 30px;
font-weight:bold;
font-size: 12px;
}
#order-tbl tbody th {
padding: 6px 0 0 6px;
border-bottom:1px solid #ccc;
vertical-align: top;
text-align: left;
}
#order-tbl tbody td {
padding: 6px;
border-bottom:1px solid #ccc;
vertical-align: top;
}
#order-tbl td.item-total {
font-weight: bold;
text-align: right;
}
#order-tbl tfoot th {
padding: 10px 6px;
font-weight:bold;
font-size:16px;
}
.note{
font-family:verdana,arial,sans-serif;
font-size:10px;
font-style:normal;
color:#7A7A7A;
display:block;
}

/* links and action icons */
a.icon{color:#333;font-family:verdana, arial, helvetica, sans-serif;font-size:10px;line-height:10px;padding:0;text-decoration:none;text-transform:lowercase;}
a.icon:hover{color:#000;text-decoration:underline;}
a:active{outline:none;}
:focus{-moz-outline-style:none;}
a.remove{background:transparent url(/order/inc/img/remove.png) no-repeat right 50%;padding-right:15px;}
a.update{background:transparent url(/order/inc/img/update.png) no-repeat right 50%;padding-right:15px;}
a.back{background:transparent url(/order/inc/img/back.png) no-repeat left 50%;padding-left:15px;}

/* order steps style */
#order-steps{background-color:#f8f8f8;border-bottom:1px solid #ccc;border-top:1px solid #ccc;list-style-type:none;margin-bottom:20px;overflow:auto;}
#order-steps li{background-color:#f8f8f8;border-left:1px dotted #ccc;color:#B5B5B5;display:block;float:left;width:33%;}
#order-steps li#first-step{border-left:none;}
#order-steps li em{display:block;font-style:normal;font-weight:bold;padding:10px 0 0 20px;}
#order-steps li span{display:block;padding:5px 0 10px 20px;}
#order-steps li.current-step{color:#000;font-weight:bold;}

/* order form controls */
#order-controls{border-bottom:1px dotted #ccc;border-top:1px dotted #ccc;margin:80px 0 0;padding:30px 0;text-align:center;}
#order-controls button{font-size:20px;padding:4px 10px;}
#order-controls button:hover{cursor:pointer;}

/* order number container */
#order-number{background-color:#f7f7f7;border:1px solid #000;margin:30px 0;padding-bottom:20px;text-align:center;}
#order-number h3{background-color:#000;border:1px solid #000;color:#fff;font-size:14px;letter-spacing:1px;padding:8px 0;text-align:center;text-transform:uppercase;}
#order-number p{font-size:12px;margin:10px 0;}
input#orderNumber{border:1px solid #000;font-family:"Andale Mono", "Courier New", Courier, monospace;font-size:20px;font-weight:bold;padding:10px 0;text-align:center;width:180px;}
input#orderNumber:focus{background-color:#FFFFCC;border:1px solid #000;}

/* user and store detail list */
#store-detail{border:1px solid #000;margin:30px 0;padding-bottom:20px;text-align:center;}
#store-detail h3{background-color:#000;border:1px solid #000;color:#fff;font-size:14px;letter-spacing:1px;padding:8px 0;text-align:center;text-transform:uppercase;}
#store-detail dl{margin:10px auto 0;overflow:auto;width:500px;}
#store-detail dt{clear:both;float:left;font-weight:bold;padding:5px 0;text-align:right;width:47%;}
#store-detail dd{float:left;padding:5px 0 5px 10px;text-align:left;width:47%;}

/* order details list (view.php) */
#order-details{border:1px solid #000;margin:30px 0;overflow:auto;padding-bottom:20px;text-align:center;}
#order-details h3{background-color:#000;border:1px solid #000;color:#fff;letter-spacing:1px;padding:8px;text-align:center;text-transform:uppercase;}
#order-details dl{float:left;margin-top:10px;width:49%;}
#order-details dt{clear:both;float:left;font-weight:bold;padding:5px 0;text-align:right;width:30%;}
#order-details dd{float:left;padding:5px 0 5px 10px;text-align:left;width:60%;}

/* user login form */
#login-form dt{font-weight:bold;letter-spacing:1px;margin-bottom:2px;}
#login-form dd{margin-bottom:10px;}
#login-form input.inputs{padding:2px;width:200px;}

/* login errors div */
#login-errors{border:1px solid #999;margin-bottom:30px;padding:10px;}
#login-errors h3{background:url(/order/inc/img/exclamation.png) no-repeat 0 50%;color:#cc0000;margin-bottom:10px;padding-left:25px;}
#login-errors ul{margin-left:40px;}
#login-errors li{margin-bottom:5px;}

/* order message update/delete */
#order-msg{background:#ffffcc url(/order/inc/img/tick.png) no-repeat 10px 50%;background-color:#FFFFCC;border:1px solid #FFCC33;font-size:14px;font-weight:bold;margin-bottom:20px;padding:10px 10px 10px 35px;}
p#update-user-note{margin-bottom:30px;}

/* despatch countdown timer */
/* jQuery Countdown styles 1.5.0. */
/*.hasCountdown{background-color:#eee;border:1px solid #ccc;}*/
.countdown_rtl{direction:rtl;}
.countdown_holding span{background-color:#ccc;}
.countdown_row{clear:both;padding:0 4px;text-align:center;width:100%;}
.countdown_show1 .countdown_section{width:100%;}
.countdown_show2 .countdown_section{width:49%;}
.countdown_show3 .countdown_section{width:33%;}
.countdown_show4 .countdown_section{width:24.5%;}
.countdown_show5 .countdown_section{width:19.5%;}
.countdown_show6 .countdown_section{width:16.5%;}
.countdown_show7 .countdown_section{width:14%;}
.countdown_section{color:#fff;display:block;float:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;text-align:center;}
.countdown_amount{color:#ccc;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;}
.countdown_descr{display:block;width:100%;}

/* despatch download header (order.php) */
#order-head{margin-bottom:20px;overflow:auto;}
#order-head h2{float:left;margin-bottom:0 !important;width:50%;}
#order-head a{background:url(/order/inc/img/calendar.png) no-repeat 0 50%;display:block;float:right;line-height:18px;padding-left:22px;}

#filter-form {
position: absolute;
top:25px;
right: 20px;
}