/* --- Imports --- */
@import url('reset.css');
@import url('baseforms.css');
@import url('sIFR-screen.css');
@import url('jquery.jcarousel.css');


/* --- General --- */
html { background: #f7f4ef url('../images/core/bg.jpg') repeat 50% 0%; min-width: 940px; }

body {
  background: url('../images/core/body_bg.jpg') no-repeat 50% 0%;
  color: #71675f;
  font: 62.5%/1.8em Verdana, Tahoma, sans-serif;
}

#container {
  background: url('../images/core/container_bg.jpg') no-repeat 0 0;
  margin: 0 auto;
  width: 930px;
}

.clear { clear: both; display: block; height: 0; visibility: hidden; }
.hidden-form {padding:0; margin:0; display: hidden;}
label.error {display:block; color:#ff0000; font-size:.8em;}


/* --- Head --- */
div#head { background: url('../images/core/header_bg.jpg') no-repeat center bottom; height: 230px; position: relative; }

div#head h2#logo a {
  background: url('../images/core/logo.jpg') no-repeat 0 0;
  display: block;
  height: 129px;
  left: 592px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 36px;
  width: 338px;
}

div#head div.heart {
  background: url('../images/core/heart-trans.png') no-repeat 0 0;
  height: 114px;
  left: 0;
  position: absolute;
  top: 115px;
  width: 120px;
  z-index: 100;
}


/* --- Navigation --- */
div#head ul.navigation {
  left: 375px;
  position: absolute;
  top: 167px;
}

div#head ul.navigation li { float: left; }
div#head ul.navigation li a:hover { background-position: 0 -25px !important; }
div#head ul.navigation li a {
  display: block;
  height: 25px;
  overflow: hidden;
  text-indent: -9999px;
}

div#head ul.navigation li.home a { background: url('../images/navigation/home.jpg') no-repeat 0 0; width: 58px; }
div#head ul.navigation li.profile a { background: url('../images/navigation/profile.jpg') no-repeat 0 0; width: 61px; }
div#head ul.navigation li.product_catalogue a { background: url('../images/navigation/product_catalogue.jpg') no-repeat 0 0; width: 150px; }
div#head ul.navigation li.testimonials a { background: url('../images/navigation/testimonials.jpg') no-repeat 0 0; width: 105px; }
div#head ul.navigation li.faq a { background: url('../images/navigation/faq.jpg') no-repeat 0 0; width: 55px; }
div#head ul.navigation li.contact_us a { background: url('../images/navigation/contact_us.jpg') no-repeat 0 0; width: 96px; }


/* --- Body, Primary & Secondary --- */
div#body {
  background: #fff;
  border: 1px solid #dedede;
  border-bottom: 0;
  border-top: 0;
  margin: 0 30px;
  padding: 8px 19px;
  width: 830px;
}

div#body div#primary {
  float: right;
  width: 598px;
}

div#body div#secondary {
  float: left;
  margin-right: 20px;
  width: 210px;
}


/* --- Primary: General --- */
div#primary { font-size: 1.1em; }

div#primary h1, div#primary h2, div#primary h3, div#primary h4,
div#primary table, div#primary ul, div#primary ol, div#primary dl,
div#primary form, div#primary pre, div#primary code, div#primary p {
  margin-bottom: 1em;
}

div#primary h1 { color: #e8ca2d; font-size: 2em; font-weight: normal; }
div#primary h2 { color: #000; font-size: 1.8em; font-weight: normal; }
div#primary legend { margin-bottom: 1em; }
div#primary h3, div#primary legend { color: #000; font-size: 1.5em; font-weight: normal; }
div#primary h4 { color: #e8ca2d; font-size: 1.2em; font-weight: normal; }
div#primary h5 { color: #000; font-size: 1em; font-weight: bold; }

div#primary a { color: #df636f; text-decoration: underline; }
div#primary a:hover { color: #000; }

div#primary abbr { border-bottom: 1px dotted #999; cursor: help; font-style: italic; }
div#primary code { font-size: 1.2em; }

div#primary ul, div#primary ol { margin-left: 2em; }
div#primary ul { list-style-type: disc; }
div#primary ol { list-style-type: decimal; }
div#primary dt { font-weight: bold; }

div#primary table { border-collapse: collapse; width: 100%; }
div#primary table th, div#primary table td { border: 1px solid #999; padding: 4px; }
div#primary table th { text-align: left; }
div#primary table caption { color: #df636f; font-weight: bold; margin-bottom: 1em; }
div#primary table thead, div#primary table tfoot { background: #FCECF4; color: #df636f; }

div#primary img.content_penguin {
  float: left;
  padding: 1em;
  padding-right: 2em;
}

body.index div#primary h1 { color: #000; margin-top: 2.5em; }
body.index div#primary h1 span { color: #e8ca2d; font-family: Georgia, "Times New Roman", serif; font-size: 1.2em; }


/* --- Primary: Header --- */
body.index div#primary h1 {
  background: url('../images/core/primary_header_index.jpg') no-repeat 0 0;
  height: 25px;
  margin-left: 5em;
  text-indent: -9999px;
  width: 313px;
}


/* --- Primary: What's New --- */
div#primary div#whats_new {
  background: url('../images/core/primary_whats_new_no_javascript_bg.jpg') no-repeat 0 0;
  height: 220px;
  margin-bottom: 2em;
  padding: 20px;
  position: relative;
}

body.javascript-enabled div#primary div#whats_new {
  background: url('../images/core/primary_whats_new_bg.jpg') no-repeat 0 0;
  height: 160px;
  padding: 10px;
}

div#whats_new h2 {
  background: url('../images/core/primary_whats_new_no_javascript_header.jpg') no-repeat 0 0;
  display: block;
  height: 17px;
  text-indent: -9999px;
  width: 124px;
}

body.javascript-enabled div#whats_new h2 {
  background: url('../images/core/primary_whats_new_header.jpg') no-repeat 0 0;
  height: 23px;
  left: 443px;
  position: absolute;
  top: -31px;
  width: 135px;
}

div#whats_new h3 {
  border-bottom: 1px solid #e0d59d;
  display: block;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: .4em;
  padding-bottom: 3px;
}

div#whats_new ul.products {
  list-style: none;
  position: relative;
  left: 4px;
  margin: 0;
}

body.javascript-enabled div#primary div#whats_new div.jcarousel-container { height: 100%; width: 100%; }
body.javascript-enabled div#primary div#whats_new div.jcarousel-clip {
  height: 100%;
  left: 4px;
  overflow: hidden;
  position: relative;
  width: 574px;
}
body.javascript-enabled div#primary div#whats_new ul.products {
  left: 0;
  position: absolute;
  top: 0;
  width: 10000px;
}

div#whats_new ul.products li {
  background: #fff;
  border: 1px solid #e0d59d;
  display: block;
  float: left;
  height: 160px;
  margin-right: 5px;
  text-align: center;
  width: 180px;
}

body.javascript-enabled div#primary div#whats_new ul.products li {
  margin-right: 12px;
}

div#whats_new a.highlight:hover { border-color: #C0C1C0; }
div#whats_new a.highlight {
  display: block;
  height: 158px;
  width: 158px;  
  line-height: 158px;
  margin: 0 auto;
  overflow: hidden;
  padding: 1px;
  text-align: center;
}

div#whats_new a.highlight img {vertical-align: middle;}

div#whats_new input.add_to_cart {
  background: url('../images/core/primary_whats_new_tag.gif') no-repeat right center;
	border: none;
	color: #df636f;
	font-size:11px;
	width:42px;
  padding-right: 20px;
}
input.add_to_cart:hover {color: #000 !important;}

div#whats_new ul.navigation { list-style: none; margin: 0; }

div#whats_new ul.navigation li.previous a { background: url('../images/core/primary_whats_new_previous.jpg') no-repeat 0 0; left: -9px; }
div#whats_new ul.navigation li.next a { background: url('../images/core/primary_whats_new_next.jpg') no-repeat 0 0; left: 591px; }
div#whats_new ul.navigation li a {
  height: 52px;
  margin-top: -26px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  width: 16px;
}

div#primary div#whats_new p{margin:0 0 2px 0;}


/* --- Primary: Testimonials --- */
div#primary .testimonials .testimonial { margin-bottom: 2em; padding-bottom: 40px; }
div#primary .testimonials .testimonial blockquote { padding: 0 10px; }
div#primary .testimonials .testimonial p.author { font-weight: bold; margin-right: 10px; text-align: right; }


/* --- Primary: FAQ --- */
div#primary ul.faqs { list-style: none; margin-left: 0; }
div#primary ul.faqs li { margin-bottom: 2em; }
div#primary ul.faqs li h5.question {
  color: #e8ca2d;
}
div#primary img#faq_penguin { float: right; margin: 0 0 2em 1em; }


/* --- Primary: Product Catalogue --- */

body.product_catalogue div#primary div.categories {
  background: #F9FAEC;
  border: 1px solid #ECE8D6;
  overflow: hidden;
  margin-bottom: 2em;
  padding: 20px;
  zoom: 1;
  width: 523px;
}

body.product_catalogue div#primary div.categories h3 {
  color: #443F3A;
  font-size: 1.1em;
  font-weight: normal;
}

body.product_catalogue div#primary div.categories ul { list-style: none; margin: 0; }
body.product_catalogue div#primary div.categories ul li a {
  display: block;
  float: left;
  width: 185px;
}

body.product_catalogue div#primary div.products ul { list-style: none; margin-left: 0; }
body.product_catalogue div#primary div.products ul li {
  border: 1px solid #CAC8C7;
/*  border-bottom: 1px solid #f2f0ef;*/
  border-top: 0;
  margin-bottom: 2em;
  margin-top: -1px;
  margin-right:10px;
  overflow: hidden;
  padding-bottom: 20px;
  position: relative;
  zoom: 1;
  float:left;
  display:inline;
  width:180px;
  height:220px;
  text-align:center;
}

body.product_catalogue div#primary div.products ul li h3 {
  background: #F2F0EF;
  border: 1px solid #CAC8C7;
  border-left: 0;
  border-right: 0;
  font-size: 1.1em;
  font-weight: normal;
  height: 40px;
  overflow: hidden;
  padding: 5px 20px;
}

body.product_catalogue div#primary div.products ul li .thumbnail {
  width: 160px;
  height: 110px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  line-height: 110px;
}

body.product_catalogue div#primary div.products ul li .thumbnail img {vertical-align: middle;}

body.product_catalogue div#primary div.products ul li h3 a {
  display: block;
  height: 40px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
}

body.product_catalogue div#primary div.products ul li h4 {
  color: #DF636F;
  height: 18px;
  left: 160px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 20px;
  width: 100px;
}

/* -- New Category Page -- */
body.product_catalogue div#primary div.product_categories ul { list-style: none; margin-left: 0; }
body.product_catalogue div#primary div.product_categories ul li {
  background: url('../images/core/primary_product_bg.gif') repeat-y 0 0;
  border-bottom: 1px solid #f2f0ef;
  margin-bottom: 2em;
  margin-top: -1px;
  margin-right:10px;
  overflow: hidden;
  padding-bottom: 20px;
  position: relative;
  zoom: 1;
  float:left;
  display:inline;
  width:280px;
  height:180px;
  text-align:center;
}

body.product_catalogue div#primary div.product_categories ul li h3 {
  background: #f2f0ef url('../images/core/primary_product_header_bg.jpg') no-repeat 0 0;
  font-size: 1.3em;
  font-weight: normal;
  height: 30px;
  overflow: hidden;
  padding: 20px 20px 10px 20px;
}

body.product_catalogue div#primary div.product_categories ul li h3 a {
  display: block;
  height: 40px;
  width: 240px;
}

body.product_catalogue div#primary div.products ul li a.thickbox:hover { border-color: #C0C1C0; }
body.product_catalogue div#primary div.products ul li a.thickbox {
  border: 5px solid #e6e6e5;
  display: block;
  height: 100px;
  margin: 0 auto 1em;
  overflow: hidden;
  padding: 1px;
  width: 100px;
}

body.product_catalogue div#primary div.products ul li input.add_to_cart {
  background: url('../images/core/primary_whats_new_tag.gif') no-repeat left center;
	border: none;
	color: #df636f;
  font-size: 11px;
  padding-left: 17px;
  width: 80px;
  margin-left: 8px;
  text-align: left;
  cursor: pointer;
  float:left;
  display: inline;
}

body.product_catalogue div#primary div.products ul li a.more_info {
  font-size: 11px;
  padding-left: 20px;
  line-height: 16px;
  text-align: left;
  text-decoration:none;
  background: url('../images/core/primary_more_info_tag.gif') no-repeat left center;
  float:right;
  margin-right: 8px;
  display:inline;
}

body.product_catalogue div#primary div.products ul li a.more_info:hover {
  color:#000;
}

body.product_catalogue div#primary div.products ul li p.price {
 clear:both;
 text-align:center;
 font-size:16px;
 padding: 0 0 5px 0;
 margin: 0;
}

body.product_catalogue div#primary div.products ul li p.special_price {
  font-size: 10px;
  color: #993138;
  text-decoration: line-through;
  margin: 0;
  padding: 0;
}

/* -- Primary: Product Detail --- */
body.product_detail div#primary div#product {
  margin-bottom: 2em;
  margin-top: -1px;
  overflow: hidden;
  position: relative;
  zoom: 1;
}

body.product_detail div#primary div#product div.primary {
  float: right;
  width: 400px;
}

body.product_detail div#primary div#product div.primary dl {
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  padding: 0;
  width: 400px;
  zoom: 1;
  margin: 20px 0;
}

body.product_detail div#primary div#product div.primary dl dd.price {color: #ff0000; font-size: 12px; font-weight: bold;}
body.product_detail div#primary div#product div.primary dl dd.price span.strike {text-decoration: line-through;}
body.product_detail div#primary div#product div.primary dl dd.price strong {color: #000; font-size: 14px; text-decoration: none !important;}

body.product_detail div#primary div#product div.primary dl dt,
body.product_detail div#primary div#product div.primary dl dd {
  padding: 8px 0;
}

body.product_detail div#primary div#product div.primary dl dt {
  border-top: 1px solid #ccc;
  color: #353436;
  float: left;
  margin: 0;
  width: 200px;
}

span.wrong {color:#f00; text-decoration:line-through; font-size:.9em;}
/* commented backslash hack for mac-ie5 \*/
body.product_detail div#primary div#product div.primary dt { clear: both; }
/* end hack */

body.product_detail div#primary div#product div.primary dl dd {
  border-top: 1px solid #ccc;
  float: left;
  margin: 0;
  width: 200px;
}

body.product_detail div#primary div#product div.secondary {
  float: left;
  display: inline;                              
  margin-right: 20px;                       
  width: 150px;                             
}                                           
                                            
body.product_detail div#primary div#product div.secondary a.highlight:hover img { border-color: #C0C1C0; }
body.product_detail div#primary div#product div.secondary a.highlight {
  height: auto;
  margin: 0 auto 10px;
  overflow: hidden;
  
}
body.product_detail div#primary div#product div.secondary a.highlight img {
  border: 2px solid #e6e6e5;
}

body.product_detail div#primary div#product div.primary input.add_to_cart {
  background: url('../images/core/primary_whats_new_tag.gif') no-repeat right center;
	border: none;
	color: #df636f;
	display: block;
  font-size: 1.1em;
	font-weight: bold;
  padding-right: 20px;
  cursor: pointer;
}

body.product_detail div#primary div#product input#product_quantity { padding: 0; width: 40px; }


/* --- Primary: Your Cart --- */
div#primary div.cart table th, div#primary div.cart table td {
  border-color: #f2f0ef;
  vertical-align: middle;
}

div#primary div.cart table input { padding: 0; }
div#primary div.cart table .delete_product { display: block; margin: 0 auto; padding-top: 2px; width: 12px; }
div#primary div.cart table td.cart_buttons { text-align: right; }

div#primary table.cart-heading {background: #FCECF4; color: #df636f; margin:0; padding:0; font-weight:bold;}
div#primary table.cart-foot {background: #FCECF4; color: #df636f;}
div#primary table.cart-body {margin:0; padding:0;}

div#primary td.name {width:40%;}
div#primary td.qty {width:16%;}
div#primary td.delete {width:4%;}
div#primary td.price {width:20%;}
div#primary td.sub-total {width:20%;}

/* --- Primary: Checkout --- */
div#primary div.checkout span.attention { color: red; }
div#primary div.checkout input.cc { width: 4em; }
div#primary div.checkout input.ccexpiry { width: 2em; }
.checkout form{
	display: inline;
	float: left;
	width: 230px;
}
.checkout form fieldset, .checkout form ol, .checkout form ol li{
	width: 230px;
}
.checkout form fieldset ol li label, .checkout form fieldset ol li input[type="text"], .checkout form fieldset ol li textarea{
	display: block;
	float: none;
	width: 200px;
}
.checkout #checkout-deets{
	display: inline;
	float: left;
	width: 340px;
}


/* --- Secondary: General --- */
div#body div#secondary a { color: #df636f; }
div#body div#secondary a:hover { color: #000; }


/* --- Secondary: Contact Us --- */
div#secondary div.contact_us {
  background: url('../images/core/secondary_contact_us_bg.jpg') no-repeat 0 0;
  height: 155px;
  margin-bottom: 10px;
  padding: 10px 20px;
  position: relative;
}

div#secondary div.contact_us h2 {
  background: url('../images/core/secondary_contact_us_header.jpg') no-repeat 0 0;
  display: block;
  height: 13px;
  margin-bottom: 1em;
  overflow: hidden;
  text-indent: -9999px;
  width: 88px;
}

div#secondary div.contact_us address { font-style: normal; }

div#secondary div.contact_us ul { list-style: none; margin-left: 0; }
div#secondary div.contact_us ul li { padding: 1px 0 1px 25px; }
div#secondary div.contact_us ul li.phone { background: url('../images/icon-phone.gif') no-repeat left center; }
div#secondary div.contact_us ul li.fax { background: url('../images/icon-fax.gif') no-repeat left center; }
div#secondary div.contact_us ul li.email { background: url('../images/icon-mail.gif') no-repeat left center; }

div#secondary div.contact_us a { text-decoration: underline; }

div#secondary div.contact_us a.email_us:hover { background-position: -210px 0; }
div#secondary div.contact_us a.email_us {
  background: url('../images/core/secondary_email_us_cta.jpg') no-repeat 0 0;'
  display: block;
  height: 46px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 129px;
  width: 210px;
}


/* --- Secondary: Cart --- */
div#secondary div#cart {
  background: url('../images/core/secondary_cart_bg.jpg') no-repeat 0 0;
  height: 35px;
  line-height: 35px;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0 10px;
  text-align: center;
  width: 190px;
}

div#secondary div#cart h2 { display: none; }
div#secondary div#cart a {
  font-weight: bold;
  margin-left: 5px;
  text-decoration: underline;
  text-transform: lowercase;
}

div#secondary div#cart .quantity { margin-right: 5px; }
body.javascript-enabled div#secondary div#cart .quantity { margin-right: 0; }
body.javascript-enabled div#secondary div#cart .quantity:after { content: ' | '; }


/* --- Secondary: Contact Us --- */
div#secondary div.product_catalogue {
  background: #e0dfde url('../images/core/secondary_product_catalogue_bg.jpg') no-repeat 0 0;
  padding: 18px 2px 2px;
  position: relative;
}

div#secondary div.product_catalogue h2 {
  background: url('../images/core/secondary_product_catalogue_header.jpg') no-repeat top center;
  display: block;
  height: 18px;
  margin-bottom: 1.5em;
  padding-left: 18px;
  overflow: hidden;
  text-indent: -9999px;
  width: 145px;
}

div#secondary div.product_catalogue ul { list-style: none; margin-left: 0; }
div#secondary div.product_catalogue ul li { display: inline; margin-top: -2px; }
div#secondary div.product_catalogue ul li a:hover { color: #7f383e; }
div#secondary div.product_catalogue ul li a {
  background: #fcfcfc url('../images/core/secondary_product_catalogue_heart.jpg') no-repeat 8% 50%;
  border-top: 2px solid #e0dfde;
  display: block;
  font-weight: bold;
  padding: 8px 25px 8px 45px;
  text-decoration: none;
}


/* --- Foot --- */
div#foot {
  background: url('../images/core/footer_bg.jpg') no-repeat 0 0;
  height: 80px;
  margin: 0 30px;
  padding: 22px 160px 0 20px;
  position: relative;
  width: 730px;
}

div#foot p.copyright { clear: left; }

body.javascript-enabled div#foot ul.navigation li { margin: 0; }
body.javascript-enabled div#foot ul.navigation li span { margin: 0 5px; }

div#foot ul.navigation li { float: left; margin-right: 12px; }
div#foot ul.navigation li a:hover { color: #000; text-decoration: underline; }
div#foot ul.navigation li a {
  color: #71675f;
  text-decoration: none;
  text-transform: lowercase;
}

div#foot a#site_created_by_webfirm {
  background: url('../images/core/webfirm_logo.jpg') no-repeat 0 0;
  display: block;
  height: 34px;
  left: 740px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 22px;
  width: 127px;
}