* {margin: 0px; padding: 0px; }
body { background-color: #e5e5e5; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
h1 {
	font-size: 18px;
}


.gbg {background: transparent url(../images/gradient_bg.jpg) repeat-y; width: 1024px; margin: auto;}
/*General*/
.left {float: left; }
.right {float: right; }
.clear {clear: both; }
a img {outline: none; border: none; }
a:hover {text-decoration: underline; }

/*Header Section*/
#headerDiv {background: transparent url(../images/header_bg.jpg) repeat-x; height: 105px; width: 980px; margin: auto;}
#headerDiv .logo {float: left; width: 445px; height: 105px; }
#headerDiv .loginArea {float: right; background: url(../images/login_bg.jpg) no-repeat top left; width: 400px; height: 105px; }

#headerDiv .loginArea .login {padding-top: 12px; }
#headerDiv .loginArea .login a {color: #0066cc; font-size: 18px; text-decoration: none; background: url(../images/blue_arrow.jpg) no-repeat right center;  }
#headerDiv .loginArea .login a.myLogin {padding: 0px 20px 0px 60px; }
#headerDiv .loginArea .login a.myShopping {padding: 0px 20px 0px 85px; }
#headerDiv .loginArea .login a:hover {text-decoration: underline; }

#headerDiv .loginArea .userInfo p {float: left; width: 190px; text-align: center;}
#headerDiv .loginArea .userInfo {margin-top: 40px; font-size: 12px; color: #333333;}
#headerDiv .loginArea .userInfo a,#headerDiv .loginArea .userInfo span.blue {color: #0066cc; text-decoration: none; }
#headerDiv .loginArea .userInfo a:hover {text-decoration: underline; }

/*Navigation Div*/
.liveChat {margin: 5px 5px 0 5px; }
#navigationDiv {background: url(../images/menu_bg.jpg) repeat-x; height: 36px; width: 980px; margin: auto; }
#navigationDiv ul.menu {list-style: none; padding-left: 20px; float: left; }
#navigationDiv ul.menu li {float: left; }
#navigationDiv ul.menu li.splitter {background: url(../images/menu_split.jpg) no-repeat; width: 2px; height: 36px; }
#navigationDiv ul.menu li a {display: block; line-height: 34px; padding: 0px 15px; color: #fff; text-decoration: none; font-size: 11px; }
#navigationDiv ul.menu li a:hover {background: url(../images/menuS_bg.jpg) repeat-x; height: 36px; }

#navigationDiv .searchArea {float: right; line-height: 34px; }
#navigationDiv .searchArea label, #navigationDiv .searchArea input {display: block; float: left; border: none; padding: 0px; padding: 0px 5px 0px 5px;}
#navigationDiv .searchArea label {color: #fff; margin-right: 5px; }
#navigationDiv .searchArea .searchTextBox {background-color: White; width: 137px; height: 18px; margin: 8px 5px 0 0; }
#navigationDiv .searchArea .searchBtn {background: url(../images/search_btn.jpg) no-repeat; width: 56px; height: 18px; margin: 8px 5px 0 0; }

/*Content*/
#content {background: #f4f4f4 url(../images/content_bg.jpg) repeat-x; width: 980px; margin: auto; }

#content .leftSide {float: left; width: 210px; padding-left: 15px; }

.leftSide .title {margin-top: 20px; color: #333; font-family: Verdana, Geneva, sans-serif; font-size: 18px; }
.leftSide .title span {color: #fe1010; }
#sideNavDiv ul {list-style: none; }
#sideNavDiv ul li {width: 90%; padding: 5px 0;}
#sideNavDiv ul li li{padding: 3px 0 3px 15px;}
#sideNavDiv ul li.b {border-bottom: 1px solid #d4d4d4; }
#sideNavDiv ul li a {display: block; color: #fe1010; font-size: 12px; text-decoration: none; background: url(../images/blue_arrow.jpg) no-repeat left center; padding-left: 20px; }
#sideNavDiv ul li li a, #sideNavDiv ul li li a.active {display: block; color: #333333; font-size: 12px; font-weight: bold; text-decoration: none; background: none; padding: 0px;}
#sideNavDiv ul li a.active {display: block; color: #0066CC; font-size: 12px; font-weight: bold; text-decoration: none; padding-left: 20px; }
#sideNavDiv ul li a.hasSubs {background: url(../images/blue_arrowd.jpg) no-repeat left center;}

#sideNavDiv ul li a:hover {text-decoration: underline; }

/*Best Seller*/
#bestSellerDiv .bestSeller {border-bottom: 1px solid #d4d4d4; padding: 14px 0; width: 90%; }
#bestSellerDiv .bestSeller a.bs {display: block; float: left; margin-right: 10px;}
#bestSellerDiv .bestSeller img {display: block; border: 1px solid #d4d4d4; padding: 1px; }
#bestSellerDiv .bestSeller p {float: left; color: #333333; width: 120px; font-size: 11px; }
#bestSellerDiv .bestSeller p a.price {color: #ff0000; font-weight: bold; text-decoration: none;}
#bestSellerDiv .bestSeller p a.price:hover {text-decoration: underline; }
#content a.viewMore {text-decoration: none; color: #0066cc; font-size: 12px; font-weight: bold; background: url(../images/blue_arrow.jpg) no-repeat left center; padding-left: 15px; margin: 5px 0; }
#content a.viewMore:hover {text-decoration: underline; }

#logoDiv {margin: 10px 0; text-align: center; }

/*Right Side*/
#content .rightSide {float: left; width: 740px;}
#content #textNavDiv {margin-top: 20px; color: #666; font-size: 12px; font-weight: bold;}
#content #textNavDiv a {text-decoration: none; color: #0066cc; margin: 5px 5px;}
#content #textNavDiv a:hover {text-decoration: underline; }
#content #textNavDiv a.first {background: url(../images/blue_arrow.jpg) no-repeat left center; padding-left: 15px; }
#content .featureOffer, #content .weekOffer {background: #fff url(../images/feature_bg.jpg) repeat-x; border: 2px solid #fff; padding: 10px; margin: 10px 0 15px;}
#content .featureOffer .offersBorder {border: 3px solid #cccccc; background-color: #fff; padding: 2px; }
#content .featureOffer .title {font-size: 18px; color: #333333; font-family: Verdana; margin-bottom: 5px; }
#content .featureOffer .title span {color: #0066cc; }
#content .featureOffer .offers {background-color: #cccccc; }
#content .featureOffer .ad {display: none; }
#content .featureOffer .ad img {display: block; }
/*#content .featureOffer .offers .l {float: left; margin-right: 7px; }
#content .featureOffer .offers .r {float: right; }*/
#content .featureOffer .offers .s {margin-left: 7px; }
#content .featureOffer .offers .imgCon {float: left; position: relative; }
#content .featureOffer .offers .imgCon div {cursor: default; display: none; position: absolute; color: #fff; background-color: #000; padding: 5px 0px 5px 3px; margin: 0px 3px 0px 0px; bottom: 0px; width: 100%;}
#content .featureOffer .offers .imgCon img {display: block; }

#content .weekOffer .title {font-size: 16px; color: #333333; font-family: Verdana; margin-bottom: 5px; float: left;}
#content .weekOffer .title span {color: #0066cc; }
#content .pager {float: right; margin-right: 5px; }
#content .pager a {outline: none; text-indent: -999em; display: block; float: left; width: 30px; height: 18px; background: url(../images/page_nav.jpg) no-repeat; margin-right: 5px; }
#content .pager a.next {background-position: -30px -18px; cursor: pointer; }
#content .pager a.nextDis {background-position: -30px 0px; cursor: default; }
#content .pager a.prev {background-position: 0px -18px; cursor: pointer; }
#content .pager a.prevDis {background-position: 0 0;  cursor: default;}

#content .slider {width: 710px; overflow: hidden; }
#content .weekOffer ul {list-style: none; width: 999em; }
#content .weekOffer ul li {float: left; margin-left: 10px; }
#content .weekOffer ul a {display: block; }
#content .weekOffer ul img {display: block; border: 2px solid #ccc; background-color: #fff; padding: 1px; }
#content .weekOffer ul .price {color: #ff0000; font-weight: bold;}
#content .weekOffer ul input {border: none; display: block; float: left; }
#content .weekOffer ul p {margin: 10px 0; width: 157px; }
#content .weekOffer ul input.addToCart {cursor: pointer; text-indent: -999em; display: block; float: left; background: url(../images/addcart_btn.jpg) no-repeat; width: 84px; height: 24px; }
#content .weekOffer ul a.viewBtn {text-indent: -999em; display: block; float: left; background: url(../images/viewmore_btn.jpg) no-repeat; width: 83px; height: 24px; }


/*Footer*/
#footerDiv {color: #fff; width: 980px; margin: auto;}
.footer {background: #0152ae url(../images/footer_bg.jpg) repeat-x; }
#footerDiv .section, #footerDiv .newsSection  {float: left; }
#footerDiv .section {padding-left: 50px; }
#footerDiv .newsSection {width: 250px; padding-left: 10px; }
#footerDiv .title {font-family: Tahoma; font-size: 18px; color: #fff; margin-top: 10px; }
#footerDiv div.newsletter {margin-top: 25px; }
#footerDiv div.newsletter input.newsletter {padding: 2px 5px 2px 5px; border: none; float: left; background-color: #fff; width: 203px; height:18px;}
#footerDiv div.newsletter input.newsletterBtn {border: none; float: left; background: url(../images/newsletter_btn.jpg) no-repeat; width: 26px; height: 22px; }
#footerDiv .section p {font-size: 11px; margin: 5px 0; width: 175px; padding: 5px 0; }
#footerDiv .newsSection p {font-size: 11px; margin: 5px 0; padding: 5px 0; }
#footerDiv p.b {border-bottom: 1px dotted #fff; }
#footerDiv p a {text-decoration: none; color: #fff; }
#footerDiv p a:hover {text-decoration: underline; }
#footerDiv .contactUs {background: url(../images/contactUs.jpg) no-repeat; width: 98px; height: 23px; margin: 15px 0 13px 0; }
#footerDiv .followUs {background: url(../images/followUs.jpg) no-repeat; width: 82px; height: 23px; margin: 15px 0 13px 0; }
#footerDiv .custHelp {background: url(../images/custHelp.jpg) no-repeat; width: 121px; height: 23px; margin: 15px 0 13px 0; }
#footerDiv .footerNote {background:url(../images/footerNote_bg.jpg) repeat-x; height: 43px; font-size: 11px; }
#footerDiv .footerNote div {float: left; margin-left: 10px; width: 400px;padding-top: 20px }
#footerDiv .footerNote a {display: block; float: right; margin-right: 15px; color: #fff; text-decoration: none;padding-top: 20px}
#footerDiv .footerNote a:hover {text-decoration: underline; }

/*Specific to All teams page*/
#content #teamBrowseDiv {background: #fff url(../images/feature_bg.jpg) repeat-x; border: 2px solid #fff; padding: 10px; margin: 10px 0 15px;}
#content #teamBrowseDiv h3 {color: #fd3131; font-size: 16px; margin: 5px 0; }
#content #teamBrowseDiv .team {float: left; margin: 5px 15px 5px 0; }
#content #teamBrowseDiv .team a {display: block;}
#content #teamBrowseDiv .team a.t {border: 3px solid #ececec; }
#content #teamBrowseDiv .team a.t:hover {border: 3px solid #066acd; }
#content #teamBrowseDiv .team img {display: block; border: 1px solid #d0d0d0; width: 154px; height: 127px; }
#content #teamBrowseDiv a.heading {color: #0066CC; font-size: 14px; margin: 5px 0; font-weight: normal; text-decoration: none;}
#content #teamBrowseDiv a.heading:hover {text-decoration: underline; }
#content #teamBrowseDiv .empty {font-size: 18px; height: 750px; margin: 10px 0px 0px 0px;}

/*Specific to Borwse Page*/
#content #teamBrowseDiv ul {list-style: none; }
#content #teamBrowseDiv ul.offers li {float: left; margin: 10px 10px 10px 0px; }
#content #teamBrowseDiv ul.offers a {display: block; }
#content #teamBrowseDiv ul.offers img {display: block; border: 2px solid #ccc; background-color: #fff; padding: 1px; }
#content #teamBrowseDiv ul.offers .price {color: #ff0000; font-weight: bold;}
#content #teamBrowseDiv ul.offers input {border: none; display: block; float: left; }
#content #teamBrowseDiv ul.offers p {margin: 10px 0; width: 157px; height: 50px; }
#content #teamBrowseDiv ul.offers input.addToCart {cursor: pointer; text-indent: -999em; display: block; float: left; background: url(../images/addcart_btn.jpg) no-repeat; width: 84px; height: 24px; }
#content #teamBrowseDiv ul.offers a.viewBtn {text-indent: -999em; display: block; float: left; background: url(../images/viewmore_btn.jpg) no-repeat; width: 83px; height: 24px; }
#content #teamBrowseDiv div.pageNavs {text-align: center; margin: 5px auto; width: 200px; }
#content #teamBrowseDiv div.pageNavs a {float: left; line-height: 20px; text-decoration: none; display: block; background: url(../images/pageNavs.jpg) no-repeat -40px 20px; width: 20px; height: 20px; color: #0000ff; }
#content #teamBrowseDiv div.pageNavs a.prevActive {background-position: -20px -20px; text-indent: -999em;}
#content #teamBrowseDiv div.pageNavs a.prevInactive {background-position: 0 0; text-indent: -999em; margin-right: 5px;}
#content #teamBrowseDiv div.pageNavs a.nextActive {background-position: -20px 0;  text-indent: -999em;}
#content #teamBrowseDiv div.pageNavs a.nextInactive {background-position: 0 -20px;  text-indent: -999em; margin-left: 5px;}
#content #teamBrowseDiv div.pageNavs a.active {background-position: -40px 0; font-weight: bold; color: #fff;}


/*Specific to Product Page*/
#content #productDiv , #content .otherOffer{background: #fff url(../images/feature_bg.jpg) repeat-x; border: 2px solid #fff; padding: 10px; margin: 10px 0 15px;}
#productDiv .leftC {float: left; margin-right: 10px; }
#productDiv .title{color: #fd3131; font-size: 16px; margin: 5px 0; font-weight: bold; }
#productDiv .product {border: 3px solid #ccc; padding: 2px; background-color: #fff; }
#productDiv .product a, #productDiv .product img {display: block; }
#productDiv  p.enlarge {text-align: center; margin: 4px 0; }
#productDiv p.enlarge a {color: #FE1010; font-size: 11px; text-decoration: none; }
#productDiv p.enlarge a:hover {text-decoration: underline; }
#productDiv div.hbg {width: 300px; background: url(../images/hbg.jpg) repeat-y; padding: 5px 0;}
#productDiv div.hbg h4 {color: #333333; font-size: 16px; font-weight: normal;}
#productDiv div.hbg h5 {color: #fd3131; font-size: 14px; font-weight: normal;}
#productDiv .productPrice {height: 80px; line-height: 80px; }
#productDiv .productPrice  .bigPrice {color: #fd3131; font-weight: bold; font-size: 32px; padding-right: 80px; }
#productDiv .productPrice .red {padding-left: 20px; color: #fd3131; }
#productDiv p.description {width: 300px; height: 227px; margin: 5px 0;}
#productDiv p.description .large {font-weight: bold; }
#productDiv .add {height: 145px; }
#productDiv .add p {float: left; }
#productDiv input {float: right; margin: 15px 15px 0 0; display: block; background: url(../images/addToCart_red.jpg) no-repeat; width: 128px; height: 35px; border: none; }
#productDiv .soldOut {float: right; margin: 15px 15px 0 0; width: 128px; height: 35px; font-weight: bold; font-size: 28px; color: #fd3131;}
#productDiv .thumbs { }
#productDiv .thumbs a, #productDiv .thumbs img {display: block; }
#productDiv .thumbs a {float: left; border: 1px solid #cccccc; padding: 1px; background-color: #fff; margin: 5px 10px 0 0; }
#content .otherOffer {font-size: 18px; color: #0066CC; font-weight: bold; }
#content .otherOffer a, #content .otherOffer img {display: block; }
#content .otherOffer a {border: 2px solid #cccccc; background-color: #fff; margin: 10px 5px 0 0; float: left; }
#content .otherOffer img {margin: 2px; }

/*Login Page*/
#Login {background: #fff url(../images/feature_bg.jpg) repeat-x; border: 2px solid #fff; height: 900px; padding: 10px; margin: 10px 0 15px;}
#Login h3 {color: #fd3131; font-size: 16px; margin: 5px 0 0 0; font-weight: bold; }
#Login .subHead {color: #333; font-size: 14px; margin: 0 0 5px 0; font-weight: bold;  }
#Login .existing {border: 1px solid #000; width: 290px; padding: 5px; float: left;} 
#Login .new {border: 1px solid #000; width: 290px; padding: 5px; } 
#Login .existing { margin: 20px 0 0 50px;}
#Login .new { margin: 20px 0 0 10px; }
#Login p.subHead1 {font-weight:bold; text-align: center; }
#Login p.center {text-align: center; margin: 6px 0; }
#Login label.in {display: block; float: left; text-align: right; width: 110px; margin-right: 5px; }
#Login input.in {display: block; float: left; }
#Login a {color: #0066CC; text-decoration: none; margin-left: 40px; }
#Login a:hover {text-decoration: underline; }
#Login .rA {text-align: right; }
#Login .new .rA input {margin-top: 10px; }
#Login a.continue {margin: 5px 0 0 10px; display: block; color: #0066CC; text-decoration: none; font-size: 16px; }
#Login a.continue:hover {text-decoration: underline; }

/*Cart Page*/
#cart {background: #fff url(../images/feature_bg.jpg) repeat-x; border: 2px solid #fff; height: 900px; padding: 10px; margin: 10px 0 15px;}
#cart h3 {color: #fd3131; font-size: 16px; margin: 5px 0 0 0; font-weight: bold; }
#cart .subHead {color: #333; font-size: 14px; margin: 0 0 5px 0; font-weight: bold;  }
#cart .subHead a.print {color: #0066CC; font-size: 12px; font-weight: normal; text-decoration: none; }
#cart .subHead a.print:hover {text-decoration: underline; }
#cart table.cartTable .header {background: url(../images/menuS_bg.jpg) repeat-x scroll 0 0; height: 35px; color: #fff; }
#cart table.cartTable tr {height: 25px; }
#cart table.cartTable .qty {width: 120px; }
#cart table.cartTable .detail {width: 300px; }
#cart table.cartTable .price {width: 150px; text-align: right; padding-right: 5px; }
#cart table.cartTable .total {width: 100px; text-align: right; padding-right: 5px;}
#cart table.cartTable th {text-align: left; padding: 5px; }
#cart table.cartTable .item a {display: block; margin-right: 5px; float: left; }
#cart table.cartTable .item p {float: left; margin-top: 15px; }
#cart table.cartTable .item {height: 100px; }
#cart table.cartTable .item td {border-bottom: 1px solid #cccccc; }
#cart table.cartTable .bold {font-weight: bold; }
#cart table.cartTable .rA {text-align: right; }
#cart table.cartTable .rAP {text-align: right; padding-right: 5px; }
#cart table.cartTable .lA {text-align: left; }
#cart table.cartTable input.checkout {margin: 20px 0 0 0; }
#cart input.mini {width: 30px; }
#cart fieldset.shipTo {width: 300px; float: left; }
#cart fieldset.billTo {width: 300px; float: right; margin-right: 20px; }
#cart fieldset legend {font-weight: bold; color: #333; }
#cart fieldset {margin: 20px 0; padding: 10px; }
#cart fieldset p {float: left; width: 200px; }
#cart fieldset input {float: right; }


/*Address Form Page*/
#checkoutForm {background: #fff url(../images/feature_bg.jpg) repeat-x; border: 2px solid #fff; height: 900px; padding: 10px; margin: 10px 0 15px;}
#checkoutForm h3 {color: #fd3131; font-size: 16px; margin: 5px 0 0 0; font-weight: bold; }
#checkoutForm .subHead {color: #333; font-size: 14px; margin: 0 0 5px 0; font-weight: bold;  }
#checkoutForm .shipping {float: left; margin: 30px 40px 0 0}
#checkoutForm .billing {float: left; margin: 30px 0 0 0; }
#checkoutForm .info p {margin: 5px 0; }
#checkoutForm .info label, #checkoutForm .info input {display: block; float: left; }
#checkoutForm .info label {width: 125px; text-align: left; margin-right: 5px; }
#checkoutForm .info .mini1 {width: 80px; }
#checkoutForm .info .mini2 {width: 30px; }
#checkoutForm .info span {float: left; display: block; margin: 0px 5px; }
#checkoutForm .info .bold {font-weight: bold; }


.watermark {color: #777;}