* { margin: 0; padding: 0; }
a { text-decoration: none; color: #000}
a:hover { text-decoration: underline }
body { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; background: #F7F7F7 url(/ecom/sbs/artwork/interface/bg0.jpg) repeat-x scroll 0 0 }
img { border: none }
input {border: 1px solid #C0C0C0; background-color: #FFF; font-size: 8pt }
select { font-size: 8pt; background-color: #DBDBDB; color: #000000 }
p { margin: 5px }

.whitePageContent { background-color: #FFF; float: left; width: 969px }
#pageBackground { background: url(/ecom/sbs/artwork/interface/bg1.jpg) no-repeat scroll 50% 0px transparent }
#pageContainer { width: 990px; margin-right: auto; margin-left: auto; }
#topNavPanel { background: url(/ecom/sbs/artwork/interface/menu_bg.jpg) no-repeat; height: 42px; width: 990px }
#pageHeaderLeft { float: left }
#pageHeaderRight { float: right }
.headerTopCenter { float: right; height:130px; width: 280px; position: relative; color: #000; color: #FFF; font-weight: bold }
.headerTopCenter a { color: #FFF }
.headerNav { clear: both; padding: 0px 0px 0px 15px; width: 990px }
.headerNav ul { margin: 0px; padding: 0px; list-style: none }
.headerNav li { float: left; margin-left: 8px; font-weight: bold; font-size: 12px;  padding: 0px }
.headerNav li.pad { padding-top: 15px }
.headerNav a { font-size: 13px; display: block; padding-left: 3px; padding-right: 3px; text-decoration: none; color: #FFF; font-weight: bolder; padding-bottom: 11px }
.headerNav a:hover { color: #D4642B }

.bannerPanelBrowse { margin:10px 0px 0px 10px;}
.bannerPanelProduct { margin:5px 0px;}
.bannerPanelBasket { padding:0px 0px 5px 10px;}

.topNavDivider { background: url(/ecom/sbs/artwork/interface/separator.gif) no-repeat; width: 2px; height: 42px }
.searchPanel { background: url(/ecom/sbs/artwork/interface/search-background.jpg) no-repeat; width: 980px; height: 30px; margin: 0px 5px 0px 5px }
.topSearchButton { margin-top: 5px; background: transparent }
.pageContent { clear: both; background-color: #FFF; width: 990px }
#pageFooter { min-height: 88px; height: auto !important; height: 90px; background-color: #FFF; padding: 5px; width: 980px; margin-left: auto; margin-right: auto }
.pageFooterBar { background: url(/ecom/sbs/artwork/interface/search-background.jpg) no-repeat; height: 30px }
.pageFooterDiv { margin-left: 10px; height: 61px; float: left }

.dropDownMenu {position:absolute; z-index:100; top:207px; display:none}
.dropDownMenu div {float:left; padding:5px 0px 10px 0px; background-color:#000;}
.dropDownMenu ul {margin: 0px 10px 0px 10px; list-style: none}
.dropDownMenu ul li {background-image: none; display: list-item; float: none; margin-left: 0px}
.dropDownMenu ul li a {color: #FFF; background-image: none; padding: 2px 10px 2px 10px; font-weight: normal}
.dropDownMenu ul li a:hover {color:#D4642B; text-decoration:none}
#navMenuShadow {position:absolute; z-index:99; top:217px; background-color:#000; width: 100px}

#featuredProductsHeader { background: url(/ecom/sbs/artwork/interface/featured-products-header.jpg) no-repeat; width: 210px; height: 30px; text-align: center; font-size: 13px; font-weight: bold }
#featuredCell { margin-top: 9px; margin-bottom: 9px }
.featuredTD { padding-bottom: 10px }
.ourPrice { color: #6E8638 }
.button { background: url(/ecom/sbs/artwork/interface/buttons/button_left.gif) repeat-x scroll 0 0 transparent; display: block; width: auto; height: 24px; overflow: visible; line-height: 24px; padding: 0px 10px 0px 11px; position: relative; float: right !important }
.plist { margin-right: 15px; color: #FFF }
.pCat { margin: 10px 10px; color: #FFF }
.button span { background: url(/ecom/sbs/artwork/interface/buttons/button_right.gif) no-repeat scroll 0 0 #FFF; height: 24px; line-height: 24px; position: absolute; top: 0px; right: -1px; width: 5px }
.button a { color: #FFF }

.basketSummaryBackground { position: relative; background: url(/ecom/sbs/artwork/interface/basket-summary-background.jpg) no-repeat 0 0 transparent; width: 261px; height: 70px; margin-top: 62px; margin-right: 4px }
.basketViewBasketButton { background: url(/ecom/sbs/artwork/interface/buttons/basket-summary-button.gif) no-repeat; width: 63px; height: 18px; color: #FFF; padding: 2px 8px 7px 7px; top: 16px; left: 180px; position: absolute }
.basketPlaceOrderButton { background: url(/ecom/sbs/artwork/interface/buttons/basket-summary-button.gif) no-repeat; width: 63px; height: 18px; color: #FFF; padding: 2px 8px 7px 7px; top: 45px; left: 180px; position: absolute }
.basketSummaryValues { position: absolute; top: 47px; left: 17px; font-size: 12px; color: #000 }

.subNavItem { background: url("/ecom/sbs/artwork/interface/left-hand-menu-background.jpg") no-repeat; color: #000; text-decoration: none; display: block; margin: 2px 0px 0px 0px; padding: 4px 0px 0px 3px; width: 143px; height: 24px }

.categoryList { background-color: #FFF; margin: 10px 0px 0px 0px; width: 783px; padding: 0px }
#categoryCell { color: #000; padding: 2px; margin-bottom: 10px; margin-left: 10px; width: 184px }
.categoryLink { text-align: center; padding-top: 4px; margin: 10px 0px 0px 0px; font-weight: bold; font-size: 7pt; background: url(/ecom/sbs/artwork/interface/buttons/orange-button.gif) no-repeat; width: 71px; height: 34px; margin-right: 10px; float: right }
.categoryLink a { color: #FFF; text-decoration: none }
.categoryLink a:hover { text-decoration: underline }

/* Browse Results Paging Nav */
.browseNavigation { margin: 10px 0px 0px 10px; width: 783px; padding: 0px; text-align: center; border: 1px solid #616161 }
.browseNavigation a { color: #FFF; text-decoration: none }
.browseNavigation a:hover { text-decoration: underline }
.statusNav { text-align: center; padding: 7px }
.statusNav img { vertical-align: middle }
.statusNav span a { margin-left: 5px; margin-right: 5px; text-decoration: underline; vertical-align: middle; text-align: center; color: #000000; font-weight: normal }
.nextNav { float: right; padding: 4px; width: 70px; text-align: right; margin-top: 3px }
.nextNav a { color: #000000 }
.nextNav img { vertical-align: middle; margin-left: 15px }
.previousNav { float: left; padding: 4px; width: 70px; margin-top: 2px }
.previousNav a { color: #000000 }
.previousNav img { vertical-align: middle; margin-right: 8px }
.pagingCurrentPage { color: #000; vertical-align: bottom }

/* Product Browsing */
.browseList { padding: 0px;	margin-bottom: 10px; float: left }
#browseCell {  color: #112758; padding: 2px; text-align: left; min-height: 195px; margin: 10px 0px 0px 10px; width: 184px }
.innerBrowseCell { padding: 0px 0px 0px 0px; background: url(/ecom/sbs/artwork/interface/productbrowse/browse-item-border-background.jpg) repeat-y; width: 184px }

/*Refinement Section*/
.searchRefinements {margin: 10px 0px 0px 10px; border: 2px solid #616161;}
.searchRefinements a {color: red}
.searchRefinements a:visited {color: red}
.refinementHeader {font-weight: bold; margin: 0px; background-color: #616161; padding: 4px; color: #FFF}
.removeRefinement {color: Red; font-size: 7pt}

/*Product Details*/
#productHeader { background-color: #616161; width: 948px }
#productHeader a { text-decoration: none; color: #FFF }
#breadCrumbs { background-color: #616161; color: #FFF; margin: 2px; padding: 1px 0px 0px 3px }
#breadCrumbs a {color: #FFF}
#productHeaderText { padding: 3px; background-color: #DBDBDB; color: #000 }
#productDetail { background-color: #FFFFFF; width: 740px; color: #000; padding: 0px; margin-left: 0px; margin-top: 10px }
#productImage { float: left; width: 200px; height: 230px; text-align: center }
.zoom { font-weight: bold; background: url("/ecom/amart/artwork/interface/magnifying-glass.gif") no-repeat -0px; padding-left: 20px }
#productTitle { background: url("/ecom/sbs/artwork/interface/productdetail/title-header.jpg") #616161 no-repeat; min-height: 25px; font-size: 11pt; padding: 6px 0px 0px 5px; width: 521px; margin: 0px 0px 7px 5px; color: #FFF; float: left }
#productInfo { float: left; vertical-align: top }
#productInfo #info { float: left }
#productInfo #brand { float: left; background-color: #FFFFFF; margin-top: 50px; margin-left: 45px; text-align: center }
.sizeDropdown { width: 150px; margin-top: 5px }
.price_saving {	color: Red }
.pricingDescription { float: left; color: #1576D7 }
.promoMessage { margin-bottom: 3px; font-weight: bold; margin-top: 7px }
.availabilityImage { vertical-align: middle; margin-right: 5px }
.addtobasketbutton { margin: 10px 0px 0px 0px; background: url(/ecom/sbs/artwork/interface/buttons/orange-button.gif) no-repeat }
.sizeChartImage { margin-right: 6px; margin-bottom: 25px }
#productDescription { text-align: justify; border: 1px solid #616161; margin-bottom: 10px; margin-top: 20px }


/*Featured / Recolated Products */
#recolatedProductsHeader { background: url(/ecom/sbs/artwork/interface/recolated-products.jpg) no-repeat; text-align: center; font-size: 13px; font-weight: bold; width: 191px; padding: 2px 0px 2px 0px }
#featuredCell { margin-top: 9px; margin-bottom: 9px }
#featuredCell a { color: #000; text-decoration: none }
#featuredCell a:visited { color: #000 }

/*Basket*/
#basketHeader { background-color: #616161; width: 948px; margin: 10px 10px 10px 10px }
.basketContents { margin-top: 7px; border: none; padding: 10px; color: #FFF }
.basketContentsFooter { margin-top: 5px; padding: 10px; background-color: #FFF }
.largeButton { text-align: center; padding-left: 7px; padding-right: 7px; padding-top: 2px; padding-bottom: 2px; padding-left: 22px; margin-left: 7px; margin-right: 7px; background-color: #FFF }
.emptyBasket { float: left; font-weight: normal }
.continueShopping { float: left; font-weight: normal }
.gotoCheckout { float: right; font-weight: normal }
.paypalCheckout { float: right; background-color: #FFF; width: 145px; height: 42px }
.basketContentsHeader { padding: 10px; background-color: #616161; color: #FFF }
.basketItem { padding: 10px; vertical-align: middle; color: #000; font-weight: normal }
.basketItem a { color: #000 }
.basketItemFooter { font-weight: bold; color: #000; padding: 10px; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0 }
.basketProductImage { border: 0px solid #C0C0C0 }
.basketItemProductLink { font-weight: bold }
.basketItemQtyLink { background-color: #FFF; margin-left: 5px; margin-right: 5px; vertical-align: middle }
.basketShippingPreview { padding: 10px; color: #000 }

/*Login*/
.infoPanel { border: 1px solid #616161; background-color: #FFF; padding: 0px; color: #000; margin-top: 7px }
.loginPanel { float: left }
.infoHeader { padding: 4px; background-color: #616161; color: #FFF; font-weight: bold; margin: 0px }
.loginButton {margin: 2px 10px 5px 0px}
.loginTextBox {margin-bottom: 7px}
.registerPanel { float: left }
.continueButton {background-image: url(../../sbs/artwork/interface/buttons/continue_account.gif); width: 99px; height: 29px; margin: 10px; border: none}
.loginLabel { width: 45%; padding-right: 20px; vertical-align: top }
#loginHeaderText { background-color: #DBDBDB; color: #000; padding: 5px }
.registerContinueButton { margin: 10px }
.completeSuccessText { padding: 5px }

/*Profile*/
.userProfileHeader { background-color: #616161; width: 725px; margin: 5px 10px 10px 5px }
.profileTable {width: 60%; height: 380px; text-align: right; color: #000}
.profileValueCell {text-align: left; padding-left: 20px}
.profileTextBox {width: 170px}
.continue {background-image: url(../../amart/artwork/interface/buttons/continue_account.gif); padding-top: 0px; padding-bottom: 0px; font-weight: normal}
.createUserButton { margin: 0px 10px 10px 0px }
.completeButton { margin: 0px 55px 10px 0px }
.orderHistoryItem { padding: 10px; color: #000 }
.historySectionHeader { font-size: 11pt; font-weight: normal; background-color: #DBDBDB; padding: 3px; color: #000 }
.orderHistoryDetails { color: #000 }

/*Help*/
#helpHeader {background-color: #616161; width: 730px}
#helpHeaderText {padding: 3px}
.helpMenuColumn {float: left}
.helpContent {float: left; padding: 5px; width: 740px}
.helpContent ul {margin-left: 5px; list-style: disc}
.helpContent ul li {margin-left: 25px}
.helpMenu ul li {background-color: #DBDBDB; list-style: none; text-decoration: none; display: block; margin: 2px 0px 0px 0px; padding: 2px 0px 2px 3px; width: 200px}
.helpMenu ul li a {color: #000; margin-left: 10px}
.helpMenu div {background-color: #616161; color: #FFF; padding: 3px; font-weight: bold; margin-top: 2px}


/*Corporate Section*/
#corporateHeader {background-color: #616161; width: 730px}
#corporateHeaderText {padding: 3px; background-color: #DBDBDB; color: #000}
.corporateMenu ul li {background-color: #DBDBDB; list-style: none; text-decoration: none; display: block; margin: 2px 0px 0px 0px; padding: 2px 0px 2px 3px; width: 200px}
.corporateMenu ul li a {color: #000; margin-left: 10px}
.corporateMenu div {background-color: #616161; color: #FFF; padding: 3px; font-weight: bold; margin-top: 2px}
.storeList {margin-top: 15px}
.storeLocatorRow {padding: 15px; color: #000}

/*Payment*/
.paymentColumnLeft { float: left; width: 605px; padding-right: 10px }
.paymentColumnRight { float: left; width: 330px }
.deliveryDetails { width: 100%; margin-left: 0px }
.paymentLabel { font-weight: bold; margin-bottom: 3px }
.paymentAddress { margin-left: 5px }
#deliveryMethod { margin-bottom: 5px; width: 250px }
.shippingRadio input { background-color: #FFF; border: 0px; vertical-align: super }
.shippingRadio label { vertical-align: super }
.shippingRadio img { margin-bottom: 4px }
.modalPopup { width: 270px; height: 200px }
.modalBackground { background-color: #C0C0C0; filter: alpha(opacity=70); /* Internet Explorer       */  -moz-opacity: 0.7;           /* Mozilla 1.6 and below   */   opacity: 0.7               /* newer Mozilla and CSS-3 */ }
.shippingCheckBox input { background-color: #FFF; border: 0px; margin-right: 2px }
.transitTime { padding-left: 21px }
.label { padding: 2px; margin-bottom: 5px }
.paymentMethod { margin-left: 75px }
.paymentOptionText { margin: 11px 7px 15px 7px; text-align: justify }
.clearBoth { clear: both }
.creditCardImage { margin: 15px 0px 15px 90px }
.paypalImage { margin: 15px 7px 15px 45px; text-align: center; vertical-align: middle; background-color: #FFF }
.left { float: left }
