/***** BASICS *****/ body {margin:10px auto;text-align:center;background:#fff url(../images/bg_body.jpg) repeat-x top center;font-family:Arial, verdana, sans-serif;font-size:12px;color:#4c4c4c;} h1 {font-size: 18px;margin:0px;background:transparent;color:#4c4c4c;border-bottom:1px solid #a7b6af;letter-spacing:-1px;} h2 {font-size: 18px;margin:0px;background:transparent;color:#4c4c4c;border-bottom:1px solid #a7b6af;letter-spacing:-1px;} /* IE */ * html #left h2, * html #right h2 {width:155px;font-size:18px;} * html .productgrid h2 {width:554px !important;} #middle .textcontent h2 {font-size: 14px;margin:0px;color:#4c4c4c;letter-spacing:-1px;border:none;} #middle .textcontent h1 {font-size: 18px;margin:0px;color:#4c4c4c;letter-spacing:-1px;border:none;} h3 {margin:0px;color:#f09;} h6 {font-size:16px;margin:0px;} h6 a:link, h6 a:visited {text-decoration:none;} h6 a:hover {color:#f09;} form {margin:0px;} .left {float:left;} .right {float:right;} .kill {clear: both; background-color: transparent;} #wrapper {text-align: left;margin: 0 auto;width: 940px;} .pageNote fieldset p {width:534px;} fieldset {width:534px;border:1px solid #f09;} legend {font-size:14px;font-weight:bold;color:#f09;} /***** STRUCTURE *****/ #header {text-align: left;margin:0px 0px 10px 0px;position:relative;} #header img {border:0px;} #panel {position:absolute;top:0px;right:0px;padding:10px;background:transparent url(../images/bg_dark_dots.gif);font-weight:bold;color:#fff;} #panel a:link, #panel a:visited {color:#f09;} #panel a:hover, #panel a:active {color:#fff;} /*** TOP NAVIGATION ***/ #nav {position:absolute;top:140px;right:0px;padding:10px 0px 10px 10px;background:transparent url(../images/bg_dark_dots.gif);margin:0px;list-style-type: none;display:inline;display:block;} #nav li {margin:0px 10px 0px 0px;padding:0px;list-style-type: none;display:inline;font-weight:bold;font-size:16px;text-transform:uppercase;} #nav a:link, #nav a:visited {color:#fff;text-decoration: none;} #nav a:hover, #nav a:active {color:#f09;} #main {text-align: left;margin: 0px;} /*** GALLERY ***/ .gallery {border:1px solid #a7b6af;margin:4px 4px 10px 4px;padding:12px 8px 8px 8px;background:#fff url(../images/bg_gradient.jpg) repeat-x top left;float:left;} /*** LEFT SIDE ***/ #left {float:left;margin-right:10px;width:180px;} .box {border:1px solid #a7b6af;margin:0px 0px 10px 0px;padding:12px 8px 8px 8px;width:162px !important;background:#fff url(../images/bg_gradient.jpg) repeat-x top left;float:left;} .box form, .box div a img {margin-top:10px;} .side {margin:0px 0px 10px 0px; padding:0px;list-style-type: none;} .side li {margin:0px; padding:0px;display:block;list-style-type: none;} .side li a:link, .side li a:visited {border-bottom:1px solid #a7b6af;padding:3px 7px;font-size:12px;text-decoration:none;color:#f09;font-weight:bold;display:block;} .side li a:hover {background:#f09;color:#fff;} .side li.arrow a:link, .side li.arrow a:visited {background:transparent url(../images/bg_arrow.gif) no-repeat center right;} .side li.arrow a:hover, .side li.arrow a:active {background:#f09 url(../images/bg_arrow.gif) no-repeat center right;} .side li.red a:link, .side li.red a:visited {color:#f00;} .side li.red a:hover, .side li.red a:active {background:#f00;color:#fff;} ul#menu, ul#menu ul {margin:0px 0px 10px 0px; padding:0px;list-style-type: none;} ul#menu a {border-bottom:1px solid #a7b6af;padding:3px 7px 3px 0px;font-size:12px;text-decoration:none;color:#f09;font-weight:bold;display:block;} ul#menu li { margin-top: 1px;} ul#menu li a .menu li a:visited {border-bottom:1px solid #a7b6af;padding:3px 7px;font-size:12px;text-decoration:none;color:#f09;font-weight:bold;display:block;} ul#menu li a:hover {color:#fff;background:#f09 url(../images/bg_arrow.gif) no-repeat center right;} ul#menu li.arrow a:hover, .menu li.arrow a:active {background:#f09 url(../images/bg_arrow.gif) no-repeat center right;} ul#menu li.arrow a:link, .menu li.arrow a:visited {background:transparent url(../images/bg_arrow.gif) no-repeat center right;} ul#menu li ul li a {border-bottom:1px solid #a7b6af;padding:3px 7px 3px 5px;font-size:11px;text-decoration:none;color:#f09;font-weight:bold;display:block; background: #F3F3F3;border-left: 5px #f3f3f3 solid;} ul#menu li ul li a:hover {background: #999999;color:#fff;border-left: 5px #f09 solid;} /*** MIDDLE COLUMN ***/ #middle, .pageNote {float:left;width:570px;} .pageNote p, .container h2 {width:550px;} .pageNote a:link, .pageNote a:visited {color:#f09;} .pageNote a:hover {color:#4c4c4c;} /*** HOMEPAGE CATS ***/ .catbox {float:left;margin:0px 10px 10px 0px;padding:5px;border:1px solid #a7b6af;width:168px;height:138px;font-size:14px;font-weight:bold;line-height:14px;} .marg {margin:0px 10px;} .catbox strong {text-transform:uppercase;} .catbox a:link, .catbox a:visited {color:#f09;font-size:12px;text-transform:none;line-height:18px;width:168px;height:138px;display:block;} .catbox a:hover, .catbox a:active {color:#4c4c4c;} .bgone {background:transparent url(../images/x1.jpg) no-repeat center center;} .bgtwo {background:transparent url(../images/x2.jpg) no-repeat center center;} .bgthree {background:transparent url(../images/x3.jpg) no-repeat center center;} .bgfour {background:transparent url(../images/x4.jpg) no-repeat center center;position:relative;} .bgfour strong {position:absolute;left:5px;top:70px;} .bgfive {background:transparent url(../images/x5.jpg) no-repeat center center;} .bgsix {background:transparent url(../images/x6.jpg) no-repeat center center;} .bgseven {background:transparent url(../images/x7.jpg) no-repeat center center;} .bgeight {background:transparent url(../images/x8.jpg) no-repeat center center;} .bgnine {background:transparent url(../images/x9.jpg) no-repeat center center;} .bgten {background:transparent url(../images/x10.jpg) no-repeat center center;} .bgeleven {background:transparent url(../images/x11.jpg) no-repeat center center;} .bgtwelve {background:transparent url(../images/x12.jpg) no-repeat center center;} /*** HOMEPAGE GRID ***/ .productgrid {float:left;width:570px;} .productgrid h2 {border-bottom:none;} #prodgrid {margin:0px;padding:0px;list-style-type:none;float:left;} #prodgrid li {margin:0px 10px 10px 0px; padding:10px;list-style-type:none;display:inline;float:left;border:1px solid #a7b6af;background:transparent url(../images/bg_light_dots.gif); height:150px;width:253px;} #prodgrid li div {width:253px;margin:0px;position:relative;float:left;} #prodgrid li div div a:link, #prodgrid li div div a:visited {color:#f09;font-size:14px;font-weight:bold;} #prodgrid li div div a:hover, #prodgrid li div div a:active {background:#f09;color:#fff;} #prodgrid li .imeg {width:100px;height:100px;position:absolute;top:0px;left:0px;background:#fefefe;z-index:2;} #prodgrid li div a em {text-align:center;} #prodgrid li span.left {clear:left;} #prodgrid .info {width:145px;position:absolute;top:0px;right:0px;z-index:1;} #prodgrid .old {color:red;text-decoration:line-through;font-weight:bold;} #prodgrid .current {font-size:14px;font-weight:bold;} #prodgrid .buy {width:115px;display:block;position:absolute;bottom:0px;right:0px;} #prodgrid .input {border:1px solid #4c4c4c;background:#fff;font-family:Arial, verdana, sans-serif;font-size:12px;float:right;width:48px;margin-bottom:5px;} /* IE */ * html #prodgrid .input {width:58px;} #prodgrid .sub {float:right;clear:right;background:#f09;color:#4c4c4c;padding:4px 10px;font-family:Arial, verdana, sans-serif;font-size:12px;border-left:1px solid #f8c;border-top:1px solid #f8c;border-right:1px solid #d35ba4;border-bottom:1px solid #d35ba4;cursor:pointer;} /*** HOMEPAGE TEXT ***/ .textcontent {float:left;width:560px;} .textcontent p {margin:0px 0px 16px 0px;} .textcontent h3 {margin:0px;font-size:14px;} .textcontent a:link, .textcontent a:visited {font-weight:bold;color:#f09;} .textcontent a:hover, .textcontent a:active {color:#4c4c4c;} /*** RIGHT SIDE ***/ #right {float:right;width:180px} #right img {margin-bottom:10px;} /* IE */ * html #right img {margin:0px -3px 7px 0px;} .input {border:1px solid #4c4c4c;background:#fff;font-family:Arial, verdana, sans-serif;font-size:12px;float:left;width:162px;margin-bottom:5px;} #right a {color: #FF009A;text-decoration: none;} /* IE */ * html .input {width:157px;} .sub {float:right;background:#f09;color:#4c4c4c;padding:4px 10px;font-family:Arial, verdana, sans-serif;font-size:12px;border-left:1px solid #f8c;border-top:1px solid #f8c;border-right:1px solid #d35ba4;border-bottom:1px solid #d35ba4;cursor:pointer;} .det {float:right;background: #CCCCCC ; color:#4c4c4c;padding:4px 10px;font-family:Arial, verdana, sans-serif;font-size:12px;border-left:1px solid #666666;border-top:1px solid #666666;border-right:1px solid #666666;border-bottom:1px solid #666666;cursor:pointer;} .sideproduct {margin:10px 0px; padding:0px 0px 10px 16px;border-bottom:1px solid #a7b6af;background:transparent url(../images/bg_light_dots.gif);text-align:center;} .sideproduct a:link, .sideproduct a:visited {color:#f09;font-size:14px;font-weight:bold;text-align:center;} .sideproduct a:hover, .sideproduct a:active {background:#f09;color:#fff;} .sideproduct a span {width:130px;height:130px;display:block;cursor:hand;background-repeat:no-repeat;background-position: center center;margin:0px 14px 10px 0px;} /***** FOOTER *****/ #footer { vertical-align:text-bottom;bottom:0px;text-align: left;margin:0px;background:transparent url(../images/bg_dark_dot.gif) repeat-x top left;padding:10px 0px 0px 0px;} #footmenu {background:transparent url(../images/bg_dark_dot.gif) repeat-x bottom left;padding:0px 0px 10px 0px;float:left;margin-bottom:10px;line-height:20px;} .boxes {border-left:1px solid #f09;padding-left:10px;float:left;width:179px;} .payment {border-left:1px solid #f09;padding-left:10px;float:right;width:169px;} #footer a:link, #footer a:visited {color:#f09;} #footer a:hover {color:#4c4c4c;} /***** CATEGORY PAGE *****/ .categorygrid {float:left;width:570px;} #catgrid {margin:0px;padding:0px;list-style-type:none;float:left;} #catgrid li {margin:0px 10px 10px 0px; padding:10px;list-style-type:none;display:inline;float:left;border:1px solid #a7b6af;background:transparent url(../images/bg_light_dots.gif);text-align:center;height:180px;width:158px;} /* IE */ * html #catgrid li {width:180px;height:200px;} #catgrid a:link, #catgrid a:visited {color:#f09;font-size:14px;font-weight:bold;text-align:center;} #catgrid a:hover, #catgrid a:active {background:#f09;color:#fff;} #catgrid a span {width:130px;height:130px;display:block;cursor:hand;background-color:red;background-repeat:no-repeat;background-position: center center;margin:0px 14px 10px 0px;} .pagination {border:1px solid #a7b6af;background:#fff;float:left;padding:10px;width:538px;margin:10px 0px;font-weight:bold;text-transform:uppercase;} .pagination a:link, .pagination a:visited {color:#f09;text-decoration:none;} .pagination a:hover, .pagination a:active {background:#f09;color:#fff;text-decoration:none;} /***** MAIN PRODUCT VIEW *****/ .mainproduct {float:left;width:538px;margin:0px 0px 10px 0px; padding:10px;border:1px solid #a7b6af;background:transparent url(../images/bg_light_dots.gif);} .mainproduct .left {width:300px;} .mainproduct .right {width:230px;} .mainproduct .old {color:red;text-decoration:line-through;font-weight:bold;} .mainproduct .current {font-size:14px;font-weight:bold;} .mainproduct .buy {width:115px;display:block;} .mainproduct .input {border:1px solid #4c4c4c;background:#fff;font-family:Arial, verdana, sans-serif;font-size:12px;float:right;width:48px;margin-bottom:5px;} /* IE */ * html .mainproduct .input {width:58px;} .mainproduct .sub {float:right;clear:right;background:#f09;color:#4c4c4c;padding:4px 10px;font-family:Arial, verdana, sans-serif;font-size:12px;border-left:1px solid #f8c;border-top:1px solid #f8c;border-right:1px solid #d35ba4;border-bottom:1px solid #d35ba4;cursor:pointer;} /***** Checkout *****/ #existingCustomer, #newCustomer {margin-top:10px;}