/*################################################################*/ /*################################################################*/ /*## COLORS ##*/ /*################################################################*/ /*################################################################*/ /*## BLACK: #000 ##*/ /*## DARK GREY: #555555 ##*/ /*## LIGHT GREY: #eee ##*/ /*## RED: #e92f07 ##*/ /*## ORANGE/YELLOW: #FCC62E ##*/ /*## PALE YELLOW: #FFDE3D ##*/ /*## PALE YELLOW 2: #fffccc ##*/ /*## BRIGHT YELLOW: #fff000 ##*/ /*## LIGHT PINK: #FFF8E9 ##*/ /*## GOLD: #BB8D09 ##*/ /*#################################################################*/ /*#################################################################*/ @media screen { /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{color:#000;background:#fff;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;} del,ins{text-decoration:none;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:baseline;} sub{vertical-align:baseline;} legend{color:#000;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select{*font-size:100%;} select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;} table{font-size:inherit;font:100%;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} body{text-align:center;font:12px/150% arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} strong {font-weight:bold;} td {vertical-align:top;} /******************************************************************************************/ /* global styles common to all pages [ AbleCommerce Theme ] */ /******************************************************************************************/ /* force a vertical scrollbar in firefox, prevents horizontal page shifting */ html {min-height:100%;margin-bottom:1px;} body {padding:0 10px 0 10px;font-family:Arial, Verdana, Helvetica, sans-serif;color:#000;background:#FFF;} h1 {font-size:16px;font-weight:bold;color:#000;margin:6px 0 6px 0;} /*background-image:url('images/bg.jpg');background-repeat:repeat-x;background-position:top left;background-color:#000;*/ h2 {font-size:13px;font-weight:bold;margin:4px 0 4px 0;} a {color:#555555;} a:hover {color:#E92F07;} ul {margin:2px 0 2px 20px;} input {vertical-align:middle;} select, input[type=text], input[type=password] {height:16px;border:1px solid #555555;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;padding:2px;} input[type=password] {width:180px;} input[type=text].username {width:180px;} select {height:22px;padding:0;} .pic {min-width:315px;background-image:url('../../../App_Themes/Black/postit-back.gif');background-repeat:repeat-x;background-position:top;min-height:120px;margin-top:8px;} .pic td {padding-top:13px;padding-bottom:10px;} .pic img {margin:0 2px 0 0;} .pib {background-color:#000;margin:0 3px 0 3px;} .postittext {margin:4px 3px 0 0;} #outerWrapper {height:100%;min-height:100%;width:960px;text-align:left;margin:auto;position:relative;} /* PAGE HEADER */ #bbcheaderbanner {background-color:#555555;background-image:url('../../../App_Themes/Black/page-banner.png');background-position:0 0;background-repeat:no-repeat;height:90px;width:960px;margin:0;padding:0;} #bbcheaderbanner a.myaccount {width:128px;height:28px;left:822px;top:47px;position:absolute;display:block;} #bbcheaderbanner a.home {width:350px;height:38px;left:8px;top:44px;position:absolute;display:block;} #bbcheadertabs {width:100%;margin-top:4px;font-size:14px;} #bbcheadertabs a {color:#FCC62E;text-decoration:none;padding:0 10px;} #bbcheadertabs div{float:left;margin:0;width:160px;text-align:center;background-color:#000;vertical-align:middle;padding:6px 0 6px 0;height:18px;} #headerlinks {text-align:right;} #headerlinks .home {float:left;} #headerbanner {background-color:#555555;background-image:url('images/builder-warehouse-banner.png');background-position:0 0;background-repeat:no-repeat;height:90px;width:960px;margin:0;padding:0;} #headerbanner a.myaccount {width:128px;height:28px;left:822px;top:47px;position:absolute;display:block;} #headerbanner a.mywishlist {width:138px;height:28px;left:678px;top:47px;position:absolute;display:block;} #headerbanner a.mybasket {width:150px;height:28px;left:516px;top:47px;position:absolute;display:block;} #headerbanner a.homeimage {width:285px;height:47px;top:37px;left:15px;position:absolute;display:block;border:solid 1px transparent;} #headerbanner a.homeimage:hover {border:solid 1px #FCC62E;} #headertabs {width:100%;margin-top:4px;font-size:14px;} #headertabs a {color:#FCC62E;text-decoration:none;padding:0 10px;} #headertabs div{float:left;margin:0;width:146px;text-align:center;background-color:#000;vertical-align:middle;padding:6px 0 6px 0;height:18px;} #headertabs .searchbar{text-align:right;width:220px;padding:4px 10px 0 0;height:26px;} #headertabs .searchbar input[type=text]{padding:2px;height:16px;} #headertabs .searchbar input[type=submit] {background:url('images/search-button.png') no-repeat;font-size:10px;text-transform:uppercase;color:#000;border:none;font-weight:bold;cursor:pointer;margin:0;width:56px;height:19px;text-align:center;} /*category tree*/ .catree {padding-right:2px;padding-left:2px;} .catree ul {margin:0;} .catree a{color:#fff;display:block;text-decoration:none;font-size:11px;padding:0;} .catree a:hover {background-image:url('images/arrow3.png');background-position:5px 5px;background-repeat:no-repeat;} .catree a.selected {background-color:#FCC62E;color:#000;} .catree a.root {padding:4px 0 4px 5px;font-size:12px;font-weight:bold;border-top:1px solid #000;border-bottom:1px solid #fff;background-image:url('images/arrow1.png');background-position:right;background-repeat:no-repeat;} .catree a.open {background-color:#000 !important;border-bottom:1px solid #000 !important;background-image:url('images/arrow2.png') !important;} .catree a.root:hover {background-color:#FCC62E !important;border-top:1px solid #FCC62E;color:#000;} /*.catree a.open:hover {background-color:#FCC62E;border-top:2px solid #000 !important;}*/ .catree a.l2 {padding-left:12px;} .catree a.l3 {padding-left:20px;} .catree a.l4 {padding-left:28px;} /* PAGE FOOTER */ .footer {color:#555555;text-align:right;left:0;bottom:0;background-image: url('../../../App_Themes/Black/chevron.png');background-repeat: repeat-x;background-position:top;padding-top:23px;clear:both;} .footer a{color:#555555} .footer a:hover {color:#e92f07;} .validationSummary ul {padding-left:0px;} /* link styling for links that are highlighted on a page */ a.highlight {font-weight:bold;color:#5872CB;padding-top:5px;padding-bottom:5px;margin-top:5px;text-decoration:none;} .l {text-align:left;} .r {text-align:right;} .c {text-align:center;} .h_rule {clear:both;} #mainPanel li {list-style-image:none;list-style-position:outside;list-style-type:square;} .welcometext{margin:4px 0 4px 0;} .welcometext img {float:right;margin-left:4px;} /*basket page*/ .basket {} table.basket-content {border:1px solid #000;} .basket-content {margin:6px 0 6px 0;} .basket-content tr.hrow {background-color:#000;}/*background-image:url('images/bg.jpg');background-repeat:repeat-x;background-position:top left;*/ .basket-content th {color:#FCC62E;font-weight:bold;text-align:center;line-height:18px;} .basket-content th.l {text-align:left;} .basket-content th.r {text-align:right;} .basket-content tr.altodd {border-bottom:1px solid #eee;} .basket-content td {vertical-align:middle;padding:4px;} .basket-content td.prodimg{text-align:center;padding:8px;} .basket-content tr.alteven {background-color:#f5f5f5;} /*category grid on homepage*/ .catgridholder {} .catgriditem {border:1px solid #BB8D09;float:left;margin:4px 4px 0 0;width:196px;height:110px;overflow:auto;font-size:11px;padding:4px;line-height:16px;position:relative;} .catgriditem h2 {padding:2px 0 4px 6px;margin:-4px -4px 4px -4px;background-color:#FCC62E;background-image:none;} .catgriditem h2 a {color:#000;text-decoration:none;font-size:12px;} .catgriditem .moreinfo {position:absolute;bottom:2px;left:2px;} .catgriditem .catimg {margin:8px 4px 0 0;float:right;} /*left hand search panel*/ .searchFilterPanel {color:#FCC62E;} .searchFilterHeader h2{} .showAll { color:#425BB2; font-weight: bold; text-align: right; width: auto; display: block; padding: 2px; } .showAll:hover { color:#001A72; } a.searchCriteria { text-decoration: none; display: block; margin: 3px 5px; text-indent: 0px; padding: 0 3px 0 10px; color:#FCC62E;} a.searchCriteria:hover { color:#575757; } h3.searchCriteria{color:#FCC62E;padding: 5px 0 2px 5px;margin: 5px 0 2px 5px;font-weight:bold;text-indent: 5px;font-size:12px;} .summarySection h3 { font-size:100%; } .searchSortHeader{height:29px;line-height:24px;padding: 0 5px 0 4px;margin:0px;background-color:#FFF8E9;} .searchSortHeader span{font-weight:bold;} /*email a friend*/ .tellafriend {border:1px solid #000;padding:4px;} .tellafriend h2 {color:#FCC62E;background-color:#000;margin:-4px -4px 2px -4px;padding:2px 0 4px 6px;} .tellafriend .content {} /*featuredproducts*/ .featuredproducts {font-size:10px;} .featuredproducts img{float:left;margin-right:6px;} /*main product page*/ .product h1 {margin:6px 0 6px 0;} .product .productimg {float:left;text-align:left;} .product .productinfo {float:left;padding-left:20px;} .product .buyproduct {} .product .proddescription {} .product .proddescription .head {margin-top:4px;} .product .proddescription .head h2{} .product .proddescription .body {} .product .proddescription .body .fields {margin-top:10px;} .imginf {font-size:10px;} .recentitems {font-size:10px;margin-top:4px;border:1px solid #000;margin:0;} .recentitems h2{background-color:#000;color:#FCC62E;padding:6px 6px 3px 6px;margin:0;} .recentitems ul {margin-left:4px;list-style-image:url('images/gold-star.gif');} .recentitems li {line-height:14px;border-bottom:1px solid #eee;list-style-position:outside;margin-left:14px;list-style-image:inherit;} .recentitemstableholder {background-color:#fff;} .recentitemstable td {padding:2px;line-height:16px;} .recentitemstable img {margin-right:4px;padding:6px 0 0 2px;} .recentitemstable tr{border-bottom:1px solid #eee;} .featuredproducts {font-size:10px;margin-top:4px;} .featuredproducts h2{background-color:#000;color:#FCC62E;padding:6px 6px 3px 6px;margin:0;} .featuredproductstableholder {border:1px solid #000;margin:0;background-color:#fff;} .featuredproductstable td {padding:2px;line-height:16px;} .featuredproductstable img {margin-right:4px;padding:6px 0 0 2px;} .featuredproductstable tr{border-bottom:1px solid #eee;} .featuredproductstable strong {color:#BB8D09;} .chatbox {margin-bottom:8px;width:160px;height:130px;} .banner {margin-top:4px;} .moreitems {float:left;text-align:center;margin:0 12px;width:130px;} .moreitems a {font-weight:bold;} .minibasket {font-size:10px;margin-bottom:4px;border:1px solid #FCC62E;} .minibasket h2{background-color:#FCC62E;color:#000;padding:6px 6px 3px 6px;margin:0;background-image:none;} table.minibaskettable {width:100%;} .minibaskettableholder {margin:0px;background-color:#fff;} .minibaskettable td {padding:2px;line-height:16px;} .minibaskettable td.qty{text-align:right;font-weight:bold;} .minibaskettable .basketDialogPrice {font-weight:bold;} .minibasket .viewbasket {text-align:right;padding-right:10px;} .minibasket .summary{text-align:right;padding-right:10px;} .minibasket .summary .discount {} .minibasket .summary .subtotal {} /*.minibaskettableholder .summary .checkoutbutton {text-align:center;}*/ .minidel {padding:6px 0 0 2px;} .prodnamelink{} /*BUTTONS*/ .imagebuttonholder {text-align:center;text-transform:uppercase;} .imagebuttonholder.inline{float:left;} .imagebutton {width:77px;height:28px;margin-left:auto;background-image:url('images/blank-button.png');margin-right:auto;line-height:28px;} .yellowimagebutton {width:100px;height:28px;margin-left:auto;background-image:url('images/yellow-button.png');margin-right:auto;line-height:28px;} .yellowimagebutton.right {margin-right:0;background-image:url('images/yellow-button.png');width:100px;} .yellowimagebutton a {font-weight:bold;font-size:12px;color:#000;text-decoration:none;padding:0 10px 0 10px;white-space:nowrap;} .yellowimagebutton a:hover {color:#555555;} .imagebutton.large {background-image:url('images/blank-button-154.png');width:154px;} .imagebutton.extralarge {background-image:url('images/blank-button-164.png');width:164px;} .imagebutton.right {margin-right:0;} .imagebutton.left {margin-left:0;} .imagebutton.leftextralarge {margin-left:0;background-image:url('images/blank-button-164.png');width:164px;} .imagebutton.leftlarge {margin-left:0;background-image:url('images/blank-button-154.png');width:154px;} .imagebutton.rightlarge {margin-right:0;background-image:url('images/blank-button-154.png');width:154px;} .imagebutton a {font-weight:bold;font-size:12px;color:#FCC62E;text-decoration:none;padding:0 10px 0 10px;white-space:nowrap;} .imagebutton a:hover {color:#FFDE3D;} #mainPanel .filters h3 {font-weight:bold;padding-left:2px;} #mainPanel .filters table{} #mainPanel .filters td {padding:2px 0 0 6px;} #mainPanel .filters td.nowrap {white-space:nowrap;} #mainPanel .filters {color:#000;background-color:#FFF8E9;font-size:10px;padding-bottom:6px;} #mainPanel .filters ul {display:inline;margin:0;padding:0;} #mainPanel .filters li {display:inline;padding-right:6px;} #mainPanel .AppliedFilterPanel {font-size:10px;padding:6px 0 6px 0;} #mainPanel .AppliedFilterPanel img {margin-right:6px;} #mainPanel .AppliedFilterPanel ul {display:inline;margin:0;padding:0;} #mainPanel .AppliedFilterPanel li {display:inline;padding-right:6px;}/* additional styling usually applied to content area when no footer is displayed */ #mainPanel .dialogSection .nofooter { border-bottom: solid 1px #636363; } .faq h2 {padding-left:12px;margin-top:12px;} .faq div {display:none;} .faq p {padding-left:16px;} .faq ul {padding-left:20px;} .wishlistgridholder {border:1px solid #000;} .wishlistgrid tr.altodd {border-bottom:1px solid #eee;} .wishlistgrid td.imagecell {vertical-align:middle;padding-right:10px;} .wishlistgridholder .wishlistcontrols td {padding-bottom:4px;} /*----------- USEFUL LINKS -----------*/ .nav-block{background-color:#F0F0F0;margin-bottom:3px;} .nav-block h2 {padding: 6px 6px 0 6px;font-weight:bold;margin-top:0;} .nav-block h2.x {padding:0;font-weight:bold;margin:0;} .nav-block ul {list-style-type:none;padding:6px;font-size:11px;margin:0;} .nav-block ol {padding:0 0 2px 22px;} .nav-block li {list-style-type:none !important;padding:3px;} .nav-block ol li {list-style-type:decimal !important;font-size:11px;padding-left:0;} .ProductGridView {width:100%;} .ProductGridView th{background-color:#FFF8E9;} .ProductGridView td{border-bottom:1px solid #CCC;padding:8px} .ProductGridView .price {text-align:right;white-space:nowrap;} .ProductGridView h3 {color:#ff00ff;font-weight:bold;font-size:13px;} .ProductGridView .prod {width:100%;font-size:10px} .checkout {} .checkout h1 {border-bottom:1px solid #000;padding-bottom:4px;} .checkout .opcFrame {margin:0 auto;width:800px;} .checkout .opcMainPanel{width:600px;padding-right:10px;} .checkout .opcMainPanel h2 {border:1px solid #555555;padding:0 2px;margin:0 0 12px 0;height:27px;line-height:27px;background-color:#fffccc;} /*.checkout .ordercontent h2{color:#FCC62E;}*/ .checkout .ordercontent .ordercontenttableholder {border:1px solid #000;} .checkout .ordercontent .ordercontenttableholder tr.hrow {background-color:#000;} /*background-image:url('images/bg.jpg');background-repeat:repeat-x;background-position:top left;*/ .checkout .ordercontent .ordercontenttableholder th {color:#FCC62E;font-weight:bold;padding:4px;white-space:nowrap;} .checkout .ordercontent .ordercontenttableholder tr {border-bottom:1px solid #eee;} .checkout .ordercontent .ordercontenttableholder td {padding:4px 8px 4px 8px;} .addressbook h1 {height:29px;line-height:29px;margin-bottom:9px;} .addressbook h2 {clear:both;} .addressbook .addressitem {height:170px;border:1px solid #555555;padding:8px;margin:2px 8px 6px 0;float:left;min-width:200px;background-color:#FFF8E9;} .addressbook .addressitem .addresstext {height:140px;} .recentorders {font-size:10px;margin-top:4px;border:1px solid #000;margin-bottom:4px;} .recentorders h2{background-color:#000;color:#FCC62E;padding:6px 6px 3px 6px;margin:0;} .recentorders a {padding:6px} .recentorders span {padding:6px} .register {margin:4px;width:600px;} .register td, th {padding:4px;vertical-align:top;} .register .rowHeader {color:#555555;font-weight:bold;text-align:right;white-space:nowrap;vertical-align:top;} .register input[type=text] {width:240px;} .login {width:600px;min-height:270px;} .login h2 {background-color:#000;color:#FCC62E;padding:6px 6px 3px 6px;margin:0;} .login table {margin:4px;} .login td {padding:4px;} .login .rowHeader {color:#555555;font-weight:bold;text-align:right;white-space:nowrap;} table.areas td {padding:1px 2px 1px 0;} table.areas input[type=checkbox]{margin-right:6px;} table.areas label {margin-right:10px;} /* container for the buy product form */ table.buyProductForm { } /* default style for cells within the buy product form */ table.buyProductForm td, table.buyProductForm th{padding:3px;} /* style for row header in buy product form */ table.buyProductForm .rowHeader{background-color: #FFF;color: #333;font-weight: bold;font-size: 12px;border-width: 0px;} .index-listing-item {padding:3px 0 3px 0;min-height:66px;} .index-listing-item img {float:left;margin:2px 8px 16px 6px;} .index-listing-body {margin-left:100px;} .disclaimer {border:1px solid #555555;background-color:#f3eeee;text-align:justify;padding:6px;margin: 6px 0 8px 0;} .validation-error{font-weight:bold;color:#ff0000 !important;} .info-panel-good {padding:8px 0 8px 38px;border:4px solid #43843A;color:#43843A; background-color: #FFFDC7; background-image: url('images/symbol-good.gif'); background-repeat: no-repeat; background-position:6px 50%; margin-bottom:6px; } .info-panel-bad {padding:8px 0 8px 38px;border:4px solid #DD0000;color:#DD0000; background-color: #FFFDC7; background-image: url('images/symbol-bad.gif'); background-repeat: no-repeat; background-position:6px 50%; } /*######################################################################################################################################################################################*/ /*######################################################################################################################################################################################*/ /*######################################################################################################################################################################################*/ /*######################################################################################################################################################################################*/ /*######################################################################################################################################################################################*/ /*######################################################################################################################################################################################*/ /*######################################################################################################################################################################################*/ /*######################################################################################################################################################################################*/ /*######################################################################################################################################################################################*/ /*######################################################################################################################################################################################*/ /* styling for subclassed textbox elements */ input.textBox { background-color:#FFF; border:1px solid #B2AF7D; width:190px; height:16px; margin:0 3px 0 15px; } /* style for buttons */ /* input.button, a.button { font-family: Arial, Helvetica, sans-serif; /*background-color: #5872CB;*/ background:#5872CB url(images/button_bg.gif) repeat-x center; font-size: 9px; text-transform: uppercase; color: #134FA3 !important; font-weight: bold; cursor:pointer; margin: 1px 0; text-align:center; text-decoration:none; vertical-align: middle; font-weight:900; border: 1px solid #7D90B1; white-space: nowrap; } a.button { padding: 4px 5px 4px 5px; display:-moz-inline-box; /* inline-block is not supported by firefox*/ display:inline-block; } input.button { height:21px; } input.button:hover, a.button:hover { font-family: Arial, Helvetica, sans-serif; /*background-color: #5872CB;*/ background:#5872CB url(images/button_bg_hover.gif) repeat-x center; font-size: 9px; text-transform: uppercase; color: #675D29 ; font-weight: bold; cursor:pointer; margin: 1px 0; text-align:center; text-decoration:none; vertical-align: middle; font-weight:900; border: 1px solid #C7B55C; } a.button:hover { padding: 4px 5px 4px 5px; display:-moz-inline-box; /* inline-block is not supported by firefox*/ display:inline-block; } input.button:hover { height:21px; } */ /* style for button hover state input.button:hover, a.button:hover { color: #FFF; text-decoration:none; }*/ /* style for a paragraph element to highlight */ p.highlight { font-weight:bold; color:#575757; padding-top:5px; margin-top:5px; text-decoration:none; } /* Text styles used to provide status information */ .goodCondition{font-weight: bold; color: #008000; padding-bottom: 3px;} .warnCondition{font-weight: bold; color: #FFA500; padding-bottom: 3px;} .errorCondition{font-weight: bold; color: #FF0000; padding-bottom: 3px;} /* style for element that acts as a spacer between other elements */ .spacer { clear:both; font-size: 1px; line-height: 1px; height: 1px; padding: 0; margin: 0; } /* container for the breadcrumbs trail */ .breadCrumbPanel {padding:0; } .CategoryBreadCrumbs{padding:0;} /* link in the breadcrumbs trail */ .breadCrumbLink{text-decoration: underline; text-indent: 0px; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0; border:1px solid #FF0000;} /* generic styling for a suggested retail price */ .msrp { text-decoration:line-through; } /* applied to ajax progress update */ #centeredProgress { width: 300px; height: 200px; position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -200px; z-index: 99; color: #FFF; border: 5px solid #C1C1C1; background: #FFF url(images/processing.gif) no-repeat 50%; } /* background style for the screen when an ajax progress update is displayed */ #ajaxProgressBg { border: 0px; padding: 0px; margin: 0px; width: 100%; position: absolute; background-color: #000; opacity: 0.3; filter: Alpha(opacity:30); z-index: 0; } /* style for the ajax progress indicator */ #ajaxProgress { border: 0px; padding: 0px; position: absolute; background-color: #FFF; background: #FFF url(images/processing.gif) no-repeat 50%; z-index: 1; left:50%; margin-left:-100px; width:200px; height:200px; border: solid 2px grey; } hr { width:100%; } h2.sectionHeader { background:#fffccc; padding: 0 2px; border:1px solid #555555; margin:0 0 12px 0; height:27px; line-height:27px; color:Black; } .welcomeImage { } .welcomeText { } /******************************************************************************************/ /* styles to support the page layout */ /******************************************************************************************/ /* container for the left sidebar content */ #leftSidebarPanel { width: 160px; margin: 0 4px 0 0; padding: 0 0 0 0; background-color: #000; } /* content section in the left sidebar */ #leftSidebarPanel .section { margin: 0px 0px 2px 0px; padding: 0 0 0 0; } /* header in left sidebar content section */ #leftSidebarPanel .section .header { height: 26px; margin: 0 0 0 0; padding: 0 0 0 0; } #leftSidebarPanel h2 {color:#fff;padding:6px 6px 3px 6px;color:#FCC62E;} /* caption in left sidebar content section header */ #leftSidebarPanel .section .header h2 { color: #FFF; text-indent:30px; line-height: 26px; padding: 0 0 0 0; margin: 0 0 0 0; } #leftSidebarPanel .section .content { padding:0px; } /*---------------------------------------*/ /*- styles for right sidebar -*/ /*---------------------------------------*/ /* container for the right sidebar content */ #rightSidebarPanel { width: 160px; margin: 0 0 0 0; padding: 0 0 0 0; } /* content section in the right sidebar */ #rightSidebarPanel .section { margin: 0px 0px 1px 0px; padding: 0 0 0 0; } /* header in right sidebar content section */ #rightSidebarPanel .section .header { height: 26px; margin: 0 0 0 0; padding: 0 0 0 0; background-color:#000; } /* caption in right sidebar content section header */ #rightSidebarPanel .section .header h2 { float:left; width: auto; color:#FCC62E; padding: 6px 6px 3px 6px; margin: 0 0 0 0; } /* link in right sidebar content section header */ #rightSidebarPanel .section .header a { float:right; text-decoration:underline; color:#000; padding:2px 3px 0 0; margin:2px 3px 0 0; } /* link (hover) in right sidebar content section header */ #rightSidebarPanel .section .header a:hover { float:right; text-decoration:underline; color:#984700; padding:2px 3px 0 0; margin:2px 3px 0 0; } /* content section in the left sidebar */ #rightSidebarPanel .section .content { padding:4px; } /* additional styling usually applied to content area when no footer is displayed */ #rightSidebarPanel .section .nofooter { /*border-bottom: solid 1px #636363;*/ } /* footer for firhg sidebar content section */ #rightSidebarPanel .section .footer { background:/* #DCDCDC */url(images/sectionFooterBackground.gif) repeat-x left top; height:24px; line-height:24px; margin:0px; color:#8C0901; margin-top:8px; padding: 0 2px; } .Cell { padding: 5px;} .onePageCheckoutCell { padding: 10px;} .expressCheckoutCell {padding:5px;} .ourDepartmentsCell{padding:5px; line-height:18px;} /*---------------------------------------*/ /*- styles for main content panel -*/ /*---------------------------------------*/ /* container for the main panel content */ #mainPanel { padding: 3px 4px 20px 5px; margin: 4px 4px 0px 4px; background-color: #FFF; } /* used to display a content section in the main panel */ #mainPanel .section { margin-bottom:5px; } /* header for content section in the main panel */ #mainPanel .section .header { /*padding: 0 2px;*/ } /* the header / caption of a content section */ #mainPanel .section .header h2 { margin:0px; height:25px; line-height:27px; font-size:12px; text-indent:7px; /*color:#FCC62E;*/ } #mainPanel .section .content .ProductItemView { border: solid 1px #b9b9b9;} #mainPanel .section .content .ProductItemViewOdd { border: solid 1px #b9b9b9;} h2.preference { background: url(images/section_header_bg.gif) repeat-x; height:29px; line-height:24px; padding: 0 5px 0 4px; margin:0px; color:#FFF; margin-left:4px; margin-right:4px; } /* the content area of the content section */ #mainPanel .section .content { padding:10px; } /*---------------------------------------*/ /*- end styles for content section -*/ /*---------------------------------------*/ /*---------------------------------------*/ /*- styles for dialog section -*/ /*---------------------------------------*/ /* used to display a dialog box in the main panel */ #mainPanel .dialogSection { background: #FFF; border-top:solid 1px #FFF; /*border-right: solid 1px #636363; border-left: solid 1px #636363;*/ } /* header for dialog box in the main panel */ #mainPanel .dialogSection .header { background: #9A9A9A; height:24px; line-height:24px; padding: 0px 4px; margin:0px; border:1px solid #636363; } /* the header / caption of a dialog box */ #mainPanel .dialogSection .header h2 { /*background-color:#9A9A9A;*/ color:#FFF; margin:0 0 0 0; /*font-weight:bold;*/ font-size:12px; float:left; line-height:27px; } /* link style within the header of a dialog box */ #mainPanel .dialogSection .header a { float:right; text-decoration:underline; color:#000; } /* link style within the header of a dialog box (hover) */ #mainPanel .dialogSection .header a:hover { float:right; text-decoration:underline; color:#8C0901; } /* the content area of the dialog box */ #mainPanel .dialogSection .content { padding:2px; border:1px solid #636363; margin-top:2px; min-height:180px; } #mainPanel .dialogSection .content table th.rowheader{background-color:White;} #mainPanel .dialogSection .content table td.txt{} /* footer for dialog box */ #mainPanel .dialogSection .footer { background: #DCDCDC url(images/sectionFooterBackground.gif) repeat-x left top; height:24px; line-height:24px; margin:0px; color:#8C0901; margin-top:8px; } /*---------------------------------------*/ /*- end styles for dialog section -*/ /*---------------------------------------*/ /* styling for validation summaries that appear in the main panel */ #mainPanel .validationSummary { margin-bottom:6px; } /* outer wrapper for the main page content */ #outerContentWrapper { text-align:center; width:960px; } /* inner wrapper for the main page content */ #innerContentWrapper { margin: 3px 0 0 0; text-align: left; float:left; width:100%; } /* container for the page content #contentLayout { border: 4px solid #FFF; }*/ /* additional style required when container is a table */ table#contentLayout { width:100%; } /******************************************************************************************/ /* end styles to support the page layout */ /******************************************************************************************/ .allButton { font-family: Arial, Helvetica, sans-serif; background: url(images/button_bg.gif) repeat-x; /*border: 1px solid #7D90B1;*/ font-size: 9px; text-transform: uppercase; color: #134FA3; border:none; padding: 0px 2px; font-weight: bold; cursor:pointer; margin:0px; position: absolute; /*top: 3px;*/ left: 172px; width:56px; height:19px; text-align:center; line-height:22px; } .allButton:hover { font-family: Arial, Helvetica, sans-serif; background: url(images/button_bg_hover.gif) repeat-x; /*border: 1px solid #7D90B1;*/ font-size: 9px; text-transform: uppercase; color: #867001; border:none; padding: 0px 2px; font-weight: bold; cursor:pointer; margin:0px; position: absolute; /*top: 3px;*/ left: 172px; width:56px; height:19px; text-align:center; line-height:22px; } /* styling for the navigation container */ #storeHeader .navigation { background-color: #FFFF00; border-top: 1px solid #2B2B5A; border-bottom: 1px solid #2B2B5A; width:100%; text-align:left; height:24px; } /* styling for the link container in the navigation bar */ #storeHeader .navigation .content { margin:0 auto; } /* styling for tab links in the navigation bar content */ #storeHeader .navigation a { /*background:url(images/blueDots.png) no-repeat 0 50%;*/ font-family: Arial, Verdana, Helvetica, sans-serif; /*display: block;*/ width: auto; padding: 9px 15px 8px 20px; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #2B2B5A; text-decoration: none; text-align: center; line-height:24px; /*border-right: 1px solid #7E6401;*/ } /* styling for tab links in the navigation bar content */ #storeHeader .navigation a:hover { /*background: #EEC706;*/ color: #FFF; } /******************************************************************************************/ /* end styles for the store header section */ /******************************************************************************************/ /******************************************************************************************/ /* styles for the store footer section */ /******************************************************************************************/ /* container for the store footer */ #footer { /*width: 99%;*/ /*border:3px solid #FFF;*/ height: 79px; background-color:#BDD9FE; color: #44589E; margin:0 auto; } /* paragraph within the store footer */ #footer p { padding: 30px 0 0 0; /*text-align: center;*/ color: #000; } /* link within paragraph in the store footer */ #footer p a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#44589E; text-decoration:none; font-weight:bold; padding: 0 5px; border-left: 1px solid #FFF; /*text-align:center;*/ } /* alter styling of first link within paragraph in the store footer */ #footer p a:first-child { border-left: none; } /******************************************************************************************/ /* end styles for the store footer section */ /******************************************************************************************/ /******************************************************************************************/ /* styles for the store navigation section */ /******************************************************************************************/ /* container for the store navigation links */ #storeNav { margin: 2px 1px; width: 198px; } /* default style for hyperlink in store navigation */ #storeNav a { background-color: #000; color:#000; font-weight:bold; text-decoration:none; display:block; padding: 8px 3px 8px 40px; border-bottom: 1px solid #FFF; } /* default style for hyperlink in store navigation (hover) */ #storeNav a:hover { background-color: #000; color:#F99034; font-weight:bold; text-decoration:underline; display:block; padding: 8px 3px 8px 40px; border-bottom: 1px solid #FFF; } /* additional style for basket link */ #storeNav a.basket { background: #000 url(images/storeNav_basket.jpg) no-repeat 5px 3px; } /* additional style for wishlist link */ #storeNav a.wishlist { background: #000 url(images/storeNav_wishlist.jpg) no-repeat 5px 3px; } /* additional style for account link */ #storeNav a.account { background: #000 url(images/storeNav_account.jpg) no-repeat 5px 3px; } /* additional style for login link */ #storeNav a.login { background: #000 url(images/storeNav_login.jpg) no-repeat 5px 3px; } /* additional style for logout link */ #storeNav a.logout { background: #000 url(images/storeNav_logout.gif) no-repeat 5px 3px; } /* additional style for admin link */ #storeNav a.admin { background: #000 url(images/storeNav_admin.gif) no-repeat 5px 3px; } /******************************************************************************************/ /* end styles for the store navigation section */ /******************************************************************************************/ /******************************************************************************************/ /* styles for the store search dialog */ /******************************************************************************************/ /* styling for the search dialog container */ #storeSearch { width: 530px; padding: 0; margin: 0 20px; display: block; } /* styling for the search keywords text box */ #storeSearch input.keywords { border:1px solid #EE8122; width:131px; height:15px; padding:2px 0 0 4px; } /* styling for the search button */ #storeSearch input.searchButton { margin:0; vertical-align: middle; } /* styling for the tagline in the search image */ #storeSearch .tagline { font-family:Arial; font-size:24px; color:#4A4A48; width:250px; margin-right:45px; } /******************************************************************************************/ /* end styles for the store search dialog */ /******************************************************************************************/ /******************************************************************************************/ /* styles for the page header */ /******************************************************************************************/ /* standard page header */ div.pageHeader { margin-bottom:9px; height: 29px; line-height:29px; } /* standard page header caption */ div.pageHeader H1 { color: #000; padding: 3px 3px; margin: 3px 3px; text-indent: 5px; font-size:14px; color:#FFF; font-weight:bold; line-height:29px; margin:0 0 4px 0; padding:0 0 5px 0; } /* standard page header content */ div.pageHeader div.content { padding:3px; } /******************************************************************************************/ /* end styles for the page header */ /******************************************************************************************/ /******************************************************************************************/ /* default styling for generic input forms */ /******************************************************************************************/ /* container for form */ table.inputForm { } /* default styles for cells in form*/ table.inputForm th, table.inputForm td {padding:2px;} /* styling for row headers in form */ table.inputForm .rowHeader { background: #FFF; color: #333333; padding: 6px; text-align:right; } /* style for links that appear within rowheader */ table.inputForm .rowHeader a { border:1px solid #650101; width:100%; color: #000; font-weight: normal; font-size: 10px; font-weight:bold; text-align:left; padding: 6px; } /* set style for other elements within rowheader */ table.inputForm .rowHeader * { font-weight: bold; font-size: 12px; } /******************************************************************************************/ /* end default styling for generic input forms */ /******************************************************************************************/ /******************************************************************************************/ /* styling for pager controls */ /******************************************************************************************/ /* style for paging container */* .paging {text-align:right;font-weight: bold;font-size: 9px;} /* span within the paging container - this is actually the active page index */ .paging span , .paging .current {padding:3px 5px;border:1px solid #000;margin:3px 0 3px 1px;background-color:#fffCCC; color:#000;} /* link within paging container */ .paging a {padding: 3px 5px;border:1px solid #000;margin:3px 0 3px 1px; background-color:#FCC62E;color:#000;text-decoration:none;} /* link(hover) within paging container */ .paging a:hover {background-color:#000;color:#FCC62E;border:1px solid #000;} .current a:hover{background-color:#fffCCC !important;color:#000 !important;border:1px solid #000 !important;} /******************************************************************************************/ /* end styling for pager controls */ /******************************************************************************************/ /******************************************************************************************/ /* styles for the simple category list (such as might show on the home page) */ /******************************************************************************************/ /* list container for categories */ ul.category { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; /*list-style-image: url(images/bullet1.gif);*/ } /* category list item */ ul.category li { /*background: url(images/bullet1.gif) no-repeat 3px 5px;*/ margin:0 0 0 0; padding:0 0 0 6px; border-bottom: 1px solid #80A1CF; background-color: #FCC62E; /*padding: 0 0 0 15px ; border-bottom: solid 1px #DCDCDC; color:#8C0901; background: url(images/bullet1.gif) no-repeat 0px 5px; background: url(images/bullet2.gif) no-repeat 0px 5px;*/ } /* link within the category list item */ ul.category li a { display: block; padding: 8px 0 8px 0; color: #003274; line-height:12px; } /* link within the category list item (hover) */ ul.category li a:hover {padding: 8px 0 8px 0; color:#6B6239; /* height:29px;*/} /******************************************************************************************/ /* end styles for the simple category list (such as might show on the home page) */ /******************************************************************************************/ /******************************************************************************************/ /* styles for the buy product form */ /******************************************************************************************/ .optionPicker td { border: outset 2px #999; } .optionPicker td.selected { border: inset 2px #999; } /******************************************************************************************/ /* end styles for the buy product form */ /******************************************************************************************/ /******************************************************************************************/ /* styles for the catalog nodes */ /******************************************************************************************/ /* wrapper for the catalog container */ .catalogWrapper { padding: 5px; } /* container for catalog display */ .catalog { padding: 0px; } /* node in the catalog display - used in flow layouts */ .catalog .flowNode { text-align:center; margin:0px; padding:5px; float:left; width:238px; height:180px; border:1px solid #C4C4C4; } /* node in the catalog display - used in table layouts */ .catalog .tableNode { padding: 12px;} .catalog .tableNode div { margin-top:10px;} .catalog .tableNode img { margin-top:6px;} /* thumbnail image within the catalog display */ .catalog .thumbnail { display: block; width: auto; margin: 0 auto 5px; color:#01076C; } /* thumbnail image within the catalog display */ .catalog .cartLink { vertical-align:bottom; margin-top:10px; margin-bottom:20px; } /* style for item separator */ .catalog .separator { } /******************************************************************************************/ /* end styles for the catalog nodes */ /******************************************************************************************/ /******************************************************************************************/ /* styles for featured products grid */ /******************************************************************************************/ /* container for the products grid */ table.productsGrid { } .featuredProductContainer { padding-bottom: 40px; } /* cell that contains the product thumbnail */ td.thumbnail { padding:2px; /* border:solid 1px #C4C4C4; */ text-align:center; } /* cell that displays the product details */ td.details { padding-left:5px; } /* style for separators in the grid */ /*.rowSeparator{padding-bottom: 3px; padding-top: 3px; background: url(images/h_dot1.gif) repeat-x left bottom;} .itemSeparator{background: url(images/v_dot.gif) repeat-y left top; padding-right:5px;}*/ /******************************************************************************************/ /* end styles for featured products grid */ /******************************************************************************************/ /******************************************************************************************/ /* styles for product display pages */ /******************************************************************************************/ /* container for the product header */ div.productHeader { margin: 0 0 9px 0; padding: 0 0 0 0; background: #546FC8 url(images/section_header_bg1.gif) repeat-x 0px 0px; } /* product page header caption */ div.pageHeader H1 { color: #000; padding: 0 0 0 0; margin: 0 0 0 0; } /* container for content associated with product tab */ div.productTabDetail { min-height:200px; border:1px solid black; padding:4px; } /* header within content associated with product tab */ div.productTabDetail H2 { background:#FFF; border:solid 1px black; padding:4px; margin:2px 0px 4px 0px; } /******************************************************************************************/ /* end styles for product display pages */ /******************************************************************************************/ /******************************************************************************************/ /* end styles for search page */ /******************************************************************************************/ /******************************************************************************************/ /* styles for the mini basket */ /******************************************************************************************/ #miniBasketMainBox { border : 1px solid #555555; background-color : #fff; padding : 0px; font-size : 11px; position:relative; } .miniBasketItemBox { border-bottom : 1px solid #555555; padding : 3px; background-color : white; float:left; position:relative; width:100%; } .miniBasketIconBox {width:35%; float:left;} .miniBasketItemTitleBox {float: none; position:inherit;} .miniBasketItemTitleNoIconBox {padding-left:5px;} .miniBasketItemTitle {font-size: 11px;} .miniBasketItemTitle a{font-size: 11px; color: #001188;} .miniBasketItemTitle a:hover { color:#000; } .miniBasketSubItemTitle {font-size: 10px; padding: 0 0 0 4px; text-indent:0px; margin: 30px 5px 0 10px; clear:both;} .miniBasketSubItemTitle li { font-size: 9px; list-style-type:none; list-style-image:url('images/miniBasketBullet.gif'); margin: 0 0 0 10px; } .miniBasketQtyDeleteLine { padding : 1px 10px 10px 10px; background-color : transparent; clear: both; text-align:center; } .miniBasketQtyInput { padding : 1px; margin-right : 3px; margin-top: 1px; width : 15px; Height : 12px !important; border : 1px gray solid; font-size : 9px; } .miniBasketPriceLabel, .miniBasketPrice { font-size : 12px; font-weight : bold; } .miniBasketPrice {color:#e92f07;} #miniBasketSubTotalBox { border-top : 1px solid #555555; background-color : white; padding : 3px; border-bottom : 1px solid #555555; } #miniBasketSubTotalBox #tax_label,#ship_label { font-weight : bold; font-size : 11px; width : 45%; float : left; text-align : right; } #miniBasketSubTotalBox #sub_label { float : left; font-weight : bold; font-size : 12px; width : 45%; text-align : right; } #miniBasketSubTotalBox #tax_num,#ship_num { font-weight : normal; font-size : 11px; padding-left : 3px; width : 49%; float : left; } #miniBasketSubTotalBox #sub_num { font-weight : bold; font-size : 12px; color :#e92f07; padding-left : 3px; padding-bottom: 5px; width : 49%; float : left; } #miniBasketShippingEstimateBox { background-color : white; padding : 0 0 0 0; } #miniBasketCheckoutButtonBox { background-color : white; margin : 2 0 0 0; padding : 8px 0 8px 0; text-align:center; border-top : 1px gray solid; } /******************************************************************************************/ /* styles for the basket */ /******************************************************************************************/ /* container for message that displays when a basket is empty */ .emptyBasketPanel { margin: 0; background:url(images/empty_shop.gif) no-repeat 15%; padding-top: 20px; padding-left: 60px; margin: 20px 35px 35px 35px; height: 50px; text-align:center; } /*.emptyWishlistPanel { margin: 0; background:url(images/wish_list.gif) no-repeat 15%; padding-top: 20px; padding-left: 60px; margin: 20px 35px 35px 35px; height: 50px; text-align:center; }*/ /* message that displays when a basket is empty */ .emptyBasketPanel span.message { font-size: 18px; font-weight: normal; color: #666666; } /* links to products that are displayed in the basket contents */ a.basketProductLink {text-decoration: none; color:#e92f07; font-weight:bolder;} a.basketProductLink:hover {color:#000;} /* price that appears within a basket dialog */ /* container for message that displays when a basket dialog is empty */ div.emptyBasketDialogPanel { } /* message that displays when a basket dialog is empty */ div.emptyBasketDialogPanel span.message { text-align:center; font-style:italic; padding:5px; } /******************************************************************************************/ /* end styles for the basket */ /******************************************************************************************/ /******************************************************************************************/ /* styles for the wishlist */ /******************************************************************************************/ /* container for message that displays when a wishlist is empty */ div.emptyWishlistPanel { margin: 0; background:url(images/wish_list.gif) no-repeat 15%; padding-top: 20px; padding-left: 60px; margin: 20px 35px 35px 35px; height: 50px; text-align:center; } /* message that displays when a wishlist is empty */ div.emptyWishlistPanel span.message { font-size: 18px; font-weight: normal; color: #666666; } /* links to products that are displayed in the wishlist contents */ a.wishlistProductLink {text-decoration: none; color:#636363; font-weight:bolder;} a.wishlistProductLink:hover {color:#000;} /* price that appears within a wishlist dialog */ .wishlistDialogPrice { font-weight:bold; } /* container for message that displays when a wishlist dialog is empty */ div.emptyWishlistDialogPanel { } /* message that displays when a wishlist dialog is empty */ div.emptyWishlistDialogPanel span.message { text-align:center; font-style:italic; padding:5px; } /******************************************************************************************/ /* end styles for the wishlist */ /******************************************************************************************/ /******************************************************************************************/ /* styles common to all checkout pages */ /******************************************************************************************/ /* checkout page header */ div.checkoutPageHeader { margin-bottom:8px; } /* checkout page header caption */ div.checkoutPageHeader H1 { /*background: url(images/page_header.gif) no-repeat left 0px; */ font-size: 18px; padding: 3px 0; margin: 3px 0 6px 0; text-indent: 5px; border-bottom: 1px solid #000; } /* chekcout page header - styling for checkout steps */ div.checkoutPageHeader div.checkoutSteps { background-color:#E5DECA; border:1px solid #BEB49D; padding:0; margin:4px 5px 4px 4px; float:right; } /* checkout page header content */ div.checkoutPageHeader div.content { padding:2px; } /* used to contain the details for an individual shipment, used wherever information is organized by shipment */ div.shipmentSection { margin-bottom:5px; border: solid 1px black; border-collapse:collapse; } div.shipmentSection div.header { border: solid 1px black; } /* the header / caption of a shipment section, identifies which shipment is displayed */ div.shipmentSection h2 { margin:0px; /*border: 1px solid #C4C4C4; background-color: #E8E8E8;*/ padding: 0 2px; height:25px; line-height:25px; font-size:12px; } /* the content of the shipment section */ div.shipmentSection .content { padding:2px; } /* used wherever a list of order items is displayed */ table.itemList { width:100%; } /* default column header styling for item list */ table.itemList th.columnHeader{margin:0px;background-color:#C4DAFC;padding:7px 2px; } /* default data cell styling for item list*/ table.itemList td { padding:3px 2px; } table.itemList td a{color: #304FBA;} /* header styling for items column */ table.itemList th.items { } /* styling for items column */ table.itemList td.items { } /* header styling for items column */ table.itemList th.price {} /* styling for price column */ table.itemList td.price { } /* used when checkout navigation buttons (e.g. continue, back) appear by themselves outside of any other container. */ .checkoutNavigation { margin-top:4px; margin-bottom:8px; } /* used when the checkout navigation section has a validation summary. */ .checkoutNavigation span.validation { display:block;margin-bottom:12px; } /* contains the buttons or links in the checkout navigation section */ .checkoutNavigation span.buttons { } /******************************************************************************************/ /* end styles common to all checkout pages */ /******************************************************************************************/ /******************************************************************************************/ /* styles for table that lays out a form of data (such as an invoice) */ /******************************************************************************************/ /* table style */ table.form { margin: 4px 0px; border:solid 1px black; border-collapse:collapse; page-break-inside:avoid; width:100%; } /* style common to headers and cells */ table.form td, table.form th { padding:4px 8px; } /* styling for header cells */ table.form th { font-weight:bold; font-size:14px; } /* styling for header cell intended for vertical text */ table.form th.verticalText { width:10px; font-size:10px; text-align:center; vertical-align:middle; } /* additional styling for header cell */ table.form th.header { text-align:left; } /* additional styling for caption */ table.form th.header span.caption { font-size:20px; } /* style for cell that contains an address */ table.form td.address { width:180px; } /* style for cell on right that should expand to the full width possible */ table.form td.expand { width:504px; } /* style for cell that contains a datasheet */ table.form td.dataSheet { padding:0px; } /* style for font within the datasheet */ table.form td.dataSheet * { font-size:12px; } /* additional styling for datasheet that appears within a form */ table.form table.dataSheet { margin-bottom:-1px; } /* styling for the total row */ table.dataSheet tr.totalRow td, table.dataSheet tr.totalRow th { border-top: double 3px gray; border-bottom: double 3px gray; background-color:#656565; color:White; } /* this is the container for the order summary on the view order page */ table.form td.orderSummary { width:202px;padding:10px; } /* style for the caption of the order summary panel */ table.form td.orderSummary h3 { margin: 0 0 2px 0; } /* style for the invoice caption */ h1.invoice { margin: 0 0 6px 0; font-size:24px; font-weight:bold; } /* style for the store name */ h1.storeName { margin: 0 0 6px 0; font-size:18px; font-weight:bold; } /******************************************************************************************/ /* end styles for table that lays out a form of data (such as an invoice) */ /******************************************************************************************/ /******************************************************************************************/ /* styles for checkout progress indicator */ /******************************************************************************************/ /* container for the checkout progress indicator */ .checkoutProgress { background:url(images/checkoutProgressBackground.gif) repeat-x; border-left:1px solid #01076C; border-right:1px solid #01076C; height: 25px; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#3D56AB; margin:0 4px; display:block; float:right; } /* default styling for span tags within the progress indicator */ .checkoutProgress span { display: block; float: left; width: auto; } /* styling for checkout stage container when it is active */ .checkoutProgress span.on { padding: 3px 2px; background: url(images/checkoutProgressActive.gif) no-repeat 50%; border: 1px solid #01076C; margin: 1px; } /* styling for checkout stage container when it is inactive */ .checkoutProgress span.off { padding: 2px; margin: 1px; } /* style for checkout stage label when it is active */ .checkoutProgress span.on span { border: 1px solid #01076C; padding: 1px 6px; color: #01076C; } /* style for checkout stage label when it is inactive */ .checkoutProgress span.off span { padding: 3px 6px 2px 6px; } /******************************************************************************************/ /* end styles for checkout progress indicator */ /******************************************************************************************/ /******************************************************************************************/ /* styles for checkout steps */ /******************************************************************************************/ /* style for the outer container for checkout steps */ #storeHeader div.checkoutSteps { background-color:#E5DECA; border:1px solid #BEB49D; padding:0px 0px 0px 0px; width:100%; } /******************************************************************************************/ /* end styles for checkout steps */ /******************************************************************************************/ /******************************************************************************************/ /* styles for select shipping address */ /* NOTE: This is used on both checkout/ShipAddress and Members/AddressBook */ /******************************************************************************************/ /* style for the address book table */ table.addressBook { width:98%; border: 1px solid #92A4BE; } /* caption for the address book */ table.addressBook th.caption { border: 1px solid #92A4BE; background-color: #C2D9FC; padding: 0 2px; height:25px; margin: 5px 0 0 0; line-height:25px; } /* styling for the text container inside the caption */ table.addressBook th.caption .text { float:left; display:block; } /* styling for the button container inside the caption */ table.addressBook th.caption .buttons { float: right; display: block; } /* container for address book entries */ table.addressBook td.entries {border: 1px solid #92A4BE; text-align: left; padding: 5px;} /* entry in the address book container */ table.addressBook .entry { background:url(images/shipping_address_bg.gif) no-repeat; vertical-align:middle; text-align:left; margin:0px; padding:5px 0px 0px 0; /*border: 1px solid #FF0000;*/ display: block; width: 350px; height:195px; float: left; } /* container for address data in an address entry */ .addressBook .address { text-align:left; padding:47px 0px 0px 50px; color: #01076C; font-weight: bold; line-height: 15px; width:200px; float: left; /*border-left: 1px dashed #8698B2;*/ } /* container for buttons in an address entry */ .addressBook td .buttons { margin-top:5px; text-align:left; padding:60px 0px 0px 0; width: 100px; float: right; } .addressBook td .buttons a{display:block; margin-bottom: 5px; width: 40px;} /* styling for button element inside the buttons container */ table.addressBook td .buttons .button {margin-right: 5px;} /******************************************************************************************/ /* end styles for select shipping address (checkout/shipaddress.aspx) */ /******************************************************************************************/ /******************************************************************************************/ /* styles for select multiple shipping addresses (checkout/shipaddresses.aspx) */ /******************************************************************************************/ /* NOTE: items table on this page will use default styling from the common itemList class, you can override or add to the styling attributes below */ /* styling for shipping addreses table */ table.setShippingAddresses { } /* table will use default itemList styling, you can override th attributes here */ table.setShippingAddresses th { } /* header styling for items column */ table.setShippingAddresses th.items { } /* styling for items column */ table.setShippingAddresses td.items { } /* header styling for items column */ table.setShippingAddresses th.price { } /* styling for price column */ table.setShippingAddresses td.price { } /* header styling for address column */ table.setShippingAddresses th.address { } /* styling for address column */ table.setShippingAddresses th.address { } /******************************************************************************************/ /* end styles for select multiple shipping addresses (checkout/shipaddresses.aspx) */ /******************************************************************************************/ /******************************************************************************************/ /* styles for select shipping method (checkout/shipmethod.aspx) */ /******************************************************************************************/ /* the outer table to select shipping methods */ table.selectShippingMethod {} /* default header style for shipping method table */ table.selectShippingMethod td.dataSheet { padding-top:1px; border:1px solid #8698B2;} /* default header style for shipping method table */ table.selectShippingMethod td.dataSheet th { padding: 5px 2px; background-color:#BFD8FD;} table.selectShippingMethod th.shipto { background-color:#4660B9; color:White; } /* the table cell that displays the shipment items grid */ table.selectShippingMethod td.items{background-color:#DEDEDE;} table.selectShippingMethod th.items{background-color:#DEDEDE;} /* the table cell that displays the available shipping methods */ table.selectShippingMethod td.methods { padding: 4px; text-align:left; border-left:1px solid #8698B2; width:200px; } table.selectShippingMethod td.methods h3 { padding: 5px 2px; border: 1px solid #8698B2; background-color:#BFD8FD; display:block; font-weight:bold; font-size:100%; text-align:center; margin: -2px -2px 6px -2px; } /* the caption for available shipping methods */ table.selectShippingMethod td.methods .caption { display:block; font-weight:bold; margin-bottom:6px; text-align:center; } /* section to ask the customer whether to set gift options for an order */ .addGiftOptions { background:#FFF url(images/giftbox3.gif) no-repeat left top; margin: 0 auto; width:693px; height:100px; border: solid 1px #8698B2; float:right; text-align:right; } /* caption of the add gift options section */ .addGiftOptions h3 { /*background:#FFF url(images/giftbox3.jpg) no-repeat left top;*/ /*margin-top:10px; margin-left:60px;*/ margin: 10px 10px 5px 300px; font-size:100%; } /* content of the add gift options section, including input field and text */ .addGiftOptions .content { margin-right:10px; margin-top:5px; } /* contains any navigation buttons (such as continue or back) that appear within the section */ .addGiftOptions .buttons { margin-right:10px; margin-top:5px; } .VisiblePanel { display:block; } .HiddenPanel { display:none; } /******************************************************************************************/ /* end styles for select shipping method (checkout/shipmethod.aspx) */ /******************************************************************************************/ /******************************************************************************************/ /* styles for select gift options (checkout/giftoptions.aspx) */ /******************************************************************************************/ /* container for the gift option controls */ .giftOptions { } /* the container for controls to choose gift wrap if available */ .giftOptions div.giftWrap { margin-top:2px;margin-bottom:6px; } /* displays when no gift wrap is available for an item */ .giftOptions div.giftWrap div.noGiftWrap { font-style:italic; } /* displays when only one style of gift wrap is available for an item */ .giftOptions div.giftWrap div.oneGiftWrap { } /* styling for the name of the available gift wrap style */ .giftOptions div.giftWrap div.oneGiftWrap span.name { font-weight:bold } /* styling for the price of the available gift wrap style */ .giftOptions div.giftWrap div.oneGiftWrap span.price { } /* displays when two or more gift wrap styles are available for an item */ .giftOptions div.giftWrap div.multiGiftWrap { } /* styling for the title of the gift wrap selection box */ .giftOptions div.giftWrap div.multiGiftWrap span.title { font-weight:bold } /* styling for the gift wrap selection box */ .giftOptions div.giftWrap div.multiGiftWrap select { } /* the container for controls to enter a gift message */ .giftOptions div.giftMessage { } /* styling for the gift message title */ .giftOptions div.giftMessage span.title { font-weight:bold; } /* styling for the gift message cost */ .giftOptions div.giftMessage span.price { } /* styling for the gift message entry area */ .giftOptions div.giftMessage textarea { width:98%;height:40px; } /* styling for the characters remaining countdown */ .giftOptions div.giftMessage span.count { } /* styling for the characters remaining countdown text */ .giftOptions div.giftMessage span.countText { } /******************************************************************************************/ /* end styles for select gift options (checkout/giftoptions.aspx) */ /******************************************************************************************/ /******************************************************************************************/ /* styles for confirm and pay (checkout/payment.aspx) */ /******************************************************************************************/ /*---------------------------------------*/ /*- styles for layout of payment page -- */ /*---------------------------------------*/ /* style for the summary pane of the payment information section */ .paymentMethodSummary { width:170px;padding: 10px; } div.paymentMethodSummary { float:left; } /* style for the payment method listing of the payment information section */ .paymentMethodList { width:545px;border-left:1px dashed #000; } div.paymentMethodList { float:right; } /* style for a content section in the summary pane */ .paymentMethodSummary .section { margin-bottom:20px; } /* style for the header of the summary section */ .paymentMethodSummary .section .header { background-image: none !important; } /* style for the caption of the section header */ .paymentMethodSummary .section .header h2 { color:black !important; } /* style for the content of the summary section */ paymentMethodSummary .section .content { } /*---------------------------------------*/ /*- styles for order summary ----------- */ /*---------------------------------------*/ /* style for the order summary that appears in a summary section */ table.orderSummary { width:100%; } /* column that displays the heading for the amounts in the order summary table */ table.orderSummary th { text-align:right;font-weight:normal; white-space:nowrap; } /* column that displays amounts in the order summary table */ table.orderSummary td { text-align:right; width:80px; } /* row that contains the divider between subtotals and total */ table.orderSummary tr.totalDivider { } /* cell that contains the divider between subtotals and total */ table.orderSummary tr.totalDivider td { width:100%; } /* divider between subtotals and total */ table.orderSummary tr.totalDivider td hr { } /*---------------------------------------*/ /*- styles for payment forms ----------- */ /*---------------------------------------*/ /* styles the table for the entry form of a payment method */ table.paymentForm { width:100%; margin-bottom:20px; margin-left:5px; } /* style for default table cell in entry form */ table.paymentForm td { padding: 2px; } /* header cell that provides the caption for the form, states type of payment method */ table.paymentForm th.caption { padding-top:8px; border-bottom:dotted 1px black; } /* header cell that provides the label for an input row */ table.paymentForm th.rowHeader { text-align:right; } /* cell that contains the submit button for a payment form */ table.paymentForm td.submit { text-indent:10px; } /* container for the submit button */ table.paymentForm td.submit span.button { } /******************************************************************************************/ /* end styles for confirm and pay (checkout/payment.aspx) */ /******************************************************************************************/ /******************************************************************************************/ /* styles for your account (Members/MyAccount.aspx) */ /******************************************************************************************/ ul.columns { margin: 0 0 0 30px; padding: 0; list-style: none; } ul.columns li { margin: 2px; background-image: url(images/bullet1.gif); background-position: 0 3px; background-repeat: no-repeat; text-indent:15px; } /******************************************************************************************/ /* end styles for your account (Members/MyAccount.aspx) */ /******************************************************************************************/ /******************************************************************************************/ /* styles for view order page (Members/MyOrder.aspx) */ /******************************************************************************************/ /* container for the order summary table */ div.orderSummaryPanel { background-color: #DBDADA; border: 1px solid #000; margin: 4px 0px; } table.orderSummaryTable { width:100%; } table.orderSummaryTable th.rowHeader { width:16%; text-align:right; vertical-align:top; } table.orderSummaryTable td{vertical-align:top;padding:4px;} /******************************************************************************************/ /* end styles for view order page (Members/MyOrder.aspx) */ /******************************************************************************************/ /******************************************************************************************/ /* styles for view row-style of my account page (Members/My Account.aspx) */ /******************************************************************************************/ .odd{background-color: #DBDADA;padding: 6px 2px 6px 6px; /*border-bottom:1px solid #A4A4A4;*/} .even{background-color: #F5F5F5;padding: 6px 2px 6px 6px;/* border-bottom:1px solid #FFF;*/} /******************************************************************************************/ /* end styles for view row-style of my account page (Members/My Account.aspx) */ /******************************************************************************************/ a.altoddButton{ border: solid 1px #9fd9ef; padding: 1px 5px; background:#e4ecee url(images/button_bg.gif) repeat-x; color: #005b94; line-height: 22px;} a:hover.altoddButton{ border: solid 1px #4fbde6; background:#e4ecee url(images/button_bg_hover.gif) repeat-x; color: #004d7e;} /******************************************************************************************/ /* styles for view "ship to" in ViewOrder page (Members/MyOrder.aspx) */ /******************************************************************************************/ .ship_to{writing-mode: tb-rl; filter: flipv fliph;} /******************************************************************************************/ /* end styles for view "ship to" in ViewOrder page (Members/MyOrder.aspx) */ /******************************************************************************************/ /*----- Common to all ----------*/ .small_cell{width: 300px;} .small_cell .header{margin-top: 0;} .lebeling{width: 100px;} /******************************************************************************************/ /* styles for paged list of data */ /******************************************************************************************/ /* table style */ table.pagedList { min-width:300px; } /* style common to headers and cells */ table.pagedList td { padding:2px 4px; } /* styling for header cells */ table.pagedList th { padding: 6px 4px; font-weight:bold; margin:0px; color:black; background-color:#dbdada; } /* styling for links in header cells (such as for sorting columns) */ table.pagedList th a { color:black; text-decoration:underline; } /* hover styling for links in header cells (such as for sorting columns) */ table.pagedList th a:hover { color: #EE7408; text-decoration:underline; } /* styling for alternating rows */ table.pagedList tr.oddRow { } table.pagedList tr.evenRow { background-color: #F5F5F5; } /* style for the empty result message */ table.pagedList tr.empty td { width:300px; text-align:center; padding: 10px; font-style:italic; border: solid 1px black; } /******************************************************************************************/ /* end styles for paged list of data */ /******************************************************************************************/ /************** Style for the Conactpage List ****************/ ul.contact li { list-style-image: url(images/bullet1.gif); } /*************************************************************/ /************** Style for the Product Image ******************/ .productimg { vertical-align:top; text-align:center } /******************************************************************************************/ /* begin styles for modal popup dialogs */ /******************************************************************************************/ /* background for main page when modal popup is visible */ .modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; } /* style for modal popup dialog */ .modalPopup { background-color:#E3EFFF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:600px; } /* style for header of modal popup dialog */ .modalPopupHeader { cursor:move; background-color:#DDDDDD; border:solid 1px Gray; color:Black; margin:-3px; padding:6px; font-weight:bold; } /* style for text of modal popup dialog */ .modalPopupText { padding:10px; } /* enable scrolling within modal popup dialog */ .modalPopupText .modalPopupScroller { margin:-10px;padding:10px;overflow:scroll;height:400px; } /* style for the click to view price popup */ .pricePopup { background-color:#E3EFFF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:300px; position:absolute; left:50%; margin-left:-150px; z-index:99; } /* style for header of modal popup dialog */ .pricePopupHeader { background-color:#DDDDDD; border:solid 1px Gray; color:Black; margin:-3px; padding:6px; font-weight:bold; } /* used on the click to view price display */ .pricePopup span.fieldHeader { display:block;float:left;width:135px;text-align:right;margin-right:6px; } .pricePopup span.fieldValue { display:block;float:left; } /******************************************************************************************/ /* end styles for modal popup dialogs */ /******************************************************************************************/ /******************************************************************************************/ /* begin styles for one page checkout */ /******************************************************************************************/ /* outer frame of the one page checkout form */ /* main content panel of the one page checkout form */ /* sidebar panel of the one page checkout form */ .opcSidebar { width:200px; background:#fffccc; border:solid 1px #555555; } /* frame for the payment section of the one page checkout form */ .opcPaymentFrame { } /* panel that contains the list of available payment methods */ .opcPaymentMethods { background-color:#fffccc; width:130px; } /* panel that contains the payment form for the selected method */ .opcPaymentForm { } /*********** img-description *******/ p.image_desc { margin-left:3px; margin-right:3px } .ProductItemView { width:194px; padding: 5px; padding-bottom:15px;} .ProductItemView div{ background: #FFF; padding: 5px; border: solid 1px #b9b9b9; } .ProductItemViewOdd { background: #efefef; border: solid 1px #b9b9b9; width:194px; padding: 5px;padding-bottom:15px;} .ProductItemViewOdd div { background: #FFF; padding: 5px; border: solid 1px #b9b9b9; } .AgreementView { background-color: #FFF; margin: 5px 5px 5px 5px; padding: 10px 10px 10px 10px; border:solid 1px #92A7EC; } /* Login Message .LoginMessage { background:#FFF url(images/CategoryBreadCrumbsEdge.gif) no-repeat left top; padding: 5px 0; text-indent: 10px; width: 800px; margin:0pt auto; color:#e92f07; } .LoginMessage a { background:#c7e4ef url(images/checkoutPageHeaderEdgeHover.gif) no-repeat left top; color: #005b94; font-weight: bold; padding: 1px 15px; } .LoginMessage a:hover { background:#7cc2db url(images/checkoutPageHeaderEdge.gif) no-repeat left top; color: #FFF; font-weight: bold;} */ /******************************************************************************************/ /* end styles for one page checkout */ /******************************************************************************************/ .orderItemsList{ margin-left:12px; padding:0; color:#666666; } /* used to display reviews message */ pre.Reviews { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .nodeSummaryLink{text-decoration: underline; text-indent: 0px; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0; cursor:pointer;} /* close the screen media selector */ } /* styling for part title */ .WebPart_PartTitle{border: 1px solid #C4C4C4;background-color: #E8E8E8;padding: 0 2px;height:25px;margin: 5px 0 0 0;} /* this adds a little margin to the verb icons */ .WebPart_PartTitle a{margin: 0 3px 0 0;} /* styling for admin part */ .WebPart_AdminPart{border: 1px solid #C4C4C4;padding: 8px;margin: 2px 0 0 0;} /* style for the webparts page editor */ #webpartsPanel{background-color:White;margin-top:20px;border:outset 2px #92A7EC;padding:4px;clear:both;} #webpartsPanel .outerFrame {width:100%;} /* used to display a content section in the webparts page editor */ #webpartsPanel .section {background-color:#F7F6F3;border: solid 1px #CCC;font-family:Verdana;width:100%;margin-bottom:10px;} /* header for content section in the webparts page editor */ #webpartsPanel .section .header {padding: 0 2px;background: #BDCDFF url(images/section_header_bg1.gif) repeat-x 3px 3px;border:1px solid #92A7EC;height:25px;} /* the header / caption of a content section */ #webpartsPanel .section .header H2{margin:0px;margin-right:10px;line-height:25px;font-size:12px;display:inline;} /* links within the header of a content section */ #webpartsPanel .section .header a{text-decoration:underline;} #webpartsPanel .EditorZone{background-color:#F7F6F3;border: solid 1px #CCC;font-family:Verdana;padding:6px;width:100%;margin-bottom:10px;} #webpartsPanel .EditorZoneHeader{padding: 0 2px;background: #BDCDFF url(images/section_header_bg1.gif) repeat-x 3px 3px;border:1px solid #92A7EC;height:25px;font-weight:bold;} #webpartsPanel .EditorZoneFooter{text-align:left;} #webpartsPanel .EditorZoneFooter input{font-family: Tahoma, Arial, Helvetica, sans-serif;background:#5872CB url(images/button_bg.gif) repeat-x;font-size: 9px;text-transform: uppercase;color: #134FA3;padding: 2px 5px 2px 5px;border: 1px solid #7D90B1;font-weight: bold;cursor:pointer;margin: 0;text-align:center;text-decoration:none;vertical-align: middle;} #webpartsPanel .EditorZoneFooter input:hover{font-family: Tahoma, Arial, Helvetica, sans-serif;background:#5872CB url(images/button_bg_hover.gif) repeat-x;font-size: 9px;text-transform: uppercase;color: #675D29 ;padding: 2px 5px 2px 5px;border: 1px solid #C7B55C;font-weight: bold;cursor:pointer;margin: 0;text-align:center;text-decoration:none;vertical-align: middle;}