/* //////////////////////////////////////////////////////////////
///////////// 7cart eCommerce Software --MAIN CSS-- ////////////
/////////////////////////////////////////////////////////////// */

body {background-color:#fff;margin:0;padding:0;font-size:12px;font-family:Verdana, Arial,"Trebuchet MS","Lucida Grande",Helvetica,sans-serif;color:#444;letter-spacing:normal;}
table {width: 100%;}

h1 {display: block; padding: 5px 0; font-size: 18px; color: #000; font-weight: bold;}
h2 {font-size:14px; font-weight:bold;}
h3 {font-size:14px; font-weight:normal;}
/*h4 {font-size:110%;margin:0;padding:0;}
h5 {font-size:100%;margin:0;padding:0;}
h6 {font-size:90%;margin:0;padding:0;}
 */

p { padding: .2em; margin: 0 0 .5em 0; line-height: 1.1em; }

img { border: none; }
.hide, hr {display: none;}
input { vertical-align: middle; }

/* Links */
a {  text-decoration: none; }
a:link { color: #0000cc; text-decoration: none; }
a:visited { color: #0000cc; text-decoration: none; }
a:hover { color: #000099;text-decoration: underline; }


.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
* html .clear { height: 1%; }
.clear { display: block; overflow: hidden; }


/* ///////////////////////////////
///////////// Header ////////////
//////////////////////////////// */
    #header {margin:auto; width:780px; clear:both;}
    .headhome{height:460px;}
    .headdefault{height:310px;}
    .headnav {height:375px; width:245px; float:left; clear:left; background:#1f1f1f; padding:0px; overflow:hidden;}
    .headnav2 {height:225px; width:245px; float:left; clear:left; background:#1f1f1f; padding:0px; overflow:hidden;}
    #header ul {padding:0;margin:40px 15px 0 30px;}
    #header ul li {margin:8px 3px; padding: 2px 0 2px 20px; list-style:none; background:url(../images/bg_mainnav1.gif) no-repeat -2px 3px;}
    #header ul li a {font-size:14px; text-decoration:none; color:#fff;}
    #header ul li a:hover {text-decoration:underline;}
    #header ul li ul {padding:10px; margin:0;}
    #header ul li ul li {margin:0 3px; padding: 2px 0 2px 15px; list-style:none; background:url(../images/bg_mainnav2.gif) no-repeat -1px 5px;}
    #header ul li ul li a {font-size:11px; text-decoration:none; font-weight:normal; color:#fff;}
    #header ul li ul li a:hover {text-decoration:underline;}


    #header .decoratedblock  {border:0; padding:0; margin:0; float:left;}
    #wait{ background: #FF0000; position: fixed; top: 25px; right: 35px; width: 100px; padding:15px; }

/*//// Content ////*/
#maincontent {margin:0 auto;width:780px;background-color: #fff;}
/*.maincontentwrapper {margin:0;padding:0 5px;background-color:#fff;}.widecontentwrapper {width:990px;margin:0;padding:0;background-color:#fff;}*/


/* //////////////////////////////////////////////////////////////
///////////// Navigation Columns and Content Blocks ////////////
/////////////////////////////////////////////////////////////// */
    /* Home Page Columns */
    #homepagecolumn1, #categoryleft, #productleft, #navcolumn, #nmrxcategorydescription {margin:10px 0 15px 15px; width:505px;float:left;}
    #homepagecolumn2, #categorymain, #maincolumn, #nmrxcatright {margin:10px 15px;width:230px;float:left;}
    
    #homepagecolumn2 {margin-top:25px;}
    #homepagecolumn3 {display:none;}

    /* Lists */
    ol, ul { margin: .5em 1em; padding: 0; }
    li { margin: 0 0 0 1em; padding: .2em 0; }

    /* Column Blocks */
    .decoratedblock { border: 0px solid #ccc; margin: 0 0 10px 0; padding: 0; }
    .decoratedblock ul { margin: 0; padding: 0; }
    .decoratedblock ul li { margin: 0; padding: 0; }
    .blockcontent { padding: 5px; }


    /* Side Menus */
    .sidemenu .decoratedblock h4 { display: block; background: #fff; padding: 5px 0; font-size: 12px; color: #444; text-transform: uppercase; font-weight: bold; border-bottom:solid 4px #777;}
    .sidemenu ul {padding:0px;margin:5px 0px 5px 0px;} 
    .sidemenu ul li {margin:0 3px; padding: 2px 0 2px 8px; list-style:none; background:url(../images/nav_bullet.gif) no-repeat center left; }
    .sidemenu li a {text-decoration:none;}
    .sidemenu a {  text-decoration: none; }
    .sidemenu a:link { color: #444; text-decoration: none; }
    .sidemenu a:visited { color: #444; text-decoration: none; }
    .sidemenu a:hover { color: #E44000;text-decoration: underline; }
    

    /* Category Menus 
    .categorymenu .decoratedblock h4 { display: block; background: #fff; padding: 5px 0; font-size: 12px; color: #444; text-transform: uppercase; font-weight: bold; border-bottom:solid 4px #777;}
    .categorymenu ul {padding:0px;margin:5px 0px;}
    .categorymenu ul li {margin: 15px 2px; list-style:none;}
    .categorymenu ul li a {font-size:12px; text-decoration:none; font-weight:bold; color:#000;}
    .categorymenu ul li ul li {margin:0 3px; padding: 2px 0 2px 10px; list-style:none; background:url(../images/nav_bullet.gif) no-repeat -1px 7px; border-top:dotted 1px #ccc;}
    .categorymenu ul li ul li a {font-size:11px; text-decoration:none; font-weight:normal; color:#444;}
    .categorymenu ul li ul li a:hover {text-decoration:underline;}
*/
    /* Column Search Box */
    .searchboxform h4 { display: block; background: #fff; padding: 5px 0; border-bottom:solid 4px #777;}
    .searchboxform h4 label { font-size: 12px; color: #444; text-transform: uppercase; font-weight: bold; }
    .searchboxform .forminput {width: 90px; font-size:11px; vertical-align:middle; padding: 3px 0 0 6px; height: 17px;}

    .productgrid  h4{display: block; background: #fff; padding: 5px 0; font-size: 14px; color: #E44000; font-weight: bold; border-bottom:solid 4px #777;}
    .productgridimage img {max-width:110px; max-height:110px;}

/* //////////////////////////////////////////////////////////////
///////////// Misc Shopping Cart Pages and Elements ////////////
/////////////////////////////////////////////////////////////// */    
    /* Bread Crumbs */
    .breadcrumbs {margin:3px 15px 0 0;padding:5px 10px;font-size:11px;background-color:#f5f5f5; clear:both; display:inline-block; line-height:12px; overflow:hidden; }
    .breadcrumbs .links {}
    .breadcrumbs a {  text-decoration: none; }
    .breadcrumbs a:link { color: #444; text-decoration: none; }
    .breadcrumbs a:visited { color: #444; text-decoration: none; }
    .breadcrumbs a:hover { color: #E44000;text-decoration: underline; }

    /* Search Page */
    fieldset#SearchForm {}
    fieldset#SearchForm .forminput { border-color: #ccc; }
    #SearchResultsPane { margin: 10px 0; }
    #SearchResultsPane div td {padding: 8px;}
    .searchimg {display:block; clear:both;}
    .searchanchor {text-decoration:none;}
    .searchresultrecord { padding: 5px; margin: 5px; border-left: 5px solid #ccc; background-color: #f5f5f5; }


    /* Row Elements */
    .rowheader, th { background: #666; color: #fff; padding: 0; font-weight: bold; padding: 5px 0; text-align: center; }
    .rowheader { font-size: 90%; }
    .row { background: #f6f6f6; }
    .altrow { background: #f4f4f4; }

    /* Site Map Page */
    #SiteMapColumns { clear: both; }
    .ColumnOne { width: 250px; float: left; border-right: 1px solid #eee; }
    .ColumnTwo, .ColumnThree { width: 250px; float: right; margin-bottom: 15px; }

    /* Message */
    .messagebox { border: 2px solid #ff0000; width: 90%; margin: 5px 0; }
    .messagebox ul, .messagebox ul li { list-style: none; }
    .messagebox .icon { float: left; margin: 5px; }
    .messagebox .message { margin: 5px 5px 5px 30px; font-size: 100%; line-height: 1em; padding: 5px; }
    .messagebox .errorline { clear: both; }
    .messagebox span {font-size:12px; color:#ff0000; font-weight:bold;}


    /* Misc elements */
    #popup {background-color:#fff;margin:5px;padding:5px;}
    .poweredby { display:none; }
    .BVSmallText { font-size: 85%; }
    .MarkDownPrice {text-decoration:line-through;}




/* //////////////////////////////////////////////////////////////
///////////// Shopping cart, Checkout and Address Book /////////
/////////////////////////////////////////////////////////////// */
    /* Address Book */
    .addressbooktitle h1 { float: left; }
    .addressbooktitle .newaddress { float: right; margin: 15px; }
    .address { border: 1px solid #ddd; padding: 5px 10px; margin: 0 5px 15px 0; }
    .address .buttonrow { margin: 5px 0; padding: 0; text-align: left; }
    table.alladdresses, table.primaryaddresses { margin: 5px 0; width: 100%; }
    table.alladdresses td, table.primaryaddresses td { vertical-align: top; }

    /* Cart Page */
    .cartitemimage {width:120px;height:120px;float:left; margin: 0 5px 5px 0; background-image:url('../images/ImgBgSm.png');background-repeat:no-repeat;}
    .cartitemimage img {margin:3px 0 0 5px;}
    .cartitemdescription { margin: 5px; float: left; width: 320px;}
    #cartcontainer tr td {border-top:solid 1px #ccc; padding: 5px 5px 0 0;}
    #cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0 20px;}
    #cartcontainer {border-bottom:solid 1px #ccc;}
    #cartfooter {margin: 10px 20px 0 20px;}
    #carttotals {width:200px;float:right;margin-bottom:10px;text-align:right; font-size: 110%; font-weight: bold;}
    #carttotals table {float:right;}
    #cartupdates {width:350px;margin-bottom:10px;text-align:right;float:right;}
    #cartactions {clear:both;text-align:right;padding-bottom:12px;margin-top: 20px;}
    #cartactioncontinue {float:left;width:120px;text-align:left;}
    #cartactioncheckout {display:inline;}
    #cartcoupons {border:solid 1px #ccc;background-color:#F0F0F0;padding:10px;}
    .cartsku { font-size: 80%; }
    .cartproductname { font-size: 110%; font-weight: bold; }
    .lineitemnodiscounts {text-decoration: line-through; display: block;}
    .totallabel { display: block; }
    .productpricecolumn { vertical-align: top; text-align: right; }
    .productquantitycolumn { vertical-align: top; text-align: right; }
    .producttotalcolumn { vertical-align: top; text-align: right; }
    .productdeletecolumn { vertical-align: top; text-align: center; }
    .productquantitycolumn div { width: 60px; float: right; }

    /* Checkout */
    .creditcardinput {border:solid 1px #ff9; background-color:#ffc;padding:5px;}
    .shippingdiscount { text-decoration: line-through; }
    .radiobuttoncol {width: 20px;}

    /* Checkout Addresses */
    .addressbookpanel { border: 1px solid #eee; padding: 5px; }
    .addressbookpanel table { width: 100%; }
    .addressbookpanel ul { margin: 0; }
    .addressbookpanel li { list-style: none; }
    .addressbookpanel table { border-collapse: collapse; border: solid 1px #fff; }
    .addressbookpanel td { border: none; padding: 5px;}
    .addressbookpanel .alt { background-color: #eee; }
    .addresseditor table{ width: 450px; }




/* ///////////////////////////////////////
///////////// Various Forms /////////////
//////////////////////////////////////// */
    /* Fields */
    fieldset { border: 1px solid #eee; margin: 0; padding: 0; }
    fieldset table { margin: 15px auto; }
    fieldset#CurrentUsers { width: 220px; float: left; padding:5px; }
    fieldset#NewUsers { width: 300px; float: right; }
    fieldset.contactform table { width: 510px;  padding:5px;}
    legend { font-size: 1.3em; line-height: 1em; font-weight: bold; color: #444; margin: 0 5px; padding: 2px; }

    /* Form Elements */
    td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
    td.formfield { text-align: left; white-space: nowrap; }
    .forminput { padding: 4px 0 0 6px; height: 20px; width: 90%; color: #444; vertical-align: middle; border: 1px solid #ccc; }
    .formtextarea { padding: 4px 0 0 6px; border: 1px solid #ccc; width: 90%; }
    .short { width: 25%; }
    .medium { width: 50%; }
    label { color: #666; font-size: 11px; }
    label.required { font-weight: bold; }
    select { border: 1px solid #ccc; color: #444; vertical-align: middle; }
    div.errormessage { color: #c00; line-height: 2em; padding: 0 5px; font-size: 11px; }
    span.errormessage { color: #fff; background: #c00; display: inline; line-height: 2em; padding: 0 5px; font-size: 11px; }
    .forgot { background: #f5f5f5; padding: 5px; display: block; margin-top: 10px; font-size: 10px; }
    .aligntop { vertical-align: top; }
    .buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }

    /* Affiliate Form */
    fieldset#affiliateform table { width: 510px; }
    fieldset#affiliateform table table { margin: 0; padding: 0; width: 100%; }
    fieldset#affiliateform td.formlabel { width: 150px; }

    /* Returns Form */
    .returnitems table { width: 100%; }
    .returnitem .formlabel, .returnitem .formfield { padding: 3px; }
    .returnitem { margin: 5px; }
    .returncontrols { margin: 5px 0 0 0; padding: 5px; border: 1px solid #ddd; background: #eee; }
    .returnitems td.qtycolumn { vertical-align: top; }
    .returnitems .qtyfield { background: #eee url(../images/lilarrow.gif) no-repeat center right; margin: 5px 0; padding: 5px;  }
    .returnitems .qtyfield input { width: 25px; text-align: center; border: 1px solid #ccc; }
    .rmaform { margin: 20px 0; }
    .rmaform table tr td { padding: 3px; }
    .rmaform .formtextarea { height: 100px; width: 400px; }





/* ///////////////////////////////
///////////// Footer ////////////
//////////////////////////////// */
    #footer { background:#1f1f1f; margin:10px 0; padding:0px; color:#fff; height:60px;}
    .footnmrx {float:left; padding:0 15px;}
    .foottext { float:left; padding:15px 0 0 0; background:#1f1f1f;}
    #footer ul {list-style:none;margin:0;padding:0; float:right;}
    #footer ul li { white-space:nowrap; display:inline; padding:0 10px; margin:0; border-right:solid 1px #fff;}
    #footer a {color:#fff; font-size:11px;text-decoration: none;}
    #footer a:hover {text-decoration:underline;}
    #footernavmenu {text-align:center;margin:0px;font-size:11px;}



/* ////////////////////////////////////
///////////// Admin Strip ////////////
///////////////////////////////////// */
    #adminpanel {font-size:12px;background-color:#444;color:#fff;border-bottom: 1px solid #000;padding:5px;}
    #adminleft, #admincenter, #adminright { width: 30%; vertical-align: middle; }
    #adminleft { text-align: left; }
    #admincenter { text-align: center; }
    #adminright { text-align: right; }
    #adminpanel a {color:#fff;border-bottom: 2px solid #666;text-decoration: none;}
    #adminpanel a:hover {color:#fff;text-decoration:none;background: #666;}