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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {	margin: 0; padding: 0; border: 0; outline: 0; background-image: transparent; }

ol, ul { list-style: square; margin-left: 25px; }
a:link, a:visited, a:active { text-decoration: underline; color: black; }
a:hover { text-decoration: underline; }
a img { border: none; }
body { background-color: #000; font-family: Arial, Helvetica, sans-serif; line-height: 1.25; }

#container { background-color: #000; background-image: url(graphics/site_pictures/bkgrd-bluefade.jpg); background-repeat: repeat-y; width: 975px; height: auto; margin-right: auto; margin-left: auto; text-align: left; z-index: 1; }

.clear { clear: both; height: 0px; width: 0px; }

#globalHeader { position: relative; text-align: center; vertical-align: middle; width: 945px; height: 130px; overflow: none; color: #000; left: 15px; margin-top: 15px; z-index: 1; }
#globalHeader .links { text-align: right; bottom: 20px; position: absolute; height: 25px; width: 300px; right: 35px; font-size: 14px; font-weight: bold; }
#globalHeader .links a, #globalHeader .links a:link, #globalHeader .links a:visited, #globalHeader .links a:active { color: #000000; text-decoration: none; }
#globalHeader .links a:hover { color: #610a0a; text-decoration: underline; }

#mainnav { width: 180px; position: relative; left: 23px; padding-top: 5px; float: left; }
#mainnav input { float: left; height: 18px; width: 85px; margin-left: 4px; margin-bottom: 8px; }
#mainnav #go { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; height: 22px; width: 31px; padding: 0px; border: 0px; background-image: url(graphics/site_pictures/sm-GO-button.jpg); background-repeat: no-repeat; float: right; margin-right: 50px; }
#mainnav img { float: left; margin: 10px 0px 5px 0px; }
#mainnav .cat { background-image: url(graphics/site_pictures/nav-button.jpg); background-repeat: no-repeat; text-align: left; height: 22px; width: 133px; overflow: hidden; padding: 9px 0px 0px 7px; float: left; font-family: Arial, Helvetica, sans-serif; color: #336600; text-decoration: none; font-size: 12px; font-weight: normal; }
#mainnav a.cat, #mainnav a.cat:link, #mainnav a.cat:visited, #mainnav a.cat:hover, #mainnav a.cat:active { color: #FFF; text-decoration: none; }
#mainnav .cat1 { background-repeat: no-repeat; text-align: left; height: 22px; width: 165px; overflow: hidden; padding: 0px 0px 4px 15px; margin: 2px 0px -4px 0px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
#mainnav a.cat1, #mainnav a.cat1:link, #mainnav a.cat1:visited, #mainnav a.cat1:hover, #mainnav a.cat1:active { color: #FFF; text-decoration: none; background-image: url(graphics/site_pictures/arrow.gif); background-repeat: no-repeat; padding 0px 0px 0px 20px; }
#mainnav .cat2 { font-family: Verdana; color: #610a0a; text-decoration: none; font-size: 12px; }
#mainnav a.cat2, #mainnav a.cat2:link, #mainnav a.cat2:visited, #mainnav a.cat2:hover, #mainnav a.cat2:active { color: #610a0a; text-decoration: none; padding 0px 0px 0px 20px; }

#content { float: right; width: 740px; margin-right: 20px; position: relative; }
#content #banner { height: 150px; width: 740px; margin-bottom: 30px; margin-top: 8px; position: relative; }
#content #banner img { border: medium solid #610a0a; }
#content #specials { color: #000000; background-color: #FFFFFF; text-align: left; float: left; height: 250px; width: 525px; border: medium solid #610a0a; padding: 5px 5px 5px 5px; position: relative; }
#content #newproducts { color: #000000; background-color: #FFFFFF; text-align: left; float: left; height: 300px; width: 525px; border: medium solid #610a0a; padding: 5px 5px 5px 5px; position: relative; }
#content #sidebar { font-size: 14px; color: #000000; background-color: #FFFFFF; text-align: left; float: right; width: 175px; border: medium solid #610a0a; position: relative; }
#sidebar .title { font-size: 16px; color: #ffffff; background-color: #666666; text-align: center; font-weight: bold; width: 175px; padding: 0px; } 
#sidebar p { padding: 5px 5px 5px 5px; }
#specials #links { font-weight: bold; color: #FFFFFF; background-image: url(graphics/site_pictures/lg-menu-bar.jpg); background-repeat: no-repeat; text-align: left; height: 26px; width: 339px; position: relative; bottom: 15px; left: 15px; padding: 5px 0px 0px 5px; }
#newproducts #links { font-weight: bold; color: #FFFFFF; background-image: url(graphics/site_pictures/lg-menu-bar.jpg); background-repeat: no-repeat; text-align: left; height: 26px; width: 339px; position: relative; bottom: 15px; left: 15px; padding: 5px 0px 0px 5px; }

.feature { font-size: 12px; text-align: center; float: left; width: 125px; height: 220px; margin-bottom: 5px; margin-right: 5px; position: relative; }
.feature img { width: 100px; margin-left: 5px; display: block; }
.feature h2 { font-size: 14px; font-weight: bold; color: #610a0a; }
.feature .price { font-size: 16px; font-weight: bold; color: #610a0a; width: 125px; }

#title { font-size: 24px; text-align: left; color: #FFFFFF; background-color: #610a0a; padding: 10px 10px 10px 10px; margin: 0px; width: 710px; border: medium solid #610a0a; }
#area1 { float: left; color: #000000; background-color: #FFFFFF; text-align: left; width: 400px; height: 300px; border: medium solid #610a0a; margin: 20px 0px 40px 0px; }
#area2 { float: right; color: #000000; background-color: #FFFFFF; text-align: left; width: 300px; height: 300px; border: medium solid #610a0a; margin: 20px 0px 40px 0px; padding: 10px 10px 10px 10px; position: relative; }
#area3 { color: #000000; background-color: #FFFFFF; text-align: left; width: 710px; border: medium solid #610a0a; margin: 0px 0px 20px 0px; padding: 20px 10px 20px 10px; }
.altcolortext, .altcolortext a, .altcolortext a:link, .altcolortext a:visited, .altcolortext a:active, .altcolortext a:hover { color: #ffffff; }

#parentCategory { position: relative; }
#parentCategory h1 { font-size: 24px; text-align: left; color: #FFF; text-shadow: 2px 2px 1px black; background-color: #610a0a; padding: 10px 10px 10px 10px; margin: 0px; border: medium solid #610a0a; }
#parentCategory h3 { font-size: 16px; text-align: left; color: #610a0a; padding: 5px; margin-left: 10px; }
.breadcrumb { font-size: 12px; text-align: left; color: #FFF; padding: 5px; margin: 0px; }
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active { font-size: 12px; text-align: left; color: #FFF; padding: 5px; margin: 0px; text-decoration: underline; }
.breadcrumb a:hover { color: #610a0a; } 
#parentCategory .subcatpictures { float: left; width: 175px; height: 150px; margin-bottom: 5px; margin-right: 5px; position: relative; }
#parentCategory .subcatpictures p { position: absolute; left: 10px; bottom: 5px; color: #FFFFFF; font-size: 12px; text-align: left; padding: 5px; margin: 0px; }
#parentCategory .subcatpictures a, #parentCategory .subcatpictures a:link, #parentCategory .subcatpictures a:visited, #parentCategory .subcatpictures a:footer { color: #FFFFFF; text-decoration: none; font-weight: bold; }
.subcatpictures a, .subcatpictures a:link, .subcatpictures a:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; }
#parentCategory .subcatpictures a:hover { color: #610a0a; text-decoration: underline; }
#parentCategory .subcatpictures img { display: block; }

#category { position: relative; }
#category h1 { font-size: 24px; text-align: left; color: #FFFFFF; text-shadow: 2px 2px 5px black; background-color: #610a0a; padding: 10px 10px 10px 10px; margin: 0px; border: medium solid #610a0a; }
#category #sort { color: #000000; background-color: #FFFFFF; text-align: left; height: 50px; width: 740px; margin-top: 10px; border: medium solid #610a0a; position: relative; }
.right { float: right; }
.left { float: left; }

#category .item { font-size: 14px; color: #000000; background-color: #FFFFFF; text-align: left; height: 150px; width: 740px; margin-top: 10px; border: medium solid #610a0a; position: relative; }
.item img { float: left; width: 150px; background-color: #FFFFFF; }
.itemwrapper { float: right; position: relative; width: 560px; height: 150px; }
#category .details { float: left; position: relative; width: 380px; height: 150px; }
.item h2 { font-size: 18px; text-align: left; color: #610a0a; }
.item h2 a, .item h2 a:link, .item h2 a:visited, .item h2 a:active { color: #610a0a; text-decoration: none; }
.item h2 a:hover { color: #610a0a; text-decoration: underline; }
.item h3 { font-size: 12px; text-align: left; color: #610a0a; }
.item .more, .item .more a, .item .more a:link, .item .more a:visited, .item .more a:active, {font-size: 12px; font-weight: bold; text-align: left; color: #610a0a; text-transform: uppercase; text-decoration: none; position: absolute; bottom: 2px; }  
.item .more a:hover  { color: #610a0a; font-weight: bold; text-decoration: underline; }
.itemwrapper .price { float: right; width: 170px; bottom: 2px; }
.italic { font-style: italic; }
.tag { font-size: 17px; font-weight: bold; text-align: left; color: #610a0a; }
 
#product { position: relative; }
#product #details { color: #000000; background-color: #FFFFFF; text-align: left; width: 740px; height: 400px; border: medium solid #610a0a; margin: 25px 0px 0px 0px; position: relative; }
#details h1 { font-size: 20px; font-weight: bold; color: #FFFFFF; background-image: url(graphics/site_pictures/product-name-bar.jpg); background-repeat: no-repeat; text-align: left; height: 42px; width: 650px; position: absolute; top: -30px; left: 15px; padding: 12px 0px 0px 10px; z-index: 1; }
#details #picturewrapper { float: left; font-size: 10px; color: #000000; background-color: #FFFFFF; text-align: left; width: 310px; height: 380; margin: 15px 0px 0px 0px; padding: 0px 10px 10px 10px; position: relative; } 
#details #information { float: right; font-size: 16px; color: #000000; background-color: #FFFFFF; text-align: left; width: 380px; height: 355px; border: 2px solid #610a0a; margin: 15px 5px 5px 0px; padding: 10px 10px 10px 10px; position: relative; } 
.retail { text-decoration: line-through; }
#information .price { font-size: 20px; font-weight: bold; text-align: left; color: #610a0a; width: 350px; height: 20; } 
.inventory { color: #599f47; font-size: 16px; font-style: italic; }
.shipping { color: #599f47; font-size: 16px; font-weight: bold; font-style: italic; } 
#product #description { color: #000000; background-color: #FFFFFF; text-align: left; width: 740px; border: medium solid #610a0a; margin: 30px 0px 20px 0px; padding: 20px 10px 20px 10px; position: relative; }
#description #links { font-weight: bold; color: #FFFFFF; background-image: url(graphics/site_pictures/lg-menu-bar.jpg); background-repeat: no-repeat; text-align: left; height: 26px; width: 339px; position: absolute; top: -20px; left: 15px; padding: 5px 0px 0px 10px; z-index: 1; }
#product #related { color: #000000; background-color: #FFFFFF; text-align: left; width: 740px; border: medium solid #610a0a; }
#information #expert { font-size: 14px; color: #000000; background-image: url(graphics/site_pictures/expert_fade.jpg); background-color: #FFFFFF; text-align: center; width: 360px; height: 80; border: 2px solid #610a0a; margin: 15px 5px 5px 0px; padding: 5px 10px 5px 10px; bottom: 5px; position: relative; } 
#expert h3 { font-size: 20px; color: #610a0a; } 

#globalFooter { text-align: center; width: 100%; Height: 110px; margin-top: 10px; margin-bottom: 10px; position: relative; }
#globalFooter .links { font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold; overflow: hidden; margin: 0px; padding-top: 25px; }
#globalFooter .links a, #globalFooter .links a:link, #globalFooter .links a:visited, #globalFooter .links a:active { color:#FFFFFF; text-decoration:none; font-weight: bold; }
#globalFooter .links a:hover { color: #610a0a; text-decoration: underline; }
#globalFooter .notice { margin: 2px; font-size: 10px; color: #FFFFFF; }
#globalFooter .notice a, #globalFooter .notice a:link, #globalFooter .notice a:visited, #globalFooter .notice a:active { margin: 2px; font-size: 10px; color: #FFFFFF; text-decoration: none; }
#globalFooter .notice a:hover { color: #610a0a; text-decoration: underline; } 
#globalFooter .AuthorizeNetSeal { position: absolute; background-color: #FFF; border: medium solid #610a0a; padding: 5px; right: 30px; bottom: 0px; text-align: center; }