/* Elements */
body { background-color: #FFF; color: #000; margin: 0px; padding: 0px; text-align: center; font-family: Arial; font-size: 12px; color:#333333; }
a { color: #000; }
a, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a img { border: none; }
h1 { font-size: 18px; color: #900; margin: 5px 0px; padding: 0px; }
h2 { font-size: 18px; color: #900; }
h3 { font-size: 18px; color: #900; }
hr { height: 1px; background-color: #000; color: #000; border: none; }
form { padding: 0px; margin: 0px; }
input { font-size: 12px; color: #666; margin: 2px 0px; padding: 1px 2px; border: solid 1px #B2B2B2; }
textarea { border: solid 1px #B2B2B2; font-size: 18px; color: #666; margin: 2px 0px;  }
select { border: solid 1px #B2B2B2; font-size: 12px; color: #666; margin: 2px 0px;  }
input[type=checkbox] { border: none; }
td, th { text-align: left; vertical-align: top; }

/* Stylized Elements */
div.home-content { float: left; }
div.page-content { float: left; padding: 10px 5px; }
div.checkout-content { float: left; width: 978px; padding: 10px 0px; }
div.layout-grid { border: solid 1px #000; }
input.button, input.button2, input.button3, input.button4 { font-weight: 900; text-transform: uppercase; background-color: #000; }
input.button { background: url(/images/art/button-bg.png) repeat-x scroll top center; }
input.button2 { background: url(/images/art/button2-bg.png) repeat-x scroll top center; color: #FFF; }
input.button3 { background: url(/images/art/button3-bg.png) repeat-x scroll top center; color: #FFF; }
input.button4 { background: url(/images/art/button4-bg.png) repeat-x scroll top center; color: #FFF; }
input.input-coupon { background-color: #E0E8B7; border: solid 1px #C7C7D5; color: #333; }
input.input-customernumber { background-color: #CCF; border: solid 1px #C7C7D5; color: #333; }
input.input-text { width: 200px; }
table.checkout-grid-order { width: 100%; }
table.checkout-grid-order th, table.checkout-grid-order td { padding: 5px !important; }
table.checkout-grid-order tr.grid-header th { background-color: #E0E8B7; color: #000; }
table.checkout-grid-order tr.grid-row td { }
table.checkout-grid-order tr.grid-alt-row td { }
table.checkout-grid-order .first { padding-left: 20px !important; }
table.checkout-grid-order .last { padding-right: 20px !important; }
table.checkout-grid-table { width: 100%; }
table.checkout-grid-table td { padding: 2px !important; }
table.checkout-grid-table tr.grid-header th { background-color: #E0E8B7; color: #000; padding: 5px 20px !important; }
table.checkout-grid-table tr.grid-row td { }
table.checkout-grid-table tr.grid-alt-row td { }
table.checkout-grid-table .first { padding-left: 20px !important; }
table.checkout-grid-table .last { padding-right: 20px !important; }
table.layout-grid td.grid-cell { border: solid 1px #000; padding: 5px; }
table.layout-grid2 td.grid-cell { border: solid 1px #999; padding: 5px; }
table.layout-table { width: 100%; table-layout: fixed; }
table.layout-table2 { width: 100%; padding-top: 10px; }
table.layout-table tr.table-header th { background-color: #E0E8B7; color: #000; padding: 10px; }
table.layout-table td { padding: 10px; }
table.layout-table tr.row-seperator td { background: url(/images/art/bottom-dot2.png) no-repeat 10px; padding: 0px; }
table.layout-table td.no-seperator { background: none !important; }
table.layout-table td.table-pad-left-0 { background-position: left !important; }
table.layout-table2 tr.table-header th { background-color: #E0E8B7; color: #000; padding: 5px 5px 5px 20px; }
table.layout-table2 td { padding: 5px 5px 5px 20px; }
table.layout-grid-table { }
table.layout-grid-table th, table.layout-grid-table td { padding: 5px; }
table.layout-grid-table tr.grid-header th { background-color: #E0E8B7; color: #000; }
table.layout-grid-table tr.grid-row td { padding-bottom: 5pxl }
table.layout-grid-table tr.grid-alt-row td { background-color: #EEE; }

table.layout-grid-table2 { }
table.layout-grid-table2 th, table.layout-grid-table2 td { padding: 5px 5px 5px 20px; }
table.layout-grid-table2 tr.grid-header th { background-color: #E0E8B7; color: #000; padding-left: 20px; }
table.layout-grid-table2 tr.grid-row td { }
table.layout-grid-table2 tr.grid-alt-row td { }
table.layout-table-form td { padding-top: 2px; padding-bottom: 2px; }
tr.table-controls { font-size: 12px; color: #000; font-weight: 500; font-weight: 500; }
tr.table-controls th { padding-bottom: 1px; } 
tr.table-controls a, table.table-controls a:visited { color: #000; font-weight: 500; }
ul.submenu, ul.submenu ul { list-style: none; margin: 0px; padding: 0px; background-color: #DCCD68; border: solid 1px #FFF; border-right: none; border-left: none; width: 180px; overflow: hidden; }
ul.submenu li { background-color: #E6E4E5; border: solid 1px #FFF; border-right: none; border-left: none; }
ul.submenu ul { background-color: #F2F2F2; position: relative; }
ul.submenu ul li { background-color: #F2F2F2; }
ul.submenu li.selected { background: #FFF; font-weight: 900; position: relative;  }

/* Classes */
.align-center { text-align: center !important; }
.align-right { text-align: right; }
.bold { font-weight: 900; }
.bold-remove { font-weight: 500; }
.bold-important { font-weight: 900 !important; }
.border-none { border: none !important; }
.box { border: solid 1px #000; padding: 0px 1px; }
.checkout-step { font-size: 18px; color: #900; }
.clear { clear: both; }
.container { float: left; width: 180px; padding-bottom: 5px; }
.fillwidth { width: 100%; }
.font-size-14 { font-size: 14px; }
.font-size-16 { font-size: 16px; }
.font-size-18 { font-size: 18px; }
.invisible { display: none; }
.sale { color: #F00; }
.table-col-5 { width: 5%; }
.table-col-6 { width: 6%; }
.table-col-7 { width: 7%; }
.table-col-8 { width: 8%; }
.table-col-9 { width: 9%; }
.table-col-10 { width: 10%; }
.table-col-15 { width: 15%; }
.table-col-17 { width: 17%; }
.table-col-20 { width: 20%; }
.table-col-25 { width: 25%; }
.table-col-30 { width: 30%; }
.table-col-35 { width: 35%; }
.table-col-40 { width: 40%; }
.table-col-45 { width: 45%; }
.table-col-50 { width: 50%; }
.table-col-60 { width: 60%; }
.table-col-65 { width: 65%; }
.table-col-70 { width: 70%; }
.table-col-75 { width: 75%; }
.table-col-80 { width: 80%; }
.table-pad-0, .table-pad-0 td, .table-pad-0 th { padding: 0px !important; }
.table-pad-1, .table-pad-1 td, .table-pad-1 th { padding: 1px !important; }
.table-pad-2, .table-pad-2 td, .table-pad-2 th { padding: 2px !important; }
.table-pad-5, .table-pad-5 td, .table-pad-5 th { padding: 5px !important; }
.table-pad-left-0 { padding-left: 0px !important; }
.table-pad-right-0 { padding-right: 0px !important; }
.underline { text-decoration: underline; }

/* Derived Elements*/
div.layout-grid table { padding: 5px; }
.container div { padding: 5px; }
.container p { margin: 5px 0px; }
.container div.input-container { float: left; width: 172px; height: 21px; padding: 1px 0px 1px 8px;  background: url('/images/art/input-bg.png') no-repeat top left;  }
.container div.input-container:hover { background-image: url('/images/art/input-hover-bg.png'); }
.container div.input-container input { float: left; padding: 0px; margin: 0px; border: none }
.container div.input-container:hover input { color: #900; }
.container div.input-container .input-text { width: 132px; margin-left:3px; padding: 3px 2px; color: #666; }
.container div.input-container .input-image { padding-left: 1px; width: 22px; height: 21px; }
.home-content table h1, .home-content table h2 { margin: 0px; }
.page-content table h1, .page-content table h2 { margin: 0px; }
.checkout-content table h1, .checkout-content table h2 { margin: 0px; }

/* Links */
.link1, .link1 a { color: #900000; font-weight: 900; }
.link2, .link2 a { color: #900000; }
.link3, .link3 a { color: #900; font-weight: 900; background: url(/images/art/link-bg.png) no-repeat right center; padding-right: 15px; }
.link4, .link4 a { color: #900000; font-weight: 900; }
/*
.link-button { display: block; height: 23px; line-height: 23px; vertical-align: middle; padding-left: 3px; background: url(/images/art/link-button-hover-bg.png) no-repeat top left; cursor: pointer; }
.link-button .link-text { display: block; height: 23px; line-height: 23px; vertical-align: middle; padding: 0px 15px 0px 12px; text-align: center; background: url(/images/art/link-text-hover-bg.png) no-repeat top right; cursor: pointer; }
.link-button:hover, .link-button-hover { background-image: url(/images/art/link-button-hover-bg.png); }
.link-button .link-text, .link-button-hover .link-text { background-image: url(/images/art/link-text-hover-bg.png); color: #900; text-decoration: none; }
.link-button2 { background-image: url(/images/art/link-button-hover-bg.png); color: #FFF; }
.link-button2 .link-text { background-image: url(/images/art/link-text-hover-bg.png); }
.cart-button .link-text { background-image: url(/images/art/link-text-hover-cart-bg.png); padding-right: 28px; }
.cart-button .link-text:hover, .cart-button-hover .link-text { background-image: url(/images/art/link-text-hover-cart-bg.png);}
.cart-button2 { background-image: url(/images/art/link-button-hover-bg.png); color: #FFF; }
.cart-button2 .link-text { background-image: url(/images/art/link2-text-hover-cart-bg.png); padding-right: 28px; }
.cart-button2 .link-text, .cart-button-hover .link-text { background-image: url(/images/art/link-text-hover-cart-bg.png);}
*/

/* DM Input Box */
input.input-blur { color: #999; }
input.input-focus { border-color: #B2B2B2; background-color: #FFF !important; }
input.input-hover { border-color: #900; color: #900; }
textarea.input-blur { color: #999; }
textarea.input-focus { border-color: #900; background-color: #FFF !important; }
textarea.input-hover { border-color: #900; color: #900; }

/* DM Select Box */
div.selectbox-container { display: block; width: 144px !important; height: 23px;  line-height: 23px; vertical-align: middle; text-align:left; background: url('/images/art/select-bg.png') no-repeat top left; padding: 1px 30px 1px 2px; cursor: pointer;  }
div.selectbox-container:hover, div.selectbox-container-hover { background-image: url('/images/art/select-hover-bg.png'); }
div.selectbox-container:hover input,  div.selectbox-container-hover input { color: #900; }
input.selectbox { display: block; width: 144px !important; height: 18px; line-height: 19px; vertical-align: middle; text-align:left;  cursor: pointer; border: none; color:#333; padding: 0px; padding-top: 2px;  margin: 0px; }
input.selectbox:hover,  div.selectbox-container-hover input.selectbox { color: #900; }
div.selectbox-dropdown {  position:absolute; width:400px; background-color: #FFF; border: 1px solid #B2B2B2;
  margin:-2px 0px 0px 0px; padding:0px; text-align:left; max-height:200px; overflow:auto; }
div.selectbox-dropdown ul { list-style-type:none; margin:0px; padding:0px; }
div.selectbox-dropdown ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; }
div.selectbox-dropdown ul li.selected { background-color: #FC6; }
label { display: block; }

/* IE Only CSS Button Fix */
*+html input[type=submit]:focus, * html input[type=submit]:focus { background-color: #000; border:1px transparent solid !important; }
*+html input[type=submit]:hover, * html input[type=submit]:hover { background-color: #000; border:1px transparent solid !important; }
*+html input[type=submit]:active, * html input[type=submit]:active { background-color: #000; border:1px transparent solid !important; }
*+html input[type=submit], * html input[type=submit] { background-color: #000; border:1px transparent solid !important; }
*+html input[type=button], * html input[type=button] { background-color: #000; border:1px transparent solid !important; }
*+html input[type=submit], * html input[type=submit] { background-color: #000; border:1px transparent solid !important; }