/*
	Cristiana Jewellery - Core Site stuff
	=====================================
	Author: Peter Vahaviolos [www.taledo.com.au]
	Born:	25/07/09
*/

html, body { margin:0; padding:0; height:100%; }
body {
	background:url(../images/bodyBg.jpg) top left repeat-x;
	font:62.5%/1.3 Tahoma, Arial, Geneva, sans-serif !important;
	color:#333333;
}

a:link {
	font-family: Tahoma, Arial, Geneva, sans-serif;
	color: #666666;
	text-decoration: none;
}

a:hover {
	font-family: Tahoma, Arial, Geneva, sans-serif;
	color: #666666;
	text-decoration: underline !important;
}

a:visited {
	font:100%/1.3 Tahoma, Arial, Geneva, sans-serif;
	color: #666666;
}

img a, a img { border:none; }
ul { list-style-type:none; margin:0; padding:0; }
h1, h2, h3, h4, h5, p { margin:0; padding:0; }

/* structure */
#wrapAll {
	width:900px;
	margin:0 auto;
	min-height:820px;
	height:auto !important;
	height:820px;
	padding:20px 0 80px 0;
	position:relative;
}

#header { position:relative; }
#header #logo { margin:0 0 30px 0; }
#headerTxt {
	height:220px;
	margin:0 0 20px -4px;
	background:url(../images/headerTxtMain.png) top left no-repeat;
}

#homeProductImage {
	position:absolute;
	top:16px;
	right:0;
	z-index: 1 !important;
}

/* Typography */
#sections h2 a,
#social p.ontubes,
p#btnBack a,
#navigationSC ul li a,
#navigationSS ul li a,
#navigationLE ul li a {
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	padding-left: 20px;
}

h3 { font-size:1.4em; margin:0 0 15px 0; }
p { font-size:1.2em; }

p#btnBack a {
	width:50px;
	height:11px;
	margin:0 0 15px 0;
	background:url(../images/btnBack.gif) top left no-repeat;
}
p#btnBack a:hover { background-position:-50px 0; }


/* navs */
#navProducts { margin:0 0 20px 0; }
#navProducts ul { list-style: none; }
#navProducts ul li { color: #000000 !important;}
#navProducts ul li a {
	color: #000000;
}

#navProducts ul li#navProd1 a { color: #cc0066!important; font-size: 18px; text-transform: uppercase; text-decoration: none; }
#navProducts ul li#navProd3 a { color: #000000; font-size: 14px !important; text-transform: uppercase; text-decoration: none; }
#navProducts ul li#navProd2 a { color: 757373!important; font-size: 18px; text-transform: uppercase; text-decoration: none; }
#navProducts ul li#navProd4 a { color: #2b48de!important; font-size: 18px; text-transform: uppercase; text-decoration: none; }

#sections { margin:0 0 25px 0; }

.contentModule a{
	margin:0 0 8px 0;
	color: #595858 !important;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
}

.contentModule a:hover{
	margin:0 0 8px 0;
	color: #939292 !important;
}


/* Home */
#social p.ontubes { 
	width:156px;
	height:18px;
	margin:0 0 3px 0;
	background:url(../images/ontubes.gif) top left no-repeat;
}

#social a {
	float:left;
	display:block;
	margin:0 5px 0 10px;
}

/* News + Publicity + Buy */
.contentModule { 
	width:430px; 
	position:relative;
	padding: 5px 0px 0px 10px;
}

.contentModule p { margin:0 0 15px 0; }
.contentModule { clear:both; }
.contentModule img { 
	float:left; 
	margin:0 5px 0 0;
}

/* All product pages (see themes for specific styling) */
#productPagesWrap {
	padding:20px 0 0 0;	
	position:relative;
}

#productInfo {
	padding:0 0 55px 0;	
}

/* product navs */
#btnMore { position:absolute; top:20px; right:0; }

#navigationSC ul li a,
#navigationSS ul li a,
#navigationLE ul li a { 
	height:20px; 
	width:240px;
	margin:0 0 4px 0;
}

/* SAINTLY CHARMING */
#navigationSC ul li a { background:url(../images/navSprite-SC.gif) no-repeat; }

#navigationSC ul li#item1 a { background-position:0 0; }
#navigationSC ul li#item2 a { background-position:0 -20px; margin:-4px 0 4px 0; }
#navigationSC ul li#item3 a { background-position:0 -46px; }
#navigationSC ul li#item4 a { background-position:0 -70px; }
#navigationSC ul li#item5 a { background-position:0 -94px; }
#navigationSC ul li#item6 a { background-position:0 -118px; }
#navigationSC ul li#item7 a { background-position:0 -142px; }
#navigationSC ul li#item8 a { background-position:0 -166px; }
#navigationSC ul li#item9 a { background-position:0 -190px; }
#navigationSC ul li#item10 a { background-position:0 -214px; }
#navigationSC ul li#item11 a { background-position:0 -238px; }
#navigationSC ul li#item12 a { background-position:0 -262px; }
#navigationSC ul li#item13 a { background-position:0 -286px; }

#navigationSC ul li#item1 a:hover,
#navigationSC ul li#item1 a.active { background-position:-240px 0; }
#navigationSC ul li#item2 a:hover,
#navigationSC ul li#item2 a.active { background-position:-240px -20px; }
#navigationSC ul li#item3 a:hover,
#navigationSC ul li#item3 a.active { background-position:-240px -46px; }
#navigationSC ul li#item4 a:hover,
#navigationSC ul li#item4 a.active { background-position:-240px -70px; }
#navigationSC ul li#item5 a:hover,
#navigationSC ul li#item5 a.active { background-position:-240px -94px; }
#navigationSC ul li#item6 a:hover,
#navigationSC ul li#item6 a.active { background-position:-240px -118px; }
#navigationSC ul li#item7 a:hover,
#navigationSC ul li#item7 a.active { background-position:-240px -142px; }
#navigationSC ul li#item8 a:hover,
#navigationSC ul li#item8 a.active { background-position:-240px -166px; }
#navigationSC ul li#item9 a:hover,
#navigationSC ul li#item9 a.active { background-position:-240px -190px; }
#navigationSC ul li#item10 a:hover,
#navigationSC ul li#item10 a.active { background-position:-240px -214px; }
#navigationSC ul li#item11 a:hover,
#navigationSC ul li#item11 a.active { background-position:-240px -238px; }
#navigationSC ul li#item12 a:hover,
#navigationSC ul li#item12 a.active { background-position:-240px -262px; }
#navigationSC ul li#item13 a:hover,
#navigationSC ul li#item13 a.active { background-position:-240px -286px; }

/* SILVER SPIRIT */
#navigationSS ul li a { background:url(../images/navSprite-SS.gif) no-repeat; }
#navigationSS ul li#item1 a { background-position:0 0; }
#navigationSS ul li#item2 a { background-position:0 -24px; }
#navigationSS ul li#item3 a { background-position:0 -46px; }
#navigationSS ul li#item4 a { background-position:0 -70px; }
#navigationSS ul li#item5 a { background-position:0 -94px; }
#navigationSS ul li#item6 a { background-position:0 -118px; }
#navigationSS ul li#item7 a { background-position:0 -142px; }
#navigationSS ul li#item8 a { background-position:0 -166px; }
#navigationSS ul li#item9 a { background-position:0 -190px; }
#navigationSS ul li#item10 a { background-position:0 -214px; }

#navigationSS ul li#item1 a:hover,
#navigationSS ul li#item1 a.active { background-position:-240px 0; }
#navigationSS ul li#item2 a:hover,
#navigationSS ul li#item2 a.active { background-position:-240px -24px; }
#navigationSS ul li#item3 a:hover,
#navigationSS ul li#item3 a.active { background-position:-240px -46px; }
#navigationSS ul li#item4 a:hover,
#navigationSS ul li#item4 a.active { background-position:-240px -70px; }
#navigationSS ul li#item5 a:hover,
#navigationSS ul li#item5 a.active { background-position:-240px -94px; }
#navigationSS ul li#item6 a:hover,
#navigationSS ul li#item6 a.active { background-position:-240px -118px; }
#navigationSS ul li#item7 a:hover,
#navigationSS ul li#item7 a.active { background-position:-240px -142px; }
#navigationSS ul li#item8 a:hover,
#navigationSS ul li#item8 a.active { background-position:-240px -166px; }
#navigationSS ul li#item9 a:hover,
#navigationSS ul li#item9 a.active { background-position:-240px -190px; }
#navigationSS ul li#item10 a:hover,
#navigationSS ul li#item10 a.active { background-position:-240px -214px; }

/* LIMITED EDITION */
#navigationLE ul li a { background:url(../images/navSprite-LE.gif) no-repeat; }
#navigationLE ul li#item1 a { background-position:0 0; }
#navigationLE ul li#item2 a { background-position:0 -24px; }
#navigationLE ul li#item3 a { background-position:0 -46px; }

#navigationLE ul li#item1 a:hover,
#navigationLE ul li#item1 a.active { background-position:-240px 0; }
#navigationLE ul li#item2 a:hover,
#navigationLE ul li#item2 a.active { background-position:-240px -24px; }
#navigationLE ul li#item3 a:hover,
#navigationLE ul li#item3 a.active { background-position:-240px -46px; }






/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */