@import url(../css/nav.css);
/* CSS Document for toffee.com.au */

html { height: 100%; }

body, div, form, input, p, h1, h2, h3, h4 {padding:0; margin:0;}

#mainNav ul, #mainNav li, #slide-show ul, #slide-show li, #subNav ul, #subNav li, #tp1 ul, #tp1 li {padding:0; margin:0;} 

h2 {
  color: #a41e2b;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 20px;
}
h3 {
  margin-top: 10px;
  color: #a41e2b;
}
.lighterHeader {
  color: #b56273;
}

body, div, form, input, fieldset, legend, h2 {line-height: 1;}

body, p, div, select, input, textarea {font:12px/1.4 Arial, Helvetica, Verdana;}

body p {padding: 5px 0; clear: left;}

#printHeader {display: none;}

body {
	color: #616161;
	background:url("../images/bg.jpg") left top repeat-x #8d0424;
	text-align: center;
	height: auto;
}

#frame {
	margin: 0 auto;
	text-align: left;
	width: 946px;
	background-color: #fff;
}

/* Top Banner Styles */

#banner {
	height: 262px;}

#logo {position: absolute;}

/* Navigation */

#mainNav {
	height: 35px; 
	margin-top: 5px;
}

/* Main Structure */

#bodyHold {
	margin: 20px 35px 20px 35px; 
	min-height: 360px;
	height: auto !important;
	height: 360px;
	}

/* Homepage */

#homeContent {
	float: left;
	width: 340px;
	margin-top: 10px;
}

#homeContent p { color: #880220;}
#homeFlash {
	float: right;
	width: 510px;
	height: 270px;
	margin-top: 15px;
	}

/* Collection */

#collection {width: 390px; margin-right: 40px; float: left;}

#slide-show ul#slide-images{
	position:relative;
	display:block;
	width: 444px;
  float: left; 
  margin-top: 15px;
	height: 259px;
	/* overflow:hidden;*/ 
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	background-color:#fff;
}

#slide-images li img {
	border: 1px solid #adadad; 
	padding: 2px;
	display:block;
	background-color:#fff;
	width: 444px;
	height: 259px;
}

#limitedEdition p {font:14px/2.0 Arial, Helvetica, Verdana;}

#collection p {font:14px/2.0 Arial, Helvetica, Verdana;}
.sectionLinkLeft p, .sectionLinkRight p, .sectionLinkRight ul {font:14px/2.0 Arial, Helvetica, Verdana;}
.collName {
	border-bottom:0 solid #A41E2B;
	color:#A41E2B;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:22px;
	padding-bottom:3px;
	padding-top:3px;
	text-align:left;
	border-bottom: 1px solid #fbc2ce;}

.collColours img {float: left; margin-right: 10px;}

.collNav {
	margin: 25px 0;
	height: 36px;
	background:url("../images/bg_collNav.gif") left top repeat-x;
}
.collNav img {float: right;}

.btnPrevious, .btnNext {
	display: block;
  width: 182px;
	float: left; 
	height: 36px; 
	background:url("/images/btn_previous.gif") left top no-repeat;
	padding: 0px;
	border: 0px;
	text-indent: -9000px;
}
.btnNext {background:url("/images/btn_next.gif") left top no-repeat;}

.btnPrevious:hover {background:url("/images/btn_previous_down.gif") left top no-repeat;}
.btnNext:hover {background:url("/images/btn_next_down.gif") left top no-repeat;}

.btnStore {
  display: block;
  width: 185px;
	float: right; 
	height: 36px; 
	background:url("/images/btn_store.gif") left top no-repeat;
	padding: 0px;
	border: 0px;
  text-indent: -9000px;
}
.btnStore:hover {background:url("/images/btn_store_down.gif") left top no-repeat;}

.sectionLinkLeft, .sectionLinkRight {
	float: left;
	width: 410px;
	
}

.sectionLinkRight {
	float: right;
}

.sectionLinkLeft p, .sectionLinkRight p {margin-top: 10px;}
.sectionLinkLeft p img, .sectionLinkRight p img{float: right;border: 1px solid #adadad; padding: 2px; margin-top: 5px;margin-left: 10px;}

/* Buy Online */

#hdrCurrency {
	float: right;
	width: 425px;
	}

.productHold {
	float: left;
	width: 	219px;
	min-height: 230px;
	height: auto !important; 
	height: 230px;
}

.productHold a {
	display: block;
	position: absolute;
	width: 211px;
	background:url("../images/arw.gif") 185px 175px no-repeat; height: 200px;}

.productHold a:hover {background:url("../images/btnView.gif") right bottom no-repeat;}
img.prodImg{
	border: 1px solid #adadad; 
	padding: 2px;
	margin-bottom: 10px;
	
	}

img.prodName {float: left;}
img.prodView {float: right;}

#hdrCurrency label {color: #b56273;
	font-weight: bold;
	margin-right: 15px;
	display: block;
	float: left;
	padding-top: 2px;
	width: 155px;
	text-align: right}

#hdrCurrency select {
	width: 150px;
	float: left;}

#country {float: left; width: 40px;}
#country img {float: right; padding: 2px 8px 0 0;}


.paypal {width: 93px;float: right; }

.basketInformation {
	width: 735px;
	float: left;
	height: 38px;
	margin-bottom: 20px;
	clear: both;
	padding: 0px 0 0 20px;
	color: #b56273;
	background:url("../images/bg-basket.gif") left top repeat-x #ccc;}

.basketInformation strong {color: #9a1c28;}

input.btnCheckout {
	background:url("../images/btn-checkout.gif") left top no-repeat;
	width: 108px;
	height: 30px;
	border: 0px;
  cursor: pointer;
	margin: 5px 0 0 175px; 
	}
input.btnViewcart {background:url("../images/btn_viewcart.gif") left top no-repeat;
	width: 108px;
	height: 30px;
	border: 0px;
  cursor: pointer;
	margin-top: 5px;}

/* Individual Product Pages */
#productInformation, #productSelection {float: left; }

#productInformation {
	width: 369px; 
	margin-right: 53px;
	}

#productSelection {
	width: 450px;}

.productMainPic {
  height: 275px;
  overflow: hidden;
}
.productMainPic img {
	display: block;margin: 0 auto;}

.productOrderForm select {
	width: 250px; 
	color: #880220; 
	font-weight: bold; 
	width: 258px; 
	margin-top: 6px;
	float: left;
	margin-right: 40px;}

.productOrderForm label {
	float: left; 
	padding-top: 10px; 
	color: #000; 
	font-weight: bold; 
	margin-right: 5px; 
	height: 20px;
	font-size: 11px;}
.productOrderForm input.txtProdQty { 
	float: left;
	width: 15px; 
	height: 15px; 
	color: #000; 
	margin: 7px 5px 0 0; 
	text-align: center;
	font-size: 11px;}
.productOrderForm input.btnAddCart { 
	width: 88px; 
	height: 28px;
	border: 0px;
	margin-top: 4px;
	text-indent: -9000px;
  cursor: pointer;
	background:url("../images/btn_addcart.jpg") left top no-repeat;}
.soldOutBanner {
  background:url("../images/sold_out.gif") left top no-repeat;
  width: 191px;
  height: 39px;
  position: relative;
  top: -170px;
  left: 130px;
}
.comingSoonBanner {
  background:url("../images/coming_soon.gif") left top no-repeat;
  width: 162px;
  height: 69px;
  position: relative;
  top: -180px;
  left: 160px;
}
 
/* Shopping Cart */

.cartButtons, .cartButtonsLg {
	height: 32px;
	padding-bottom: 10px;
	}
.cartButtonsLg {height: 83px;}

.cartLinks {height: 14px;width: 390px; margin: 13px auto 22px auto;}
.cartLinks img {float: left; }

.tblCart {
	width: 879px;
	clear: both;
	margin-bottom: 10px; }

.tblCart td, .tblCart th {
	border-right: 1px solid #cdcbcc;
	border-bottom: 1px solid #cdcbcc;
	vertical-align: top;
	}

.tblCart td.last, .tblCart th.last {border-right: 0px;}
.tblCart td.last {vertical-align: middle; text-align: center; padding-top: 0;}
.tblCart td {background:url("../images/bg-tblCell.gif") left top repeat-x; height: 102px; padding-top: 13px;}

.tblCart td.tblBot {
	background:url("../images/bg-tbl.gif") left top repeat-x; 
	height: 26px; border: 0px;
	padding-top: 0;}

.tblCart td.txtR {padding: 3px 15px 0 0;border-right: 1px solid #cdcbcc;  font-size: 13px;}
.tblCart td.cost {padding-left: 10px;color: #6f6f6f; font-size: 13px;}
.tblCart td.tblBot.cost { padding-left: 0px; color: #000;}
.tblCart td.tblBot.cost span {float: left; padding: 3px 0 0 13px;}
.tblCart td.product {color: #000; font-weight: bold; padding-left: 20px; font-size: 13px;}
.tblCart td.product img {float: left; margin-right: 23px;}
.tblCart td.quantity {padding-left: 23px;}
.tblCart label {
	float: left; 
	padding-top: 10px; 
	color: #000; 
	font-weight: bold; 
	margin-right: 5px; 
	height: 20px;
	font-size: 11px;}
.tblCart input.txtProdQty { 
	float: left;
	width: 15px; 
	height: 15px; 
	color: #000; 
	margin: 7px 5px 0 0; 
	text-align: center;
	font-size: 11px;}

.tblCart input.btnUpdate { 
	width: 87px; 
	height: 27px;
	border: 0px;
	margin-top: 4px;
	text-indent: -9000px;
  cursor: pointer;
	background:url("../images/btn_update.gif") left top no-repeat;}


.shipping {
	width: 465px;
	height: 85px;
	background:url("../images/bg-shipping.gif") left top no-repeat;
	margin: 15px auto;
	}

.shipping div {
	width: 280px; 
	float: left;
	display: inline;
	padding: 10px;
	color: #707070;
	font-size: 14px;
	line-height: 1.5
}

.shipping div.radio {width: 45px; padding: 35px 0 0 120px;}

.shipOptions {
	width: 433px;
	height: 85px;
	float: left;
	background:url("../images/bg-shipOptions.gif") left top no-repeat;
	margin-top: 15px;
	}

.shipOptions div {
	width: 338px; 
	float: left;
	display: inline;
	padding: 10px;
	color: #707070;
	font-size: 13px;
	line-height: 1.6
}

.shipOptions div.radio {width: 43px; padding: 35px 0 0 32px;}

.terms {
	font-size: 11px; 
	color: #000; 
	text-align: center; 
	padding-bottom: 10px;
	margin: 20px 0;}
p.terms a {color: #000; font-weight: bold; }


/* Details Table */

.tblDetails {
	width: 879px;
	clear: both;
	margin-bottom: 10px; }

.tblDetails td, .tblDetails th {
	border-right: 1px solid #e3e2e2;
	vertical-align: top;
	padding: 10px 0 7px 0;
	}
.tblDetails th {padding: 0; border-right: 0; border-bottom: 1px solid #e3e2e2;}
tr.col1 td { background-color: #fafafa;}
tr.col2 td { background-color: #efeeef;}

.tblDetails label {
	display: block;
	width: 120px;
	color: #000;
	font-weight: bold;
	float: left;
	margin: 0 10px 0 40px;
	line-height: 1;
	font-size: 13px;
	text-align: right;}
.tblDetails input {
	float: left;
	width: 220px; height: 15px;}

.tblDetails input.radio, .tblDetails input.radio2 {width: 20px;}	
.tblDetails input.radio2 {margin-left: 170px;}
.tblDetails span {
	color: #941432; 
	font-weight: bold; font-size: 16px;
	width: 5px;margin: 8px 0 0 5px;}

.tblDetails .cellTerms {padding-left: 250px; border-top: 1px solid #e3e2e2;}

.tblDetails .cellTerms label {
	margin: 0; 
	width: 160px; 
	text-align: left; }

.tblDetails .cellTerms span.terms {
	text-align: left;
	float: left; 
	width: 400px; 
	font-size: 13px; 
	color: #666; 
	line-height: 1; 
	margin: 2px 0 0 10px;}

.tblDetails .cellTerms span.terms a {color: #666; line-height: 1;}
.tblDetails input.chk {
	width: 20px; 
	float: left; 
	margin-top: 2px;}

.tblDetails .nopad {padding: 0px; border-right: 0px;}

.tblDetails .sameAdd {padding: 35px 0 35px 330px;}
.tblDetails .sameAdd input {width: 20px; margin: 0 10px 0 0;}
.tblDetails .sameAdd label{width: 300px; margin: 0; text-align: left; font-size: 13px; color: #666;}

/* Confirmation Pages */

.reviewOrder {color: #666; padding: 25px 100px 35px 100px;
	text-align: center;}
.reviewOrder strong {color: #8d0424;}

/* Confirmation Table */

.tblConf {
	width: 879px;
	clear: both;
	margin-bottom: 10px; }

.tblConf td, .tblConf th {
	border-right: 1px solid #e3e2e2;
	vertical-align: top;
	padding: 10px 0 4px 0;
	background-color: #f7f6f6;
	}
.tblConf th {padding: 0; border-right: 0; }
.tblConf .productRow td {background:url("../images/bg-tblCell.gif") left top repeat-x; }
.tblConf td.tblTop {padding: 0px; border-right: 0px;}
.tblConf td.last {border-right: 0px;}

.tblConf td.product {color: #000; font-weight: bold; padding-left: 20px; font-size: 13px;}
.tblConf td.product img {float: left; margin-right: 23px;}

.tblConf td.cost {padding-left: 10px; color: #666; font-size: 13px; font-weight: bold;}
.tblConf td.quantity {padding-left: 10px; font-weight: bold; color: #666;}

.tblConf td.nopad {padding: 0px; border-right: 0px;}
.tblConf td.shipPref {
	padding-left: 37px; color: #8d0424; font-weight: bold; font-size: 13px;
	background-color: #f5f3f4;
	border-bottom: 1px solid #e3e2e2;}

.tblConf td.shipPref span {color: #666;}

.tblConf td.shipDel, .tblConf td.shipDelInt, .tblConf td.orderTotal {
	color: #8d0424;
	font-weight: bold; 
	font-size: 13px; 
	padding-left: 10px;
	border-bottom: 1px solid #e3e2e2; background-color: #f5f3f4;}

.tblConf td.shipDelInt {color: #666;}
.tblConf td.orderTotal {text-align: right; padding-right: 10px; text-transform: capitalize; font-size: 13px;background-color: #e8e7e8;}
.tblConf td.blk {color: #000; background-color: #e8e7e8;}
.tblConf td.blk span {color: #666;}

/* General Display Styles */

.hdrColor {color: #880220}
.pinkLine {border-bottom: 1px solid #fadbde;}
.grey {color: #646464;}
div.clearer {
	height: 1px;
	line-height: 0em;
	clear: both;
	}

.floatL {float: left;}
.floatR {float: right;}
.noFloat {float: none;}
.txtR {text-align: right; }
.padme {margin: 10px;}
.nopad {margin: 0;}
.padR {margin-right: 10px;}
.padTop p {margin-top: 5px;}
.padBot {margin-bottom: 15px;}
.ctr {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

a img {border: none;  outline: none;}

/* Forms */

#homeContent form {margin-top: 10px;}

#homeContent input {
	width: 200px;
	height: 18px;
	float: left;
	margin: 4px 20px 0 0;
	padding: 2px 0 0 5px;
	color: #880220;}

#homeContent input.btnJoin {
	width: 85px;
	height: 33px;
	background:url("../images/btn_join.gif") left top no-repeat;
	border: 0px;
	float: left;
	margin: 0px;
  cursor: pointer;
	text-indent: -9000px;}


/* TYPOGRAPHY */

h1 {display: none;}

h2.h2Tagline {
	display: block;background:url("../images/tagline_hm.gif") left top no-repeat;
	width: 318px;
	height: 119px;
	text-indent: -9000px;
	margin-bottom: 35px;
	}

h2.h2buyOnline {
	display: block;
	background:url("../images/ttl_buyonline.gif") left top no-repeat;
	width: 255px;
	height: 23px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 20px;
	}
h2.h2Basket {
	display: block;
	background:url("../images/ttl_shopbasket.gif") left top no-repeat;
	width: 285px;
	height: 23px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 20px;
	}

h2.h2Details {
	display: block;
	background:url("../images/ttl-yourdetails.gif") left top no-repeat;
	width: 116px;
	height: 23px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 20px;
	}
h2.h2ShipDetails {
	display: block;
	background:url("../images/ttl_shipDetails.gif") left top no-repeat;
	width: 158px;
	height: 23px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 20px;
	}
h2.h2Conf {
	display: block;
	background:url("../images/ttl_confirmation.gif") left top no-repeat;
	width: 126px;
	height: 18px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 20px;
	}

h3.whatsnew{
	background:url("../images/ttl_whatsnew.gif") left top no-repeat;
	width: 244px;
	height: 18px;
	text-indent: -9000px;
	margin-bottom: 5px;
	}


a, a:link, a:visited, a:hover, a:active {
	color: #880220; 
	text-decoration: underline; 
	outline: none;}

a:hover, a:active {text-decoration: underline; cursor:pointer;}

/* Footer Styles */

#footer {
	padding: 25px 0px 5px 0px;
	min-height: 73px;
	height: auto !important;
	height: 73px;
	background:url("../images/bg-footer.gif") left bottom repeat-x #e1dedf;
	color: #7b5355;
	text-align:center;
	}

#footer a {
	color: #7b5355;
	text-decoration: none !important}

#footer p {font:10px/1.4 Arial, Helvetica, Verdana; color: #7b5355;}

#footer p.footerLinks {font:12px/1.0 Arial, Helvetica, Verdana;}

/*
WEBSITE BY WANTED...
*/

#wbw {
	margin: 0 auto;
	padding: 30px 0;
	width: 970px;
	color: #b15166;
	font-size: 9px;
	text-align: center;
}
#wbw-logo {
	padding-bottom: 8px;
}
#wbw-text {
	font-size: 9px;
}
#wbw a:link, #wbw a:visited {
	font-size: 9px;
	color: #b15166;
}
#wbw a:hover, #wbw a:active {
	color: #e4a9af;
}

/* FROM OLD SITE */

#menuInside {
    background-color: #e9e8e9;
    clear: both; 
    display: block; 
    width:900px;
    height:28px;
    padding: 0 0 0 0;  
}

#inlineTitleBar {

    display: block;
    width:100%;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 22px;    
    color: #a41e2b;
    border-bottom: 0px #a41e2b solid;
}



/*
*
*   NAVIGATION
*
*/
#mainNav {
    width: 100%;
    border-collapse: collapse;
}
#mainNav .link, #mainNav .linkCurrent {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    position: relative;
    text-decoration: none; 
    text-align:center;
    display: block;
    height: 34px;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    font-weight: bold;
    padding: 5px 4px 3px 4px;  
    background-image: url('/images/navigation_off.gif'); 
    background-position: top left;
    background-repeat: repeat-x; 
}
#mainNav .link:hover, #mainNav .linkCurrent {
    background-image: url('/images/navigation_on.gif');
    color: #F3B7C2;
}
#mainNav td {
    background-image: url('/images/navigation_separator.gif');
    background-repeat: no-repeat;
    background-position: top right;
    padding-right:2px;
}
#mainNav .last {
   background-image: none;
   padding: 0;
}
/*
*
*   CAROUSEL
*
*/
.switchOff, .switchOn {
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    margin-right: 3px;
}
.switchOff {
    background-image: url('/images/carousel_switchOff.gif');
}
.switchOn {
    background-image: url('/images/carousel_switchOn.gif');
}

#carouselContainer {
    width: 510px;
    height: 270px;
    border-collapse: collapse;
}
#carouselContainer td {
    padding: 0px;
}
#carouselContainer td.carouselImageContainer {
    height: 234px;
    width: 510px;
    background: transparent url('/images/loading.gif') center center no-repeat;
    overflow: hidden;
}
#carouselContainer td.carouselImageContainer a {
    display: none;
    width: 100%;
    height: 100%;
}
#carouselContainer td.carouselImageContainer a img {
    height: 234px;
    width: 510px;
}

#pressSpacer {
  margin-bottom:5px;
  padding:5px;
}
#retailListings {
  font-size:12px;
  line-height:1.5;
}

ul.listHome {
  list-style-image: url(/images/icon_home.png);
}
ul.listPage {
  list-style-image: url(/images/icon_page.png);
  margin-bottom: 7px;
}
ul.listProduct {
  list-style-image: url(/images/icon_product.png);
  margin-bottom: 7px;
}
ul.listHome li {
  line-height: 2;
}

.attentionHeading {
  color:#880220;
  font-weight: bold;
}
ul.warning {
  list-style-image:url(/images/bulletPointWarning.gif);
}