body{font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; /*margin:auto;*/}
html{background-image:url('../gfx/background.jpg');}

/* text styles */
/*p{margin:0 0 19px 0;}*/
h1{color:#000000; font-size:medium; font-family:Arial, Helvetica, sans-serif}
h2{color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:14px; line-height:15px; padding:0; margin:0;}
h3{font-size:13px; font-weight:bold; color:#942603;}
#h3{font-size:13px; font-weight:bold; color:#942603;}
a{text-decoration:none; color:#942603; font-weight:bold; }
a:hover{text-decoration:underline;}
.heading{font-size:12px; font-weight:bold; color:#dcdcdc; text-transform:uppercase;}
.bold{font-weight:bold;}
.white{color:#FFFFFF;}
.white-bold, .white-bold a{color:#FFFFFF; font-weight:bold;}
.red-bold{color:#942603; font-weight:bold;}
.white-bold-uppercase{color:#FFFFFF; font-weight:bold; text-transform:uppercase;}
.italic{font-style:italic;}
.arrow-link{background:url(../gfx/arrow_red.gif) right 2px no-repeat; padding:0 13px 0 0;}
.close-link{color:#FFFFFF; margin:30px 0 0 0; display:block; font-size:12px;}
/* end text styles */

#master-container{width:936px; margin:auto; margin-top:15px;}
.home-text{min-height:118px; height:auto !important; height:118px;}

#logo-metalflake-white{width:68px; height:372px; filter:alpha(opacity=60); -moz-opacity:.25; background-image:url('../gfx/logo_metalflake.gif'); background-repeat:no-repeat; float:left; margin:450px 0 0 0;}

#container{width:800px; padding:0; float:left; margin:0 0 0 67px; display:inline; padding:0 0 40px 0;}

#pagination{border-top:1px dotted #942603; padding:15px 0 0 0; margin:10px 0 0 0; text-align:center}
#pagination .highlighted{color:#fff; background:#942603; padding:2px;}
.pagination {float:left; width:100%; margin:10px 0; font-size:x-small}
.pagination .current-page{background:#dcac00; border:#666 0px solid; padding:2px 3px; margin:2px 0 0 0}

/* DELIVERY POPUP */
#delivery{width:93%; padding:10px; font:11px Verdana, Arial, Helvetica, sans-serif; background:#FFFFFF; margin:10px 0 10px 10px;}


/* HEADER */
#header{width:780px; height:57px; float:left; text-align:right; background:#000 url('../gfx/header-free.jpg') no-repeat; padding:200px 20px 0 0;}
#header-product{width:780px; height:57px; float:left; text-align:right; background:#000 url('../gfx/header-product.jpg') no-repeat; padding:200px 20px 0 0;}
#product a{position:absolute;top:85px;margin-left:420px;width:360px;height:125px;display:block;}
#product strong{display:none;}
#searchbox{float:right; margin:3px 0 0 0; width:156px;}
.header-input{background:#000000; border:1px solid #b3b3b3; height:14px; line-height:100%; color:#FFFFFF; font:10px Verdana, Arial, Helvetica, sans-serif; width:134px;}
/*#searchbox .left{width:160px; float:left;}*/
#searchbox .middle{float:left;}
#searchbox .right{width:18px; float:left; margin:0 0 0 -1px;}
#searchbox .right img{margin:0; padding:0; float:left;}
#searchbox label{display:none;}

/* CONTENT */
#content{width:780px; float:left; background:#FFFFFF; padding:0 10px 10px 10px;}
#content-header{width:573px; height:24px; padding:13px 11px 0 11px; background:url('../gfx/corner_tr.gif') no-repeat right #000000; margin:0 0 10px 0;}

/* LEFT CONTENT */
#left-container{width:175px; float:left; margin:0 10px 0 0;}
#shopping-basket{width:175px; float:left; background:url('../gfx/bg_leftcol.gif') repeat-y; }

#shopping-basket h2{width:164px; height:24px; padding:13px 0 0 11px; background:url('../gfx/corner_tl.gif') no-repeat #000000; font-size:12px; font-weight:bold; color:#dcdcdc; text-transform:uppercase; margin:0 0 10px 0; float:left; display:inline;}
#shopping-basket a{background:#000000; padding:5px 5px 5px 10px; color:#FFFFFF; float:left; width:160px; text-transform:uppercase; text-align:right;}
#shopping-basket a span{color:#dc3400;}
#shopping-basket label{color:#FFFFFF;}


#nav{float:left; width:175px; background-color:#000000; margin:10px 0 0 0;}
#nav ul{padding:0; margin:0;}
#nav li{text-decoration:none; list-style:none; width:162px; margin:0; padding:6px 13px 4px 0;  border-bottom:1px dotted #3c3d3d; text-align:right; float:left; clear:both;}
#nav a{text-transform:uppercase; color:#ffffff; font-weight:bold; background:url('../gfx/arrow_red.gif') no-repeat right; padding:0 17px 0 0;}
#nav a:hover{text-decoration:none;}


#menudropdowns{width:165px; clear:both; position:relative}
/*.menudropdowns .header-input{margin:0 -1px 0 0; float:left;}*/
/*#search2 ul{top:0; left:0; border:2px solid #33CC00;}*/
#menudropdowns ul{clear:both;}
#menudropdowns li{width:127px; padding:3px; text-align:left;}
#menudropdowns select{background:#000000; color:#FFFFFF;}

#navigation-footer{width:175px; height:112px; float:left; background:url('../gfx/bg_nav.gif') repeat-x;}

/* FILTER BOX */
#filter-box{width:563px; clear:both; border:1px solid #dc3400; padding:0 15px 20px 15px; background:url('../gfx/bg_special_vertical.gif') repeat-y left;}
#filter-box h1{background:url('../gfx/bg_btn.gif') top repeat-x #dc3400; width:583px; float:left; color:#FFF; margin:0 -15px 15px -15px; padding:5px; font-size:12px; display:inline;}

/* SPECIAL OFFERS - COMPLETE */
#special-offers-heading{width:585px; height:18px; float:left; background-color:#000000; padding:5px 0 0 10px; margin:0 0 10px 0;}
.special-offer{width:180px; float:left; border:1px solid #942603; background:url('../gfx/bg_special_vertical.gif') repeat-y; margin:0 5px 10px 0; padding:5px 5px 0 5px;}
.special-offer-content{width:163px; margin:10px 0 0 0; height:110px;}

.special-offer h1{width:173px; float:left; background:url('../gfx/bg_special.gif') repeat-y; padding:6px 10px 10px 7px; font-size:12px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; margin:-5px -5px 5px -5px; display:inline;}
.special-offer h1 a{color:#FFFFFF;}

.special-offer img{margin:0 0 0 5px; text-align:right; border:1px solid #999999}
.special-offer img:hover{border:1px solid #dc3400;}
.special-offer p{padding:0 5px 0 0; margin:0;}
.view-link{background:url('../gfx/bg_special.gif') repeat-y; color:#ffffff; font-weight:bold; text-transform:uppercase; float:left; margin:10px -5px 0 -5px; clear:both; padding:3px 0px 3px 4px; width:186px; bottom:0px;}

.content-offer{width:163px; margin:10px 0 0 0;}
.offer-content{ height:100px; position:relative; padding:0px; z-index:1}
.content-offer .featuredProductStar{ position:absolute; top:0px; left:100px; border:none; z-index:100; display:block}
.content-offer .view-link, .content-offer .view-link a { width:169px; color:#FFFFFF;}
.content-offer h1{width:156px;} 
/* PRODUCT PAGE */
.product-photo img{float:left; width:250px; border:1px solid #000000;}
.product-information{float:left; margin:0 0 0 10px;}
.product-information img{margin:0 0 10px 0;}
.product-information h2{font-size:13px; color:#595959; margin:0;}
.product-information h3{font-size:9px; margin:0; font-weight:normal; color:#a5a5a5;}
.product-information h4{color:#bd2e01; font-size:25px; font-family:Arial, Helvetica, sans-serif; margin:0;}
.product-information .box{float:left; background:#eeeeee; border:1px solid #dddddd; padding:10px; width:300px; margin:0 0 20px 0;}

.product-information input{margin:20px 3px 0 0; float:left;}
.product-information a{float:right; margin:35px 0 0 0;}

.product-reviews{clear:both}
.product-reviews h2{width:585px; height:18px; float:left; background:#000000; padding:5px 0 0 10px; margin:10px 0 10px 0; font-size:11px;}

/* CART PAGE */
.cart table{border:solid #ccc;border-width:0 0 1px 1px;border-spacing:0;border-collapse:collapse; width:100%;}
.cart td, .cart th {padding:5px;border:solid #ccc;border-width: 1px 1px 0 0}
.cart th {font-weight:bold; background:url('../gfx/bg_btn.gif') repeat-x #dc3400; color:#FFFFFF; text-align:left;}
.cart td {text-align:left;vertical-align:top;padding-top:15px}
.cart tbody tr:hover {background:#eee}
.cart tbody tr:hover th{background:#eee}
.cart h2{font-size:medium}
.cart input:focus{background:#fff5e9}

/* LOGIN OVER BOX */
#login-box{padding:10px; text-align:right; position:absolute; z-index:10; background:#000000; right:0; top:37px; color:#FFFFFF; width:250px; border:5px solid #942603; border-top:none;}
#login-box #loginNav{margin-top:5px;}
#login-box label{float:left; width:90px; margin-right:10px;}
#login-box .input{float:left;}
#login-box p{clear:both; margin:0 0 10px 0; width:100%; float:left;}
#login-box .button{float:right;}

/* PRODUCT LIST PAGE */
.box-small{float:left; width:270px; margin:5px 0 0 5px; padding:10px; background:#eeeeee; text-align:left; height:110px; display:inline;}
.box-small h2{padding:0;margin:0; color:#5c778c}
.box-small .input{float:left; background:#009933}
.box-small select{float:left; margin-right:7px;}
.box-small ul{list-style:none; }
.box-small ul li a{color:#000000; font-weight:normal;}

/* FOOTER - COMPLETE */
.foot{width:800px; height:16px; float:left; background:url('../gfx/foot.gif'); margin-top:-6px;}
#footer{float:left; margin:20px 0 0 0; /*padding:0 10px 0 10px;*/ /*background:#FFFFFF;*/}
#footer-contact{width:157px; float:left; background:url('../gfx/bg_leftcol.gif') bottom; padding:9px; color:#FFFFFF; font-weight:bold; min-height:144px; height:auto !important; height:144px; margin:10px 0 0 0;}
#footer-contact a{color:#FFFFFF;}
/*#footer-content{width:595px; float:left; height:91px; margin:0 0 10px 10px;}*/

#footer-dmg{width:177px; float:left; padding:0 0 4px 13px; border:1px solid #942603; min-height:57px; height:auto !important; height:57px;}
#footer-dmg h3{width:185px; float:left; background:url('../gfx/bg_dmg.gif') repeat-y; padding:2px 0 2px 5px; color:#FFFFFF; font-size:10px; margin:0 0 6px -13px; display:inline;}
#footer-footer{width:427px; height:21px; float:left; margin:-4px 0 0 0; background:url('../gfx/footer.gif') no-repeat; padding:21px 0 0 373px;}
#footer-footer a{font-weight:bold; text-transform:uppercase; background-image:url('../gfx/arrow_black.gif'); background-repeat:no-repeat; background-position:right; padding:0 13px 0 0; color:#000000; margin:0 14px 0 0;}

/* FUNCTIONAL FOOTER */
#footer-head{width:800px; height:16px; float:left; background:url('../gfx/head.gif');}
#footer-content{width:780px; float:left; padding:0 20px 0 0px; background:#FFFFFF /*url(../gfx/logo_ghost.gif)*/ no-repeat 630px top;}
#footer-content ul{float:left; width:250px; list-style:none; margin:0; padding:0 0 0 15px;}
#footer-content li{margin:0 0 10px 0;}
#footer-content li a{background:url('../gfx/arrow_red.gif') left no-repeat; padding:0 0 0 20px;}
#footer-register{float:right; background:#eeeeee; border:1px solid #dddddd; padding:10px; /*background:url('../gfx/bg_register.gif') repeat-y;*/ margin:0px 0 0 0; width:205px;}
#footer-register form, #discount-form{padding:0; margin:10px 0 0 0; float:left;}
#footer-register .input{font:9px Verdana, Arial, Helvetica, sans-serif; width:165px; border: 1px solid #a3adb8; float:left; padding:2px; min-height:14px; height:auto !important; height:14px;}
#footer-register .sub-btn, #discount-form .sub-btn{float:left; border:1px solid #a3adb8; font:9px Verdana, Arial, Helvetica, sans-serif; background:#000000; color:#FFFFFF; font-weight:bold; margin:0 0 0 -1px; padding:0px; height:20px}
.footer-links{padding:10px 0 0 10px; color:#FFFFFF; float:left; width:790px;}
.footer-links a{color:#FFFFFF;}
.footer-links img{float:right;}



#discount-form .input{font:9px Verdana, Arial, Helvetica, sans-serif; width:195px; border: 1px solid #a3adb8; float:left; padding:2px; min-height:14px; height:auto !important; height:14px;}

.divider{height:0; line-height:0; font-size:0; clear:both; visibility:hidden;}
#prop{height:581px; float:right; width:1px; background-color:#ff0000;}

/* right container */
#right-container{width:595px; float:left; position:relative;}

#login-button{ float:right; padding-right:20px; text-transform:capitalize; color:#FFFFFF; font-weight:normal; cursor:pointer;}
.login-button{ text-decoration:none;}
.login-button-over{ text-decoration:underline;}
#logout-button{ float:right; padding-right:20px; text-transform:capitalize; color:#FFFFFF; font-weight:normal; cursor:pointer;}
/*#content-container{width:595px; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; background:#00FF00}*/
#content-text-home{width:360px; float:left; text-align:justify; padding:0px 12px 0px 12px;}

#content-text{width:571px; float:left; text-align:justify; padding:10px 12px 0px 12px;}
#content-pic{width:205px; height:225px; float:left; margin:0px 0px 10px 0px;}
/* end right container */






#home-login-heading{width:585px; height:18px; float:left; background-color:#000000; padding:5px 0 0 10px; margin:15px 0 10px 0;}


.form-style-b form{/*float:left;*/ margin:0;}
.form-style-b label{float:left; padding-top:3px; padding-right:5px; width:90px; /*color:#e2e2e2;*/ text-align:right; font-size:10px; font-weight:bold; }
.form-style-b textarea{font:10px Verdana, Arial, Helvetica, sans-serif; width:195px; border: 1px solid #a3adb8;}
/*.form-style-b select{font:10px Verdana, Arial, Helvetica, sans-serif; width:200px; border: 1px solid #a3adb8; margin:7px 0 0 0;}*/
.form-style-b .input{font:10px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000000; padding:2px 0 0 5px; margin:0; background-color:#dcdcdc; float:left; color:#000000;}
.form-style-b p{clear:both;}

.form-email{margin:5px 0 0 0;}
.shopping-input{width:62px; height:16px; background-color:#eee; border:#333333 1px solid;}
.register-input{width:200px; float:left;}
.register-button{display:block; width:18px; height:17px; float:left; border:none; padding:2px 0 0 5px;}


.input-with-btn{background:#ffffff; border:1px solid #b3b3b3; height:14px; line-height:100%; font:10px Verdana, Arial, Helvetica, sans-serif; width:180px; margin:0 -1px 0 0; float:left;}
.input{background:#000000; border:1px solid #b3b3b3; height:14px; line-height:100%; color:#FFFFFF; font:10px Verdana, Arial, Helvetica, sans-serif; width:134px;}

.pin{width:12px;}
.radio, .checkbox{border:none; width:auto; height:auto; padding:0; margin:0;}
.button{background:#dc3400 url('../gfx/bg_btn.gif') repeat-x; border:2px solid #000000; padding:3px; color:#FFFFFF; font-size:9px; cursor:pointer; float:left; font-weight:bold;}
.button.login{float:right; border:1px solid #dc3400; margin-top:-4px;}
.row{margin:0 0 10px 0; float:left; width:100%;}
.rightColumn{ float:right; width:49%; }
.leftColumn {float:left; width:49%;}
select{font:10px Verdana, Arial, Helvetica, sans-serif;}
#filterSubmit{margin-top:12px; padding:2px; border:none;}
/* end form tags */


.red{ color:#cc0000; font-weight:bold;}
.left{float:left;}
.right{float:right;}

.loginSections{ width:163px; float:left; border:#666666 1px solid; padding:5px; height:150px; margin-bottom:10px; position:relative; }
.loginSections .title{color:#942603; font-weight:bold; font-size:1.1em; margin-bottom:5px;}
.loginSections .button{clear:both; width:150px; height:37px; margin-bottom:5px; text-align:center;}
#popupMessage { width:450px; background:#FFFFFF; border:#333333 1px solid; position: relative; top:25%; margin:0 auto; height:450px; z-index:1; display:none;}


/* 5.0 data tables
---------------------------------------- */
.table-style1 {float:left; width:100%;}
.table-style1 table{padding:0; margin:2px 0; border-collapse:collapse; background:#f5f5f5; clear:both; width:100%;}
.table-style1 caption{font-style:italic; color:#666;}
.table-style1 td, .table-style1 th {padding:3px 5px;}
.table-style1 th {background:url('/images/bg_black.gif') repeat-x bottom #3c3c3c; text-align:left; color:#fff; padding:10px 5px;}
.table-style1 thead tr th{font-weight:bold}
.table-style1 tbody tr th{font-weight:normal; background-color:#515151;}
.table-style1 th a {color:#fff; text-decoration:none;}
.table-style1 th a:focus, 
.table-style1 th a:hover {text-decoration:none;}
.table-style1 td {text-align:left;vertical-align:top; border-bottom:1px solid #cfcfcf; color:#7c7c7c;}
.table-style1 tbody tr:focus,
.table-style1 tbody tr:hover {background:#e6e6e6}
.table-style1 tbody tr:focus th,
.table-style1 tbody tr:hover th{background:#333;color:#fff;}
.table-style1 input:focus{background:#ffefab;}
.table-style1 li {list-style:none;}
.table-style1 ul {margin:0; padding:0;}
.table-style1 h2{font-size:18px;}
.table-style1 th span {margin-left:5px; background:url('/images/sorting.gif') no-repeat 0px 1px;}
.table-style1 td a.table-link{color:#3c3c3c; font-weight:bold; text-decoration:none; background:url('/images/menu-arrow.gif') no-repeat left 3px; padding:0 0 0 12px; display:block;}
.table-style1 td a.table-link:focus,
.table-style1 td a.table-link:hover{text-decoration:underline;}