/* CSS Document */
body {margin:0; background: url(../extensive_images/bg_grad.gif) repeat-x #C7C6C6; font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #666 }
body a {color: #BF1D63; text-decoration:none}
body a:hover{color: #000; text-decoration:none}

p {margin: 0 0 12px 0}
select {font-size:12px;}
input {font-size:12px;}

.homepageH1 {color: #666; font-size:14px; margin:0 0 15px 0; font-weight:normal; font-style:italic; margin-top:150px;}
#leftColumn {float:left; width:307px; position:relative;}
#rightColumn {float:right; width:307px; position:relative;}

#containerHome {position:relative; width: 999px;; margin: 0 auto; background-color:#E8E8E8; border-left:1px solid #ABABAB; border-right:1px solid #ABABAB; border-bottom:1px solid #ABABAB; padding:235px 8px 8px 8px;}
#container {position:relative; width: 999px;; margin: 0 auto; background-color:#E8E8E8; border-left:1px solid #ABABAB; border-right:1px solid #ABABAB; border-bottom:1px solid #ABABAB; padding:141px 8px 8px 8px;}
#containerExtra {position:relative; width: 90%;; margin: 0 auto; background-color:#E8E8E8; border-left:1px solid #ABABAB; border-right:1px solid #ABABAB; border-bottom:1px solid #ABABAB; padding:141px 8px 8px 8px;}

#mainContent {position:relative; float:left; width:625px; margin-left:15px; padding-top:20px}
#container_inner {position:relative; width:977px; background-color:#FFFFFF; border-left:1px solid #B0B0B0; border-right:1px solid #B0B0B0; padding:8px}
#inner_bottom {position:relative; width:995px; height:10px; background-image:url(../extensive_images/inner_bottomImage.gif); overflow:hidden;}

#nav {position:absolute; top:90px;left:8px; width:995px; height: 30px; overflow:hidden; background:url(../extensive_images/nav_filler.gif) repeat-x}
#nav #homebutton {float:left; position:relative; width:72px; height: 24px; background:url(../extensive_images/nav_home.gif) no-repeat 0px 0px; text-indent: -1000px;}
#nav #homebutton:hover { background-position:0 -24px}
#nav #homebuttonDown {float:left; position:relative; width:72px; height: 24px; background:url(../extensive_images/nav_home.gif) no-repeat 0px -24px; text-indent: -1000px;}
#nav #aboutbutton {float:left; position:relative; width:91px; height: 24px; background:url(../extensive_images/nav_about.gif) no-repeat 0px 0px; text-indent: -1000px;}
#nav #aboutbutton:hover { background-position:0 -24px}
#nav #contactbutton {float:left; position:relative; width:101px; height: 24px; background:url(../extensive_images/nav_contact.gif) no-repeat 0px 0px; text-indent: -1000px;}
#nav #contactbutton:hover { background-position:0 -24px}
#nav #basketbutton {float:left; position:relative; width:76px; height: 24px; background:url(../extensive_images/nav_basket.gif) no-repeat 0px 0px; text-indent: -1000px;}
#nav #basketbutton:hover { background-position:0 -24px}
#nav #checkoutbutton {float:left; position:relative; width:93px; height: 24px; background:url(../extensive_images/nav_checkout.gif) no-repeat 0px 0px; text-indent: -1000px;}
#nav #checkoutbutton:hover { background-position:0 -24px}
#nav #searchForm {float:right; position:relative; display:inline; height: 21px; background: url(../extensive_images/nav_right.gif)  top right no-repeat; padding:2px 8px 0 0;}
#nav #searchField {display:inline; position:relative; height:13px; width:140px; top:1px; font-size:10px; border:1px solid #929090; color: #333333; padding:0; margin:0;}

#banner {position:absolute; width: 995px; height:77px; top:9px; left:9px; background:url(../extensive_images/banner.gif) no-repeat; overflow:hidden; text-indent:-1000px}
#cornertag {position:absolute; top:0px; right:0px; width:136px; height:132px; z-index:1; background:url(../extensive_images/cornertag.gif) no-repeat;}

.tooltip {position:absolute; display:none; z-index:1; width:130px; font-size:10px; color:#666; background:#fff; border:1px solid #666; padding:3px;}
.tooltip b {color:#000; font-size:11px; font-weight:bold}

#inner_topHome {position:absolute; top: 125px; left: 8px; width:995px; height:110px; background-image:url(../extensive_images/inner_topImageHome.gif); overflow:hidden; color:#666; font-size:14px}
#inner_top {position:absolute; top: 120px; left: 8px; width:995px; height:21px; background:url(../extensive_images/inner_topImage.gif) no-repeat bottom;}
#knowWhatYouWant {position:relative; float:left; width: 450px; height:60px; margin:25px 0 0 22px}
#inner_topHome h4 {font-weight:bold; font-size:18px; margin:0px;}
#needSomeHelp {position:relative; float:right; width: 450px; height:60px; margin:25px 22px 0 0; text-align:right;}

#topProducts {position:absolute; display:block; top:23px; left:0; width:589px; height:73px; background:url(../extensive_images/topProducts.gif) no-repeat; margin:0px; padding:8px 0 8px 36px}
#topProducts li {float:left; list-style:none; margin-right:8px}
#topProducts li a {display:block; width:76px; height:75px; overflow:hidden; text-indent:-1000px;}
#welcome {position:absolute; top:120px; left: 0; width:100%; height:52px; background: url(../extensive_images/welcome.gif) no-repeat; text-indent:-1000px;}

#footer {font-size:10px; color:#787575}
#footer a{font-size:10px; color:#787575; text-decoration:none}
#footer a:hover{font-size:10px; color:#333333; text-decoration:none}

ul.breadcrumb {font-size:12px; color:#787575; padding: 0 0 5px 8px; margin:0; font-size:11px; color:#787575;}
ul.breadcrumb li {float:left; list-style:none; margin:0 5px 0 5px;}
ul.breadcrumb a{font-size:11px; color:#787575; text-decoration:none; margin:0px;}
ul.breadcrumb a:hover{font-size:11px; color:#333333; text-decoration:none; margin:0px;}
ul.breadcrumb a.home {display:block; width:11px; height: 11px; background: url(../extensive_images/breadcrumb_home.gif) no-repeat; overflow:hidden; text-indent:-1000px}
ul.breadcrumb a.home:hover { background-position:0 -11px}
ul.breadcrumb .divide {display:block; width:9px; height: 7px; margin-top:4px; background:url(../extensive_images/breadcrumb_divide.gif) no-repeat;}

ul#deliveryTimer {position:absolute; top:0; left:0; width:613px; height:21px; margin:0; padding:1px 6px 1px 6px; background:url(../extensive_images/deliveryTimer.gif); border-bottom:#aaa}
ul#deliveryTimer li {float:left; list-style:none; margin:0 1px 0 1px;}
ul#deliveryTimer li.text {position:relative; top:4px; color:#666; font-size:11px}
ul#deliveryTimer li.freeDelivery {float:right; position:relative; width: 134px; height: 21px; top:0; overflow:hidden; text-indent:-1000px; background:url(../extensive_images/free_delivery.gif) no-repeat}
ul#deliveryTimer li.freeDelivery2 {float:right; position:relative; top:2px; color:#666; font-size:8px; line-height: 8px; margin: 0 3px 0 3px;}

.pagerLinks {font-size:12px; color:#787575; }
.pagerLinks a{font-size:12px; color:#787575; text-decoration:none }
.pagerLinks a:hover{font-size:12px; color:#787575; text-decoration:none; color:#000000}
.pager {font-size:12px; color:#787575; text-align:right}
.pager ul {padding: 0; margin:0; font-size:10px;}
.pager ul li {float:left; list-style:none; margin:0 1px 0 1px;}
.pager ul li b {padding:1px 3px 1px 3px; background-color:#787575; color:#FFF; text-decoration:none; font-style:normal; font-weight:normal; border:1px solid #787575;}
.pager ul li i {padding:1px 3px 1px 3px; background-color:#E8E8E8; color:#787575; text-decoration:none; font-style:normal; font-weight:normal; border:1px solid #787575;}
.pager ul li a {padding:1px 3px 1px 3px; background-color:#E8E8E8; color:#787575; text-decoration:none; border:1px solid #787575;}
.pager ul li a:hover {color:#FFF; background-color:#787575; text-decoration:none; border:1px solid #787575;}

#leftMenu {position:relative; float:left; width:160px; overflow:hidden}
#leftMenu .menuBox {position:relative; width:150px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#E7E7E7; font-size:12px; color:#5F5F5F; padding:4px}
#leftMenu .menuBox ul {margin: 0px; padding: 0px; font-size:12px; color:#5F5F5F;}
#leftMenu .menuBox ul li { list-style: none;}
#leftMenu .menuBox ul li a {display:block; background:url(../extensive_images/bulletGrey.gif) no-repeat left #E7E7E7; padding: 4px 4px 4px 15px; font-size:12px; color:#5F5F5F; text-decoration:none}
#leftMenu .menuBox ul li a:hover{color:#333; text-decoration:none; font-weight:normal}

#leftMenu .sectionMenu {position:relative; width:158px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#E7E7E7; font-size:12px; color:#5F5F5F}
#leftMenu .sectionMenu ul {margin: 0px; padding: 0px; font-size:12px; color:#5F5F5F;}
#leftMenu .sectionMenu ul li { list-style: none; border-top:1px solid #ccc}
#leftMenu .sectionMenu ul li a {display:block; background:url(../extensive_images/sectionBulletMain.gif) no-repeat left #E7E7E7; padding: 4px 4px 4px 19px; font-size:12px; color:#5F5F5F; text-decoration:none}
#leftMenu .sectionMenu ul li b a {color:#333; text-decoration:none; background:url(../extensive_images/sectionBulletMainOver.gif) no-repeat left #ccc; font-weight:normal}
#leftMenu .sectionMenu ul li a:hover{color:#333; text-decoration:none; background:url(../extensive_images/sectionBulletMainRoll.gif) no-repeat left #FFD200; font-weight:normal}
#leftMenu .sectionMenu ul ul{margin: 0px; padding: 0px; font-size:11px;}
#leftMenu .sectionMenu ul ul li{ list-style:none;}
#leftMenu .sectionMenu ul ul li a {display:block; background:url(../extensive_images/sectionBulletSub.gif) no-repeat left #fff; padding: 2px 2px 2px 30px; font-size:11px; color:#5F5F5F; text-decoration:none}
#leftMenu .sectionMenu ul ul b a{color:#333; text-decoration:none; background:url(../extensive_images/sectionBulletSubOver.gif) no-repeat left #ccc; font-weight:normal}
#leftMenu .sectionMenu ul ul li a:hover{color:#333; text-decoration:none; background:url(../extensive_images/sectionBulletSubRoll.gif) no-repeat left #FFD200; font-weight:normal}
#productsTop {width:160px; height:24px; background: url(../extensive_images/products.gif); overflow:hidden; text-indent:-1000px;}
#contract-Services {width:160px; height:24px; background: url(../extensive_images/contractservices.gif); overflow:hidden; text-indent:-1000px;}
#customerLoginTop {width:160px; height:24px; background:url(../extensive_images/customerLogin.gif); overflow:hidden; text-indent:-1000px;}
.menuBoxBottomLeft {width:160px; height:5px; background:url(../extensive_images/menuBoxBottomLeft.gif) no-repeat; padding-bottom:10px;}	
#cc {position:relative; width:161px; height:43px; background:url(../extensive_images/cc_logos.jpg) no-repeat; margin:10px 0 10px 0}

#rightMenu {position:relative; float:right; width:160px;font-size:12px; color:#5F5F5F}
#rightMenu .menuBox {position:relative; width:150px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#FFF6D8;padding:4px;}
#rightMenu .menuBox ul {margin: 0px; padding: 0px; font-size:12px; color:#5F5F5F;}
#rightMenu .menuBox ul li { list-style: none; background:url(../extensive_images/bulletYellow.gif) no-repeat left; padding:3px 0 3px 15px;}
#rightMenu a {margin: 0px; padding: 0px; font-size:12px; color:#5F5F5F; text-decoration:none}
#rightMenu a:hover{margin: 0px; padding: 0px; font-size:12px; color:#333; text-decoration:none}
#rightMenu .menuBoxAlt {width:150px; background:#FFD200; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; padding:4px 4px 0 4px;}	
#rightMenu .menuBoxAlt td { font-size:12px; color:#5F5F5F}
#rightMenu h4 { font-size:13px; font-weight:bold; margin: 5px 0 0 0;}
#helpTop {width:160px; height:24px; background:url(../extensive_images/helpCenter.gif); overflow:hidden; text-indent:-1000px;}
#topProductsTop {width:160px; height:24px; background:url(../extensive_images/topProductsSection.gif); overflow:hidden; text-indent:-1000px;}
#yourBasketTop {width:160px; height:24px; background:url(../extensive_images/yourBasket.gif); overflow:hidden; text-indent:-1000px;}
.menuBoxBottomRight {width:160px; height:5px; background:url(../extensive_images/menuBoxBottomRight.gif) no-repeat; padding-bottom:10px;}
.menuBoxBottomRightAlt {width:160px; height:5px; background:url(../extensive_images/menuBoxBottomRight2.gif) no-repeat; padding-bottom:10px;}
.menuBox .spaced {margin-top:5px}
#contractServices {display:block; position: relative; width:160px; height: 106px; overflow:hidden; background-image:url(../extensive_images/contractServices.gif); font-size:13px}
#contractServices_inner {display:block; padding:5px 8px 0 8px}

#qanda {position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#E7E7E7;padding:4px 10px 10px 10px}
#qanda ul.closed {display:none}
#qanda li { list-style: none;}
#qanda li a {display:block; background:url(../extensive_images/bulletGrey.gif) no-repeat left; padding: 4px 4px 4px 15px; font-size:12px; color:#333; text-decoration:none}
#qanda li a:hover{color:#333; text-decoration:none; font-weight:normal}


#qanda li a.selected {display:block; background:url(../extensive_images/bulletGrey.gif) no-repeat left; padding: 4px 4px 4px 15px; font-size:12px; color:#BF1D63; text-decoration:none}
#qanda li a.selected:hover{color:#333; text-decoration:none; font-weight:normal}

#qandAmap {margin-top:20px;}
#qandAmap a{color:#ccc; font-size: 10px;}
#qandAmap a:hover{color:#BF1D63; font-size: 10px;}
#qandAmap a.selected{color:#BF1D63; font-size: 10px; font-weight:bold}
#qandAmap ul.closed {display:none}



ul.sortOrder {position:relative; margin:5px 0 0 0 ; padding:0px; font-size:11px}
ul.sortOrder li {float:left; list-style:none; margin:0; border-left: 1px solid #ccc; padding: 0 10px 0 10px; color:#000}
ul.sortOrder li.start { border-left:0; color:#666; padding:0 10px 0 0}
ul.sortOrder li a {color:#666;}
ul.sortOrder li a:hover {color:#000;}

ul.productList {clear:both; position:relative; display:block; padding: 0; margin:0; border-top:1px solid #ccc;}
ul.productList li {position:relative; display:block; list-style:none; margin:0; height:102px; padding: 5px 0px 5px 108px; border-bottom:1px solid #ccc; font-size:12px}
ul.productList li .bottom {position:absolute; bottom:6px; left:108px;}
ul.productList li h2 {margin:0; font-size:15px; color: #BF1D63;}
ul.productList li .buttons {padding-top:3px;}

.thumbnailImages {position:absolute; left:0; top:5px; width:100px; height:100px; font-size: 8px; color:#aaa; text-align:center; background-color:#eee; border:1px solid #ccc; margin-right:8px}
.productImage {float:right; font-size: 10px; color:#aaa; text-align:center; background-color:#eee; border:1px solid #ccc; margin-left:10px}
#productOptions {position:relative; float:left; width:285px; height:142px; background:url(../extensive_images/info_box.gif) no-repeat; padding:10px 10px 0 10px}
#productQtys {position:relative; float:right; width:285px; height:142px; background:url(../extensive_images/qty_box.gif) no-repeat; padding:10px 10px 0 10px}

ul.sectionList {clear:both; position:relative; display:block; padding: 0; margin:0; border-top:1px solid #ccc;}
ul.sectionList li {position:relative; display:block; list-style:none; margin:0; padding: 5px 0px 5px 0px; border-bottom:1px solid #ccc; font-size:12px}
ul.sectionList li h2 {margin:0; font-size:15px; color: #BF1D63;}

#productOptionsContainer {position:relative; clear:both; padding:10px 0 20px 0;}

ul.productExtras {position:relative; height: 90px; margin:0px; padding:0px; font-size:12px; overflow:auto; margin-top:3px}
ul.productExtras li{list-style:none; background:url(../extensive_images/bulletGrey.gif) no-repeat left; padding:3px 0 3px 15px; color:#666;margin:0px}
ul.productExtras li a{color:#BF1D63; text-decoration:none}
ul.productExtras li a:hover{color:#000; text-decoration:none}

#coverageTable {border:1px solid #BF1D63; margin-top:5px; background:#CCC; width:100%; font-size:12px; color:#000;}
#coverageTable a {color:#BF1D63; text-decoration:none; font-weight:bold}
#coverageTable a:hover {color:#000; text-decoration:none} 
#coverageTable td {padding:5px;}

#calculatorDiv {position:relative; display:none; background-color:#E8E8E8; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:8px; margin-top:20px}
#calculatorInnerTable {position:relative; background-color:#666666; border:1px solid #333333; padding: 2px; width:100%; font-size:12px;}

.generalTable {font-size:12px;color:#5f5f5f; width:100%;} 
.generalTable th {color:#BF1D63; font-size:11px; border-bottom:1px solid #CCC; padding:3px 3px 1px 3px}
.generalTable td {color:#666; font-size:12px; background-color:#E8E8E8; padding:3px }
.generalTable .footer {color:#000; font-size:12px; background-color:#CCC; padding:3px}
.generalTable .top {border-top:1px solid #ccc;padding:3px}
.generalTable .bottom {border-bottom:1px solid #ccc; padding:3px}

.qtyDiscountTable {font-size:12px;color:#5f5f5f; border: 2px solid #bbb; border-collapse:collapse; background: #f8f8f8;}
.qtyDiscountTable th {color:#fff; font-size:11px; border:1px solid #bbb; padding: 1px 15px 1px 15px; background: #bbb}
.qtyDiscountTable td {color:#666; font-size:12px; border:1px solid #ddd; padding: 1px 15px 1px 15px}
.qtyDiscountTable td i{font-size:9px; font-style:normal; color:#666 }
.qtyDiscountTable td b{font-size:15px; font-style:normal; font-weight: bold; color:#BF1D63 }
.qtyDiscountTable td.rrp {color:#aaa; background: #fff}
.qtyDiscountTable td.rrp i{color:#aaa }
.qtyDiscountTable td.rrp b{color:#aaa }

a.close_coverage {position:absolute; top:3px; right:5px; color:#BF1D63; text-decoration:none; font-size:11px;  padding-right:14px;}
a.close_coverage .button {position:absolute; width:9px; height:9px; top:2px; right: 0px;background:url(../extensive_images/coverage_close_button.gif) no-repeat 0 -9px; overflow:hidden; display:block; border:none}
a.close_coverage:hover {color:#000;}
a.close_coverage:hover .button {background-position:0 0}

.button { background-color:#FFD200; border:1px solid #929090; font-size:11px; color: #000; cursor:pointer}
.button:hover{background-color:#fff; border:1px solid #929090; font-size:11px; color: #000; overflow:hidden;}
.button_sm {height:15px; background-color:#FFD200; border:1px solid #929090; font-size:8px; color: #5F5F5F; padding:0 5px 0 5px; overflow:hidden; font-weight:bold; cursor:pointer}
.button_sm:hover {height:15px; background-color:#fff; border:1px solid #929090; font-size:8px; color: #5F5F5F; padding:0 5px 0 5px; overflow:hidden; font-weight:bold}

.normalPrice {font-size:12px; color: #333; font-weight:bold}

.smallText {font-size:11px; color: #666;}
.smallText a{font-size:11px; color: #BF1D63; text-decoration:none}
.smallText a:hover{font-size:11px; color: #000; text-decoration:none}

.errorText {font-size:12px; color: #f00;}
.errorText a{font-size:12px; color: #f00; text-decoration:none}
.errorText a:hover{font-size:12px; color: #000; text-decoration:none}

.pageTitle {margin:0; height:auto; background:url(../extensive_images/page_title_bg.gif) no-repeat #DDD bottom; padding: 8px 0 8px 12px; font-size:25px; color: #BF1D63; font-weight:normal; margin-bottom:25px; border-top:1px solid #fff}
.pageSubTitle {margin:0 0 2px 0; font-size:16px; color: #666; font-weight:bold}
.extrasTitle {margin:0; height:auto; background-color:#DDD; padding: 8px 0 8px 12px; font-size:25px; color: #BF1D63; font-weight:normal; margin:0}
.affilTitle {margin:0; height:auto; padding: 20px 0 20px 0; font-size:25px; color: #BF1D63; font-weight:normal;}



.subTitle {font-size:14px; color: #BF1D63; margin:0px}
.subTitle a{font-size:14px; color: #BF1D63; text-decoration:none; margin:0px}
.subTitle a:hover{font-size:14px; color: #BF1D63; text-decoration:none; margin:0px}

h2 {margin:0 0 2px 0; font-size:18px; color: #BF1D63;}
h2.qandah2 {margin:0 0 0 0; font-size:12px; color: #000;}
h3 {margin:0 0 2px 0; font-size:15px; color: #666;}

.QandAtitle { background:url(../extensive_images/page_title_bg.gif) no-repeat #DDD bottom; margin:0 0 25px 0; padding: 8px 0 8px 12px; border-top:1px solid #fff  }
.QandAtitle h1 {font-size:25px; color: #BF1D63; font-weight:normal; margin:0; padding:0}
.QandAtitle h2 {font-size:12px; color: #BF1D63; font-weight:normal; margin:0; padding:0;}


.drop_shadow {position:relative; width:100%; height:4px; background:url(../extensive_images/dropShadow.gif) repeat-x; overflow:hidden; clear:both;}
.dropShadow_left {float:left; width:5px; height:4px; background:url(../extensive_images/dropShadow_left.gif) no-repeat;}
.dropShadow_right {float:right; width:5px; height:4px; background:url(../extensive_images/dropShadow_right.gif) no-repeat;}

.clear {clear:both;}

.footer_links {float:left; padding-top:3px}
.social_bookmarks {float:right; padding-right:5px}

.social_bookmarks ul {list-style:none; margin:0}
.social_bookmarks ul li {float:left; list-style:none; margin-left:5px;}
.social_bookmarks ul li.text {padding-top:3px}
.social_bookmarks ul li.delicious a {position:relative; display:block; width:18px; height:18px; overflow:hidden; text-indent:-1000px; background:url(../extensive_images/social_bookmarks/delicious.gif) 0 0}
.social_bookmarks ul li.delicious a:hover {background-position: 0 -18px;}
.social_bookmarks ul li.digg a {position:relative; display:block; width:20px; height:18px; overflow:hidden; text-indent:-1000px; background:url(../extensive_images/social_bookmarks/digg.gif) 0 0}
.social_bookmarks ul li.digg a:hover {background-position: 0 -18px;}
.social_bookmarks ul li.facebook a {position:relative; display:block; width:18px; height:18px; overflow:hidden; text-indent:-1000px; background:url(../extensive_images/social_bookmarks/facebook.gif) 0 0}
.social_bookmarks ul li.facebook a:hover {background-position: 0 -18px;}
.social_bookmarks ul li.reddit a {position:relative; display:block; width:21px; height:18px; overflow:hidden; text-indent:-1000px; background:url(../extensive_images/social_bookmarks/reddit.gif) 0 0}
.social_bookmarks ul li.reddit a:hover {background-position: 0 -18px;}
.social_bookmarks ul li.stumbledupon a {position:relative; display:block; width:18px; height:18px; overflow:hidden; text-indent:-1000px; background:url(../extensive_images/social_bookmarks/stumbled_upon.gif) 0 0}
.social_bookmarks ul li.stumbledupon a:hover {background-position: 0 -18px;}