/* Elements */
body { background-color: #FFF; color: #000; margin: 0px; padding: 0px; text-align: center; font-family: Verdana MS, 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: 20px; color: #994F00; margin: 5px 0px; padding: 0px; }
h2 { font-size: 18px; color: #E27000; }
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: 12px; 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(http://acacialifestyle.com/images/art/button-bg.png) repeat-x scroll top center; }
input.button2 { background: url(http://acacialifestyle.com/images/art/button2-bg.png) repeat-x scroll top center; color: #FFF; }
input.button3 { background: url(http://acacialifestyle.com/images/art/button3-bg.png) repeat-x scroll top center; color: #FFF; }
input.button4 { background: url(http://acacialifestyle.com/images/art/button4-bg.png) repeat-x scroll top center; color: #FFF; }
input.input-coupon { background-color: #FFC; 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: #e1e8f5; color: #000; }
table.checkout-grid-order tr.grid-row td { vertical-align:top; }
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: #e1e8f5; 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: 788px; table-layout: fixed; }
table.layout-table2 { width: 100%; padding-top: 10px; }
table.layout-table tr.table-header th { background-color: #e1e8f5; color: #000; padding: 10px; }
table.layout-table td { padding: 8px; }
table.layout-table2 tr.table-header th { background-color: #e1e8f5; 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: #DCCD68; 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: #e1e8f5; color: #000; padding-left: 20px; }
table.layout-grid-table2 tr.grid-row td { }
table.layout-grid-table2 tr.grid-alt-row td { }

table.layout-grid-table3 { }
table.layout-grid-table3 th, table.layout-grid-table3 td { padding: 5px 5px 5px 5px; }
table.layout-grid-table3 tr.grid-header th { background-color: #e1e8f5; color: #000; padding-left: 20px; }
table.layout-grid-table3 tr.grid-row td { }
table.layout-grid-table3 tr.grid-alt-row td { }

table.layout-table-form td { padding-top: 2px; padding-bottom: 2px; }
tr.table-controls { font-size: 12px;  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: #a4bbe2; border: solid 1px #FFF; border-right: none; border-left: none; width: 182px; overflow: hidden; }
ul.submenu li { background-color: #a4bbe2; border: solid 1px #FFF; border-right: none; border-left: none; }
ul.submenu ul { background-color: #e1e8f5; position: relative; }
ul.submenu ul li { background-color: #e1e8f5; }
ul.submenu li.selected {  background-color: #c2d1eb; font-weight: 900; font-size: 14px; color: #ffffff; position: relative;  }
ul.submenu li.selected a.selected { color: #ffffff; }

/* 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; }
.fillwidth { width: 100%; }
.invisible { display: none; }
.sale { color: #900; }
.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.input-container { float: left; width: 222px; height: 21px; padding: 1px 0px 1px 4px;  background: url('images/art/input-bg.png') no-repeat top left;  }
.container div.input-container:hover, .container div.container-hover  { background-image: url('images/art/input-hover-bg.png'); }
.container div.input-container input {  float: left; padding: 0px; margin: 1px 4px; border: none }
.container div.input-container:hover input, .container div.container-hover input { color: #900; }
.container div.input-container .input-text { width: 190px; padding: 1px 2px; color: #666; }
.container div.input-container:hover .input-text, .container div.container-hover .input-text { color: #900; }
.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: #819ed5; font-weight: 900; }
.link2, .link2 a { color: #819ed5; }
.link3, .link3 a { color: #E27000; font-weight: 900; background: url(images/art/link-bg.png) no-repeat right center; padding-right: 15px; }
/*
.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(http://acacialifestyle.com/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: #000; }
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; }