@charset "utf-8";
* {padding:0; margin:0;}
html, body{padding:0 0 30px;font-family: Arial, Verdana;}
body{font-family: Arial, Verdana, Sans-serif;background-color: #fff; font-size: 12px;}
table {
border-collapse: collapse;
}
.label {
font-size: 1em;
}
.textbox {
font-size : .95em;
height: 20px;
width:175px;
}
.smalltextbox {
font-size: .95em;
height: 20px;
width: 20px;
}
.multilinetextbox {
width: 188px;
height: 80px;
}
.largemultilinetextbox {
width: 350px;
height: 150px;
}
.longmultilinetextbox {
width: 350px;
height: 75px;
}
.longtextbox {
font-size: .75em;
height: 20px;
width: 325px;
}
#admin_centercontent .longtextbox, .adminBox .longtextbox
{
font-size: .95em;
}
.dropdownlist {
font-size: .9em;
height:20px;
}
.fwdropdownlist {
font-family: Courier New;
}
.button, .rightbutton, .greybutton
{
font-family: Arial, Sans-Serif;
font-size: 12px;
line-height: 23px;
height: 23px;
padding: 0 7px;
color: #fff;
text-transform: uppercase;
border: none;
border-left: solid 1px #be2733;
border-right: solid 1px #be2733;
font-weight: normal;
background-image: url(/App_Themes/Summer2010/images/btn-background.gif);
background-repeat: repeat-x;
cursor: pointer;
cursor: hand;
}
.rightbutton
{
float: right;
}
.greybutton
{
background-image: url(/App_Themes/Summer2010/images/greyfade_bg.gif);
border: solid 1px #bbb;
color: #444;
}
.buttonleftmargin
{
margin-left: 20px;
}
.buttonleftmarginlarge
{
margin-left: 379px;
}
.buttonrightmargin100
{
margin-right: 100px;
}
.informationMessage
{
background-image: url("/App_Themes/Summer2010/images/icons/information.gif");
background-position: 0 3px;
background-repeat: no-repeat;
margin-bottom: 20px;
padding-left: 25px;
}
.menuItem {
color: #fff;
}
.menuItem a {
cursor: pointer;
}
.menuItem #left {
width: 5px;
display: inline;
background: url(/images/blue_tab_left.gif) no-repeat;
height: 30px;
position: relative;
float: left;
}
.menuItem #mid {
display: inline;
background: url(/images/blue_tab_middle.gif) repeat-x;
height: 30px;
position: relative;
float: left;
padding-left: 5px;
padding-right: 5px;
}
.menuItem #mid #text {
position: relative;
top: 5px;
color: #FFF;
}
.menuItem #right {
width: 5px;
display: inline;
background: url(/images/blue_tab_right.gif) no-repeat;
height: 30px;
position: relative;
float: left;
}
.menuItemSelected {
color: #fff;
}
.menuItemSelected a {
cursor: pointer;
}
.menuItemSelected #left {
width: 5px;
display: inline;
background: url(/images/lightblue_tab_left.gif) no-repeat;
height: 30px;
position: relative;
float: left;
}
.menuItemSelected #mid {
display: inline;
background: url(/images/lightblue_tab_middle.gif) repeat-x;
height: 30px;
position: relative;
float: left;
padding-left: 5px;
padding-right: 5px;
}
.menuItemSelected #right {
width: 5px;
display: inline;
background: url(/images/lightblue_tab_right.gif) no-repeat;
height: 30px;
position: relative;
float: left;
}
#mainContentRegion {
display: block;
clear: both;
}
.sectionHeader {
border-bottom: 1px solid rgb(235, 235, 235);
color: #024A76;
padding-bottom: 5px;
font-weight: bold;
}
.navigationRule {
border: 2px solid #024A76;
position: relative;
}
.defaultTable {
width: 100%;
}
.verticalalign img {
vertical-align: middle;
}
.verticalalign span {
vertical-align: top;
}
.showAll {
float: right;
}
.modalbutton {
font-size: 1em;
height: 20px;
vertical-align: middle;
margin-left: 10px;
margin-right: 10px;
font-weight: bold;
float: right;
}
hr {
border-bottom: 1px solid #CCC;
color: #FFF;
}
a
{
color: #898989;
}
a:link {
text-decoration: none;
color: #898989;
}
a:visited {
text-decoration: none;
color: #898989;
}
.smallleft {
float: left;
}
.smallright {
float: right;
}
.widgetLink {
color: #414042;
text-decoration: none;
}
/*New Menu START */
/*header section */
.headSection
{
height:140px;
clear:both;
background:url("/images/headerbg.gif") repeat-x fixed 0 0 #fefefe;
/*border:solid 1px black;*/
}
.headCenter
{
height:100px;
width:962px;
margin:0px auto;
background:url("/images/headerbgcenter.gif") repeat-x fixed 0 0 transparent;
clear:both;
}
.menuBar
{
position:relative;
height:40px;
background:url("/images/mainmenubg.gif") repeat-x 0 0 transparent;
clear:both;
z-index:100;
}
.menuBarCenter
{
width:962px;
height:40px;
margin:0px auto;
}
/*Mega Menu*/
#mainnavigation, #mainnavigation ul ul{padding:0; margin:0;list-style: none;}
#mainnavigation
{
margin:0; float:left; display:inline; width:100%;
background-color:Transparent;
/*background-image:url(/content/images/productnav.gif);
background-repeat:repeat-x; background-position:left bottom;}*/
}
#mainnavigation li {float:left;position: relative;}
#mainnavigation li.top
{
padding:10px 25px 3px 25px;
height:24px;
/*border:solid 1px yellow; */
}
#mainnavigation li.top:hover
{
background:url("/images/selectedline.gif") 0% 95% repeat-x;
}
#mainnavigation li.menuSeperator
{
height:24px;
background:url("/images/menusep.gif") 50% no-repeat;
margin:0;
padding:15px 3px 0px 3px;
/*border:solid 1px blue;*/
}
#mainnavigation li.last
{
background:none;
}
#mainnavigation li li li {position: static; width: 90px;}
#mainnavigation li.top > a{ display:block;font-size:14px; text-decoration:none; color:White;font-family:Tahoma; font-weight:normal; }
#mainnavigation li div {display:none;margin:0; padding:0;position:absolute;z-index:50;background-color:#fff;}
#mainnavigation div ul{list-style:none; width:120px; float:left;clear:none;margin:0; padding:0;}
/*#mainnavigation div ul.department{}*/
#mainnavigation div ul span
{display:block;margin:0; padding:0;font-size:12px; background-color:#6f6f6f;color:White; width:100%;height:25px;
padding:10px 0px 0px 0px;margin-bottom:10px;text-align:center; width:120px;}
#mainnavigation div ul span a{color:White; text-decoration:none;}
#mainnavigation li:hover div {width: 300px;}
#mainnavigation li:hover div,#mainnavigation li.active div
{
position:absolute;
display:block;
padding:0px 0px 10px 0px; margin-top:10px;
margin-left:-25px;
background-image:url("/images/megamenubg.gif");
background-position: bottom left;
background-repeat:repeat-x;
background-color:#fff;
border:solid 1px #7a7a7a;
border-top:none;
z-index:100;
/*z-index:10;*/
}
#mainnavigation div ul li ul li, #mainnavigation ul.genericcontainer li
{
list-style-image:url("/images/menuarrow.gif");
list-style-position:outside; padding:0; margin:0;
margin:0px 10px 0px 15px; line-height:20px;
}
#mainnavigation div ul li ul li a, #mainnavigation ul.genericcontainer li a
{ font-size:12px; text-decoration:none; color:#4b4b4b;}
#mainnavigation ul.genericcontainer{margin-top:10px;}
#mainnavigation div ul li ul li a:hover, #mainnavigation ul.genericcontainer li a:hover
{text-decoration:underline;}
#mainnavigation ul li{ position:relative; z-index:0;}
/*Mega Menu End*/
.logo
{
position:relative;
width:343px; height:81px; float:left;
margin:15px 0px 0px 10px;
}
.logoText
{
position:relative;
top:-8px;
left:8px
}
.headerRightContent
{
padding:35px 15px 0px 0px;
}
.searchBox {
width:226px; float:right;
height:30px;
}
.searchField
{
width: 150px; height:20px;
border:solid 1px a5a5a5;
clear: none;
margin:0; padding:0;
}
.headerBasket
{
float:right;
color:#929292;
/*text-align:right;*/
padding-right:10px;
/* new changes*/
width:218px;
border:1px solid #D5D5D5;
height:45px;
padding-top:4px;
padding-right:12px;
margin-right:12px;
margin-top:-12px;
}
.headbaskettext
{
font-size:12px;
/* new changes*/
position: relative;
z-index: 120;
height: 30px;
clear: both;
margin: 0px;
}
.closeheaderbasket
{
position: relative;
clear: none;
float: right;
padding-left: 4px;
padding-top: 4px;
}
.closeheaderbasket span {
color: #ACADB2;
display: inline-block;
font-weight: bold;
padding-right:9px;
padding-left:6px;
}
.basketmsg{
color: #ACADB2;
display: inline-block;
font-weight: bold;
margin:3px 0px 0px 7px;
*margin:2px 0px 0px 4px;
vertical-align: top;
}
.basketicon{
*margin-top:-2px;
}
.closeheaderbaskettotal
{
display: inline;
}
.closeheaderbaskettotal span
{
color: #ACADB2;
font-weight: bold;
}
.headerLogin{ text-align:right;}
.headerLogin a
{
color: #ea1800; font-family:Tahoma;
text-transform:uppercase;
font-size:11px;
text-decoration:underline;
}
.headerbasketCustomerMessage
{
left: 50%;
margin-left: -380px;
padding: 5px 5px 0;
position: absolute;
text-align: left;
top: 20px;
width: 350px;
z-index: 1000;
}
.headerbasketCustomerMessage p
{
margin-bottom: 0;
}
.headerbasketCustomerMessage p a
{
text-decoration: underline;
}
/*main body*/
.mainContainer
{
position:relative;
min-height:500px;
background: #f3f3f3 url(/images/bodybg.png) repeat-x top left;
z-index:50;
zoom: 1; /* ie 6 fix so that background shows */
}
.centerContainer
{
/*position:relative;*/
width:962px; background-color:White;
margin:0px auto;
clear:both;
/*z-index:1; min-height:550px;*/
}
/*Footer*/
.footer
{
height:50px;
background-color:White;
clear:both;
vertical-align:baseline;
}
.footernav
{
width:500px;
float:left;
padding-left:20px;
margin-top:15px;
}
.footernav ul li
{
display:inline;
}
.footernav ul li, .footernav ul li a
{
text-decoration:none;
font-size:0.9em;
color:#606060;
}
.footercopyright
{
width: 330px;
font-size:0.9em;
color:#606060;
float:right;
margin-right:5px;
margin-top:15px;
}
.footerLogo {
width:90px;
height:31px;
float:left;
margin-top:5px;
margin-left:5px;
clear:none;
}
/*New Menu END */
/* New CSS*/
#center {
width: 960px;
margin: 0px auto;
}
#ContentContainer {
position:relative;
width:950px;
margin:0;
padding:5px 5px 0px 5px;
top:-18px;
vertical-align:top;
}
.basicPage
{
clear: both;
min-height: 500px;
padding: 10px 0;
position: relative;
}
.heading2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #FF0000;
font-weight: bold;
}
.heading2b {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #5a595b;
font-weight: bold;
}
.style5underline {
font-size: 12px;
color: #FFFFFF;
}
.style7 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #414042;
text-decoration: none;
font-weight: bold;
}
.style8 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ed1c24;
font-weight: bold;
text-decoration: none;
}
.style9 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0c0cee;
font-weight: bold;
text-decoration: none;
}
.style10 {
color: #ED1C24;
font-weight: bold;
}
.style12 {
font-size: 13px;
color: #414042;
}
.style6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #414042;
text-decoration: none;
}
.style6b {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #414042;
text-decoration: none;
}
.style6red {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
color: #FF0000;
text-decoration: none;
font-weight: bold;
}
.style6bold {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
color: #606060;
text-decoration: none;
font-weight: bold;
}
.style7green {
color: #1f8037
}
#Table_01 tr td p {
font-family: Verdana, Geneva, sans-serif;
}
#Table_01 tr td p {
font-size: 12px;
}
/* SITE SECTION */
.loginView img {
vertical-align: middle;
}
#leftContent {
width: 180px;
float: left;/*border: 1px solid red;*/
}
#mainContent {
/*position:relative;
margin-left: 5px;
top: -25px;border: 1px solid blue;*/
}
#threeColumnLeftContent {
width: 180px;
float: left;/*border: 1px solid red;*/
}
#threeColumnMainContent {
margin-left: 185px;
margin-right: 185px;/*border: 1px solid blue;*/
}
#threeColumnRightContent {
width: 180px;
float: right;/*border: 1px solid green;*/
}
#twoColumnMainContent {
float:left;
margin-left:10px;
width:635px;
}
#twoColumnRightContent {
position:relative;
z-index:1;
width: 180px;
float: right;
margin-right:15px;/*border: 1px solid green;*/
}
#checkoutColumnRightContent {
width: 170px;
float: right;/*border: 1px solid green;*/
}
#checkoutColumnLeftContent {
width: 150px;
float: left;/*border: 1px solid red;*/
}
#checkoutColumnMainContent {
margin-left: 155px;
margin-right: 175px;/*border: 1px solid blue;*/
}
#centercontent {
position: relative;
left: 37%;
}
#site_centercontent {
position: relative;
border: 1px solid rgb(225,225,225);
padding: 5px;
}
.contentMenu {
background: url(/images/dcAdminNav.jpg) repeat-x;
}
.categoryMenu {
margin-bottom: 20px;
}
.catalogListing {
margin-top: 10px;
margin-bottom: 10px;
}
.catalogListing td {
}
.productImage {
width:200px;
}
.breadcrumbs a {
font-size: 12px;
color:#898989;
}
.adminPaging {
font-size:12px;
}
.adminpageLinks {
display:run-in;
}
.paging {
position: relative;
height: 30px;
display: block;
background: transparent;
}
.pagingLeft {
position: relative;
width: 5px;
display: inline;
background: url(/images/pagingbg_left.gif) no-repeat;
height: 30px;
float: left;
}
.pagingMid {
position: relative;
display: inline;
height: 30px;
/*background: url(/images/pagingbg.gif) repeat-x;*/
float: left;
width: 95.7%;
font-size: .9em;
padding: 5px;
text-align: center;
}
.pagingRight {
position: relative;
width: 5px;
display: inline;
background: url(/images/pagingbg_right.gif) no-repeat;
height: 30px;
float: left;
}
.links {
position: relative;
left: -60px;
top: 3px;
width: 36px;
clear: none;
float: right;
margin: 0px;
}
.totals {
float: left;
margin-top: 2px;
}
.links a {
padding: 3px;
border: 1px solid transparent;
color: #0066A6;
text-decoration: none;
}
.links a:hover {
padding: 3px;
font-weight: bold;
border: 1px solid #CCC;
background-color: #FFF;
color: #0066A6;
}
.links a:visited {
padding: 3px;
color: #0066A6;
text-decoration: none;
}
.categoryImage {
}
.widget {
font-size: .8em;
margin-bottom: 20px;
}
.widget fieldset legend {
font-size: .9em;
}
.imageCell {
width: 45%;
vertical-align: top;
}
.attribute {
font-size:11px;
color:#898989;
padding-bottom:3px;
}
.addToCart fieldset {
height: 150px;
}
.addToCart fieldset #buttonGroup {
vertical-align: bottom;
}
.accordionHeaderGray {
border: 1px solid #2F4F4F;
color: #555;
/*background-color: #0066A6;*/
background: url(/images/greyfade_bg.gif) repeat-x;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 2px;
cursor: pointer;
height: 20px;
}
.cpeTitle {
float: left;
}
.cpeImage {
float: right;
vertical-align: middle;
}
#master_content .accordionHeader span {
color: #FFFFFF;
background: none;
text-decoration: none;
}
#master_content .accordionHeader span:hover {
background: none;
text-decoration: underline;
}
.loadingbox {
position: absolute;
top: 40%;
left: 40%;
border: 1px solid lightsteelblue;
background-color: #ffffff;
height: 50px;
width: 250px;
text-align: center;
padding-top: 20px;
}
.loadingbox img {
vertical-align: middle;
}
.loadingbox span {
vertical-align: top;
}
.rightAlign {
text-align: right;
}
.receiptTable {
width: 100%;
font-size: 12px;
}
.receiptTable th
{
background-color: #efefef;
}
.receiptTable th, .receiptTable td {
font-size: 12px;
padding: 3px;
text-align:left;
}
.readOnly {
text-align: right;
background-color: Transparent;
border-style: none;
width: 20px;
}
.orderSummaryTable {
font-size: .9em;
}
.favoriteProduct {
margin-bottom: 7px;
border-bottom: 1px solid #CCC;
}
.favoriteCategory {
margin-bottom: 7px;
border-bottom: 1px solid #CCC;
}
.scrollDiv {
height: 150px;
overflow: auto;
}
.scrollDiv table {
width: 98%;
}
.siteLevel1 {
margin-left: 5px;
font-size: .9em;
font-weight: bold;
height: 31px;
}
.siteLevel1 td {
}
.siteLevel1 td a:link {
color: #FFF;
}
.siteLevel1 td a:visited {
color: #FFF;
}
.siteLevel1 td a:hover {
color: #EFEFEF;
}
.siteLevel2 {
margin-left: 5px;
font-size: .9em;
font-weight: bold;
/*height: 31px;*/
background-color: #0066A6;
height: 28px;
}
.siteLevel2 td {
}
.siteLevel2 td a:link {
color: #FFF;
}
.siteLevel2 td a:visited {
color: #FFF;
}
.siteLevel2 td a:hover {
color: #CCC;
}
.siteLevel2 td img {
color: #FFF;
background: transparent url(/images/icons/whitearrow.gif) right center no-repeat;
}
.siteLevel3 {
padding-left: 5px;
padding-right: 5px;
font-size: .9em;
background-color: #0066A6;
height: 28px;
}
.siteLevel3 td {
border-top: 2px solid #4287BE;
}
.siteLevel3 td a:link {
color: #FFF;
}
.siteLevel3 td a:visited {
color: #FFF;
}
.siteLevel3 td a:hover {
color: #CCC;
}
.siteLevel3 td img {
background: transparent;
}
.siteLevel4 {
padding-left: 5px;
padding-right: 5px;
font-size: .9em;
background-color: #007ECD;
height: 25px;
}
.siteLevel4 td {
border-top: 2px solid #3CA2E0;
}
.siteLevel4 td a:link {
color: #FFF;
}
.siteLevel4 td a:visited {
color: #FFF;
}
.siteLevel4 td a:hover {
color: #CCC;
}
h1 {
font-size:22px;
font-weight: normal;
margin: 20px 0 12px;
}
h2 {
font-size:14px;
font-weight:normal;
}
.clear {
clear:both;
height: 0px;
visibility: hidden;
width: 100%;
}
.subTable {
position:relative;
margin:0 auto;
z-index:500;
}
/********************** Addresses ******************************/
.shippingAddresses {
width: 45%;
float: left;
margin-right: 10%;
color: #4b4b4d;
position: relative;
}
.billingAddresses {
width: 45%;
float: right;
color: #4b4b4d;
position: relative;
}
.shippingAddresses h3, .billingAddresses h3
{
border-bottom: 2px solid #B0B0B0;
color: #4B4B4D;
font-family: Arial,Sans-Serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 15px;
padding: 0 0 10px 0;
width: 100%;
}
.shippingAddresses .button, .billingAddresses .button
{
position: absolute;
top: 0px;
right: 0px;
}
.shippingAddresses > p
{
clear: both;
padding-bottom: 15px;
}
.singleAddress
{
clear: both;
font-size: 12px;
font-family: Arial,Verdana,Sans-Serif;
color: #333;
}
.singleAddressButtons
{
padding: 20px 0;
border-bottom: 2px solid #B0B0B0;
margin: 0 0 40px 0;
font-size: 11px;
}
/****************** Product Page ***********************/
.productPage
{
clear:both;
position:relative;
width: 886px;
padding:50px 28px;
min-height:500px;
color: #4b4b4d;
}
.productPage .leftColumn {
position:relative;
width:470px;
float:left;
padding: 0;
margin: 0;
}
.productPage .rightColumn {
width:340px;
float:right;
margin: 0;
padding: 0;
}
.productPage .productFooter
{
clear: both;
width: 100%;
}
/* product page fonts */
.productPage h1, .productPage h2, .productPage h3, .productPage h4,
.special_header h1
{
font-family: Arial, Sans-Serif;
color: #4b4b4d;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
width: 100%;
}
.productPage h1, .special_header h1
{
font-size: 28px;
}
.productPage h2
{
font-size: 16px;
color: #949492;
font-weight: normal;
margin-bottom: 20px;
}
.productPage h3
{
font-size: 20px;
}
.productPage h3.underline
{
padding-bottom: 5px;
border-bottom: solid 2px #b0b0b0;
font-size: 16px;
}
.productPage h4
{
font-size: 16px;
margin-bottom: 5px;
}
.productPage p, .productPage li, .productPage label
{
font-size: 12px;
color: #4b4b4d;
margin: 0;
padding: 0 0 20px 0;
}
.productPage p
{
line-height: 22px;
}
/* product images */
.prodImageBox {
width: 470px;
position: relative;
margin-bottom: 40px;
float: left;
position: relative;
}
.prodSpecialOfferImage
{
position: absolute;
top: 0;
left: 0;
z-index: 500;
}
.prodImageWrapper
{
width: 414px;
}
.prodImage {
cursor: pointer;
cursor: hand;
}
.prodMoreImagesWrapper
{
width: 470px;
float: left;
}
.prodMoreImages {
width: 56px;
}
.prodMoreImages > div
{
width: 56px;
text-align: center;
}
.prodMoreImages .imgOpacityCover
{
margin-top: 20px;
cursor: pointer;
cursor: hand;
-moz-opacity: 1;
opacity: 1;
}
.prodMoreImages .imgOpacityCover.whiteout
{
-moz-opacity: 0.5;
opacity: 0.5;
}
.prodImageThumb
{
width: 56px;
height: 56px;
margin-top: 10px;
padding: 0;
}
/* key features */
.prodKeyFeatures
{
width: 100%;
clear: both;
padding-bottom: 20px;
}
.prodKeyFeatures ul, .prodKeyFeatures ol
{
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
.prodKeyFeatures ol
{
clear: both;
margin: 0;
padding: 0;
list-style-type: decimal;
list-style-position: inside;
}
/* reevoo layout */
div.reevoo-review-wrapper
{
clear:both;
width: 100%;
overflow: hidden;
position: relative;
top: -40px;
}
div.reevoo-review
{
font-size: 8px;
margin-bottom: 20px;
margin-left: -147px;
overflow: hidden;
width: 370px;
}
div.reevoo-review a:link,
div.reevoo-review a:visited,
div.reevoo-review a:hover,
div.reevoo-review a:active
{
color: #fff;
}
div.reevoo-review a:link span,
div.reevoo-review a:visited span,
div.reevoo-review a:hover span,
div.reevoo-review a:active span
{
color: #1278DB;
}
/* share this */
.prodShareThisButton
{
width: 100%;
clear: both;
padding-bottom: 0px;
}
/* alternatives */
div.prodAlternatives
{
clear: both;
float: left;
width: 100%;
padding-bottom: 20px;
}
div.prodAlternatives div.relatedProductsScrollPrevious
{
clear: both;
float: left;
width: 23px;
padding-top: 80px;
padding-right: 28px;
height: 141px;
cursor: hand;
cursor: pointer;
}
div.prodAlternatives div.relatedProducts
{
float: left;
width: 368px;
overflow: hidden;
height: 244px;
position: relative;
}
div.prodAlternatives div.relatedProductsWrapper
{
float: left;
width: 552px;
position: relative;
left: 0;
top: 0;
}
div.prodAlternatives div.relatedProductsScrollNext
{
float: left;
width: 23px;
padding-top: 80px;
padding-left: 28px;
height: 141px;
cursor: hand;
cursor: pointer;
}
/* part of range */
div.prodPartOfRange
{
clear: both;
float: left;
width: 100%;
position: relative;
}
div.prodPartOfRange h3
{
clear: both;
width: 100%;
font-size: 14px;
line-height: 16px;
}
div.prodPartOfRange img
{
display: block;
float: right;
margin-bottom: 10px;
}
div.prodPartOfRange h5, div.prodPartOfRange p
{
float: left;
width: 200px;
font-size: 14px;
line-height: 16px;
font-weight: normal;
padding: 0 0 10px 0;
}
div.prodPartOfRange p
{
text-align: left;
position: absolute;
top: 90px;
left: 0;
background-color: #fff;
margin: 0;
padding: 0;
}
div.prodPartOfRange p a
{
display: block;
background-image: url(/App_Themes/Summer2010/images/homecook/product/grey-arrow.gif);
background-repeat:no-repeat;
background-position: right 4px;
width: 90px;
}
/* prod add to basket box */
div.prodAddToBasket
{
border-top: 2px solid #B0B0B0;
border-bottom: 2px solid #B0B0B0;
width: 100%;
padding:20px 0;
margin: 0 0 5px 0;
float: left;
}
div.prodAddToBasket table
{
width: 260px;
margin: 0 0 20px 80px;
padding: 0;
}
div.prodAddToBasket table th, div.prodAddToBasket table td
{
font-size: 12px;
font-weight: normal;
text-align: left;
padding: 7px 0;
}
div.prodAddToBasket table td
{
text-align: right;
}
div.prodAddToBasket table th.saveText
{
color: #EA1800;
}
.prodQtyTextBox
{
text-align: center;
width: 40px;
height: 14px;
padding: 5px 3px;
margin: 0;
border: solid 1px #ccc;
background-color: #efefef;
}
div.prodAddToBasketPanel
{
clear: both;
float: left;
width: 100%;
height: 28px;
}
div.prodAddToBasketPanel input
{
display: block;
float: left;
}
div.prodAddToBasketPanel a:link,
div.prodAddToBasketPanel a:visited,
div.prodAddToBasketPanel a:hover,
div.prodAddToBasketPanel a:active
{
color: #EA1800;
text-decoration: underline;
}
div.prodAddToBasketPanel input.right
{
float: right;
}
/* deleted price */
div.prodAddToBasket del, div.selectedProductsItemCart del
{
text-decoration: none;
background-image: url(/App_Themes/Summer2010/images/homecook/product/price-cross-out.gif);
background-position: top left;
background-repeat: no-repeat;
}
div.prodIcons
{
width: 100%;
clear: both;
float: left;
padding-bottom: 80px;
vertical-align: middle;
}
div.prodIcons img
{
padding: 10px 25px 0 0;
display: block;
float: left;
}
div.prodIcons .panConfigLink img
{
padding-bottom: 10px;
}
/* product expandable lists */
div.productExpandableList
{
width: 100%;
clear: both;
float: left;
}
.productPage div.productExpandableList h4
{
font-size: 16px;
padding-bottom: 5px;
border-bottom: solid 2px #b0b0b0;
padding-left: 25px;
width: 315px;
background-image: url(/App_Themes/Summer2010/images/homecook/product/arrow-list-heading-closed.jpg);
background-position: 0px 5px;
background-repeat: no-repeat;
cursor: hand;
cursor: pointer;
}
.productPage div.productExpandableList h4.open
{
background-image: url(/App_Themes/Summer2010/images/homecook/product/arrow-list-heading-open.jpg);
}
div.productExpandableList div.content
{
display:none;
width: 290px;
margin-left: 50px;
margin-top: 20px;
font-size: 12px;
line-height: 20px;
}
div.productExpandableList ul, div.productExpandableList ol
{
clear: both;
list-style-type: none;
margin: 0 0 0 0;
width: 290px;
padding: 0px;
line-height:normal;
}
div.productExpandableList ol
{
list-style-type: decimal;
margin-left: 20px;
}
.productPage div.productExpandableList ul li
{
padding-left: 20px;
background-image: url(/App_Themes/Summer2010/images/homecook/product/bullet-point.jpg);
background-repeat: no-repeat;
background-position: 0px 3px;
line-height: 18px;
}
.productPage div.productExpandableList ol li
{
line-height: 18px;
padding-left: 0px;
}
.productPage div.productExpandableList ul li.link
{
background-image: url(/App_Themes/Summer2010/images/leftarrow.gif);
}
.productPage div.productExpandableList ul li.link a:link,
.productPage div.productExpandableList ul li.link a:visited,
.productPage div.productExpandableList ul li.link a:hover,
.productPage div.productExpandableList ul li.link a:active
{
color: #4B4B4D;
text-decoration: none;
}
.productPage div.productExpandableList ul li.link a:hover
{
font-weight: bold;
}
.productPage div.productExpandableList ul li.productRangeItem
{
background-image: none;
padding-left: 0;
width: 340px;
float: left;
}
.productPage div.productExpandableList ul li.productRangeItem img
{
float: left;
}
.productPage div.productExpandableList ul li.productRangeItem h5
{
float: right;
width: 240px;
font-size: 12px;
font-weight: normal;
color: #4B4B4D;
padding: 0;
margin: 0;
}
.productPage div.productExpandableList ul li.productRangeItem p.price
{
float: right;
width: 240px;
padding-bottom: 0px;
font-weight: bold;
}
.productPage div.productExpandableList ul li.productRangeItem > div
{
float: right;
width: 240px;
}
.productPage div.productExpandableList ul li.productRangeItem div.quantity
{
float: right;
width: 80px;
}
.productPage div.productExpandableList ul li.productRangeItem div label
{
float: left;
width: 25px;
padding-top: 5px;
}
.productPage div.productExpandableList ul li.productRangeItem div input
{
float: right;
}
.productPage div.productExpandableList ul li.productRangeItem div span
{
display: block;
float: left;
padding-top: 5px;
padding-left: 10px;
}
.productPage div.productExpandableList ul li.productRangeItem p.addedtext
{
float: left;
width: 130px;
padding-top: 5px;
line-height: 14px;
}
.productPage div.productExpandableList ul li.productRangeItem p.addedtext a
{
color: #EA1800;
text-decoration: underline;
}
/*Bread Crumbs*/
.pageCrumbs {
position:relative;
z-index:1;
padding:3px 0 0;
margin:0px 10px 0px 10px;
}
/*****************************Catalog Page **********************************/
.catalogPage
{
clear:both;
position:relative;
width: 942px;
padding:10px;
min-height:500px;
color: #4b4b4d;
}
.catalogPage .leftColumn {
position:relative;
width:942px;
float:left;
padding: 0;
margin: 0;
}
.catalogPage .rightColumn {
position:relative;
width:180px;
float:right;
margin: 0;
padding: 0;
}
/* catalog page fonts */
.catalogPage h1, .catalogPage h3
{
font-family: Arial, Verdana, Sans-Serif;
color: #4b4b4d;
font-weight: bold;
margin: 0;
padding: 0;
width: 100%;
}
.catalogPage h1
{
font-size: 14px;
margin-bottom: 5px;
}
.catelogListDivider
{
clear:both;
width: 100%;
height: 1px;
padding-top: 10px;
margin-bottom: 10px;
background-image: url(/App_Themes/Summer2010/images/homecook/product/productThumbDividerHori.gif);
background-position: top left;
background-repeat: repeat-x;
}
/****** product thumbnail *****/
.ProductThumbnailBox
{
width: 144px;
height: 228px;
float: left;
background-image: url(/App_Themes/Summer2010/images/homecook/product/productThumbDividerVert.gif);
background-position: 0 17px;
background-repeat: no-repeat;
padding: 17px 20px 0;
position: relative;
overflow: hidden;
}
.ProductThumbnailBox.NoBorder
{
background-image: none;
}
.ProductThumbnailBox img
{
margin: 0;
padding: 0;
}
.ProductThumbnailBox h3
{
font-size: 12px;
line-height: 14px;
font-weight: normal;
margin: 0;
}
.ProductThumbnailBox a:link, .ProductThumbnailBox a:visited,
.ProductThumbnailBox a:hover, .ProductThumbnailBox a:active
{
color: #4b4b4d;
}
.ProductThumbnailBox a.prodThumbImageLink
{
display:block;
width: 120px;
height: 120px;
margin: 0 12px 10px;
text-align: center;
}
.ProductThumbnailBox p
{
font-size: 12px;
line-height: 14px;
margin: 0;
padding: 0;
}
.ProductThumbnailBox p.prodThumbSaveBox
{
color: #EA1800;
}
.ProductThumbnailBox p.thumbprice
{
position: absolute;
bottom: 28px;
left: 20px;
font-family: Arial Black, Arial, Verdana, Sans-Serif;
background-color: #fff;
width: 144px;
}
.ProductThumbnailBox .prodSpecialOfferImage
{
/* rest of properties are up the page a bit */
left: 4px;
}
/* mini product thumbnail */
.ProductMiniThumbnailBox
{
width: 80px;
height: 80px;
float: left;
padding: 0;
position: relative;
margin: 0 20px 100px;
}
.ProductMiniThumbnailBox div.hoverOverBox
{
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
/*border: solid 1px #B0B0B0;*/
padding: 5px;
width: 100px;
}
.ProductMiniThumbnailBox div.hoverOverBox h3,
.ProductMiniThumbnailBox div.hoverOverBox p
{
font-size: 12px;
padding: 0;
margin: 0;
line-height: 14px;
font-weight: normal;
}
.ProductMiniThumbnailBox div.hoverOverBox a:link,
.ProductMiniThumbnailBox div.hoverOverBox a:visited,
.ProductMiniThumbnailBox div.hoverOverBox a:hover,
.ProductMiniThumbnailBox div.hoverOverBox a:active
{
text-decoration: none;
color: #4B4B4D;
}
.ProductMiniThumbnailBox .prodThumbSaveBox
{
color: #EA1800;
}
/****************************** Pan configurator ******************************************************/
div.panConfiguratorPage
{
padding: 30px 0;
width: 100%;
min-height: 500px;
color: #4B4B4D;
}
div.panConfiguratorPage h1, div.panConfiguratorPage h2
{
color: #4B4B4D;
font-size: 30px;
font-weight: normal;
margin: 0;
padding: 0 0 20px 0;
line-height: 35px;
letter-spacing: 3px;
}
div.panConfiguratorPage h2
{
color: #EF1621;
}
div.panConfiguratorPage h3
{
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
padding: 0 0 10px;
margin: 0;
color: #000;
}
div.panConfiguratorPage p
{
line-height: 22px;
font-size: 14px;
margin: 0;
padding: 0 0 10px;
}
div.panConfiguratorPage div.panconfigimage
{
display: block;
float: right;
width: 422px;
padding: 0 0 15px 30px;
}
div.panConfiguratorPage div.setSelector
{
clear: both;
width: 100%;
float: left;
height: 300px;
}
div.panConfigTab
{
width: 100px;
float: left;
height: 20px;
padding: 6px 10px 5px;
background-image: url(/App_Themes/Summer2010/images/homecook/panconfigurator/tab-background.jpg);
background-repeat: repeat-x;
background-position: bottom left;
margin-top: 11px;
text-align: center;
margin-right: 5px;
border-right: solid 1px #ccc;
cursor: pointer;
cursor: hand;
}
div.panConfigTab.panConfigTabSelected, div.panConfigTab.panConfigTabSelected.panConfigTabHover
{
background-image: none;
background-color: #fff;
padding: 11px 10px 11px;
margin-top: 0;
}
div.panConfigTab.panConfigTabHover
{
background-image: none;
background-color: #fff;
padding: 9px 10px 8px;
margin-top: 5px;
}
div.panConfigTab h3
{
line-height: 20px;
font-size: 18px;
font-weight: normal;
font-family: Verdana, Geneva, sans-serif;
color: #5D5D5E;
letter-spacing: 1px;
text-transform: none;
padding: 0;
margin: 0;
}
div.panConfigSetSelector
{
clear: both;
width: 961px;
background-color: #fff;
height: 214px;
overflow: hidden;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
div.panConfigSetSelector div.panConfigScrollPrevious
{
width: 30px;
height: 214px;
float: left;
cursor: pointer;
cursor: hand;
}
div.panConfigSetSelector div.panConfigScrollPrevious img,
div.panConfigSetSelector div.panConfigScrollNext img
{
margin-top: 85px;
}
div.panConfigSetSelector div.panConfigScrollPrevious img
{
margin-left: 5px;
}
div.panConfigSetSelector div.panConfigScrollNext img
{
margin-left: 2px;
}
div.panConfigSetSelector div.panConfigScrollNext
{
width: 30px;
height: 214px;
float: left;
cursor: pointer;
cursor: hand;
z-index: 300;
}
div.panConfigSetSelector div.panConfSetList
{
width: 901px;
float: left;
height: 214px;
overflow: hidden;
position: relative;
}
div.panConfigSetSelector div.panConfSetListWrapper
{
width: 1080px;
float: left;
height: 214px;
position: relative;
z-index: 1;
}
div.panConfiguratorAttributeThumb
{
width: 180px;
height: 184px;
overflow: hidden;
position: relative;
float: left;
text-align: center;
background-image: url(/App_Themes/Summer2010/images/homecook/panconfigurator/set-selector-dot.jpg);
background-position: center 7px;
background-repeat: no-repeat;
padding-top: 30px;
}
div.panConfiguratorAttributeThumb.selected
{
background-image: url(/App_Themes/Summer2010/images/homecook/panconfigurator/set-selector-dot-selected.jpg);
}
div.panConfiguratorAttributeThumb .attributeThumbImage
{
clear: both;
width: 180px;
text-align: center;
vertical-align: middle;
height: 100px;
padding: 10px 0 0;
margin: 0;
}
div.panConfiguratorAttributeThumb h4
{
font-size: 13px;
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
padding: 5px 10px 0;
}
div.panConfiguratorAttributeThumb.selected h4 a
{
color: #ef1621;
}
div.panConfiguratorAttributeThumb p.readmorelink
{
color: #ef1621;
position: absolute;
bottom: 5px;
left: 50px;
width: 70px;
font-family: Verdana, Geneva, sans-serif;
padding: 0 10px 0 0;
margin: 0;
background-image: url(/App_Themes/Summer2010/images/homecook/panconfigurator/read-more-arrow.jpg);
background-position: right bottom;
background-repeat: no-repeat;
font-size: 12px;
line-height: 13px;
cursor: pointer;
cursor: hand;
}
div.panConfSetListWrapper div.readmoretext
{
display: none;
background-color: #fff;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding: 10px 20px;
position: absolute;
width: 529px; /* 180 x 3 + 30 - 40 - 1*/
top: 214px;
right: 148px;
min-height: 60px;
font-size: 12px;
}
div.panConfSetListWrapper div.readmoretext p
{
font-size: 12px;
}
div#ctl00_ContentPlaceHolder1_uppnlSelectedSetProductList
{
clear: both;
float: left;
width: 568px;
}
div.panConfigProductList
{
clear: both;
float: left;
width: 568px;
height: 594px;
margin-bottom: 50px;
overflow:auto;
position: relative;
}
div.addToSelectionProductListItemWrapper
{
clear: both;
float: left;
width: 540px;
height: 116px;
padding: 1px 3px 2px 3px;
position: relative;
background-image: url(/App_Themes/Summer2010/images/homecook/panconfigurator/product-selector-list-background.jpg);
background-position: top left;
background-repeat: repeat-y;
}
div.addToSelectionProductListItem
{
clear: both;
float: left;
width: 510px;
height: 115px;
background-color: #fff;
padding: 0 15px 0;
border-bottom: solid 1px #efefef;
position: relative;
}
div.addToSelectionProductListItemImage
{
width: 120px;
clear: both;
float: left;
text-align: left;
}
div.addToSelectionProductListItemText
{
width: 390px;
float: left;
height: 85px;
position: relative;
margin-top: 20px;
margin-bottom: 10px;
}
div.addToSelectionProductListItemText h4
{
width: 100%;
padding-bottom: 10px;
font-size: 12px;
}
div.addToSelectionProductListItemText p
{
position: absolute;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
line-height: 27px;
font-size: 12px;
}
div.addToSelectionProductListItemText input
{
position: absolute;
bottom: 0;
right: 0;
}
div#ctl00_ContentPlaceHolder1_uppnlSelectedProducts
{
float: right;
width: 354px;
}
div.panConfigSelectedProducts
{
float: right;
width: 354px;
height: 465px;
margin-bottom: 11px;
overflow:auto;
position: relative;
}
div.selectedProductsItemWrapper
{
clear: both;
float: left;
width: 324px;
height: 152px;
padding: 1px 3px 2px 3px;
position: relative;
background-image: url(/App_Themes/Summer2010/images/homecook/panconfigurator/product-selector-list-background.jpg);
background-position: top left;
background-repeat: repeat-y;
}
div.selectedProductsItem
{
clear: both;
float: left;
width: 309px;
height: 137px;
background-color: #fff;
padding: 10px 5px 5px 10px;
border-bottom: solid 1px #efefef;
position: relative;
}
div.selectedProductsItem a.removeItemButton
{
font-size: 10px;
position: absolute;
right: 0;
top: 0;
}
div.selectedProductsItem h4
{
float: left;
width: 199px;
font-size: 12px;
line-height: 20px;
height: 100px;
overflow: hidden;
}
div.selectedProductsItemImage
{
clear: both;
float: left;
width: 110px;
}
div.selectedProductsItemCart
{
float: left;
width: 100%;
height: 37px;
position:relative;
}
div.selectedProductsItemCart div a.increaseButton,
div.selectedProductsItemCart div a.decreaseButton
{
display:block;
font-size: 15px;
font-weight: bold;
float: right;
left: -24px;
position: relative;
top: -2px;
}
div.selectedProductsItemCart div a.decreaseButton
{
font-size: 20px;
top: -18px;
left: -25px;
font-weight: normal;
color: #ddd;
}
div.selectedProductsItemCart p
{
width: 145px;
float: left;
line-height: 25px;
margin: 0;
padding: 0;
font-size: 12px;
}
div.selectedProductsItemCart p.discountPercent
{
background-image: url(/App_Themes/Summer2010/images/homecook/panconfigurator/discount-star.gif);
background-repeat: no-repeat;
background-position: top left;
width: 44px;
height: 28px;
padding: 10px 0 5px 0;
overflow: hidden;
color: #fff;
position: absolute;
bottom: 0;
right: 0;
line-height: 14px;
font-weight: bold;
text-align: center;
}
div.selectedProductsCartSummaryWrapper
{
float: right;
width: 351px;
height: 117px;
padding: 2px 0px 0px 3px;
position: relative;
background-image: url(/App_Themes/Summer2010/images/homecook/panconfigurator/product-selector-list-background.jpg);
background-position: top left;
background-repeat: repeat-y;
}
div.selectedProductsCartSummary
{
clear: both;
float: left;
width: 100%;
height: 100%;
background-color: #d50505;
position: relative;
}
div.selectedProductsCartSummary table
{
font-size: 14px;
font-family: Verdana,Geneva,sans-serif;
width: 100%;
background-color: #373636;
color: #fff;
line-height: 26px;
}
div.selectedProductsCartSummary table td
{
height: 26px;
text-align: left;
vertical-align: middle;
}
div.selectedProductsCartSummary table td.label
{
text-align: right;
width: 170px;
padding: 0 20px 0 0;
}
div.selectedProductsCartSummary a img
{
padding-left: 31px;
}
/* Basket */
.basketProductImage {
width:70px;
padding:7px;
}
/*Cart page */
#cartContainer, #cartContainer .sb-inner {
width:800px;
margin:0px auto;
background-color:white;
}
#cartContainer .sb-border {
background-color:#979797;
}
#cartContainer .cartLine {
height:13px;
width:750px;
background-image:url(/images/homecook/linebg.jpg);
background-repeat:repeat-x;
margin-bottom:10px;
}
#cartContainer .cartContents {
padding:10px 25px 5px 25px;
}
#cartSummary, #cartSummary .sb-inner {
}
#cartSummary .cartSummaryContents {
/*margin:20px 15px 5px 15px;*/
}
.controlHeader {
font-weight: bold;
padding:10px 5px 10px 20px;
}
.editArea {
width: 10%;
vertical-align: top;
text-align: right;
color:#616161;
}
.itemImage {
border-top: 1px solid #f3f3f3;
}
.itemSku
{
border-bottom: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
width: 12%;
text-align: left;
font-size: .8em;
vertical-align: top;
}
.itemName {
border-bottom: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
width: 50%;
text-align: left;
font-size: 12px;
vertical-align:middle;
font-family:Verdana;
font-weight:bold;
}
.titleName {
color:#fc2222;
}
.titleSku {
color:#616161;
line-height:22px;
}
.itemQuantity {
border-bottom: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
width: 15%;
text-align: left;
font-size: 12px;
vertical-align: top;
padding-left:5px;
}
.itemAmount {
border-bottom: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
width: 12%;
text-align: left;
font-size: 12px;
vertical-align: top;
color:#616161;
padding-left:5px;
font-weight:bold;
}
.extendedAmount {
border-top: 1px solid #f3f3f3;
width: 12%;
text-align: left;
font-size: 12px;
vertical-align: top;
color:#616161;
padding-left:5px;
font-weight:bold;
}
.quantitytextbox {
text-align:center;
width: 25px;
border:solid 1px #c3c3c3;
}
.cartSubTotal {
width: 100%;
padding: 5px;
}
.subTotal {
width: 33%;
text-align: left;
font-size: 12px;
font-weight: bold;
color: #393939;
}
.subTotalAmount {
width: 20%;
text-align: left;
font-size: 12px;
font-weight: normal;
color:#616161;
}
.total {
width: 20%;
text-align: left;
font-size: 12px;
font-weight: bold;
border-top: 1px solid #000;
color: #393939;
}
.totalAmount {
width: 20%;
text-align: left;
font-size: 12px;
font-weight: bold;
border-top: 1px solid #000;
color: #393939;
}
.cartDescriptionText {
font-family:Verdana;
font-size:12px;
line-height:22px;
}
#cartSubtotalArea, #cartSubtotalArea .sb-inner {
position:relative;
width:300px;
background-color:#f5f5f5;
z-index:10;
}
.cartSubtotalAreaContents {
padding:5px 5px 5px 5px;
}
#cartButtonContainer, #cartButtonContainer .sb-inner {
position:relative;
width:100%;
background-color:#f5f5f5;
}
.cartButtonContainerContents {
padding:15px 5px 15px 5px;
}
/*Worldpay Checkout*/
#wpIntroText, #wpMainAccordian {
width:100%;
background-color:white;
}
#wpPayAccepted, #wpSecAccordian {
width:100%;
background-color:white;
}
#checkoutPage
{
min-height: 500px;
}
.wpCheckoutContainer {
padding:15px 25px 15px 15px;
}
.wpContentsContainer, .secAccordianContents {
padding:15px 10px 15px 10px;
}
.wpContentsContainer span.contents {
font-family:Verdana;
font-size:12px;
line-height:22px;
}
.wpIntroHeader {
color: #ff1111;
font-weight:bold;
font-size: 28px;
width: 100%;
padding-bottom: 5px;
}
.accordionHeader {
color: #393939;
padding: 5px;
margin-top: 2px;
cursor: pointer;
}
.accordionContent {
background-color: #f3f3f3;
border: 1px solid #dcdbdb;
border-top: none;
padding: 5px;
padding-top: 10px;
}
.checkoutRightPanel {
font-size: .9em;
color: #666;
width: 100%;
padding-left: 2px;
margin-right: 0px;
}
#0_off, #1_off, #2_off, #3_off, #4_off {
background-color:White;
color:#393939;
font-family :Verdana, Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding:5px 3px 5px 3px;
}
#0_on {
background-color: #ff1111;
}
.wpAccordianLine {
height:13px;
width:100%;
background-image:url(/images/homecook/linebg.jpg);
background-repeat:repeat-x;
margin-bottom:10px;
}
.AccHeadContent {
background-color: #ff1111;
font-weight:bold;
color:White;
}
#searchContainer {
background-color:Transparent;
width:100%;
margin:0px auto;
}
.genericText {
font-size:.8em;
color:Black;
text-decoration:none;
}
#passForgot {
width:400px;
height:200px;
margin:100px auto 0;
}
#passInner, #passInner sb-inner {
padding:10px 5px 10px 15px;
}
.registerDefaultSrc {
padding:20px 5px 10px 10px;
font-family:Verdana, Arial;
font-size:12px;
background-color:Transparent;
text-align:left;
line-height:22px;
}
.registerBasketSrc {
padding:20px 5px 10px 10px;
font-family:Verdana, Arial;
font-size:12px;
background-color:Transparent;
text-align:left;
line-height:22px;
}
.newLoginDiv {
height:450px;
width:460px;
background:url(/cmscontent/signin/images/frame_bg.gif);
background-repeat:repeat;
}
.newLoginContent {
font-size:12px;
float:left;
padding:5px 10px 5px 10px;
text-align:left;
font-family:Verdana;
line-height:22px;
}
.HomeCookHorizLine {
height:13px;
width:100%;
background-image:url(/images/homecook/linebg.jpg);
background-repeat:repeat-x;
margin-bottom:10px;
}
.CheckoutError {
font-family:Verdana;
font-size:12px;
line-height:22px;
color:Red;
text-align:center;
font-weight:bold;
}
.leftAdvert {
position:relative;
width:170px;
height:200px;
overflow:hidden;
}
.cartAdvert {
position:relative;
width:500px;
height:35px;
overflow:hidden;
}
/*Site Map */
.sitemap {
position:relative;
width:875px;
margin:0px auto;
font-family:Arial, Verdana;
font-size:12px;
color:black;
}
.sitemap table {
border-collapse: separate;
}
.sitemap a:hover {
text-decoration:underline;
}
.sitemap h1, .sitemap h1 a {
font-size:17px;
font-weight:bold;
color:Red;
}
.SitemapLink1, .SitemapLink1 td a {
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#666666;
}
.sitemapLevel1 {
}
.sitemapLevel2 ul li {
line-height:22px;
list-style:none;
}
.sitemapLevel2 ul li a {
text-decoration:none;
font-size:12px;
color:#000000;
}
.allProdLink a {
padding:5px;
background-color:Red;
color:White;
}
/*A to Z product Listing*/
.productlisting {
position:relative;
width:950px;
margin:0px auto;
font-family:Arial, Verdana;
font-size:12px;
color:black;
}
.productlisting h1, .sitemaphead h1 {
font-size:19px;
font-weight:bold;
color:#999999;
}
.productlisting a:hover {
text-decoration:underline;
}
.charanchors {
position:relative;
width:250px;
margin: 0px auto;
}
.charanchors a {
display:inline-block;
height:20px;
padding:5px;
text-align:center;
border:solid 1px #333333;
color:#666666;
}
.charanchors a:hover {
text-decoration:none;
background-color:Red;
color:White;
}
.listingSegmentHeader a {
text-decoration:none;
font-size:17px;
font-weight:bold;
color:Red;
}
.productlinks {
color:#666666;
}
.billAddLabel {
visibility:hidden;
}
/*Cross Sell */
.crosssell {
width:920px;
}
.csProductBox {
background-color:#fff;
border:1px solid #D1D1D1;
height:220px;
margin:10px 10px 5px;
width:170px;
}
.csProductImageContainer {
position:relative;
height : 130px;
width: 150px;
text-align: center;
padding-top:5px;
clear:both;
}
.csTextBox {
width:150px;
padding-left:5px;
}
.csTextBox h2{
padding:none;
border:0;
}
.csTitle {
height:20px;
padding:5px 5px 5px 15px;
width:98%;
}
/* Rounded corners */
.bl {
background: url(/images/bl.gif) 0 100% no-repeat
}
.br {
background: url(/images/br.gif) 100% 100% no-repeat
}
.tl {
background: url(/images/tl.gif) 0 0 no-repeat
}
.tr {
background: url(/images/tr.gif) 100% 0 no-repeat;
padding:10px
}
.t {
background: url(/images/dot.gif) 0 0 repeat-x;
width:20em;
background-color:#fff;
}
.b {
background: url(/images/dot.gif) 0 100% repeat-x
}
.l {
background: url(/images/dot.gif) 0 0 repeat-y
}
.r {
background: url(/images/dot.gif) 100% 0 repeat-y
}
.sidepanel {
width:180px;
margin-bottom:20px;
}
.mainpanel {
width:330px
}
/*Cross Sell*/
#bottom_panel {
width:920px;
margin:0px auto;
clear:both;
background:#f8f8f8;
}
.cross_sell_title {
padding:5px 5px 10px 15px;
color:#FF1500;
border-bottom:#ff1500 solid 1px;
}
/*New Breadcrumbs*/
/*CustomBreadCrumbs is a class assigned to a UL.*/
.CustomBreadCrumbs {
white-space:nowrap;
list-style-type:none;
}
.CustomBreadCrumbs li {
display:inline;
}
.CustomBreadCrumbs a {
font-size: 12px;
color:#898989;
}
.CustomBreadCrumbs li.seperator {
/*background:url(/images/icons/breadcrumb.gif) top left no-repeat;
border:solid 1px;*/
padding:2px;
}
/* ADMIN SECTION*/
.adminHeader {
position: relative;
color: #024A76;
font-size: 1.1em;
top: 5px;
text-transform: uppercase;
}
#admin_centercontent {
position: relative;
border: 1px solid rgb(225,225,225);
padding: 5px;
}
.messagecenter, .adminBox
{
width: 600px;
border: solid 1px #024a76;/*#024A76;*/
padding: 5px;
margin: 10px 5px;
font-size: 12px;
}
.adminBox
{
width:90%;
margin: 10px 0;
}
.messagecenter fieldset, .adminBox fieldset
{
border: none;
}
.messagecenter legend, .adminBox legend
{
font-weight: bold;
font-size: 14px;
}
.adminBox .button
{
font-size: 12px;
}
.mainMenu {
margin-top: 10px;
width: 960px;
background: url(/images/homecook/header/subnavbg.jpg) repeat-x;
font-size: 14px;
}
.adminMenu {
width: 75%;
}
.level1 {
margin-left: 5px;
font-size: .9em;
font-weight: bold;
height: 31px;
}
.level1 td {
}
.level1 td a:link {
color: #FFF;
}
.level1 td a:visited {
color: #FFF;
}
.level1 td a:hover {
color: #EFEFEF;
}
.level2 {
margin-left: 5px;
font-size: .9em;
font-weight: bold;
height: 31px;
}
.level2 td {
}
.level2 td a:link {
color: #FFF;
}
.level2 td a:visited {
color: #FFF;
}
.level2 td a:hover {
color: #CCC;
}
.level2 td img {
color: #FFF;/*background: transparent url(/images/icons/whitearrow.gif) right center no-repeat;*/
}
.level3 {
padding-left: 5px;
padding-right: 5px;
font-size: .9em;
background-color: #d21034;
height: 28px;
}
.level3 td {
border-top: 2px solid white;
}
.level3 td a:link {
color: #FFF;
}
.level3 td a:visited {
color: #FFF;
}
.level3 td a:hover {
color: #CCC;
}
.level3 td img {
background: transparent;
}
.level4 {
padding-left: 5px;
padding-right: 5px;
font-size: .9em;
background-color: #d21034;
height: 25px;
}
.level4 td {
border-top: 2px solid White;
}
.level4 td a:link {
color: #FFF;
}
.level4 td a:visited {
color: #FFF;
}
.level4 td a:hover {
color: #CCC;
}
.adminTable {
width: 100%;
font-size: 12px;
}
.adminTable th {
background-color: #024A76;
color: #FFF;
}
.adminTable th a {
color: #FFF;
}
.adminTable td {
border: 1px solid #CCC;
padding: 2px 5px;
}
.adminTable td ol
{
margin: 0 0 0 20px;
padding: 0;
}
.adminTable td ol li
{
margin: 0;
padding: 0 0 2px 0;
}
.adminTable td ol li a:hover
{
color: #000;
}
.adminTableHeader {
background-color: #0066A6; /*#024A76;*/
color: #FFF;
font-weight: bold;
}
.defaultProvider {
font-weight: bold;
}
tr.row:hover, tr.over td {
background-color: #FFFFB2;
}
.validationSummary {
font-size: .8em;
display: inline-block;
}
#categoryTable {
width: 100%;
}
#categoryTable td {
vertical-align: top;
}
.imageContainer {
text-align: center;
padding: 3px;
margin-right: 5px;
margin-bottom: 5px;
height: 96px;
width: 96px;
border: 1px solid #CCC;
}
.imageContainer:hover {
border: 1px solid #024A76;
cursor: pointer;
}
#pageTable {
width: 100%;
}
#news {
height: 200px;
overflow: auto;
border: 1px solid #C0C0C0;
padding: 5px;
}
.labelbold {
font-size: .8em;
font-weight: bold;
}
.feedTable {
}
.rssFeedLink {
padding: 3px;
background-color: #CCC;
}
.rssFeedDescription {
padding: 3px;
padding-bottom: 20px;
}
.DrillHeaderCss {
height:20px;
background-color:#f3f3f3;
padding:2px 5px 2px 5px;
font-size:13px;
font-weight:bold;
color:#666666;
margin-top: 2px;
border-bottom:solid ipx;
}
.DrillContentCss {
background-color :White;
border: 1px solid #dcdbdb;
border-top: none;
padding: 5px;
padding-top: 10px;
color:Black;
}
.drillItemName {
color:Black;
font-size:13px;
padding-left:5px;
}
.drillReceiptTable {
width:100%;
}
.normalRow {
background-color:#CADBFF;
}
.expressRow {
background-color:#999999;
}
/*Admin Slide menu*/
#slidepanel {
background: #754c24;
height: 100px;
display: none;
}
.slidep {
margin: 0;
padding: 0;
border-top: solid 4px #422410;
background: url(/images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
background: url(/images/white-arrow.gif) no-repeat right -50px;
text-align: center;
width: 144px;
height: 31px;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: #fff;
font-size:11x;
text-decoration: none;
}
.active {
background-position: right 12px;
}
/* AJAX TABS SECTION */
.descp_header {
display:inline;
height:26px;/*border:solid 1px black;*//*padding:5px 2px 5px 2px;*/
}
.descp_body {
position:relative;
}
.descp_header div {
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
float:left;
/*border:solid 1px yellow;*/
background:url(/images/homecook/product/tab/newtableft_1.gif) no-repeat left top;/*height:28px;*/
}
.descp_header div div a {
margin:0px;
padding:0px;
}
.descp_header div div.inner {
position:relative;
margin:0px 0px 0px 0px;
/*padding:5px 20px 5px 20px;*/
padding-left:20px;
padding-right:20px;
padding-top:8px;
background:url(/images/homecook/product/tab/newtabright_1.gif) no-repeat right top;
height:20px;
font-family:Arial, Verdana;
font-size:12px;/*border:solid 1px blue;*/
}
.descp_header div div.inner a {
color:#39494d;
}
.descp_header div div.inner a:hover {
text-decoration:underline;
}
.descp_header div.firsttab {
position:relative;
left:0px;
z-index:1;
}
.descp_header div.firsttab div.inner {
position:relative;
left:0px;
padding-left:0px;
z-index:1;
}
.descp_header div.secondtab {
position:relative;
left:-18px;
z-index:3;
}
.descp_header div.secondtab div.inner {
position:relative;
/*left:-18px;*/
z-index:3;
padding-left:0px;
}
.descp_header div.thirdtab {
position:relative;
left:-36px;
z-index:1;
}
.descp_header div.thirdtab div.inner {
position:relative;
/*left:-18px;*/
z-index:1;
}
.descp_header div.selected {
z-index:7;
background-position:0% -31px;/*border:solid 1px blue;*/
}
.descp_header div.selected div.inner {
z-index:7;
background-position:100% -31px;
}
.TabContentsContainer {
width:323px;
/* border:1px solid yellow;*/
color:Black;
font-size:12px;
padding-right:5px;
/*padding-left:10px;*/
margin-left:7px;
}
.TabContentsContainer ul {
color:Black;
font-size:12px;
}
/* SUBMODAL STYLES */
/**
* POPUP CONTAINER STYLES
*/
#popupMask {
position: absolute;
z-index: 200;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: .4;
filter: alpha(opacity=40);
/* this hack is so it works in IE
* I find setting the color in the css gives me more flexibility
* than the PNG solution.
*/
background-color:transparent !important;
background-color: #333333;
/* this hack is for opera support
* you can uncomment the background-image if you don't care about opera.
* this gives you the flexibility to use any bg color that you want, instead of the png
*/
/* background-image: url("maskBG.png") !important; */
/* For browsers Moz, Opera, etc. */ background-image:none;
background-repeat: repeat;
display:none;
}
#popupContainer {
position: absolute;
z-index: 201;
top: 0px;
left: 0px;
display:none;
padding: 0px;
}
#popupInner {
border: 2px solid #000000;
background-color: #ffffff;
}
#popupFrame {
margin: 0px;
width: 100%;
height: 100%;
position: relative;
z-index: 202;
}
#popupTitleBar {
background-color: #486CAE;
color: #ffffff;
font-weight: bold;
height: 1.3em;
padding: 5px;
border-bottom: 2px solid #000000;
border-top: 1px solid #78A3F2;
border-left: 1px solid #78A3F2;
border-right: 1px solid #204095;
position: relative;
z-index: 203;
}
#popupTitle {
float:left;
font-size: 1.1em;
}
#popupControls {
float: right;
cursor: pointer;
cursor: hand;
}
/*
HOMEPAGE STYLE
*/
.container_01 {
width: 970px;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
margin-top:20px;
margin-left:-5px;
}
.left_list_01 {
width: 137px;
height: 279px;
background-color: #E4E4E4;
float: left;
}
.left_list_02 {
width: 137px;
height: 405px;
background-color: #BFBFBF;
float: left;
}
.main_top {
margin-left: 10px;
width: 800px;
float: left;
}
bottom_container {
float: left;
}
.offer_buttons {
padding: 15px 0;
clear:both;
}
.special_offers {
float: left;
width: 541px;
margin: 0 10px;
}
.news_info {
float: left;
width: 240px;
}
ul.pointer {
padding: 4px;
list-style-image: url(/cmscontent/home_2/graypointer_light.jpg);
list-style-position: inside;
text-indent: 4px;
margin: 4px;
line-height: normal;
}
ul.pointer2 {
margin-left:24px;
margin-top:24px;
/*
padding: 2px;
margin: 2px;
line-height: normal;
list-style-position: inside;
*/
list-style-image: url(/cmscontent/home_2/graypointer.gif);/*text-indent: 2px;*/
}
ul.pointer2b {
margin-left:24px;
margin-top:24px;
/*
padding: 2px;
margin: 2px;
line-height: normal;
list-style-position: inside;
*/
list-style-image: url(/cmscontent/home_2/redpointer.gif);/*text-indent: 2px;*/
}
li {
/*
padding:0 0 2px 0;
*/
}
.rbroundbox {
background: url(/cmscontent/home/nt.gif) repeat;
}
.rbtop div {
background: url(/cmscontent/home/tl.gif) no-repeat top left;
}
.rbtop {
background: url(/cmscontent/home/tr.gif) no-repeat top right;
}
.rbbot div {
background: url(/cmscontent/home/bl.gif) no-repeat bottom left;
}
.rbbot {
background: url(/cmscontent/home/br.gif) no-repeat bottom right;
}
.rbtop div, .rbtop, .rbbot div, .rbbot {
height: 7px;
font-size: 1px;
}
.rbcontent {
margin: 0 7px;
width:137px;
}
.rbroundbox {
width: 151px;
float:left
}
.rbroundbox2 {
background: url(/cmscontent/home/nt2.gif) repeat;
}
.rbtop2 div {
background: url(/cmscontent/home/tl2.gif) no-repeat top left;
}
.rbtop2 {
background: url(/cmscontent/home/tr2.gif) no-repeat top right;
}
.rbbot2 div {
background: url(/cmscontent/home/bl2.gif) no-repeat bottom left;
}
.rbbot2 {
background: url(/cmscontent/home/br2.gif) no-repeat bottom right;
}
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
height: 7px;
font-size: 1px;
}
.rbcontent2 {
width: 137px;
height:290px;
}
.rbroundbox2 {
width: 151px;
float:left;
}
.leftcol {
float:left;
}
.style6b {
margin-right:-2px;
}
/*New Category Styles*/
#categorycontainer {
width: 935px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
margin-top:12px;
}
#categorycontainer h1{
padding-left:180px;
padding-top:10px;
font-size:22px;
height:42px;
font-weight:normal;
}
#categorycontainer h1.jamieoliver{
background: url(/cmscontent/jamieoliver/jamieoliver_header.jpg) scroll no-repeat;
}
#categorycontainer h1.cookware{
background: url(/cmscontent/images_cookware/header2.jpg) scroll no-repeat;
}
#categorycontainer h1.cookingappliances {
background: url(/cmscontent/images_ca/header_ca.jpg) no-repeat;
}
#categorycontainer img{
border:0;
}
#largecatpanel {
width: 505px;
float: right;
height: 550px;
border: 1px solid #c3c3c3;
}
#largecatpanel_new {
width: 505px;
float: right;
height: 659px;
border: 1px solid #c3c3c3;
}
#largecatpanel a{
font-size: 14px;
color: #0066a6;
font-weight: bold;
text-decoration: none;
}
#largecatpanel.jamieoliver {
background: url(/cmscontent/jamieoliver/jamieoliver_main.jpg) no-repeat;
}
#largecatpanel.cookware {
background: url(/cmscontent/images_cookware/cookware_lifestyleb.jpg) no-repeat;
}
#largecatpanel_new.cookware2 {
background: url(/cmscontent/images_cookware/cookware_lifestyleb2.jpg) no-repeat;
}
#largecatpanel.cookingappliances{
background: url(/cmscontent/images_ca/main_ca.jpg) no-repeat;
}
.largecatpanel-text{
padding: 16px 16px 0;
width: 455px;
height: 72px;
color: #444444;
margin-top:440px;
}
.largecatpanel-link{
float:right;
margin-top: 8px
}
.categorypanel {
background-image: url(/cmscontent/images/panel_bg_smaller.jpg);
width: 415px;
float: left;
height: 104px;
color: #585758;
border: 1px solid #c3c3c3;
margin-bottom:5px;
}
.categorypanel .categorypanel-image{
width: 117px;
float: left;
height: 104px;
margin:none;
}
.categorypanel h2{
font-size: 19px;
color: #e41937;
margin:5px 0;
}
.categorypanel a{
text-decoration:none;
color: #e41937;
}
.categorypanel .more{
float:right;
margin-right:14px;
}
.categorypanel .more a {
color: #0066a6;
font-size: 14px;
}
.categorypanel-content {
float:left;
height:80px;
width:290px;
}
.categorypanel-fullwidth {
float:left;
height:84px;
padding:10px;
text-align:center;
width:395px;
}
/*NEW PRODUCTS PAGE*/
.NP_header { width:962px;}
.NP_panel {width:962px;}
.NP_PR1_L1 { float:left; width:310px;
}
.NP_PR1_L2 { width:310px; height:118px;
}
.NPimagebg1 { background: url(/cmscontent/NPP_images/NPpage_14.gif) no-repeat;
}
.NPimagebg2 { background: url(/cmscontent/NPP_images/NPpage_15.gif) no-repeat;
}
.NPimagebg3 { background: url(/cmscontent/NPP_images/NPpage_16.gif) no-repeat;
}
.NP_PR_textbox { padding:16px; font-family:Tahoma, Geneva, sans-serif; color:#343434;
}
.NP_PR_textbox2 { padding:8px; font-family:Tahoma, Geneva, sans-serif; color:#343434;
}
.NP_PR_textSM { font-size:12px;
}
.NP_PR_textBG { font-size:14px;
}
.NP_PR_textVS { font-size:12px; text-align:center;
}
.NP_space { margin-left:16px; margin-right:16px;
}
.NP_LV2 { clear:left; width:962px;
}
.NP_bottom { float:left; width:auto;
}
.NP_bend { clear:left; width:962px;}
.NP_bend_ins { padding-top:16px;}
/* My Account Section */
.myAcctContainer
{
margin: 0;
padding: 0px 5px 10px 10px;
}
.myAccLeft
{
margin: 0;
padding: 0;
width: 189px;
float: left;
}
.myAccRight
{
margin: 0;
padding: 0;
width: 710px;
margin-left: 10px;
float: left;
}
.myAccLeft h2
{
background: none repeat scroll 0 0 #D5D5CF;
color: #212121;
font-size: 1em;
font-weight: normal;
margin: 0;
padding: 4px 10px;
}
.myAccLeft ul
{
margin: 0;
padding: 0;
display: block; /*height: 374px;*/
list-style: none outside none;
}
.myAccLeft li
{
margin: 0;
padding: 0;
background: url(/images/myaccarrow.gif) no-repeat scroll 1px 8px #F8F8F4; /*background-repeat:no-repeat; background-position:left center; */
display: block;
padding: 4px 10px;
margin-bottom: 3px;
border-bottom: 1px dotted #635E55;
}
.myAccLeft li:hover, .myAccLeft li a:hover
{
background-color: #C41307;
color: White;
}
.myAccLeft li a
{
font-size: 12px;
color: #635E55;
text-decoration: none;
}
.myaclabel
{
font-size: 14px;
color: #212121;
}
.labelSpacer
{
width: 250px;
clear: none;
float: left;
}
.tblSpacer
{
height: 5px;
}
/* Redesigned checkout */
.checkoutContainer
{
}
.checkoutTitle {
color:#393939;
font-weight:bold;
text-align:left;
}
.checkoutTable tr
{
margin-bottom:10px;
}
.checkoutSubTitle
{
color:#666666;
font-size:0.7em;
color: #666666;
display: block;
float: right;
font-size: 0.7em;
padding-top: 5px;
}
.checkoutlongtextbox, .checkouttextbox, .checkoutddl
{
height: 20px;
width: 315px;
font-size:12px;
border:solid 1px #979696;
}
.checkouttextbox { width:175px;}
.checkoutValidator{ }
#checkoutNavigator
{
background: url("/images/homecook/product/sepbg.gif") repeat-x scroll 0 3em transparent;
clear: both;
width:600px;
/*color: #709094;*/
display: block;
font-size: 0.9em;
height: auto !important;
margin: 0 auto;
min-height: 70px;
padding: 0;
text-align: center;
color: #666666;
}
#checkoutNavigator ul
{
display: block;
list-style: none outside none;
margin: 0 auto;
padding: 0;
text-align: center;
width: 600px;
}
#checkoutNavigator ul li
{
background:url("/images/checkoutdot.gif") no-repeat scroll 50% 45% transparent;
display: block;
float: left;
list-style: none outside none;
margin: 1em 3.2em 0 0;
padding-top: 4em;
}
#checkoutNavigator ul li.selected
{
background:url("/images/checkoutdotred.gif") no-repeat scroll 50% 45% transparent;
font-weight:bold;
}
.wpContents
{
font-family:Verdana,Arial;
font-size: 13px;
}
.wpButton
{
padding:3px;
border:solid 1px #666666;
background-color: #c7c5c5;
}
.wpButton a, .wpEditButton a, .wpLinkBtn, .addressFunctions, .addressFunctions a
{
text-decoration:none;
color:#333333;
font-size:12px;
}
.wpEditButton a
{
color:#666666;
}
.wpAddressBox
{
padding: 5px 5px 10px 5px
}
.wpContinueButton
{
padding-top:10px;
text-align:right;
width:80%;
}
.miniSummary
{
color: #4B4B4D;
font-size: 12px;
line-height: 16px;
}
.miniSummary td
{
padding-bottom: 6px;
}
.miniSummaryTable
{
font-size:16px;
}
.miniSummary h1
{
font-size:18px;
color: #4B4B4D;
font-family: Arial,Sans-Serif;
font-weight: bold;
margin: 0 0 15px;
padding: 0;
width: 100%;
}
.miniSummary h2
{
font-size:12px;
font-weight:bold;
width:100%;
color:#666666;
margin-bottom:5px;
border-bottom: 1px solid #B0B0B0;
padding-bottom: 2px;
}
.wpButtonLeft
{
position:relative;padding:0; margin:0;
width:300px;
float:left;
text-align:left;
padding:20px 0px 0px 5px;
/*border:solid 1px black;*/
}
.wpButtonRight
{
position:relative;padding:0; margin:0;
width:300px;
float:left;
text-align:right;
padding:20px 5px 0px 0px;
/*border:solid 1px black;*/
clear:right;
}
.signInBox, .yourdetailsEditAddress
{
float: left;
padding: 15px 0;
border-top: solid 2px #B0B0B0;
border-bottom: solid 2px #B0B0B0;
width: 290px;
position: relative;
height: 300px;
}
.signInBox h2, .yourdetailsEditAddress h3, .yourdetailsBox h3
{
color: #4B4B4D;
font-family: Arial,Sans-Serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 15px;
padding: 0;
width: 100%;
}
.yourdetailsEditAddress
{
width: 100%;
position: relative;
font-size: 12px;
height: auto;
}
.yourdetailsBox
{
float: left;
width: 290px;
position: relative;
}
.yourdetailsBox h3
{
padding-bottom: 10px;
border-bottom: solid 2px #B0B0B0;
}
.yourdetailsBox h4
{
color: #4B4B4D;
font-family: Arial,Sans-Serif;
font-size: 12px;
font-weight: bold;
margin: 0 0 15px;
padding: 20px 0 5px;
width: 100%;
border-bottom: solid 1px #B0B0B0;
}
.yourdetailsBox hr
{
border: none;
border-bottom: solid 1px #B0B0B0;
width: 100%;
margin: 20px 0 20px 0;
height: 1px;
padding: 0;
}
a.yourDetailsActionLink, a.yourDetailsActionLinkRed
{
display:block;
padding: 0 0 5px 15px;
background-image: url(/App_Themes/Summer2010/images/icons/breadcrumb.gif);
background-position: 0px 2px;
background-repeat: no-repeat;
}
a.yourDetailsActionLink:link
{
color: #333;
}
a.yourDetailsActionLinkRed
{
color: #EA1800;
font-weight: bold;
background-image: url(/App_Themes/Summer2010/images/homecook/panconfigurator/read-more-arrow.jpg);
}
/*How2*/
.ppaneltxt { width:959px;
}
.ptxt1 { background:url(/cmscontent/imageshow2/page__06.gif) no-repeat; height:97px;
}
.ptxt2 { background:url(/cmscontent/imageshow2/page__08.gif) no-repeat; height:98px;
}
.ptxt3 { background:url(/cmscontent/imageshow2/page__10.gif) no-repeat; height:94px;
}
.ptxtins { padding-left:130px;
}
.ptxtinspad1 { padding-top:40px;
}
.ptxtinspad2 { padding-top:20px;
}
/*CS for Product Range page*/
/*Tabs*/
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #d7d7d8;
border-left: 1px solid #d7d7d8;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #d7d7d8;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #efefef;
}
ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 14px;
padding: 0 20px;
/*border: 1px solid #fff; --Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}
ul.tabs li a:hover {
background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff;
/*border-bottom: 1px solid #fff; --Makes the active tab look like it's connected with its content--*/
background:url('/images/rangetab.gif')left top repeat-x;
}
.tab_container {
border: 1px solid #d7d7d8;
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
}
.tab_content {
padding:10px 10px 10px 30px;
font-size: 12px;
}
.rangeCode
{
}
.rangeQtyTextbox
{
width:50px;
border:solid 1px #666666;
}
.rangeImage{ width:80px;}
.rangePartOfImage{ width:110px;}
.rangeText{ font-size:12px;}
.rangeinnerpanel h2{text-align:left; font-weight:bold; margin-bottom:10px;color:Red;}
.rangeinnerpanel h3{text-align:left; font-weight:normal; margin-bottom:10px; color:black; font-size:12px;}
.rangeLink{text-decoration:none;color:Black;}
.rangePartOfLink{text-decoration:none; font-size:12px; color:Black;}
/*JQuery Rounded corner*/
.leftRoundboxOuter, .roundedOuter
{
border: 2px solid #B0B0B0;
background-color:#F3f3f3;
}
.leftRoundboxInner, .roundedInner
{
background-color:#fafafa; padding:15px;
}
.CartShippingDdl{height:25px; max-width:180px; width:180px; vertical-align:middle;}
.spinnerButton{background-color:Transparent; border:solid 1px #c3c3c3; padding:0; height:18px;}
.errorStar{font-size:18px; font-weight:bold; padding:0px 5px 0px 3px; color:Red;}
.redText{color:Red; font-size:12px;}
/*New Main navigation System*/
/* coupons */
div.CouponsList
{
height: auto;
overflow: hidden;
}
span.ToggleCouponListDiv
{
cursor:hand;
cursor:pointer;
color: Blue;
text-decoration: underline;
}
/* sage pay */
iframe.frameSagePay
{
border: none;
width: 620px;
height: 500px;
}
div.sagepay-customerpage
{
font-family: Arial,Verdana,Sans-serif;
font-size: 11px;
margin: 30px auto 0;
padding: 0;
width: 100%;
}
div.sagepay-customerpage h3
{
width: 100%;
text-align: center;
font-weight: bold;
padding: 30px 0 40px;
background-color: #efefef;
font-size: 13px;
}
div.sagepay-buttons
{
clear: both;
height: 50px;
padding: 40px 0;
}
div.sagepay-buttons input
{
float: left;
}
div.sagepay-buttons input.right
{
float: right;
}
/***************** all products page ****************************/
table.allProductsTable td
{
padding: 0 10px 20px 0;
vertical-align: top;
}
/*----------- for product list filter------------ */
.productfilter{
padding-left:20px;
}
.productfilter table{
width:300px;
}
.productfilter tr {
}
.productfilter td {
padding-left :0px;
color : black;
width:100px;
}
.productfilter td input{
color: black;
}
.productfilter td label{
background-color: white;
margin-left:5px;
color: black;
}
/*
##########################################
# VERTICAL SCROLLER
##########################################
*/
.scroll-pane
{
overflow: auto;
min-height: 1px;
}
.scroll-pane-overflow
{
overflow: hidden;
position: relative;
min-height: 1px;
}
.jScrollPaneContainer
{
position: relative;
z-index: 1;
min-height: 1px;
}
/* SCROLLBAR CSS
=============================*/
.jScrollPaneTrack, .jScrollPaneDrag, .jScrollPaneDragTop, .jScrollPaneDragBottom, .jScrollArrowUp, .jScrollArrowDown
{
position: absolute;
}
.jScrollPaneTrack
{
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background-color: #666666;
}
.jScrollPaneDrag
{
cursor: pointer;
overflow: hidden;
z-index: 5;
}
.jScrollPaneDragTop
{
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom
{
bottom: 0;
left: 0;
overflow: hidden;
}
.jScrollArrowUp, .jScrollArrowDown
{
display: block;
z-index: 1;
text-indent: -165px;
overflow: hidden;
height: 9px;
}
.jScrollArrowUp
{
top: 0;
right: 0;
}
.jScrollArrowUp:hover
{
}
.jScrollArrowDown
{
bottom: 0;
right: 0;
}
.jScrollArrowDown:hover
{
}
.jScrollActiveArrowButton, .jScrollActiveArrowButton:hover
{
}
/*
******************************************
* VR SCROLLER TYPE 1
******************************************
*/
.vr-scroller-typ1 .scroll-pane
{
height: 320px;
padding: 10px;
padding-right: 0;
}
.vr-scroller-typ1 .scroll-pane-overflow
{
height: 320px;
}
/*--------------------------------------*/
.vr-scroller-typ1 .jScrollPaneTrack, .vr-scroller-typ1 .jScrollPaneDragTop, .vr-scroller-typ1 .jScrollPaneDragBottom, .vr-scroller-typ1 .jScrollPaneDrag
{
background: url(../../images/vr-scrollbar.png) no-repeat;
}
.vr-scroller-typ1 .jScrollPaneDrag
{
background-repeat: repeat-y;
background-position: 0 0;
right: -1px;
}
.vr-scroller-typ1 .jScrollPaneDragTop
{
height: 3px;
background-position: -21px 0;
}
.vr-scroller-typ1 .jScrollPaneDragBottom
{
height: 3px;
background-position: -21px -13px;
}
.vr-scroller-typ1 .jScrollPaneTrack
{
background-repeat: repeat-y;
background-position: -39px 0;
right: -12px;
}
/*
******************************************
* VR SCROLLER TYPE 3
******************************************
*/
/* root element for scrollable */
.vr-scroller-box .vr-scroller-typ3 .vertical
{
/* required settings */
position: relative;
overflow: hidden; /* vertical scrollers have typically larger height than width */
min-height: 165px;
width: 220px;
}
.disp-4 .vr-scroller-typ3 .vertical
{
min-height: 165px;
border-width:0px;
}
.disp-5 .vr-scroller-typ3 .vertical
{
height: 980px;
}
/* root element for scrollable items */
.vr-scroller-box .vr-scroller-typ3 .items
{
position: relative; /* this time we have very large space for height */
height: 165px;
margin: 0px;
}
/* single scrollable item */
.vr-scroller-box .vr-scroller-typ3 .items .box-typ15
{
margin-bottom: 4px;
border: 1px solid #d5d5d5;
background: #ffffff;
}
.vr-scroller-box .vr-scroller-typ3 .items .box-typ15 .item-box
{
width: 204px;
height: 45px;
padding: 7px;
font-size: 11px;
}
/* elements inside single item */
.vr-scroller-box .vr-scroller-typ3 .items .box-typ15 img
{
height: 55px;
width: auto;
}
.vr-scroller-box .vr-scroller-typ3 .items h3
{
margin: 0px 0 5px 0;
font-size: 12px;
color: #456;
font-weight: bold;
padding-top: 8px;
font-family: "Trebuchet MS";
text-transform: uppercase;
color: #000000;
line-height: 1.19;
}
/* the action buttons above the scrollable */
#actions
{
margin: 0px 0 10px 0;
}
.vr-scroller-box .vr-scroller-typ3
{
position: relative;
padding: 0px;
text-align: center;
}
.vr-scroller-box .vr-scroller-typ3 .previousbtn, .vr-scroller-box .vr-scroller-typ3 .nextbtn
{
background: url(/images/vr-scroller-arrows.png) no-repeat;
width: 15px;
height: 6px;
text-indent: -9999px;
font-size: 0px;
display: block;
cursor: pointer;
margin: 1px 100px 3px 103px;
}
.vr-scroller-box .vr-scroller-typ3 .previousbtn
{
background-position: 0 0;
top: 0px;
}
.vr-scroller-box .vr-scroller-typ3 .nextbtn
{
background-position: 0 -16px;
bottom: 0px;
}
.vr-scroller-box .vr-scroller-typ3 .prevPage, .vr-scroller-box .vr-scroller-typ3 .nextPage
{
font-size: 11px;
cursor: pointer;
color: #666;
}
.prevPage:hover, .nextPage:hover
{
}
.disabled
{
visibility: visible;
}
.nextPage
{
}
.previousbtn.disabled { visibility:hidden;}
.nextbtn.disabled { visibility:hidden;}
/*====================================================== css for the rollover basketbox =========================================*/
.basket{
width:115px;
*margin-top:-25px;
}
div#links .basket .basketbox
{
display: none;
margin: 0px;
}
.header
{
padding: 0px;
display: block;
}
.header span
{
display: inline-block;
margin-right: 10px;
vertical-align: middle;
font-weight: bold;
color: #acadb2;
}
div#links .basket:hover .basketbox
{
background: url(/images/bg-basket-box.gif) repeat-x left bottom #ffffff;
display: block;
position: absolute;
border: 1px solid #cecece;
width: 220px;
left: 0px;
top: -5px;
padding: 5px;
z-index: 999999;
color: #656364;
text-align: center;
clear: both;
margin: 0px;
margin-left:-1px;
}
.box-qty
{
display: block;
background-color: #d5d5d5;
padding: 2px 0px 4px;
position: relative;
min-height: 12px;
font-size: 11px;
}
.box-qty .qty
{
left: 20px;
position: absolute;
}
.box-qty .price
{
right: 20px;
position: absolute;
color: #d52412;
}
.box-btn
{
background: url(../images/basket-btn.gif) no-repeat left top;
display: inline-block;
overflow: hidden;
cursor: pointer;
border: 0px;
vertical-align: top;
}
.basketbtn
{
background-position: left top;
width: 95px;
height: 23px;
margin-right: 36px;
}
.checkoutbtn
{
background-position: left -33px;
width: 85px;
height: 23px;
right: 5px;
}
/* ============================================== Css for the Empty Cart Display =============================================*/
.div-emptycart
{
height: 161px;
border: 1px solid #D5D5D5;
width: 217px;
}
.div-emptycart-box
{
position: relative;
text-align: center;
height: 50px;
clear: both;
}
.div-emptycart-box-imagebox
{
height: 20px;
padding-top: 40px;
padding-bottom: 20px;
clear: none;
}
.div-emptycart-text span
{
text-align: center;
font-size: 1em;
}
.div-emptycart-text hr
{
margin-left:25px;
margin-right:25px;
}
/*=========================CSS for Extandable Content for the product===================*/
.share-button {
position:absolute;
top:0px;
left:0px;
display:inline-block;
width:auto;
}
.pos-rel {
position:relative;
min-height:25px;
}
.productPage div.productExpandableContent h4
{
text-align:right;
border-bottom: solid 0px #b0b0b0;
font-size: 11px;
color:#8f8f8f;
background-image : url(/App_Themes/Summer2010/images/homecook/product/arrow-list-heading-closed.jpg);
background-position: right 5px;
cursor:pointer;
margin-left:-25px;
padding-right:25px;
padding-bottom: 0px;
padding-top:-3px;
background-repeat :no-repeat;
padding-top:4px;
}
.productPage div.productExpandableContent h4.open-bdr {
background-image: url("/App_Themes/Summer2010/images/homecook/product/arrow-list-heading-open.jpg");
background-repeat :no-repeat;
}
div.productExpandableContent div.content-bdr {
border-top: solid 2px #b0b0b0;
display:none;
margin-top: 0px;
padding-top:5px;
font-size: 12px;
line-height: 20px;
padding-left: 50px;
}
.mrg15-B
{margin-bottom:15px;}