@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

/* =body */  
body{ background:#C7D2BA url(/candy/backtile.png) 50% 100px no-repeat;	color: #3B4860;	margin: 0 0 80px 0; }  

/* =general */
.accessibilityAid{ position: absolute;	left: -999em;	top: -999em; }

/* ==links */
a { color:#458366; text-decoration: underline; }
a:hover {  color: #3B4860; text-decoration: underline; }

h2 a, h2 a:link, h2 a:visited{ color: #3B4860; text-decoration: none; }
h2 a:hover{ text-decoration: none; }
	
/* =siteContainer */
div#siteContainer{ border: solid #b8c2b0; border-width: 0 1px 1px; width: 750px;	margin: 0 auto;	background: #fff;	position: relative;	overflow: hidden;	text-align:left; }
body#default div#siteContainer{ border: 1px solid #b8c2b0;; }
/* =branding */
div#branding{ height: 108px;	position: relative;	background: url(/candy/bg_branding.png) left bottom no-repeat; }

/* =logo */
div#logo{ position: absolute;	bottom: 15px;	left: 20px; z-index: 1000; }

/* =mainContent */
div#mainContent, div#contentWrap { display:inline;	width:480px;	float:right;		margin: 30px 30px 1.5em 0;	position: relative; }

div.jewelleryContent{ min-height: 500px;}

/* ==mainContent details */
div#products{ 	float: left; }
body#jewellery div#products{ margin-left: 0;	float: left; }

div.jewelleryContent ul{	list-style-type: none;	margin-left: 0;}

/* paragraph and list icons */
body#watches div#mainContent div#products p,body#watches div#mainContent div.productEntry p, body#watches div#mainContent div.productEntry ul li{ background: url(/candy/watchicon.png) 0 3px no-repeat;	padding-left: 15px; }

body#rings div#mainContent div#products p, body#rings div#mainContent div.productEntry p, body#rings div#mainContent div.productEntry ul li{ background: url(/candy/ringicon.png) 0 3px no-repeat;	padding-left: 15px; }

body#earings div#mainContent div#products p, body#earings div#mainContent div.productEntry p, body#earings div#mainContent div.productEntry ul li{ background: url(/candy/earicon.png) 0 3px no-repeat;	padding-left: 15px; }

body#necklets div#mainContent div#products p, body#necklets div#mainContent div.productEntry p,body#necklets div#mainContent div.productEntry ul li { background: url(/candy/neckicon.png) 0 3px no-repeat;	padding-left: 15px; }

body#gemstones div#mainContent div#products p, body#gemstones div#mainContent div.productEntry p, body#gemstones div#mainContent div.productEntry ul li{ background: url(/candy/gemicon.png) 0 3px no-repeat;	padding-left: 15px; }

body#other div#mainContent div#products p, body#other div#mainContent div.productEntry p, body#other div#mainContent div.productEntry ul li{ background: url(/candy/bullet.png) 0 3px no-repeat;	padding-left: 15px; }


div#mainContent p.pagination{	background: none !important;	padding-left: 0 !important;	float: left;	width: 100%;}

/* products */
div#products ul{
	margin: 0 ;
	padding: 0;
	list-style-type: none;
}
div#products li{ width: 130px;	float: left;	padding: 0 10px 0 0; min-height: 19em;	margin: 0 20px 10px 0;	position: relative; overflow: hidden;}

div#products li a img { vertical-align: middle;	border: 1px solid #bcbcbc;	background: url(/candy/ajax-loader.gif) 50% 50% no-repeat; float: left; margin: 0 0 5px; position: relative;}

div#products li a:hover span.flickrImage, div#products li a:hover img { border-color: #566073;}

div#products li a img { width: 125px;	height: 113px;  overflow: hidden;		border: 1px solid #bcbcbc; position: relative;}

xdiv#products li a span.flickrImage{ margin-left: -50px; margin-top: -40px;  border: none; position: relative;}

body#search a span.flickrImage{ float: left;	margin-right: 15px;	clear: left; }

div#products li p{ padding: 0 !important;	margin: 10px 0 0; width: 130px; background: none !important;}

div#products li a{ position: relative; font-size: 94%; text-decoration: none;	font-weight: normal; color: #3B4860; padding-left: 0;}

div.productEntry{ float: left;	width: 100%;	position: relative;}

div.productEntry span.flickrImage{ float: left; 	margin-bottom: 5px;}
div.productEntry div.productImage { width: 310px;	float: left; overflow: hidden; padding: 5px 5px 0;	border: 1px solid #bcbcbc;	margin-bottom: 15px;}
div.productEntry span.flickrImage img{ width: 310px;	float: left;}

div.productEntry div.productImage img{ float: left; margin-bottom: 5px;}

div.productEntry div.productImage span.flickrImage { margin-bottom: 0; }

div.productEntry p{ width: 300px;	float: left;}

/* == related products */
div.productEntry div#relatedProductsWrap{ width: 120px;	position: absolute;	top: 0;	right: 0;	height: 402px;		overflow: hidden;	}

div.productEntry div#relatedProducts{ height: 340px;	float: left;}

div.productEntry div#relatedProducts ul{ list-style-type: none;	margin: 0;}

div#mainContent div.productEntry div#relatedProducts ul li{ padding-left: 0;	background-image: none;}

div.productEntry div#relatedProducts li.relatedImage{ width: 98px;	height: 91px;	border: 1px solid #dae1d1;	float: none;	padding: 0;	margin-bottom: 10px;	position: relative;	overflow: hidden;	float: left;}

div.productEntry div#relatedProducts li.relatedImage img{ padding: 0;	margin: 0;	position: absolute;	top: -10px;	left: -10px;	border: none;		}

div.productEntry div#relatedProducts a span.flickrImage img{ width: 125px;	height: 113px; margin: 0!important;  }

div.productEntry div#relatedProducts li.relatedImage:hover { border-color: #3b4860;}

div.productEntry div#relatedProducts li h3{ position: absolute;	left: -999em;	top: -999em;}

div#mainContent a.itemEdit{
	background: url(/candy/application_form_edit.png) 0 3px no-repeat !important;
	padding: .2em 20px !important;
	float: left;
	margin-bottom: 1.5em;
	width: 310px;
}
div#mainContent div.productEntry a p.itemEdit {
	
}

/* =mainNavigation */
div#mainNavigation{ position: absolute;	width: 68%;	top: 75px;	right: 20px; }

/* ==mainNavigation details */
div#mainNavigation ul{ list-style-type: none;	display: inline;	float: left; }

div#mainNavigation ul li{ display: inline; }

div#mainNavigation ul li a{ padding: 0 10px;	float: left; }  

div#mainNavigation ul li a#navHome{ width: 55px;	height: 40px; }

div#mainNavigation ul li a#navHome:hover{ background: url(/candy/nav_homeHover.png) 50% 0 no-repeat; }

body#default div#mainNavigation ul li a#navHome{ background: url(/candy/nav_homeHover.png) 50% 0 no-repeat; }

div#mainNavigation ul li a#navJewellery{ width: 91px;	height: 40px; }

div#mainNavigation ul li a#navJewellery:hover{ background: url(/candy/nav_jewelleryHover.png) 50% 0 no-repeat; }

body#jewellery div#mainNavigation ul li a#navJewellery,body#watches div#mainNavigation ul li a#navJewellery,body#earings div#mainNavigation ul li a#navJewellery,body#necklets div#mainNavigation ul li a#navJewellery,body#rings div#mainNavigation ul li a#navJewellery,body#other div#mainNavigation ul li a#navJewellery{ background: url(/candy/nav_jewelleryHover.png) 50% 0 no-repeat; }

div#mainNavigation ul li a#navHistory{ width: 75px;	height: 40px; }

div#mainNavigation ul li a#navHistory:hover{ background: url(/candy/nav_historyHover.png) 50% 0 no-repeat; }

body#history div#mainNavigation ul li a#navHistory{ background: url(/candy/nav_historyHover.png) 50% 0 no-repeat; }

div#mainNavigation ul li a#navContact{ width: 78px;	height: 40px; }

div#mainNavigation ul li a#navContact:hover{ background: url(/candy/nav_contactHover.png) 50% 0 no-repeat; }

body#contact div#mainNavigation ul li a#navContact{ background: url(/candy/nav_contactHover.png) 50% 0 no-repeat; }

div#mainNavigation ul li a#navNews{ width: 56px;	height: 40px; }

div#mainNavigation ul li a#navNews:hover{ background: url(/candy/nav_newsHover.png) 50% 0 no-repeat; }

body#news div#mainNavigation ul li a#navNews, body#archives div#mainNavigation ul li a#navBlog{ background: url(/candy/nav_newsHover.png) 50% 0 no-repeat; }

div#mainNavigation ul li a#navBlog{ width: 56px;	height: 40px; }

div#mainNavigation ul li a#navBlog:hover{ background: url(/candy/nav_newsHover.png) 50% 0 no-repeat; }

body#blog div#mainNavigation ul li a#navBlog{ background: url(/candy/nav_newsHover.png) 50% 0 no-repeat; }


/* =secondaryNavigation */
#secondaryNavigation{	width:170px;	margin:0 0 40px 40px;	padding-top:65px;	position: relative;}

/* ==secondaryNavigation details */
#secondaryNavigation li{list-style:none; }

#secondaryNavigation h3,#secondaryNavigation h3 a,#secondaryNavigation h3 img {	margin: 0;	padding: 0;}

#secondaryNavigation h3 img{ padding: 0 5px 0 0;	margin: 0;}

#secondaryNavigation ul{	margin: 0 0 0 0;	padding: 0;}

#secondaryNavigation ul li a{	display:block;	width:171px;	text-decoration:none;	color: #95b8a7;	padding: .15em 0;	font-weight: 500;}

#secondaryNavigation ul li a:hover,body#watches li.navWatches a,body#jewellery li.navAllJewellery a,body#rings li.navRings a,body#earings li.navEarings a,body#necklets li.navNecklets a{ color: #627a71; }

div#secondaryNavigation ul li a{ padding-left: 15px; }

div#secondaryNavigation ul li a,div#secondaryNavigation ul#mainJewelleryNav li.nav-jewellery a,body#jewellery div#secondaryNavigation ul li a:hover,div#secondaryNavigation ul#mainJewelleryNav li.nav-jewellery a:hover{ background: url(/candy/bullet.png) 0 50% no-repeat ; }

div#secondaryNavigation ul#newsNav li a{ background: url(/candy/bullet.png) 0 .4em no-repeat ; }

div#secondaryNavigation ul#newsNav li a:hover{ background: url(/candy/bullet.png) 0 .4em no-repeat ; }

div#secondaryNavigation ul#blogNav li a{ background: url(/candy/bullet.png) 0 .4em no-repeat ; }

div#secondaryNavigation ul#blogNav li a:hover{ background: url(/candy/bullet.png) 0 .4em no-repeat ; }

div#secondaryNavigation li.rssSubscribe a{ background: url(/candy/feed_small.png) 0 50% no-repeat !important; }

body#watches div#secondaryNavigation ul li a,div#secondaryNavigation ul#mainJewelleryNav li.nav-watches a, body#watches div#secondaryNavigation ul li a:hover,div#secondaryNavigation ul#mainJewelleryNav li.nav-watches a:hover{ background: url(/candy/watchicon.png) 0 50% no-repeat ; }

div#secondaryNavigation ul#mainJewelleryNav li.nav-rings a,body#rings div#secondaryNavigation ul li a, div#secondaryNavigation ul#mainJewelleryNav li.nav-rings a:hover,body#rings div#secondaryNavigation ul li a:hover{ background: url(/candy/ringicon.png) 0 50% no-repeat ; }

body#earings div#secondaryNavigation ul li a,div#secondaryNavigation ul#mainJewelleryNav li.nav-earings a, body#earings div#secondaryNavigation ul li a:hover,div#secondaryNavigation ul#mainJewelleryNav li.nav-earings a:hover{ background: url(/candy/earicon.png) 0 50% no-repeat ; }

body#necklets div#secondaryNavigation ul li a,div#secondaryNavigation ul#mainJewelleryNav li.nav-necklets a, body#necklets div#secondaryNavigation ul li a:hover,div#secondaryNavigation ul#mainJewelleryNav li.nav-necklets a:hover{ background: url(/candy/neckicon.png) 0 50% no-repeat ; }

body#gemstones div#secondaryNavigation ul li a,div#secondaryNavigation ul#mainJewelleryNav li.nav-gemstones a,body#gemstones div#secondaryNavigation ul li a:hover,div#secondaryNavigation ul#mainJewelleryNav li.nav-gemstones a:hover{ background: url(/candy/gemicon.png) 0 50% no-repeat ; }

/* site search */
div#siteSearch{ position: absolute;	top: 5px;	right: 5px; }

div#siteSearch legend{ position: absolute;	left: -999em;	top: -999em;	display: none; }

div#siteSearch fieldset{ border: none; background: none; }

div#siteSearch label { display:block;	text-indent:-999em;	height:20px;	width:50px;	float:left;	padding-right:10px;	background: url(/candy/search.png) 0 50% no-repeat;	}	

div#siteSearch button { width: 20px;	height: 20px;	background: #fff url(/candy/go.png) 0 50% no-repeat;	border: none;	text-indent: -999em;	cursor: pointer; }

div#siteSearch input{ background: #bfcabc;	border: 1px solid;	border-color: #95A48E #E4E9E2 #E4E9E2 #95A48E;	padding:2px; }

/* =siteInformation */
div#siteInformation{ clear: both;	background: url(/candy/foot.png) no-repeat;	padding: 1.5em 0;	}

/* ==siteInformation details */
div#siteInformation p{ text-align: center; color: #8f97a4; }

div#siteInformation a{color: #8f97a4; }

div#siteInformation a:hover{color: #3B4860; }

div#siteInformation ul{ list-style-type: none;	text-align: center;	color: #8f97a4; }

div#siteInformation li{ display: inline;	border-right: 1px solid #8f97a4;	padding-right: 5px; }

div#siteInformation li.rssSubscribe a{ background: url(/candy/feed.png) 0 50% no-repeat;	padding: .4em 0 .4em 20px; }
div#siteInformation li.rssSubscribe{ border-right: none; }

/* =page specific */

/* =welcome */
body#default { background-position: 50% 380px; }

body#default div#siteContainer{ margin-top: 40px; }
body#default div#branding{ margin-top: 340px;	background: url(/candy/bg_branding.png) no-repeat; }

body#default div#logo{top: 40px;	left: 40px; }

body#default div#mainContent{ width: 320px;	margin-top: -360px;	font-size: .96em;	line-height: 1.8; margin-left: 10px; }

body#default div#mainNavigation{ width: 58%;	top: 314px;	}

body#default div#siteSearch{ top: 355px; }

/* ==slideshow */
div#slideshow{ width: 365px;	height: 280px;	position: absolute;	top: 15px;	left: 15px;	background: url(/images/bg_slideshow.jpg) no-repeat; }

/* ==history */ 
div#contentWrap{background: #4E4D6A;	margin-top: 40px; }

body#history div#mainContent{  width:405px;  margin: 20px 15px;	color: #fff;	float: left;	padding: 20px 20px 0;	border: 1px solid #5a5875; }

body#history h1{ text-transform: uppercase !important;	width: 80%;	font-size: 1.3em; }


/* ==news section */
body#news div#mainContent ol{	margin-left: 3em;}

body#news div#mainContent ul{	list-style-type: none;	margin-left: 1.5em;}

blockquote{	margin-left: 1.5em;	padding-left: 10px;	border-left: 2px solid #c7d2ba;}

body#news div#mainContent ul li{ background: url(/candy/bullet.png) 0 50% no-repeat;	padding-left: 18px;}

p.readMore a{ background: url(/candy/newspaper_go.png) 0 50% no-repeat;	padding-left: 20px; }

div.newsEntry{ background: url(/candy/divider.png) 50% 100% no-repeat; padding-bottom: .5em; margin-bottom: 1.5em; }

p.posted{font-weight: bold;	color: #939aa7; }

body#news div#mainContent img{padding: 5px;	border: 1px solid #bcbcbc; }


/* ==blog section */
body#blog div#mainContent ol{
	margin-left: 3em;
}
body#blog div#mainContent ul{
	list-style-type: none;
	margin-left: 1.5em;
}
body#blog div#mainContent ul li{
	background: url(/candy/bullet.png) 0 4px no-repeat;
	padding-left: 18px;
}
div.blogEntry{ background: url(/candy/divider.png) 50% 95% no-repeat;	padding-bottom: 1.5em; }

body#blog div#mainContent img{padding: 5px;	border: 1px solid #bcbcbc; }

/* == archives */
body#archives div#mainContent p strong{	color: #939aa7;}

/* ==search results */
body#search div#mainContent{padding-bottom: 3em; }

div.searchResult{ float: left;	clear: left;	margin-bottom: 1.5em;	background: #fcfcfc;	width: 93%;	padding: 10px;	border: 1px solid #edefee; }

body#search div#mainContent a img, body#search div#mainContent span.flickrImage{ float: left;	width: 100px; height: 93px; margin-right: 15px; }
body#search div#mainContent span.flickrImage img {margin:  0; }
body#search div#mainContent h2{ font-size: 1em; }

body#search div#mainContent h2 a{ text-decoration: underline;	color: #458366; }

body#search div#mainContent h2 a:hover{ color: #CC9999;	text-decoration: none; }

/* vcard */
div.vcard{ margin-bottom: 1.5em; }

div.org{ position: absolute;	left: -999em; }


/* =Pagination */
div.pagination{ float: left;	width: 100%;	margin: 1em 0 1.5em; }

div.pagination ul.productPagination{ display:inline;	list-style:none;	margin: -2px 0 0;	padding: 0;	float: left; }

div.pagination ul.productPagination li{ margin-right: .5em;	-webkit-border-radius: 3px; }

div.pagination ul.productPagination li,  div.pagination ul.productPagination li.emptyPag { display: inline;	float: left; }

div.pagination ul.productPagination li a{ background: #82958e;	padding: .2em .5em;	border: 1px solid #627a71;	color: #fff;	text-decoration: none;	-webkit-border-radius: 3px; }

div.pagination ul.productPagination li.current,  div.pagination ul.productPagination li.emptyPag{ padding: 1px .5em 0;	margin-top: -2px; }

div.pagination ul.productPagination li.emptyPag{ background: #a2b0ab;	text-decoration: line-through;	border: 1px solid #8a9c95;	color: #fff; }

div.pagination ul.productPagination li a:hover, div.pagination ul.productPagination li.current{ background: #3b4860;	color: #fff;	border-color: #242c3a;	text-decoration: none; }
	
div.pagination ul.productPagination li.current{ text-decoration: none; }


/* 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; }
.sIFR-hasFlash h1 { visibility: hidden;	font-size: 1.5em;	margin-left: 0 !important;	padding-left: 0 !important; }
/*.sIFR-hasFlash h2 { visibility: hidden;	letter-spacing: -9px;	font-size: 1.2em; }
.sIFR-hasFlash h3 { visibility: hidden;	letter-spacing: -6px;	font-size: 1.2em; }
.sIFR-hasFlash h4 { visibility: hidden;	letter-spacing: -5px;	font-size: 21px; }*/
.sIFR-hasFlash h5#pullquote { letter-spacing: -4px;	visibility: hidden;	font-size: 24px; }

/* comments */
body#blog div#mainContent h3 a, body#blog div#mainContent h3 a:link, body#blog div#mainContent h3 a:visited { color: #525d72; 	text-decoration: underline; }

body#blog div#mainContent h3 a:hover{ text-decoration: none; }

body#blog div#mainContent p.alert, body#blog div#mainContent p.rememberDetails{ float: left;	width: 100%; }

body#blog div#mainContent ul.comments_error{ margin-left: 0; }

body#blog div#mainContent ul.comments_error li{ background: none;	padding-left: 0;	margin-left: 0; }

div#cpreview h3{ margin-top: 1.5em;	padding-left: 20px;	background: url(/candy/comment.png) 0 50% no-repeat; }

p.commentInvite a{ padding-left: 20px;	background: url(/candy/comment.png) 0 50% no-repeat; }

div#comments{ padding-top: 1.5em;	margin-top: 1.5em; }

div#comments h3, div#comments h3 a { color: #525d72; }

div#comments div.odd, div#comments div.even, div#cpreview div.even, div#cpreview div.odd{ padding: 10px 10px 0 10px;	margin: .75em 0 0;	-webkit-border-radius: 5px; }

div#comments div.odd{ background: #f9fafa;	border: 1px solid #ebeeed;	padding: 10px 10px 5px 10px; }

div#comments div#cpreview div.even, div#comments div#cpreview div.odd{ background: #ffffe6;	border: 1px solid #e9e9d2;	padding: 10px 10px 5px 10px; }

div.callToAction{ width: 385px;	background: #ffffe6 url(/candy/information.png) 10px 10px no-repeat;	border: 1px solid #e9e9d2;	padding: 10px 10px 5px 30px;	margin-bottom: 1.5em; }

div.callToAction p{ padding: 0 0 5px 0;	margin: 0; }

div#comments div.gotrel h3{ padding-left: 20px;	background: url(/candy/bg_comment.png) 0 50% no-repeat; }

div#comments h2{ padding-left: 20px;	background: url(/candy/comments.png) 0 50% no-repeat; }

p#txpCommentInputForm{ padding: 10px 10px 10px 30px;	background: #ffffe6 url(/candy/accept.png) 10px 11px no-repeat;	border: 1px solid #d6ddda;	margin-top: 1.5em; }