*{ outline: 0; }
body{
    margin: 0;
    padding: 0;
    font-family: Arial, 'Helvetica', sans-serif;
    font-size: 9pt;
    text-align: center;
}       

/* Headers
---------------------------------------------------------------------------- */
h1{
    font-family: 'Arial', sans-serif;
    font-size: 17pt;
    letter-spacing: 1.5px;
    color: #FFBA4D;
    margin: 0;
    padding: 0;
}
h2{
    font-family: 'Arial', sans-serif;
    letter-spacing: 1.5px;
    font-size: 17pt;
    text-transform: lowercase;
    color: #FFBA4D;
    margin: 0;
    padding: 0;
}
h3{
    color: #FFBA4D;
    font-family: 'Arial', sans-serif;
    font-size: 12pt;
    margin: 0;
    padding: 0;
}

pre.pr{
    display: inline-table;
    margin: 5px;
    padding: 5px;
    background: white;
    border: 1px dashed red;
}
img{
    border: 0;
}
.left-align{
    text-align: left;
}

/* Utilities
----------------------------------------------------------------------------- */
.rounded{
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius: 7px;
/*    behavior:url(/css/border-radius.htc);*/
}
.rounded-bottom{
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;
    -webkit-border-bottom-left-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
/*    behavior:url(/css/border-radius.htc);*/
}
.shadowed{
    behavior:url(/modules/store/webroot/css/ie-css3.htc);
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}

/* Main Site Styles
---------------------------------------------------------------------------- */

body{
    background: url('/modules/store/webroot/images/body_bg.jpg') top repeat-x #606060;
}

a{
    color: #444;
}

#middle-wrapper {
    height: 100%;
}

#main-wrapper{
    width: 980px;
    margin: auto;
    text-align: left;
/*    border-collapse:collapse;*/
    background: white; 
/*    border: 1px solid #FFF;*/
    border-top: 0;
    overflow: hidden;
}

#header{
    height: 235px;
    background: url('/modules/store/webroot/images/header_img.jpg');
}

#middle-wrapper {
    overflow: hidden;
}
#sidenav{

}
#sidenav div.sub {
    margin-bottom:10px;
    padding:10px;
    background-color:black;
}
#rightcol{
    min-height: 100px;
    height: auto !important;
    height: 100%;
    width: 180px;
    border-left: 1px solid #cbcbcb;
    margin-bottom: -20000px;
    padding-bottom: 20000px;
}
#content-area{
    min-height: 500px;
    padding-bottom: 10px;
}
#content-area a:visited {
    /*color:black;*/
}
#menu{
    width: 980px;
    background: #747474;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
#titles{
/*    height: 92px;
    background: url('/modules/store/webroot/images/title_background.gif') no-repeat right;*/
}
#home-titles{
/*    height: 80px;
    background: url('/modules/store/webroot/images/title_background.gif') no-repeat top right;*/
}
#welcome-img {
    text-align: center;
}
.title{
    font-family: 'Arial', sans-serif;
    font-size: 28pt;
    color: #FFBA4D;
    text-align: right;
    text-transform: uppercase;
/*    padding-top: 25px;*/
    padding-right: 17px;
}

#search-container{
    /*height: 127px;*/
}
#search-container a {
    color: #F2C014;
}
.search-box{
    padding-left: 14px;
    color: #ffc000;
}
.search-box h2{
    padding: 3px 0 5px 0;
    color: #FFF;
}

.advanced{
    padding-top: 7px;
    padding-left: 2px;
}    
#footer{
    height: 58px;
    width: 980px;
    background: #292929;
}

.catalogue-list{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.catalogue-list li ul {
    list-style: none;
    margin: 0;
    padding-left: 1.5em;
    margin-bottom: 0.5em;
}
.catalogue-list a{
    text-decoration: none;
}
.catalogue-list li{
    border-bottom: 1px solid #353535;
    padding-left: 8px;
}
.catalogue-list li ul li{
    border: 0;
    padding: 0;
    margin: 0;
}
.catalogue-list li ul li a{
    border: 0;
    padding: 0;
    margin: 0;
    padding-bottom: 0.2em;
}

.catalogue{
    font-family: 'Arial', sans-serif;
    font-size: 12pt;
    letter-spacing: 2px;
    text-transform: lowercase;
    color: #FFBA4D;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 2px;
    display: block; 
    font-weight: normal;
}
.categories{
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 3px;
    display: block;
}
.hyphen{
    color: #FFBA4D;
    font-size: 11pt;
}

#under-welcome{
    margin: 5px;
}
#welcome-area {
    margin: 5px;
}
#login-wrapper{

}
#login-wrapper a {
    color: #F2C014
}
.logintitle{
    padding: 0px 5px;
}
.login_customername {
    padding-top: 8px; 
    padding-left: 10px;
    font-weight: bold; 
    font-size: 11pt;
    color: #E6E0CF;
}
.logintitle h1 {
    color: #FFF;
}
.setupacc{
    padding-top: 10px;
    padding-right: 5px;
    margin-bottom: 7px;
}
#login-form{
    padding-left: 7px;
}

#login-form input{
    margin-bottom: 0.3em;
}
#login-form .submit_btn{
    margin: 0;
    padding: 0.35em 0;
}

#display{
    padding: 5px;
}
#footer .info{
    color: white;
    padding: 0 20px;
    line-height: 58px;
}
#footer .info a{
    color: white;
}

#danima{
    color: white;
    width: 980px;
    margin: auto;
    text-align: right;
    padding: 15px 0;
}
#danima a{ 
    color: #FFF;
    text-decoration: none;
}

#we-accept{
/*    padding-top: 20px;*/
}
h2.accept {padding-left: 5px;}

.accepted{
    padding-top: 10px;
    text-align: center;
}

/* Store Style
---------------------------------------------------------------------------- */
#display hr{
    margin: 3;
    height: 1px;
    color: #cbcbcb;
    background-color: #cbcbcb;
    border: 0;
}
div.no-products{
    text-align: center;
    font-style: italic;
    padding: 20px;
}


div.product-row{
    float:left;
    height: 265px;
    margin:15px;
    width:170px;
    padding:5px;
}
div.product-image{
    width: 160px;
    text-align: center;
    border:5px solid #b6b6bc;
}
div.product-decriptions{
    text-align:center
}
div.description{
    padding: 5px 0;
    height: 50px;
    overflow: hidden;
    display:none;
}
div.product-title a, div.product-title a:visited, div.product-title a:active{
    /*font-weight: bold;*/
    font-size: 18pt;
    font-family: "BebasNeue", Arial;
    color: #FFBA4D;
    text-decoration: none;
}
div.additional-info{
    font-size: 10pt;
}

div.additional-info ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.additional-info ul li{
    padding: 5px 0;
}
div.additional-info ul li span{
    width: 75px;
    display: block;
    float: left;
    font-weight: bold;
}

div.details-top-info {
    padding: 10px;
}
div.details-image{
    float: left;
    width: auto;
}
div.details-top-info form {
    width: 100%;
}
div.details-basic-info{
    float: right;
    width: 440px;
    padding-left: 10px;
}
div.product-name{
    font-weight: bold;
    font-size: 18pt;
    color: #FFBA4D;
    font-family: "BebasNeue", Arial;
    padding: 5px 2px;
}
div.product-price{
    font-size: 9pt;
    padding: 10px 2px;
    padding-top: 0;
}
div.product-availability{
    font-size: 9pt;
    padding: 10px 2px;    
}
div.details-product-short-description{
    margin: 10px 0px;
    padding: 10px 0px;
    width: 100%;
/*    border-top: 1px dashed #CBCBCB;*/
}
div.details-product-short-description span{
    display:block;
    font-weight: bold;
    padding-left: 5px;
    padding-bottom: 5px;
    font-size: 12pt;
}
div.details-product-info {
    padding: 10px;
}
div.details-product-additional-info{
    margin-bottom: 2em;
}
/*div.details-product-additional-info span{
    display:block;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 12pt; 
    border-top: 1px solid #292929;   
    background: #DF5653;
    color: white;
    border-bottom: 10px solid #292929;   
}*/
div.details-product-additional-info h3 {
    margin: 0;
    border-bottom: 1px solid #CBCBCB;
    margin-bottom: 0.5em;
}
div.details-product-additional-info p{
    margin: 0;
}
div.details-product-short-description p{
    padding: 0px;
    margin: 0px;
}
div.details-product-short-description h3{
    margin: 0; padding: 0;
}
div.product-box{
    background: #292929;
    width: 100%;
    border: 1px dotted #CBCBCB;
    margin: 0em 0em 0.3em 0em;
}
div.product-box .inner-box{
    padding: 10px;
}

.additional-label{
    display: block;
    padding: 10px;
    padding-left: 0;
    width: 150px;
    font-weight: bold;
}
.additional-description{
    display: block;
    padding: 10px;   
}
.additional-information{
    border-bottom: 1px dashed #CBCBCB;
}

div.tab label{
    display: block;
    float: left;
    line-height: 27px;
    width: 120px;
}

.gallery_image {
    border: 1px solid #292929;
}

.details-product-sub-products {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}

.details-product-sub-products table {
    width: 100%;
    border:1px solid #292929;
    border-collapse: collapse;    
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.details-product-sub-products table tr {    
    border:1px solid #292929;
}

.details-product-sub-products table tr.selected {    
    background: #f5dcbd;
}
.details-product-sub-products table tr.highlight {    
    background: #FFFFBB;
}

.details-product-sub-products table th {
    background-color:#747474;   
    color: #FFFFFF; 
    text-align: center;
    padding: 7px;
    padding-top: 8px;
    padding-bottom: 8px;
    border:1px solid #292929;
}
.details-product-sub-products table th a{
    font-weight: bold;
}

.details-product-sub-products table td {
    border: 1px solid #292929;
    text-align: center;
    padding: 3px;
}

.details-product-sub-products table .odd{
    background: #E6E6E6;
}

.details-product-sub-products table .even{
    background: #F4F4F4;
}

.details-product-sub-products table img {
    margin-left: 2px;
    margin-right: 2px;
}

.details-product-sub-products table caption { 
    text-align: left;
    padding: 10px 0 20px 2px;  
}


/* Featured Products on the Home Page.
------------------------------------------------------------ */
div.featured-no-products{
    width: 430px;
    text-align: left;
    font-style: italic;
    padding: 20px;
}
div.featured-product-row{
    min-height: 86px;
    height: auto !important;
    height: 86px;
    margin-top: 7px;
    /*width: 465px;*/
    border: 1px dotted #e0e0e0;
}
div.featured-product-image{
    float: left;
    width: 100px;
    padding: 5px;
}
div.featured-product-decriptions{
    float: right;
    width: 499px;
    min-height: 95px;
    height: auto !important;
    height: 95px;
    background: #292929;
    padding: 7px;
    border-left: 1px dotted #e0e0e0;
}
div.featured-product-title a{
    font-weight: bold;
    font-size: 12pt;
    font-family: Arial;
    color: #FFBA4D;
    text-decoration: none;
}
div.featured-additional-info{
    font-size: 10pt;
}

div.featured-additional-info ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.featured-additional-info ul li{
    padding: 5px 0;
}
div.featured-additional-info ul li span{
    width: 50px;
    display: block;
    float: left;
    font-weight: bold;
}

.quantity{
    width: 40px;
}  

div.cart-listing{
    margin: 10px;
    /*background: white;*/
}

div.login-box{
    margin: 20px;
    background: #292929;
    padding: 10px;
}



/* Checkout Steps
----------------------------------------------------------------------------- */
div.inner-content{
    margin: 10px;
}
div.steps-wrapper{
    text-align: center;
    background: #CBCBCB;
    padding: 5px;
    margin-bottom: 2px;
}
div.step-menu{
    width: 695px;
    margin: auto;
    text-align: left;
}
div.step{
    display: block;
    padding: 3px 9px;
    background: #EFEFEF;
    border: 1px solid black;
    margin: 0px 2.8px;
    font-weight: bold;
    font-family: monospace;
    font-size: 8pt;
    color:black;
}
div.active{
    background: #F2C014;
}
div.completed{
    background: #266433;
    color: white;
}


div.step-0-login{
    /*min-height: 200px;
    height: auto !important;
    height: 200px;
    width: 48%;*/
}
div.step-0-register{
    /*border-left: 1px solid #C0C0C0;
    min-height: 390px;
    height: auto !important;
    height: 390px;
    width: 50%;*/
    /*padding-left: 10px;*/
}
div.step-0-login label,
div.step-0-register label,
div.step-1-inside label,
div.step-3-inside label{
    float: left;
    display: block;
    line-height: 32px;
    height: 32px;
    width: 100px;
    font-weight: bold;
}
div.step-1-inside label,
div.step-3-inside label{
    width: 175px;
}
div.step-1-inside label.normal{
    float: none;
    display: inline;
    font-weight: normal;
}

div.step-0-login input,
div.step-0-register input{
    margin-bottom: 3px;
}
div.step-1-inside input{
    width: 400px;
    margin-bottom: 3px;
}
div.step-1-inside select{
    width: 410px;
    margin-bottom: 3px;
}
div.step-1-inside input[type=radio],
div.step-1-inside input[type=checkbox]{
    width: auto;
    margin-bottom: 3px;
}
div.step-1-inside input[type=checkbox]{
    margin-top: 10px;
}
div.step-0-login h1,
div.step-0-register h1
{
    padding: 5px;
}
div.step-0-login form,
div.step-0-register form{
    padding: 7px;
}
div.step-0-login p,
div.step-0-register p{
    padding: 7px;
}
div.step-0-login .submit_btn,
div.step-0-register .submit_btn{
    float: right;
    padding-right: 72px;
    padding-top: 4px;
}
div.step-0-register .submit_btn{
    padding-right: 86px;
}

div.step-1-billing h1,
div.step-1-shipping h1,
div.step-2-shipping h1,
div.step-2-billing h1,
div.step-3-payment h1,
div.step-3-summary h1{
    padding: 5px 5px 5px 25px;
}
div.step-1-inside,
div.step-2-inside,
div.step-3-inside{
    min-height:100px;
    height: auto !important;
    height: 100px;
    padding: 7px;
    margin: 5px;
    background: #F0F0F0;
    border: 1px solid #D8D8D8;
}
div.step-1-bottom{
    width: 99%;
    border-top: 1px dashed black;
    margin-top: 7px;
    padding-top: 8px;
    padding-left: 10px;
}
.step-1-inside p, .step-2-inside p{padding-left: 10px;}
.step-1-inside p span, .step-2-inside p span, .info p span{font-weight: bold; display: block; float: left; width: 150px;}

div.option-wrapper{
    margin: 10px 0px;
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
}

div.option-wrapper,
div.shipping-method,
div.shipping-method-info{
/*    min-height: 100px;
    height: auto !important;
    height: 100px; */ 
}

div.shipping-method-info h4{
    padding: 0px 5px;
    font-size: 12pt;    
}

div.shipping-method{
    width: 93px;
    background: white;
    vertical-align: middle;
}
div.shipping-method-info{
    width: 594px;
    background: #fff;
    border-left: 1px solid #D8D8D8;
}
div.shipping-method-title{
    background: #292929;
    width: 100%;
    color: #FFF;
}
div.shipping-method-content {
    width: 65%;
    border-top: 1px solid #D8D8D8;
}
div.shipping-method-title div{
    padding: 5px;
}
div.shipping-method-title label{
    font-size: 10pt;
    font-weight: bold;
}

div.shipping-method-title div input{
    margin: 0px; 
    border: 0;
    outline: 0;
    vertical-align: middle;
    margin: 4px;
}

.address_info span{
    display: block;
    float: left;
    font-weight: bold;
    width: 75px;
    clear: none;
}

.address_info p{
    clear: both;
    margin-left: 0.3em;
}

/* Tables
----------------------------------------------------------------------------- */
.list-table {
    width: 100%;
    color:black;
    border:1px solid #D8D8D8;
    border-collapse: collapse;
}

.list-table tr {    
    border:1px solid #D8D8D8;
}

.list-table tr.selected {    
    background: #f5dcbd;
}
.list-table tr.highlight {    
    background: #FFFFBB;
}

.list-table th {
    color:black;
    background-color:#FFFFFF;
    text-align: center;
    padding: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    border:1px solid #D8D8D8;
}
.list-table th a{
    font-weight: bold;
}
.list-table a{ color: black;}
.list-table td {
    border: 1px solid #cfcfcf;
    text-align: center;
    padding: 3px;
}

.list-table .odd, .list-table tr{
/*    background: #F2F2F2 url('/images/tbl_odd_bg.jpg') repeat-x scroll left top */
    background: #E6E6E6;
}

.list-table .even{
/*    background: #FDFDFD url('/images/tbl_even_bg.jpg') repeat-x scroll left top */
    background: #F4F4F4;
}

.list-table img {
    margin-left: 2px;
    margin-right: 2px;
}

.list-table caption { 
    text-align: left;
    padding: 10px 0 20px 2px;  
}


.options-table {
    width: 100%;
    border:1px solid #D8D8D8;
    border-collapse: collapse;
}

.options-table tr {    
    border:1px solid #D8D8D8;
}

.options-table tr.selected {    
    background: #f5dcbd;
}
.options-table tr.highlight {    
    background: #FFFFBB;
}

.options-table th {
    background-color:#FFFFFF;    
    text-align: center;
    padding: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    border:1px solid #D8D8D8;
}
.options-table th a{
    font-weight: bold;
}

.options-table td {
    border: 1px solid #cfcfcf;
    text-align: center;
    padding: 2px;
}

.options-table .odd{
/*    background: #F2F2F2 url('/images/tbl_odd_bg.jpg') repeat-x scroll left top */
    background: #E6E6E6;
}

.options-table .even{
/*    background: #FDFDFD url('/images/tbl_even_bg.jpg') repeat-x scroll left top */
    background: #F4F4F4;
}

.options-table img {
    margin-left: 2px;
    margin-right: 2px;
}

.options-table caption { 
    text-align: left;
    padding: 10px 0 20px 2px;  
}

.options-table tr td input[type=text] {
    width: 100px;
}
.options-table tr td input{
    margin: 0;
}

.product-attrib{
    padding-top: 3px;
    padding-bottom: 3px;
}

.address_info td {
    text-align: left;
}

/* Tabs
---------------------------------------------------------------------------- */
#tabs {
    margin: 0;
    padding: 0;
}
#tabs ul{
    margin: 0;
    
}
#tabs ul.nav {
    float: left;
    /*background: #F0F0F0;*/
    width: 100%;
    padding-top: 4px;
}
#tabs ul.nav li {
    background: #F0F0F0;
    margin-left: 8px;
    list-style: none;
}
* html #tabs ul.nav li {
    display: inline; /* ie6 double float margin bug */
}
#tabs ul.nav li,
#tabs ul.nav li a {
    float: left;
}
#tabs ul.nav li a {
    text-decoration: none;
    padding: 6px;
    color: #444444;
}
#tabs ul.nav li.active {
    background: #D8D8D8;
}
#tabs ul.nav li.active a {
    font-weight: bold;
}
#tabs div.tab input[type="text"], #tabs div.tab select, #tabs div.tab textarea, #tabs div.tab input[type="password"]{
    padding:3px;
    color:black;
    background-color:#dfdfdf;
}
#tabs div.tab {
    background: #F0F0F0;
    border: 1px solid #D8D8D8;
    clear: both;
    padding: 20px;
    min-height: 200px;
    margin: -0 8px;
    color:black;
}
#tabs div p {
line-height: 150%;
}
#tabs .tab-buttons {
    margin-left: 22px;
    margin-top: 1em;
}
#tabs .tab-buttons div {
    margin: 0;
}


/* CONTACT FORM
---------------------------------------------------------------------*/
#contact-form{
    margin: 10px;
}
#contact-form label{
    float: left;
    display: block;
    margin-top: 2px;
    line-height: 26px;
    width: 120px;
    font-weight: bold;
}
#contact-form textarea{
    border: 1px solid #cbcbcb;
    background: #E1E1E1;
    padding: 4px;
}


/* Form Styles
---------------------------------------------------------------------------- */
input{
    width: 171px;
    padding: 4px;
    border: 1px solid #cbcbcb;
    background: #E1E1E1;
    margin-top: 2px;
}
select{
    width: 180px;
    padding: 4px;
    border: 1px solid #cbcbcb;
    background: #E1E1E1;
    margin-top: 2px;
}
input[type=radio] {
    width: auto;
}


/* Buttons
---------------------------------------------------------------------------- */
.btn {
    background:url("/modules/store/webroot/images/btn_grey_left.gif") no-repeat scroll left top transparent;
    cursor:pointer;
    float:left;
    height:24px;
    margin: 3px;
    padding:0;
}
.btn {
    background:url("/modules/store/webroot/images/btn_grey_left.gif") no-repeat scroll left top transparent;
    cursor:pointer;
    float:left;
    height:24px;
    margin: 3px;
    padding:0;
}
.btn span {
    background:url("/modules/store/webroot/images/btn_grey_right.gif") no-repeat scroll right top transparent;
    color:#FFFFFF;
    float:left;
    font: bold 11px/24px Arial,Helvetica,sans-serif;
    height:24px;
    padding:0px 10px;
}
.btn span a{
    text-decoration: none;
    color: white;
    display: block;
}
div.submit_btn{
    float: left;
    height:24px;
    margin: 3px;
    padding:0;
}
div.submit_btn input {
    margin-top: 0;
    padding: 4px;
    height: 24px;
    width: 0;
    width: auto;
    border: 0;
    background: #414143 url('/modules/store/webroot/images/button_grey.gif') repeat-x center center;
    color: #FFFFFF;
    font: bold 11px Arial,Helvetica,sans-serif;
    text-align: center;
    border: 1px solid #414143;
}
div.submit_btn input:hover {
    cursor: pointer;
    color: #FFF;
}

div.reset_btn{
    float: left;
    height:24px;
    margin: 3px;
    padding-left:3px;
}
#tabs .tab-buttons div.reset_btn {
    margin-right: 3px;
}
div.reset_btn input {
    margin-top: 0;
    padding: 4px;
    width: 0;
    width: auto;
    border: 0;
    background-image: url('/modules/store/webroot/images/button_grey.gif');
    background-repeat: repeat-x;
    color: #FFFFFF;
    font: bold 11px/24px Arial,Helvetica,sans-serif;
    background-position: center center;
}
div.reset_btn input:hover {
    cursor: pointer;
    color: #FFF;
}

/* Breadcrumbs
---------------------------------------------------------------------------- */
#breadcrumbs{
    height: 34px;
    margin-bottom: 0.2em;  
    border-bottom: 1px solid #353535;
    /* Change this value to change the green background. */
    background: #1e1e1e; 
}

/* Floats & Clear
---------------------------------------------------------------------------- */
.left{ float: left; }
.right{ float: right; }

#sidenav.right {width:200px;}
.clear{ clear: both; }


/* Debugging and Messages
---------------------------------------------------------------------------- */
#db_debug {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
    font: 120% monospace;
}
#db_debug table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;    
    text-align: left;
}
#db_debug table tr {
    border: 1px solid #ccc;    
}
#db_debug table tr th{
    border: 1px solid #ccc; 
    padding: 3px;  
    background: #FFF; 
    text-align: center;
}
#db_debug table tr td{
    border: 1px solid #ccc; 
    padding: 3px;  
    background: #FFF; 
    vertical-align: middle;
    text-align: center;
}
#db_debug table tr.dbName th{
    text-align: left;
    background: #ddd;
    font-weight: bold;
}
#db_debug table tr.model th{
    text-align: left;
    background: #eee;
}
#db_debug table tr td.query_num{
    width: 5%;
}
#db_debug table tr td.query{
    text-align: left;
}
#db_debug table tr td.query pre{
    width:  100%;
    margin: 0px;
    padding: 0px;
    border: 0;
}                 
#db_debug table tr td span.debug_error{
    color: red;
    font-weight: bold;
}

._error_box {
    display: block;
    clear: both;
    background-color: #c73e14;
    padding: 0.4em;
    margin: 0 0 0.3em 0;
    font-family: Courier, monospace;
    font-size: 10pt;
    text-align: left;
    color: #FFF;
    border: 1px dashed #000;
}
._error_box pre, ._error_box span {
    font-family: Courier, monospace;
    font-size: 10pt;
    text-align: left; 
    color: #FFF;   
}
._error_box ._error_title{
    font-weight: bold;
}
#message {
    clear: both;
    width: 100%;
}
#message .success {
    width: auto;    
    background: #E2F1D0 url('/images/icons/check.png') no-repeat left;
    background-position: 10px 8px;
    color: #061A5B; 
    margin-bottom: 5px;
}
#message .success .text {
    padding-left: 3em;
    padding-top: 7px;
    padding-bottom: 7px;    
    font-weight: bold;
    font-size: 9pt;
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
}

#message .error {
    width: auto;    
    background: #FFD9D9 url('/images/icons/exclamation.png') no-repeat left;
    background-position: 10px 6px;
    color: #800; 
    margin-bottom: 5px;
}
#message .error .text {
    padding-top: 6px;
    padding-bottom: 6px;    
    padding-left: 3em;
    font-weight: bold;
    font-size: 9pt;    
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;    
}

#message .info {
    width: auto;    
    background: #F0F1FF url('/images/icons/information.png') no-repeat left;
    background-position: 10px 8px;
    color: #060C6A; 
    margin-bottom: 5px;
}
#message .info .text {
    padding-top: 6px;
    padding-bottom: 6px;    
    padding-left: 3em;
    font-weight: bold;
    font-size: 9pt;    
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;    
}

.input-error {
    border: 1px solid red;
}
.select-error {
    border: 1px solid red;
}
.validation-error {
    color: red;
    padding-left: 75px;
    margin-top: 0;
    padding-bottom: 0.5em;
    width: 180px;
    clear: both;
    float: left;
}

/* Pagination
----------------------------------------------------------------------------- */
div.paginate {
/*    background: #F9F9F9;
    border: 1px solid #E3E3E3;*/
    width: 100%;
    margin-top: 10px;
}
div.paginate-inner {
    min-height: 20px;
    height: auto !important;
    height: 20px;
    vertical-align: middle;
    padding: 7px;
}

div.paginate .info {
    float: left;
    width: 200px;
    line-height: 1.8;
}
div.paginate .links {
    float: right;
}
div.paginate .links a {
    margin-left: 2px;
    margin-right: 2px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #E3E3E3;
    font-weight: normal;
    line-height: 1.8;
    display: inline;
    
    color: black;
    text-decoration: none;
    background: #F4F4F4;
}
div.paginate .links a:link {
    font-weight: normal;
}
div.paginate .links a:visited {
    font-weight: normal;
}
div.paginate .links a:active {
    font-weight: normal;
}
div.paginate .links a.prevLink {
    display: inline;
    border: 1px solid #E3E3E3;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold; 
    line-height: 1.8;
    background: #F4F4F4; 
}
div.paginate .links a.nextLink {
    display: inline;
    border: 1px solid #E3E3E3;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
    line-height: 1.8;
    background: #F4F4F4; 
}
.curLink {
    display: inline;
    border: 1px solid #E3E3E3;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.8;
    background: #FFFFBB;
}

div.list-results {
    padding-top: 30px;
    font-size: 8pt;
    float: left;
}

div.below-table {
    padding-top: 5px;
    height: 20px;
}
.cart-bordered{
    padding-top: 10px;
}
.cart-bordered .left{
    width: 250px;
}
div.limit-select {
    float: left;
    overflow:hidden;
    width: 200px; 
    text-align: left; 
    height: 29px;
}
div.store-options {
width: 400px; float: right;
}
div.with-selected {
    overflow: hidden;
    height: 29px;
    width: 275px;
    text-align: right;
    float: right;
    display: inline;
    clear: none;
}

div.store-inner{
    float: right;
    overflow: hidden;
}

div.below-table select, div.below-table select option, 
div.store-inner select, div.store-inner select option{
    padding: 1px;
}
div.store-inner select, div.store-inner select option{
    margin-top: 2px;
}


/* Custom Font's
----------------------------------------------------------------------------- */
/*@font-face {
    font-family: 'HarabaraBold';
    src: url('/modules/store/webroot/files/fonts/harabara.eot');
    src: local('â˜º'), 
    url('/modules/store/webroot/files/fonts/harabara.woff') format('woff'), 
    url('/modules/store/webroot/files/fonts/harabara.ttf') format('truetype'), 
    url('/modules/store/webroot/files/fonts/harabara.svg#webfontUBjTDqzQ') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/* Crumbs
----------------------------------------------------------------------------- */
#crumbs {
    display: inline;
    clear: none;
}
#crumbs-inner {
    padding-left: 0.8em;
    clear: none; 
}

#crumbs-inner .crumb-seperator {
    color: #fff;
}
#crumbs-inner a { font-weight: normal; text-decoration: none; color: #FFF; }
#crumbs-inner a:link { font-weight: normal; text-decoration: none; }
#crumbs-inner a:visited { font-weight: normal; text-decoration: none; }
#crumbs-inner a:active { font-weight: normal; text-decoration: none; }
#crumbs-inner a:hover { text-decoration: underline; }
    
#crumbs-inner, #crumbs-inner img {
    line-height: 2.8em;
    vertical-align: middle;
}
div.inner-box .left, div.inner-box .right, div.search-box .left, div.search-box .right,
div.inner-content .left, div.inner-content .right {
    width:auto;
}
#image_holder img {
    max-height:150px;
    max-width:150px;
}
#sidenav input[type="text"], #sidenav input[type="password"] {
    width: 160px;
}
#order_view {
    padding:4px;
    background-color:white;
    color:black;
}