/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 62%;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}


strong{
	font-weight: bold;
}

/* debug */
x_div{
	border: solid 1px #bfbfbf;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 852px;  
	margin: 0 auto;
	padding-top: 20px;
}
#Container { 
	padding-bottom: 15px;
	margin: 0 auto;
}
#Layout {
	width: 390px;
	clear: both;
	overflow: hidden;
	float: left;
	
}

#visuals{
	width: 451px;
	float: left;
	margin-left: 10px;
}

#Content {
	margin: 0;
	text-align: left;
}
/* HEADER
----------------------------------------- */
#Header { 
 	margin: 0 auto;
	overflow: hidden;
}
 	
img, a img{
	border: 0;
}
	
div#strapline{
	margin: 10px 0;
}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
	border-top: solid 1px #98cdff;
	overflow: hidden;
	margin-bottom: 30px;
}
	#Navigation ul { 
 		float: left; 
	}
#Navigation ul li { 
	list-style: none; 
	float: left;
	line-height: 2.3em;
	display: block;
}

#Navigation ul li a {
	font-family: "Trebuchet MS", Trebuchet, Lucida, sans-serif;
		/* color: #98cdff; */
		color: #55a9f8;
		text-decoration: none;
		text-transform: uppercase;
		/* font-size: 90%; */
		display: block; 
		height: 25px; 
		margin-right: 20px;
		text-indent: -999px;
	}

/* specific rules for image bgs */
#Navigation ul li a.home,
#Navigation ul li a.about-us,
#Navigation ul li a.location,
#Navigation ul li a.contact-us,
#Navigation ul li a.shop{
	background-position: top center;
	background-repeat: no-repeat;
}
/* nav images */
a.home{background-image: url(../img/home.gif); width: 55px;}
a.about-us{background-image: url(../img/about.gif); width: 85px;}
a.location{background: url(../img/location.gif); width: 84px;}
a.contact-us{background: url(../img/contact.gif); width: 102px;}
a.shop{background: url(../img/shop.gif); width: 106px;}

/* hover / active state images */
a.home:hover, a.home-current{background-image: url(../img/home-over.gif); }
a.about-us:hover, a.about-us-current{background-image: url(../img/about-over.gif); }
a.location:hover, a.location-current{background: url(../img/location-over.gif);}
a.contact-us:hover, a.contact-us-current{background: url(../img/contact-over.gif);}
a.shop:hover, a.shop-current{background: url(../img/shop-over.png);}

/* BREADCRUMBS
-------------------------------------------- */
/* breadcrumbs */
div#Breadcrumbs{
	font-size: 120%;
	color: rgb(45, 42, 85);
	margin-top: 26px;
}
div#Breadcrumbs a{
	color: rgb(108, 191, 219);
}

/* shop - auxiliary links */
#auxiliary{
	float: right;
	width: 145px;
	position: relative;
	top: -35px;
	left: 6px;
	text-align: right;
	color: #98cdff;
}

#Product #auxiliary{top: -51px;}

#auxiliary span{color: #000;}

#auxiliary a#cart, #auxiliary a.checkout, #cartBase a{
	display: block;
	float: left;
	margin-right: 3px;
	background-color: rgb(202, 0, 48);
	width: 60px;
	text-align: center;
	padding: 3px 4px;
	color: #fff;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Trebuchet, Lucida, sans-serif;
	letter-spacing: 0.5px;
}

#auxiliary a, #cartBase a{
	text-decoration: none;
}

#auxiliary a:hover, #cartBase a:hover{
	text-decoration: underline;
}

#cartBase a.checkout, #auxiliary a.checkout{
	background-color: rgb(52, 166, 35);
}

#auxiliary div{
	clear: left;
	text-align: left;
	margin-top: 28px;
}

#cartBase{
	margin: 15px 0 80px 0;
	float: right;
	
}

#cartBase a#backtoshop{
	width: 75px;
	background-color: rgb(0, 42, 85);
}

li.productItem {
	float:left;
	width:100px;
	height:225px;
	overflow:hidden;
	margin:10px 20px 0 0;
	list-style: none outside;
}

/* list item styles */
li.productItem p{
	color: rgb(0, 42, 85);
	margin: 8px 0;
}

li.productItem span.price_display{
	color: rgb(108, 191, 219);
}

li.productItem p.quantityBox{
	margin-top: 11px;
}



/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px 0 15px 70px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 1px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 70px;
	padding: 5px;
	color: #DC1313;
	border: 1px solid #FF7373;
	background: #FED0D0;
	
	display: block;
	width: 57%;
	clear: both;
}

p#ReadTermsAndConditions .required {
	float: right;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}


/* FOOTER
----------------------------------------------- */

#Footer { 
 	clear: both;
	border-top: solid 1px #98cdff;
	width: 852px;
	margin-bottom: 30px;
}
	
	
#Footer p { 
	color: #00457c;
	padding-top: 4px;
	font-size: 9px;
}
#Footer a {
	font-family: "Trebuchet MS", Trebuchet, Lucida, sans-serif;
	letter-spacing: 0.5px;
	text-decoration: none;
}
#Footer a:hover {
	text-decoration: underline;
}

/* footer nav */
#Footer ul{
	text-align: right;
	float: right;
	width: 366px;
	position: relative;
	top: -16px;
	background-color: #98cdff;
	padding: 5px;
}

#Footer ul, #Footer ul li{
	display: inline;
}

#Footer ul li a{
	display: block;
	float: left;
	text-transform: uppercase;
	border-right: solid 1px #fff;
	color: #00457c;
	text-decoration: none;
	font-size: 85%;
	font-weight: bold;
	padding: 0 7px;
}

#Footer ul li a.last{
	border: 0;
}

#Footer ul li a:hover{
	text-decoration: none;
	color: #fff;
}
/* image fader http://snook.ca/archives/javascript/simplest-jquery-slideshow */
#imageFader{
	position:relative;
	width:450px; height:450px;
	}
	
#imageFader img {
	position:absolute; left:0; top:0; }
	}


/* webkit  tweaks */
@media screen and (-webkit-min-device-pixel-ratio:0){
	#Footer ul li a{
		font-size: 80%;
		font-weight: bold;
		padding: 0 3px;
	}
	
	#Footer ul{
		width: 330px;
		top: -16px;
	}
	
}