* {padding:0; margin:0; }
body { font: 10pt Arial,Verdana,Geneva,Helvetica,sans-serif; color:#000; margin:0 auto; background:#fff; width:970px; height:100%;}
a { color:#3a6ea5; text-decoration: none; }
a:hover { text-decoration: underline; }
div {position:relative;}
td {font: 10pt Arial,Verdana,Geneva,Helvetica,sans-serif;}
.clear {clear:both;}

body.home {background: #000; margin: 20px auto; text-align:center;}
body.main {background: #58561d; margin: 20px auto; text-align:center;}

#menu2 ul {}
#menu2 li {display:inline; padding: 0 10px; list-style: none;}
#menu2 li a {text-decoration: none; color: #8B785A; white-space: nowrap; font-size:8pt;}
#menu2 li a:hover {color: #fff;}

/*#home h1 {padding:0; overflow:hidden; height: 0px !important; height /**/:0px;}*/
/*#home #menu1 {padding:0; overflow:hidden; height: 0px !important; height /**/:0px;}*/
#home img {border:none;}

#home #menu1 {margin:0 auto; padding:0; width:800px;}
#home #menu1 li { padding: 0; margin:0; list-style: none; float:left; width:400px; height:272px; text-indent:-1000px;}
#home #menu1 li div { height:272px; width:400px; overflow:hidden; }
#home #menu1 li div#motor { background:url('img/home_motor.jpg') no-repeat; }
#home #menu1 li:hover div#motor { background:url('img/home_motor_2.jpg') no-repeat; }
#home #menu1 li div#outdoor { background:url('img/home_outdoor.jpg') no-repeat; }
#home #menu1 li:hover div#outdoor { background:url('img/home_outdoor_2.jpg') no-repeat;  }
#home #menu1 li div#pet { background:url('img/home_pet.jpg') no-repeat; }
#home #menu1 li:hover div#pet { background:url('img/home_pet_2.jpg') no-repeat;  }
#home #menu1 li div#safety { background:url('img/home_safety.jpg') no-repeat; }
#home #menu1 li:hover div#safety { background:url('img/home_safety_2.jpg') no-repeat; }
#home #menu1 li#galleryli { display:none; width:0; height:0; }

#main { border:4px #a29f90 solid; height:100%;}
#main #header { border:1px #a29f90 solid; margin:1px; background:#282919; padding:5px;}
#main #body { border:1px #a29f90 solid; padding:1px; margin:1px; height:100%;}
#main #header #cart {position:absolute; top:12px; right:12px; background:url('img/cart.gif') no-repeat; padding:32px 0 0 0; width:980px; overflow:hidden; width:52px; cursor:pointer; height: 0px !important; height /**/:32px;}
#main #header h1 {height:186px; width:980px; background-color:#000; color:#a2875c; text-align:left; padding: 6px 0 0 10px; font-variant: small-caps; font-size: 22pt; font-weight:bold;}

#main #body {background:#292919;}

#main #menu1 { height:51px; background:#282919; border:1px #a29f90 solid; margin:1px; }
#main #menu1 ul {margin:0 auto; padding:0; width:900px; }
#main #menu1 li { padding: 0; margin:0; list-style: none; float:left; height:51px; }
#main #menu1 li div { padding:51px 0 0 0; overflow:hidden; height: 0px !important; height /**/:51px;}
#main #menu1 li div#motor { background:url('img/menu_motor_1.gif') no-repeat; width:185px; }
#main #menu1 li:hover div#motor { background:url('img/menu_motor_2.gif') no-repeat; }
#main #menu1 li div#outdoor { background:url('img/menu_outdoor_1.gif') no-repeat; width:132px; }
#main #menu1 li:hover div#outdoor { background:url('img/menu_outdoor_2.gif') no-repeat;  }
#main #menu1 li div#pet { background:url('img/menu_pets_1.gif') no-repeat; width:132px; }
#main #menu1 li:hover div#pet { background:url('img/menu_pets_2.gif') no-repeat; }
#main #menu1 li div#safety { background:url('img/menu_safety_1.gif') no-repeat; width:295px; }
#main #menu1 li:hover div#safety { background:url('img/menu_safety_2.gif') no-repeat; }
#main #menu1 li div#gallery { background:url('img/menu_gallery_1.gif') no-repeat; width:132px; }
#main #menu1 li:hover div#gallery { background:url('img/menu_gallery_2.gif') no-repeat; }

#main #body .content a {font-weight:bold; color:blue;}
#main #gallery .galleryli {float:left; width:220px; height:200px; list-style:none; text-align:center;}
#main #gallery .galleryli p {text-align:center;}
#main #gallery .galleryli p a {color:#000; font-weight:normal;}
#main #gallery .galleryli img {border:1px solid black;}
#main #galleryitem {text-align:center; }
#main #galleryitem h3 {font-size: 20pt;}
#main #galleryitem img#pic {border:1px solid black;}
#main #galleryitem #content {text-align:left;}

#admin table {border-collapse:collapse;}
#admin th, td {padding: 5px 10px; border-bottom: 1px solid black; vertical-align:top;}
#admin td.nowrap {white-space: nowrap;}
#admin .tdthumb {height:50px; border: 1px solid black;}

#main #store img {border:none;}
#main #store h1 {font-size:14pt;}
#main #store h2 {font-size: 12pt;}
#main #store .clearBoth {clear:both; height:0;}
#main #store .content {font-size: 10pt;}
#main #store th, td {border:none;}
#main #store fieldset {padding: 5px; margin:5px;}
#main #store fieldset legend {font-weight:bold;}
#main #store fieldset label {float:left; width:130px; text-align:right; padding-right:5px;}
#main #store .checkboxLabel, #main #store .radioButtonLabel {float:none; display:inline; font-size: 8pt; padding:0 2px;}
#main #store address {padding: 5px;}
#main #store #gender-male {margin-left:130px;}
body#popupSearchHelp {width:400px; padding: 10px;}
body#infoShoppingCart {width:400px; padding: 10px;}
body#infoShoppingCart h1, body#infoShoppingCart h2, body#infoShoppingCart p {padding: 5px;}
body#popupShippingEstimator {width:400px; padding: 10px;}
body#popupShippingEstimator h1, body#popupShippingEstimator .cartTotalsDisplay {padding: 5px;}
 
#main #store #cartmenu { text-align:left; border:1px #a29f90 solid; margin:1px; background:#282919; padding:5px;}
#main #store #cartmenu li { display:inline; list-style:none; padding: 0 10px; }
#main #store #cartmenu li a { color:#999999; }
#main #store #cartmenu #navCatTabs {text-align:center;}
#main #store .messageStackWarning {background:red;}
#main #store .leftBoxHeading {background:#6c6d65; padding: 3px; margin-top:10px; color:#cacac8; font-size:10pt; width:100%;}
#main #store .rightBoxHeading {background:#6c6d65; padding: 3px; margin-top:10px; color:#cacac8; font-size:10pt; width:100%;}
#main #store .leftBoxHeading a {color:#cacac8; text-decoration:underline;}
#main #store .rightBoxHeading a {color:#cacac8; text-decoration:underline;}
#main #store .sideBoxContent {background:#9e9f9a; border:1px solid #6c6d65; padding: 2px; width:100%; font-size:8pt;}
#main #store .sideBoxContent a {color:#43443f; font-size:8pt; font-weight:bold; }
#main #store .sideBoxContent a:hover {text-decoration:none;}
#main #store .sideBoxContent li {list-style:none;}
#main #store .sideBoxContent li img {border:none;}
#main #store .centerBoxWrapper {background:#9e9f9a; border:1px solid #6c6d65; text-align:center; font-size:8pt; margin:10px 0; }
#main #store .centerBoxHeading {background:#6c6d65; padding: 3px; color:#cacac8; font-size:10pt;}
#main #store .centerBoxHeading a {color:#cacac8; text-decoration:underline; text-align:left;}
#main #store .centerBoxWrapper .centeredContent {text-align:center; width:100px; height:140px; float:left; margin:10px 5px;}
#main #store .centerBoxWrapper .centeredContent a {color:#43443f; font-size:8pt; text-decoration:underline; font-weight:bold;}
#main #store .centerBoxWrapper .centeredContent a img {border:2px solid #6c6d65; display:block; margin:0 auto; padding:0;}
#main #store #searchContent {text-align:center; width:100%;}
#main #store #bannerboxallContent {text-align:center;}
#main #store #shoppingcart .cartBoxTotal {text-align:right; font-weight:bold;}
#main #store #navBreadCrumb {font-size:8pt;}
#main #store #categoryIcon {font-weight:bold; text-align:right;}
#main #store .navNextPrevWrapper {text-align:right;}
#main #store .navNextPrevList {display:inline;}
#main #store .navNextPrevCounter {font-size:8pt; display:none;}
#main #store #productMainImage {float:right; text-align:center; margin:10px 0 10px 10px; z-index:10;}
#main #store #productMainImage img {border:2px solid #6c6d65;}
#main #store .messageStackCaution {color:red; font-weight:bold;}
#main #store .buttonRow {border:none; display:inline; padding: 0 5px;}
#main #store #review-text {width:450px;}
#main #store .centerColumn {padding-top:10px;}
#main #store .categoryListBoxContents {float:left; padding:5px 0;}
#main #store #advSearchDefault fieldset {font-size:8pt; text-align:right; margin:10px; padding:10px 10px;}
#main #store #advSearchDefault fieldset legend {font-weight:bold; font-size: 10pt;}
#main #store #advSearchDefault .centeredContent {text-align:center;}
#main #store #advSearchDefault .floatingBox {float:left; width:190px; text-align:center;}
#main #store #advSearchDefault SELECT {width:150px;}
#main #store .attribImg {font-size:7pt; float:left; height:60px; width:85px; text-align:center; margin:2px; padding:2px; cursor:pointer;}
#main #store .attribImgSelect {border:2px solid black; margin:0;}
#main #store .attribImg img {width:70px; height:30px;}
#main #store #cartAdd {text-align:right;}
#main #store #productDetailsListBox {float:left; width:300px; font-size:8pt;}
#main #store #productDetailsList li {list-style:none;}
#main #store #loginDefault SELECT#country {width:250px;}
#main #store p#countrytxt {font-size:8pt;}
#main #store #shoppingCartDefault th {border-bottom:2px solid black;}
#main #store #shoppingCartDefault tr.rowEven {background:#cacac8;}
#main #store #shoppingCartDefault tr.rowOdd {}
#main #store #shoppingCartDefault td {border-bottom:1px solid black;}
#main #store #shoppingCartDefault td.cartQuantity {width:1%;text-align:center;}
#main #store #shoppingCartDefault td.cartQuantity input {width:30px; text-align:right;}
#main #store #shoppingCartDefault td.cartQuantityUpdate {width:1%;text-align:center;}
#main #store #shoppingCartDefault td.cartQuantityUpdate input {height:20px; width:20px;}
#main #store #shoppingCartDefault td.cartProductDisplay #cartImage {float:left; height:40px; width:40px; margin-right:2px; float:left;}
#main #store #shoppingCartDefault td.cartProductDisplay .cartAttribsList li {list-style:none; font-size:8pt;}
#main #store #shoppingCartDefault td.cartRemoveItemDisplay {width:1%; text-align:center; white-space: nowrap;}
#main #store #shoppingCartDefault td.cartRemoveItemDisplay img {width:20px; height:20px;}
#main #store #shoppingCartDefault td.cartUnitDisplay {width:1%;white-space: nowrap;text-align:right;}
#main #store #shoppingCartDefault td.cartTotalDisplay {width:1%;white-space: nowrap;text-align:right;}
#main #store #shoppingCartDefault #cartSubTotal {text-align:right; font-weight:bold; padding-right:10px;}
#main #store #checkoutShipping #ChooseShipping .forward {float:left; width:80px;}
#main #store #checkoutPayment #checkoutOrderTotals {float:left; width:200px;}
#main #store #checkoutPayment #checkoutOrderTotals .totalBox {float:right; text-align:right; padding-right:5px; font-weight:bold;}
#main #store #checkoutPayment #checkoutOrderTotals .lineTitle {float:left;}
#main #store #checkoutPayment #checkoutDiscount {float:right; width:200px;}
#main #store #checkoutPayment #checkoutDiscount .inputLabel {width:110px;}
#main #store #checkoutPayment #checkoutPaymentBox {float:left; width:200px;}
#main #store #checkoutConfirmDefault .cartAttribsList li {font-size:8pt; list-style:none;}
#main #store #checkoutConfirmDefault .cartTotalDisplay {text-align:right; width:1%; white-space:nowrap;}
#main #store #checkoutConfirmDefault #orderTotals {text-align:right; padding-right:10px;}
#main #store #checkoutConfirmDefault #orderTotals .totalBox {float:right; font-weight:bold; width:60px;}
#main #store #checkoutConfirmDefault #orderTotals .lineTitle {float:right;}
#main #store #reviewsInfoDefault #reviewsInfoDefaultDate {font-size:8pt; text-align:right;}
#main #store #accountDefault th {font-size:8pt; padding:2px; border-bottom: 2px solid black;}
#main #store #accountDefault td {font-size:8pt; padding:2px; border-bottom: 1px solid black;}
#main #store #accountDefault td address {padding:0;}
#main #store #accountDefault td.orderDate {width:1%; white-space:nowrap;}
#main #store #accountDefault td.orderNumber {width:1%; white-space:nowrap;}
#main #store #accountDefault td.orderStatus {width:1%; white-space:nowrap;}
#main #store #accountDefault td.orderTotal {width:1%; white-space:nowrap; text-align:right;}
#main #store #accountDefault td.orderView {width:1%; white-space:nowrap;}
#main #store #accountDefault #accountLinksWrapper li {list-style:none;}
#main #store #accountDefault #accountLinksWrapper h2 {padding: 15px 0 5px 0;}
#main #store #accountHistInfo #orderDate {text-align:right;font-size:8pt; }
#main #store #accountHistInfo th {font-size:8pt; padding:2px; border-bottom: 2px solid black;}
#main #store #accountHistInfo td {font-size:8pt; padding:2px; border-bottom: 1px solid black;}
#main #store #accountHistInfo td.accountQuantityDisplay {width:1%; white-space:nowrap;}
#main #store #accountHistInfo td.accountProductDisplay li {list-style:none; font-size:7pt;}
#main #store #accountHistInfo td.accountTotalDisplay {width:1%; white-space:nowrap;text-align:right;}
#main #store #accountHistInfo #orderTotals {text-align:right; padding:0 10px 20px 0;}
#main #store #accountHistInfo #orderTotals .amount {float:right; font-weight:bold; width:60px;}
#main #store #accountHistInfo #orderTotals .lineTitle {float:right;}
#main #store #accountHistInfo h3 {margin-top:20px;}
#main #store .normalprice {text-decoration: line-through; font-size:8pt;}
#main #store .productSpecialPrice {font-weight:bold;}
td div {position:static;}
#main #store .centerBoxContentsAlsoPurch {float:left;}

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:950px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:12px; /* spacing under dialog */
 padding: 10px;

}

.dialog .contentbubble,
.dialog .t
{
 background:#eee url(img/dialog.gif) top right;
 _background-image:url(img/dialog.gif);
}

.dialog .b,
.dialog .b div {
 background:#eee url(img/dialog-bottom.gif) no-repeat top right;
 _background-image:url(img/dialog-bottom.gif);
}

.dialog .contentbubble {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:15px 12px 0px 0px;
 text-align:left;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 background-position:top left;
 _height:4000px; /* arbitrary long height, IE 6 */
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:absolute;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
 bottom:0; left:0;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}
