body { background: url(../images/body_blue.gif) repeat-x; font: 12px/18px Arial, sans-serif; color: #612818; letter-spacing: 1px; }

* { margin: 0; padding: 0; }
img { border: 0; }

table { border-collapse: collapse; }
td,th { font: 12px/18px Arial, sans-serif; }
input, select, textarea { font: 11px/13px Arial, sans-serif; color: #2C9FBA; letter-spacing: 0px; border: 1px solid #8EB3BC; margin: 0 5px 0 0; }
input { padding: 1px 2px; width: 135px; }
ul, ol { margin: 7px 0 17px 16px; }
p { margin: 0 0 14px 0; }
fieldset { border: 0; }
small { font: 11px/13px Arial, sans-serif; }


a { color: #ED2224; }
a:hover { color: #612818; }

h1 { font: normal 22px/26px Arial, sans-serif; background: #561908; color: #FFF; letter-spacing: 3px; padding: 5px; margin: 6px 0 30px 0; text-align: center; text-transform: lowercase; }
h2 { font-size: 18px; color: #EE2124; font-weight: normal; }
h3 { font-size: 14px; margin: 20px 0 0 0; }
h4 {  }
h5 {  }
h6 {  }

.clear { clear: both; height: 0; line-height: 0px; overflow: hidden; }

#wrapper { width: 960px; margin: 0 auto; position: relative; }

#logo { width: 180px; height: 139px; margin: 11px 0 207px 0; }
#logoHome { margin: 11px 0 0 0; float: left; }

/* homePage
------------------------------------------------------------------*/

#flashAnim { float: left; margin: 10px 20px 20px 20px; }
#skip { float: left; margin: 180px 0 0 0; }

#home { float: left; font: 12px/16px Arial, sans-serif; padding: 18px; background: #2CA0BB; width: 909px; min-height: 92px; overflow:hidden; }
#home ul { float: left; width: 180px; margin: 20px 0 0 0; list-style-type: none; }
#home li { margin: 0 0 20px 0; }
#home li a { color: #FFF; text-transform: uppercase; text-decoration: none; font: bold 14px/18px Arial, sans-serif; display: block; }
#home li a:hover { color: #FFF; text-transform: uppercase; text-decoration: none; font: bold 14px/18px Arial, sans-serif; display: block; }
.newsItem { background: #FFF; float: left; margin: 0 0 0 17px; padding: 6px; width: 333px; height: 82px; }
.newsItem img { float: left; margin: 0 15px 0 0; border: 1px solid #BEE2EA; }
.newsItem a { text-decoration: none; color: #561908; }
.newsItem a:hover { color: #EE2124; }

#language { float: right; margin: 50px 0 0 8px; letter-spacing: 0px; }
#language label { float: left; padding: 0 5px 0 0; }
#language select { font-weight: bold; color: #612818; width: 115px; }

/* leftNavigation
------------------------------------------------------------------*/
#leftNavigation { width: 195px; float: left; clear: both; }
#leftNavigation ul { list-style-type: none; margin: 0; }
#leftNavigation ul li { margin: 36px 0 0 0; }
#leftNavigation ul ul { margin: 20px 0; }
#leftNavigation ul ul li { margin: 0 0 6px 0; }
#leftNavigation ul.byDesigner { background: url(../images/border_dotted.gif) no-repeat bottom left; padding: 0 0 40px 0; }
#leftNavigation ul.byItem { padding-bottom: 0px; margin: 13px 0; }
#leftNavigation ul a { color: #2CA0BB; font: bold 13px/14px Arial; text-decoration: none; text-transform: uppercase; }
#leftNavigation ul ul a { color: #ED2224; font: bold 18px/24px Arial; text-transform: none; }
#leftNavigation ul li.active a, #leftNavigation ul a:hover { color: #612818; }

/* content
------------------------------------------------------------------*/
#holder { float: left; width : 570px; }

#content { width: 524px; min-height: 681px; float: left; background: #FFF; padding: 6px 6px 10px 6px; }
#content a#promo { position: absolute; top: 170px; right: 155px; color: #FFF; text-decoration: none; width: 90px; height: 60px; padding: 30px 15px; background: url(../images/bg_promo.png) no-repeat; text-align: center; letter-spacing: 0px;}#content a#promo strong { font: 30px/18px Arial, sans-serif; color: #FFF; }
#content a:hover#promo { color: #561908; cursor: hand; }
td.shadowLeft { background: url(../images/shadowLeft.png) no-repeat top left; width: 18px; }
td.shadowCenter { width : 536px; }
td.shadowRight { background: url(../images/shadowRight.png) repeat-y; width: 16px; }
td.shadowTop { background: url(../images/shadowTop.png) no-repeat top left; height: 16px; }
td.shadowBottom { background: url(../images/shadowBottom.png) no-repeat top left; height: 16px; }

#content fieldset { width: 380px; padding: 5px 0 20px 0; }
#content fieldset div { background: #DFEBED; margin: 0 0 3px 0; overflow: hidden; padding: 6px 5px; position: relative; }
#content fieldset div#addbutton,#content fieldset div#addbuttonnostock,#content fieldset div#buttonhrefdiv { padding : 0; }
#content fieldset label { font-weight: bold; display: block; float: left; color: #561908; width: 130px; }
#content fieldset legend { display: none; }
#content fieldset input, #content fieldset textarea { width: 220px; }
#content fieldset .required { display: block; float: right; color: #EE2124; font: bold 14px/18px Arial, sans-serif; }
#content fieldset a { font: 11px/12px Arial, sans-serif; color: #561A08; }
#content fieldset a:hover { color: #2CA0BB; }

#content .container { margin: 0 15px 10px 18px; }

/* -- everything product related -- */

#content.productRelated h1 { background: #EE2124; }

#content.productRelated fieldset#order { width: 340px; float: left; margin: 10px 0 10px 0; }
#content.productRelated fieldset#order label { width: 65px; }
#content.productRelated fieldset#order input, #content fieldset#order select { width: 140px; }
#content.productRelated fieldset div.value { background: none; margin: 0; padding: 0; }

#content.productRelated fieldset ul#swatches { float: right; margin: -4px 0 0 0; list-style-type: none; width: 100px; }
#content.productRelated fieldset ul#swatches li { float: left; display: block; padding: 5px 0 0 0; margin: 0 3px 2px 0; width: 16px; height: 16px; }
#content.productRelated fieldset ul#swatches li.active, #content fieldset ul#swatches li:hover { background: url(../images/arrow_activeSwatch.gif) no-repeat top center; }
#content.productRelated fieldset ul#swatches a { background: url(../images/overlay_swatches.png) no-repeat; display: block; float: left; width: 16px; height: 16px; }
#content.productRelated .description { float: left; width : 340px; }

#content .photo { float: left; margin: 0 15px 0 10px; width: 150px; text-align: center; font: 11px/12px Arial, sans-serif; }
#content .photo img { margin: 0 0 10px 0; }
#content .photo a { display: block; font: 11px/12px Arial, sans-serif; color: #561A08; }
#content .photo a:hover { color: #2CA0BB; }

#content #productOverview { width: 524px; margin: 0 0 15px 0; overflow: hidden; }
#content #productOverview .photo { margin: 0 10px 20px 12px; }
#content #productOverview .photo a { color: #EE2124; }
#content #productOverview .photo a:hover { color: #561A08; }

#content #cartOverview, #content #summary { width: 494px; margin: 0 auto 15px auto; overflow: hidden; }
#content #cartOverview .photo { margin: 30px 95px 20px 0; position: relative; }
#content #cartOverview .photo a { color: #EE2124; }
#content #cartOverview .photo a:hover { color: #561A08; }
#content #cartOverview .features { font-weight: bold; width: 145px; /*padding: 10px 0;*/ position: absolute; top: -30px; right: -95px; text-align: left; letter-spacing: 0px; }
#content #cartOverview .features td { font: 11px/12px Arial, sans-serif; }
#content #cartOverview .features a { font-weight: bold; color: #561908; }
#content #cartOverview .features a:hover { color: #EE2124; }
#content #cartOverview td.featuresTop { background: url(../images/bg_features_top.png) top center no-repeat; height: 25px; font-weight: bold; }
#content #cartOverview td.featuresLeft { background: url(../images/bg_features_left.png) repeat-y; width: 7px; }
#content #cartOverview td.featuresRight { background: url(../images/bg_features_right.png) repeat-y; width: 7px; }
#content #cartOverview td.featuresBottom { background: url(../images/bg_features_bottom.png) top center no-repeat; height: 27px; }
#content #cartOverview .itemName { display: block; color: #FFF; letter-spacing: 1px; padding: 7px 4px 0 12px; font: bold 12px/13px Arial, sans-serif; }
#cartOverview dl, #summary dl { overflow: hidden; }
#cartOverview dl { padding: 5px 0 0 0; background: #FFF; width:129px; }
#cartOverview dt, #summary dt { float: left; width: 51px; font-weight: normal; margin: 0 0 2px 0; }
#cartOverview dd, #summary dd { float: left; width: 74px; margin: 0 0 2px 0; font-weight: bold; }
#cartOverview h2, #summary h2 { clear: left; }

#summary .features { margin: 10px 8px 10px 0; width: 237px; float: left; }
#summary .features img { float: left; padding: 5px; margin: 0 7px 0 0; border: 1px solid #DFEBED; }

#summary .features dl { margin: 0; float: left; }
#summary .features dt { clear: left; width: 70px; }
#summary .features dd { width: 112px; }

#summary #shippingDetails { margin: 20px 0; }
#summary #shippingDetails dl { margin: 5px 0 20px 0; }
#summary #shippingDetails dt { clear: left; background: #DFEBED; margin: 0 0 3px 0; padding: 6px 5px; width: 120px; }
#summary #shippingDetails dd { background: #DFEBED; margin: 0 0 3px 0; padding: 6px 5px; width: 354px; }

#summary #grandTotal { background: #56B2C8; color: #FFF; margin: 0 0 20px 0; overflow: hidden; }
#summary #grandTotal table { padding: 10px; width: 50%; display: block; }
#summary #grandTotal table td { padding: 2px; }
#summary #grandTotal .overallTotal { background: #FFF; color: #56B2C8; }
#summary #grandTotal .value { text-align: right; font-weight: bold; }

#summary #methodPayment { overflow: hidden; }
#summary #methodPayment a { float: left; padding: 5px; margin: 5px 10px 10px 0; border: 1px solid #DFEBED; }
#summary #methodPayment a:hover, #summary #methodPayment a:hover.bankTransfer,#summary #methodPayment a.active { border-color: #2CA0BB; }
#summary #methodPayment .radio_payment{ padding : 10px 30px; float : left; margin : 25px 5px 0 0; }
#summary #methodPayment a.bankTransfer { display: block; height: 20px; padding: 15px 5px; border: 1px solid #DFEBED; }
#summary #methodPayment a.bankTransferactive { display: block; height: 20px; padding: 15px 5px; border: 1px solid #2CA0BB; }
#summary input { width: auto; }
#summary #textBankTransfer { clear: left; }

#content a.buttonAdd { padding: 9px; display: block; text-align:right; font: bold 12px/14px Arial, sans-serif; background: #2CA0BB; color: #FFF; text-decoration: none; }
#content a:hover.buttonAdd { color: #612818; }

#content #stepsCheckOut { width: 490px; margin: 0 auto; overflow: hidden; }
#content #stepsCheckOut a, #content #stepsCheckOut div { color: #FFF; text-decoration: none; font: bold 12px/14px Arial, sans-serif; display: block; padding: 2px 5px; background: #2CA0BB; white-space: nowrap; }
#content #stepsCheckOut a:hover { color: #2C9FBA; background: #D1E2E6; }
#content #stepsCheckOut a.back { float: left; }
#content #stepsCheckOut a.next { float: right; text-align: right; }
#content #stepsCheckOut a.print { float: left; text-align: right; margin: 0 92px; }
#content #stepsCheckOut a.confirm { float: right; text-align: right; background: #EE2124; }
#content #stepsCheckOut a:hover.confirm { color: #000; }
#content #stepsCheckOut div.total { background: none; color: #2CA0BB; float: left; text-align: center; width: 170px; }

#content.productRelated #itemsOverview { width: 434px; margin: 0 auto; overflow: hidden; }
#content.productRelated #itemsOverview .photo { margin: 0 20px 20px 15px; width: 180px; height: 176px; overflow: hidden; position: relative; }
#content.productRelated #itemsOverview .photo a { color: #ED2124; font: bold 18px/20px Arial, sans-serif; text-decoration: none; }
#content.productRelated #itemsOverview .photo a:hover { color: #561A08; }
#content.productRelated #itemsOverview .photo a.itemName { white-space: nowrap; width: 188px; height: 22px; padding: 6px; position: absolute; top: 95px; left: 0; background: url(../images/bg_designer_tag.png) no-repeat; }

/* -- everything designer related -- */

#content.designerRelated, #content.designerRelated p { color: #2CA0BB; font: 12px/16px Arial, sans-serif; }
#content.designerRelated p { margin-left: 12px; }
#content.designerRelated h1 { background: #2CA0BB; }
#content.designerRelated h2 { clear: both; margin: 40px 0 15px 11px; }
#content.designerRelated a { font-weight: bold; }
#content.designerRelated .website { color: #612818; font-weight: bold; margin-left: 12px; }

#content.designerRelated .photo { margin: 0 12px; width: 120px; }
#content.designerRelated #productOverview .photo { width: 150px; }
#content.designerRelated #productOverview a { font-weight: normal; color: #2CA0BB;  }

#content.designerRelated #designersOverview { width: 440px; margin: 0 auto; overflow: hidden; }
#content.designerRelated #designersOverview .photo { margin: 0 20px 20px 15px; width: 180px; height: 176px; position: relative; }
#content.designerRelated #designersOverview .photo a { color: #ED2124; font: bold 18px/20px Arial, sans-serif; text-decoration: none; }
#content.designerRelated #designersOverview .photo a:hover { color: #561A08; }
#content.designerRelated #designersOverview .photo a.designerName { white-space: nowrap; width: 188px; height: 22px; padding: 6px; position: absolute; top: 95px; left: 0; background: url(../images/bg_designer_tag.png) no-repeat; }

#content #prevNext { display: block; clear: left; width: 505px; height: 22px; margin: 0 auto; overflow: hidden; }
#content #prevNext a, #content #prevNext div { color: #2C9FBA; text-decoration: none; font: bold 11px/12px Arial, sans-serif; display: block; width: 100px; height: 12px; padding: 5px 0; }
#content #prevNext a:hover { color: #612818; }
#content #prevNext a.prev { float: left; }
#content #prevNext a.next { float: right; text-align: right; }
#content #prevNext a.all, #content #prevNext div.page { float: left; text-align: center; width: 299px;  }
#content #prevNext div.page { font-weight: normal; }
#content #prevNext div.page a { font-weight: bold; display: inline; background: #D1E2E6; padding: 5px; height: 13px; margin: 0 2px 0 0; }
#content #prevNext div.page a.active, #content #prevNext div.page a:hover { color: #FFF; background: #56B2C8; }

/* -- everything else -- */

#content.general, #content.general p, #content.general blockquote, #content.general dl { color: #2CA0BB; font: 12px/16px Arial, sans-serif; }
#content.general h1 { background: #561908; }
#content.general strong { color: #561908; }

#content.general blockquote { margin: 0 0 20px 0; padding: 10px 0; }
#content.general .date { color: #612818; font-weight: bold; padding: 0 0 2px 0; border-bottom: 1px solid #CCE2E6; }
#content.general .post { font-weight: bold; text-align: right; display: block; margin: 0 0 5px 0; }

#content.general #pressOverview { width: 524px; margin: 0 auto; overflow: hidden; }
#content.general #pressOverview .photo { margin: 0 10px 20px 12px; overflow: hidden; }
#content.general #pressOverview .photo a { color: #EE2124; }
#content.general #pressOverview .photo a:hover { color: #561A08; }

#content.general .pressSnaps { text-align: center; overflow: hidden; margin: 8px 0 0 0; }
#content.general .pressSnaps img { float: left; margin: 0 10px 0 0; }
#content.general .pressSnaps .largerView { font: 11px/12px Arial, sans-serif; clear: left; color: #EE2124; padding: 10px 0; }


#content.general #webShops, #content.general #retailShops { width: 230px; margin: 0 30px 0 0; float: left; }
#content.general #retailShops { margin: 0; }
#content.general #webShops dl, #content.general #retailShops dl { width: 230px; margin: 8px 0 15px 0; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #DFEBED; }
#content.general #webShops dt, #content.general #retailShops dt { float: left; width: 60px; font-weight: normal; margin: 0 0 2px 0; font-weight: bold; }
#content.general #webShops dd, #content.general #retailShops dd { float: left; width: 170px; margin: 0 0 2px 0; }

/* rightNavigation
------------------------------------------------------------------*/
#rightNavigation { width: 195px; float: right; overflow: hidden; }
#rightNavigation .title { text-transform: uppercase; font: bold 12px/12px Arial, sans-serif; background: url(../images/icon_chick_blue.gif) no-repeat; padding: 17px 8px 8px 8px; }
#rightNavigation .title span {  }
#rightNavigation ul { list-style-type: none; margin: 0 3px 0 8px; width: 85px; float: left; letter-spacing: 0px;font: 12px/14px Arial, sans-serif }
#rightNavigation li { margin: 0 0 7px 0; }
#rightNavigation a { color: #571A09; text-decoration: none; }
#rightNavigation a:hover, #rightNavigation li.active a { color: #EE2124; text-decoration: underline; }

#rightNavigation #language { float: none; }

#rightNavigation #cart { margin: 272px 0 0 0; }
#rightNavigation #cart #zero_items { margin: 0 0 0 8px; }
#rightNavigation #information { margin: 37px 0 0 0; }

#rightNavigation #cart ul { width: 195px; margin: 0 0 0 3px; float: none; overflow: hidden; }
#rightNavigation #cart ul li { float: left; width: 37px; height: 33px; margin: 0 5px 10px 5px; background: url(../images/bg_cartitem.gif) no-repeat; text-align: center; padding: 7px 5px; overflow: hidden; }
#rightNavigation #cart a.checkout { color: #2CA0BB; font-weight: bold; display: block; text-align: right; margin: 0 25px 0 0;}

#rightNavigation #music { clear: both; padding: 15px 0 0 0; }
#rightNavigation #music a { color: #2CA0BB; }
#rightNavigation #music .title { text-transform: none; font: 12px/12px Arial, sans-serif; background: url(../images/icon_chick_blue.gif) no-repeat; padding: 17px 8px 8px 8px; }


/* Payment zone */

#payment_zone{ position : relative; }
#payment_zone .ncol{ color: #FFF; text-decoration: none; font: bold 12px/14px Arial, sans-serif; display: block; padding: 2px 5px; background: #2CA0BB; width : auto; margin : 5px 0; }
#payment_zone .ncoltable3 small{ color : #fff; }
#payment_zone .bottom{ display : none; }
#payment_zone .ncoltable3 img{ display : none; }
#payment_zone .ncoltable1{ text-align: left; }
#payment_zone small{ color: #2CA0BB; font: 12px/16px Arial, sans-serif; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 14px;
	letter-spacing: 2px;
	width: 514px;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	line-height: 18px;
	letter-spacing: 2px;
}

.sIFR-hasFlash .title span { letter-spacing: 1px; }


.sIFR-hasFlash #home li {
	visibility: hidden;
	height: 14px;
}