@charset "utf-8";
/* CSS Document */

body {
    margin:0;
    padding:0;
    background-image: url(body_x.jpg);
    background-color: #FFFFFF;
    background-repeat: repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000;
    margin-top: 5px;
    text-align:left;
    font-size: 12px;
}
.maintable {
    border-left:1px solid #84b3d7;
    border-right:1px solid #84b3d7;
    width: 900px;
    border-top: 1px solid #84b3d7;
    margin: 0 auto;
    border-bottom: 1px solid #84b3d7;
}
form {
    margin:0
}
A:link {
    COLOR: #0000FF;
    TEXT-DECORATION: underline
}
A:visited {
    COLOR: #0000FF;
    TEXT-DECORATION: underline
}
A:active {
    COLOR: #0000FF;
    TEXT-DECORATION: underline
}
A:hover {
    COLOR: #FF0000;
    TEXT-DECORATION: underline
}
/*- Menu Tabs 1--------------------------- */ 


  /*- Menu Tabs I--------------------------- */

    #tabsI {
    float:left;
    width:100%;
    font-size:93%;
    font-weight:bold;
    line-height:normal;
    border-bottom:1px solid #94a124;
      }
    #tabsI ul {
    margin:0;
    padding:2px 10px 0 3px;
    list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url("tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsI a span {
      float:left;
      display:block;
      background:url("tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
    #tabsI a:hover {
      background-position:0% -42px;
      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }

        #tabsI #current a {
                background-position:0% -42px;
        }
        #tabsI #current a span {
                background-position:100% -42px;
        }


/*menu tabs 1 ends */    

/* toplinks */

#toplinks{
    margin:0px 5px 2px 0px;
    text-align: right;
    font-size:85%;
    color:#666666
}
#toplinks a,#toplinks a:visited{color:#666666}


/* toplinks end */

#topgrafix{
    text-align:right;
    margin: 2px 5px 0px 4px;
    vertical-align: middle;
}

/* 
======================================
DHTML TOP NAV
======================================
*/
.mss-nav-border-top{border-top:1px solid #92b7ef;}
.mss-nav-border-bottom{border-bottom:1px solid #92b7ef;}
.mss-nav {
    padding: 2px 2px 2px 2px;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    background-color:#A7C9E5;
    background-image: url(navbg-top.jpg);
    background-repeat: repeat-x;
    z-index: 5000;
}
.mss-nav ul {padding: 0px; margin: 0px; list-style: none;}/**/

.mss-nav ul li {
    border:0px solid #ffffff;
    float:left;
    position: relative;
    height:16px;
    _height:16px;
    display:inline;
    font-size: 12px !important;
    text-align: left;
    padding:2px 5px 2px 5px;
    margin: 0px 6px 0px 6px;
    white-space: nowrap;
    background-image: url(bullets.jpg);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}
.mss-nav ul li a, .mss-nav ul li a:visited {
    padding:0px;
    color: #333333;
    text-decoration: none;
    font-weight:bold;
    padding-left:7px;
}

.mss-nav ul li a:hover {
    color:#000000;
    text-decoration:none;
}

.mss-nav li ul {display: none; position: absolute; top: 20px; left: -1px;}
.mss-nav li > ul {top: 20px; left: -1px; margin:0px; text-align:left;}
.mss-nav li:hover ul, li.over ul {
    display: block;
    width:168px;
    color:#2642a8;
    border-bottom:1px solid #8e9cff;
    border-left:1px solid #8e9cff;
    border-right:1px solid #8e9cff;
} 
.mss-nav li:hover ul a, li.over ul a{color:#2642a8; background-color:#f8fbff;}
.mss-nav li:hover ul a:hover, li.over ul a:hover{ background-color:#ebebeb; color:#2642a8;}
.mss-nav ul li ul li a:hover {width:160px !auto; text-decoration:underline;}
.mss-nav ul li ul li {width:168px; margin:0px; padding:0px;  border-top:0; border-left:0; border-right:0; height:auto !important;} 
.mss-nav ul li ul li a, .mss-nav ul li ul li a:visited { display:block; color:#2642a8; font-weight:normal; text-align:left; padding:2px 0px 2px 8px; width:160px !auto; border-top:1px solid #8e9cff;w/idth:168px;}  
.mss-nav li .nav-right {position: absolute; top: 20px; left: -60px;}
.mss-nav li > .nav-right {top: 20px; left: -60px; margin:0px; text-align:left;}

/* 
======================================
DHTML TOP NAV ENDS
======================================
*/

.searchbar{
    background-color:#D1E2F2
}
#popularlinks{
    display:block;
    float:right;
    font: bold 15px arial;
    color:#017EB8;
    padding:4px;
    margin-left: 150px;
    text-align: right;
}
#search{
    display:block;
    float:left;
    width: 200px;
    margin-top: 3px;
    margin-left: 3px;
}
.searchbutt{
    margin-top:0px;
}
.leftcol {
    border-top:0px solid #000000;
    border-right:1px solid #84b3d7;
    width:165px;
    background-color:#FFFFFF;
    background-image: url(leftnav-bg.jpg);
}
.rightcol {
    width:125px;
    border-left:0px solid #000000;
    background-color: #FFFFFF;
}
.contentcol {
    background-color: #FFFFFF;
    width: 602px;
}
.sidecol {
    width:7px;
    height:100%;
    background-color: #FFFFFF;
}
#heading, #heading a:link, #heading a:hover, #heading a:visited {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #333333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
    border: 1px #ffffff solid;
    margin:0px;
    text-align:left;
    text-transform: capitalize;
    text-decoration: none;
    display: block;
    background-color: #e9e7e5;
    background-image: url(navbg.jpg);
    background-repeat: repeat-x;
}
.menu p {
    color:#9e9d8b;
    font:bold 13px arial;
    margin:0, padding:0;
    padding-left:8px;
}
.menu ul {
    margin: 0;
    padding:0 0 0 0px;
    list-style-type:none;
    width: 165px; /* Width of Menu Items */
    font:8pt Arial, Helvetica, sans-serif;
    text-align: left;
    
}
.menu ul li {
    position: relative;
    list-style-type:none;
    border-top: 1px solid #dedede;
    
}
.menu ul li a {
    display: block;
    overflow: auto; /*force hasLayout in IE7 */
    color:#0000FF;
    text-decoration: none;
    list-style-type:none;
    padding:2px 0px 2px 12px;
    background: url(pimp1.gif) no-repeat 7px 5px;
    background-color: #ecf3f3;
}
.menu ul li a:visited {
    color:#0000FF;
    text-decoration: none;
    list-style-type:none;
    background-color: #ecf3f3;
}
.menu ul li a:hover {
    color:#0000FF;
    text-decoration: underline;
    list-style-type:none;
    background-color: #CCFFFF;
}

.leftcol p {
    font:normal 11px arial;
    color:#f5f5f5;
    margin: 0px 7px;
}
.topsearch {
    height:15px;
    width:135px;
    color:#666666;
    border:1px solid #9194B6;
    margin-left:0px;
    margin-right:0px;
    background-color: #FFFFFF;
    font-size: 12px;
    padding-right: 2px;
    padding-left: 2px;
}
.newsletter {
    height:17px;
    width:110px;
    color:#666666;
    border:1px solid #9194B6;
    margin-left:8px;
    margin-right:0px;
    background-color: #fff;
    font-size: 11px;
    margin-top: 2px;
}
.Submit {
    font-size:10px;
    background-color:#F3FEF7;
    color:#2366CD;
    font-size:10px;
    border:1px solid #999;
    padding:1px 3px;
    cursor:hand
}
#callus {
    text-align:left;
    margin-top: 15px;
}
#callus .phone{
    font:normal 11px verdana;
    padding: 7px;
}
#callus p{
    font:bold 12px verdana;
    color: #333333;
}
.brandselect {
    width:145px;
    font:11px normal arial;
    margin-left: 5px;
}
.smlinks {
    FONT-SIZE: 11px;
    COLOR: #CCCCCC;
    font-weight: bold;
}
.smlinks A:link {
    FONT-SIZE: 11px;
    COLOR: #CCCCCC;
    font-weight: normal;
}
.smlinks A:visited {
    FONT-SIZE: 11px;
    COLOR: #333333;
    font-weight: normal;
}
.smlinks A:hover {
    FONT-SIZE: 11px;
    COLOR: #666666;
    font-weight: normal;
}
#welcometext {
    padding:5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align:justify;
}
#welcometext .blurb{
    padding:15px 2px 2px 5px;
    width: 335px;
    float:left
}
#welcometext .welcomepic a{
    padding:15px 2px 20px 5px;
    width: 190px;float:left;width:350px;height:250px;
}
#welcometext .welcomepic a span{
    display:none;
}
#headers {
    padding:5px;
    font-size: 14px;
    font-weight: bold;
    background-color:#ffffff;
    color: #333333;
    margin-bottom:5px;
    text-align:left;
    padding-left: 3px;
    background-image: url(headers-bg.jpg);
    background-repeat: no-repeat;
    background-position: 0.45em 100%;
    font-family: Georgia, "Times New Roman", Times, serif;
    clear: left;
}
#addthis {
    text-align:center;
    margin:0px 0px 8px 0px;
}

.spelinks {
    FONT-SIZE: 11px;
    color: #FF0000;
    font-weight: normal;
}
.spelinks A {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;COLOR: #425A9A;
    text-decoration:underline;
}
.spelinks A:visited {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #425A9A;
    text-decoration:underline;
}
.spelinks A:hover {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #425A9A;
    text-decoration:none;
}
.retail {
    color:#000000;
}

#focus{
    margin:0 auto;
    display:block;
    font-size:90%;
    color:#333333;
    margin-bottom: 15px;
    clear: both;
    margin-top: 7px;
    border-bottom: 1px #dedede solid;
    height: 105px;
}
#focus .focusbox{
    border-right:1px #85AFEE solid;
    margin:2px;
    display:block;
    float:left;
    width:200px;
    background-repeat: no-repeat;
    height:100px;
    text-align: left;
    margin-bottom: 5px;
}
#focus .focusboxlast{
    border-right:0px #85AFEE solid;
    margin:2px;
    display:block;
    float:left;
    width:200px;
    background-repeat: no-repeat;
    height:115px;
    text-align: left;
    margin-bottom: 5px;
}


#focus .focusbox h1, #focus .focusboxlast h1{
    font:bold 12px georgia;
    padding:0px 2px;
    margin:0 auto;
}
#focus .focusimg, #focus .focusimg{
    width: 175px;padding:3px;margin:0 auto;


}
#focus .focusbox p, #focus .focusboxlast p{
    padding:0;
    color: #FFFFFF;
    margin: 2px;
}
#focus .focus1{
    border:1px #85AFEE solid;
    margin:2px;
    display:block;
    float:left;
    width:200px;
    background-image: url(focus1-bg.jpg);
    background-repeat: no-repeat;
    height:75px;
    text-align: left;
    margin-bottom: 5px;
}
#focus .focus2{
    border:1px #85AFEE solid;
    margin:2px;
    display:block;
    float:left;
    width:200px;
    background-image: url(focus2-bg.jpg);
    background-repeat: no-repeat;
    height:75px;
    text-align: left;
    margin-bottom: 5px;
}
#focus .focus3{
    border:1px #85AFEE solid;
    margin:2px;
    display:block;
    float:left;
    width:200px;
    background-repeat: no-repeat;
    height:75px;
    text-align: left;
    margin-bottom: 5px;
}
#focus .focus1 h1{
    font:bold 13px georgia;
    padding:0px;
    margin:5px 2px 0px 95px;
}
#focus .focus2 h1{
    font:bold 13px georgia;
    padding:0px;
    margin:5px 2px 0px 70px;
}
#focus .focus3 h1{
    font:bold 13px georgia;
    padding:0px;
    margin:5px 2px 0px 82px;
}
#focus .focus1 p{
    padding:0;
    color: #FFFFFF;
    margin: 0px 0px 0px 100px;
}
#focus .focus2 p{
    padding:0;
    color: #FFFFFF;
    margin: 0px 0px 0px 75px;
}
#focus .focus3 p{
    padding:0;
    color: #FFFFFF;
    margin: 0px 0px 0px 85px;
}

/*** PRODUCTS PREVIEW ***/
#contentsectionright {
    margin-right:0px;
    width: 123px;
    padding-top: 5px;
    text-align: center;
    border-left:1px solid #dedede;
    background-image: url(bestsellers000.gif);
    background-position: top center;
    font-size:11px;
}
.designpreview {
    float: left;
    margin: 0 auto;
    padding: 2px;
    border: 0px solid #c1c1c1;
    text-align: center;
    text-transform: none;
    width:116px;
    margin-bottom:3px;
}
.dimg {
    display: block;
    width: 115px;
    margin: 2px 0 0px 0;
    padding: 1px;
    border: 0px solid #c1c1c1;
}
.dimg img {
    margin: auto;
    padding: 0;
    border: 1px solid #dedede;
    bottom:0;
    margin:auto;
}
.designpreview h3 {
    width: 115px;
    margin: 2px 0 5px 0;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    font-size: 0.55em;
    font-weight: normal;
    color: #434343;
}
.designpreview h4 {
    width: 115px;
    margin: 0px;
    padding: 0;
    font-size: 12px;
}
.designpreview h4 a {
    font-weight: normal;
    font-size:11px;
}
.designpreview h4 a:hover, .designpreview h4 a:active {
    color: #666666;
    text-decoration: underline;
}
.designpreview ul {
    margin: 2px 0 2px 0;
    padding: 0;/*
    text-transform: lowercase;
    */
}
.designpreview ul li {
    display: inline;
    margin: 0;
    padding: 5px;
    list-style: none;
}
.designpreview ul li a {
    margin: 0;
    padding: 3px 9px;
    font-size: 0.8em;
    text-decoration: none;
}
.designpreview ul li a.view {
    margin: 0 3px 0 0;
    background-color: #85C329;
}
.designpreview ul li a.download {
    background-color: #939393;
}
.designpreview ul li a:link, .designpreview ul li a:visited {
    color: #fff;
}
.designpreview ul li a:hover, .designpreview ul li a:active {
    background-color: #FB9622;
}
.price {
    font-weight: normal;
}
.price-striked {
    font-weight: normal;
    text-decoration: line-through;
}
.sale-price {
    font-weight: bold;
    color:#ff0000;
}
.itemFormName {
    background-color: #D7DED0;
}
/*** END PRODUCTS PREVIEW ***/



/****************************/
/* Footer Styles  Universal */
/****************************/
#Footer {
    font-size:8pt;
    text-decoration: none;
    width:900px;
    margin: 0 auto;
    }
#Footer TD {
    padding:0px 0px 0px 0px;
    text-align:center;
    width:25%;
    }
#Footer TD.End {
    border-left: #94a124 solid 1px;
    padding:0px 5px 0px 5px;
    text-align:center;
    width:50%;
    }
#Footer TD.First {
    padding:0px 5px 0px 5px;
    border:none;
    text-align:center;
    }
#Footer TD .Title{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
    font-weight:bold;
    color: #333333;
    margin:5px 0px 0px 20px;
    text-decoration: none;
    text-align:left;
    }
#Footer TD .Title A{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
    font-weight:bold;
    }
#Footer TD UL {
    margin:0px 0px 0px 20px;
    padding:0px 0px 5px 0px;
    list-style-type:none;
    text-align: left;
    }
#Footer TD LI{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:7pt;
     }  
#Footer TD LI A{
    font-size:7pt;
     }  
#Footer TD IMG{
    margin:2px 0px 2px 0px;
    }
#FooterText {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:7pt;
    line-height:17px;
    text-align:center;
    }
    
    
#foot .copyright {
    margin: 0 auto;
    font:11px normal arial;
    color:#333333;
    padding: 0 auto;
    text-align: center;
    margin-top:15px;
}   
#foot h2{font:normal 11px verdana;margin:0 auto;color:#333333;padding:5px;}
#foot h2 a{text-decoration:none;color:#333333;}
#foot .rtmlwise, #foot .rtmlwise a, #foot .rtmlwise a:hover, #foot .rtmlwise a:visited {
    font:normal 10px arial;
    padding: 0 auto;
    text-align: center;
    margin-top: 3px;
    color: #666666;
    text-decoration:none;
    display: none;
}

.siteMapBorder{
border-bottom:1px #595959 solid;
border-left:1px #595959 solid;
border-right:1px #595959 solid;
border-top:1px #595959 solid;
padding-top:4px;
padding-bottom:4px;
padding-left:4px;
padding-right:4px;
}

.siteMap1 {color: #595959; font-family: verdana, arial, sans-serif;; font-size: 10px; font-weight:700; text-decoration:none; text-transform:uppercase;}
.siteMap1:link{color: #595959; font-family: verdana, arial, sans-serif; font-size: 10px; font-weight:700; text-decoration:none; text-transform:uppercase;}
.siteMap1:active{color: #595959; font-family: verdana, arial, sans-serif; font-size: 10px; font-weight:700; text-decoration:none; text-transform:uppercase;}
.siteMap1:visited {color: #595959; font-family: verdana, arial, sans-serif; font-size: 10px; font-weight:700; text-decoration:none; text-transform:uppercase;}
.siteMap1:hover {color: #CA6317; font-family: verdana, arial, sans-serif; font-size: 10px; text-decoration:none; text-transform:uppercase;}

.siteMap2 {color: #CA6317; font-family: verdana, arial, sans-serif;; font-size: 10px; font-weight:700; text-decoration:none;}
.siteMap2:link{color: #CA6317; font-family: verdana, arial, sans-serif; font-size: 10px; font-weight:700; text-decoration:none;}
.siteMap2:active{color: #CA6317; font-family: verdana, arial, sans-serif; font-size: 10px; font-weight:700; text-decoration:none;}
.siteMap2:visited {color: #CA6317; font-family: verdana, arial, sans-serif; font-size: 10px; font-weight:700; text-decoration:none;}
.siteMap2:hover {color: #595959; font-family: verdana, arial, sans-serif; font-size: 10px; text-decoration:none;}

.siteMap3 {margin-left:6px; color: #595959; font-family: verdana, arial, sans-serif;; font-size: 10px; font-weight:500; text-decoration:none;}
.siteMap3:link{margin-left:6px; color: #595959; font-family: verdana, arial, sans-serif; font-size: 10px; font-weight:500; text-decoration:none;}
.siteMap3:active{margin-left:6px; color: #595959; font-family: verdana, arial, sans-serif; font-size: 10px; font-weight:500; text-decoration:none;}
.siteMap3:visited {margin-left:6px; color: #595959; font-family: verdana, arial, sans-serif; font-size: 10px; font-weight:500; text-decoration:none;}
.siteMap3:hover {margin-left:6px; color: #CA6317; font-family: verdana, arial, sans-serif; font-size: 10px; text-decoration:none;}

.searchbutt {
  margin-left: 10px !important;
}