/*@font-face { font-family: 'BebasNeue'; font-weight: 400; font-style: normal; src: local('Bebas Neue'), url(fonts/BebasNeue.woff) format('woff'); }*/

body { background-color: #1D1D1D; margin: 0px; font-size: 0.9375em; }
body, textarea { font-family: Tahoma, Arial; color: #595959; font-size: 12px; }
textarea { font-size: 10pt; overflow: auto; background-image: none !important; }
input[type=file] { background-color: White; border: 1px solid #D3D3D3; }
form { padding: 0px; margin: 0px; }
.hr { clear: both; border-bottom: 1px dotted #6B6B6B; padding-top: 15px; margin-bottom: 15px; }
h1 { color: White; font-size: 11px; font-weight: normal; text-align: right; width: 970px; margin: auto; padding-bottom: 3px; padding-right: 10px; }
h2, h3 { font-size: 18px; margin-bottom: 10px; text-transform: capitalize; text-align: center; position: relative; font-family: Georgia; font-weight: normal;padding-bottom: 8px;}
h3 { color: #595959; font-size: 16px; font-family: Georgia; }
.hline { position: absolute; top: 50%; left: 0px; border-top: 1px dotted #1D1D1D; width: 100%; }
.htext { margin: 0px auto; padding: 0px 15px; background-color: white; position: relative; z-index: 1; text-transform: uppercase; }
.noline { text-align: left; }
a { color: #0F75BC; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border-width: 0px; }
a.no-decoration { color: #595959; }
a.no-decoration:hover { text-decoration: none; }
p { line-height: 18px; margin: 13px 0px; }
p.first { margin-top: 0px; }
textarea { font-family: Arial; }
header, nav, footer { display: block; }
.imagebutton, .imagebutton-grey { background-image: url(layout/button.jpg); width: 175px; height: 28px; float: left; color: White; font-size: 20px; padding-top: 3px; padding-left: 10px; cursor: pointer; }
.imagebutton-grey { background-image: url(layout/button-grey.jpg); }
.imagebutton:hover, .imagebutton-grey:hover { text-decoration: none; }
.special { background: url(layout/sale.png) no-repeat left top; width: 45px; position: absolute; height: 103px; margin-left: 10px; }
.outofstock { background: url(layout/soldout2.png) no-repeat left top; width: 81px; position: absolute; height: 81px; }

.btn { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ); background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); background-color: #f9f9f9; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #dcdcdc; display: inline-block; color: #666666; font-family: arial; font-size: 15px; font-weight: bold; padding: 6px 24px; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; cursor: pointer; }
.btn:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) ); background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9'); background-color: #e9e9e9; text-decoration: none; }
.btn:active { position: relative; top: 1px; }
.small { padding: 6px 12px; font-size: 12px; margin-top: -5px; }

/* master */
#page { margin: auto; width: 980px; }

#head { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }
    #head .logo {
        margin-top: 15px;
        background-image: url('layout/BMe.png');
        width: 236px;
        height: 60px;
        display: block;
    }
#head form { float: right; background-color: white; border-radius: 5px; padding: 2px 5px; }
#head form * { vertical-align: middle; }
#head form input[type="text"] { border-width: 0px; color: black; }
#nav { background-color: black; padding: 10px 20px; font-size: 11px; }
#nav a, #nav .opposite:hover { color: White; text-decoration: none; margin-right: 20px; text-transform: uppercase; font-weight: bold; }
#nav a:hover, #nav .opposite { color: #0ABFEE; }
.accountLinks { float: right; }
.accountLinks a { margin-left: 30px; margin-right: 0px !important; vertical-align: middle; }
.accountLinks a * { vertical-align: middle; }
#accountLink { float: right; color: white; margin-right: 15px; margin-top: 2px; font-weight: bold; display: none; }
#content { background-color: White; padding: 40px; min-height: 500px; }

#footer { background-color: black; font-size: 12px; color: white; border-bottom: 30px solid #474747; }
#footer a { color: white; }
#footer > div { margin: auto; width: 980px; padding-top: 30px; }
#footer > div > div { float: left; width: 200px; margin-right: 155px; }
#footer h3 { font-size: 12px; margin: 0px; margin-bottom: 10px; color: white; font-weight: normal; position: relative; }
#footer .htext { background-color: black; }
#footer .hline { border-top-color: white; }
#ourDetails a { display: block; }
#listBusiness a { display: block; }
#footer > div > div#connectWithUs { margin-right: 0px !important; text-align: center; width: 240px }
#connectWithUs a { margin-right: 15px; }
#connectWithUs div.big { display: block; line-height: 32px; height: 32px; text-align: left; }
#connectWithUs div.big img { display: inline-block; vertical-align: middle; line-height: normal}
#connectWithUs span.big { display: inline-block; font-size: 18px; vertical-align: middle; margin-left:5px; line-height: normal}
#ourMailingList { background-color: #464646; padding: 10px; width: 230px !important; text-align: center; }
#ourMailingList input[type="text"] { color: white; border: 1px solid #272727; padding: 5px; margin-bottom: 5px; width: 155px; background-color: #5E5E5E; font-size: 12px; font-family: Georgia; }
#ourMailingList h3 { font-size: 20px; margin-bottom: 5px; margin-top: 0px; text-align: center; }
#ourMailingList form { margin-top: 10px; text-align: left; }
#ourMailingList .top { margin: -10px; margin-bottom: 0px; display: block; }
#footerSubBtn { float: right; margin-top: 3px; }

#loginBox { position: absolute; background-color: white; z-index: 2; padding: 15px; margin-left: 800px; border: 1px solid #dbd5d5; }

/* messages */
.messageBox { background-color: #0BC0F1; font-size: 20px; color: White; margin-bottom: 10px; border-bottom: 3px solid #099CC1; box-shadow: 0px 5px 10px #A0A0A0; position: absolute; width: 100%; z-index: 11; top: 0px; left: 0px; }
.messageBox > div { width: 930px; margin: auto; padding-left: 50px; background: url(layout/MessageIco.png) no-repeat left center; position: relative; }
.messageBox p, .messageBox ul { width: 830px; line-height: normal; }
.messageBox ul { width: 800px; }
.messageBox a { color: White; text-decoration: underline; }
.messageBox .close { position: absolute; display: block; top: 50%; bottom: 50%; right: 0px; border-radius: 5px; box-shadow: 0px 0px 5px black; padding: 0px 10px; padding-left: 35px; margin-left: 15px; margin-top: -16px; background: url(layout/closeico.png) no-repeat left center; height: 32px; line-height: 32px; font-size: 15px; font-weight: bold; color: White; text-decoration: none; cursor: pointer; }
#AlertPanel { background-color: #525250; border-bottom-color: #3D3930; }

/* form */
.form th, .form td { padding-bottom: 5px; }
.form th { text-align: left; font-weight: normal; vertical-align: top; width: 130px; }
.form td { width: 375px; }
.form .val { width: 25px; }
.form td:nth-child(odd) { width: 25px; }
.form .text, .table .text { width: 99%; border: 1px solid #D3D3D3; }
.form select { height: 22px !important; line-height: 22px; }
.form textarea.text, .table textarea.text { height: 100px; }
.alt { background-color: #f5f9fc; }

/* panel */
.panel { background-color: #EFEFEF; padding: 10px 20px; margin: 15px 0px; width: 530px; }
.panel h3 { margin-top: 0px; text-align: left; }

/* billboardSelect */
.billboardSelect { vertical-align: middle; background-color: #EFEFEF; padding: 10px; }
.billboardSelect span { text-transform: uppercase; vertical-align: middle; }
.billboardSelect select { vertical-align: middle; width: 200px; }

/* table */
.table { width: 100%; border-collapse: collapse; }
.table th { background-color: #1D1D1D; height: 23px; color: white; font-weight: normal; text-align: left; padding: 3px 6px; border: 1px solid #E2E2E2; }
.table th a { color: White; text-decoration: underline; }
.table td { vertical-align: middle; padding: 6px; border: 1px solid #E2E2E2; }
.table img { vertical-align: middle; }
.table .alt { background-color: #F7F7F7; }

/* validator, helpbox */
.highlight { background-image: none !important; border-color: #afdcf9 !important; }
.alertbox { position: absolute; padding-top: 10px; width: 180px; background: url(layout/validate-arrow.png) no-repeat center top; color: white; font-size: 14px; font-weight: normal; z-index: 2; }
.alertbox div { text-align: center; min-height: 15px; line-height: 15px; padding: 8px; border-radius: 10px; color: #000; background-color: #afdcf9; box-shadow: 3px 3px 3px #666; }