/*
THEME NAME: Bholu
THEME URI: http://www.bholu.com/
DESCRIPTION: bholu theme
VERSION: 1.0
AUTHOR: Nick Boyce
AUTHOR URI: http://www.nickboyce.com/
TAGS: 
*/



/*******************
Reset
Pasted elements from http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css and http://yui.yahooapis.com/2.7.0/build/base/base-min.css
*******************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:75%/1.231 arial,helvetica,clean,sans-serif;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1{font-size:200%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}


@font-face {  
  font-family: "Helvetica Neue 45";  
  src: url(/wp-content/themes/bholu/fonts/helvetica-lt-45.eot); /* IE */  
  src: local("Helvetica Neue 45"), url(/wp-content/themes/bholu/fonts/helvetica-lt-45.ttf) format("truetype"); /* non-IE */  
}

/* 
light brown 666 
dark brown 333
*/


/*******************
HTML elements
*******************/

a {
	color: #333;
}
a:hover {
	color: #000;
}

body {
	padding:0;
	color: #333;
	background-position: bottom left; 
	/*background-image: url(http://dev.bholu.com/wp-content/themes/bholu/images/background-images/Page8.jpg);*/
	background-repeat: no-repeat; 
	background-attachment: fixed;
	-webkit-font-smoothing: antialiased;
}

blockquote {
	border-left: 3px solid #ccc;
	margin: 10px 0;
	padding: 0 10px; 
}

hr
{
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #666;
}


.button, input[type="submit"], input[type="reset"], input[type="button"], button {
	background-color: #333;
	color: white;
	padding:5px;
	border: 0;
	font-size: 135%;
}


/*******************
Structure
*******************/
#wrapper
{
    margin: 0 auto 0 auto;
    width: 970px;
}

.contentHolder /* Set up a page in which all content will be contained within columns */
{
	padding: 0px 0px 0px 15px;
}

.fullPage /* Full-width page with no columns */
{
	padding-right: 15px;
}

#container {}

#content {
	/*
	background-image: url(/wp-content/themes/bholu/images/bg.png);	
	*/
}


.basketLink {
	padding-top: 24px;
	text-align: right;
}

.imgHolder {
	text-align: right;
}



/*******************
Sidebar
*******************/

.sidebar {
	padding: 20px 0 15px 15px;
	font-family: "Helvetica Neue 45", Helvetica, Arial, sans-serif;
}

.sidebar .logo {
	height: 180px;
}

.sidebar a {
	text-decoration: none;
}

.sidebar a:hover {
	text-decoration: underline;
}

.sidebar ul.nav {
	margin: 0px 0 0 30px;
	font-size: 135%;
}

.sidebar li {
	list-style-type: none;
	margin-bottom: 0.5em;
}

.sidebar ul ul {
	margin: 5px 0 15px 15px;
	padding: 0;
	display: none;
}

.sidebar ul ul li {
	margin-bottom: 0;
	font-size: 12px;
}

/*******************
Footer
*******************/   
.footer {
	margin: 60px 0 20px 205px;
	width: 750px;
	border-top: 1px solid #ccc;
}

.footer .last {
	padding-right: 0;
}

.footer .footerBody {
	padding-top: 15px;
	color: #666;	
}
.footer .footerBody img {
	margin: 0 5px 0 5px;	
}

.footer a {
color: #666;	
}


/*******************
Columns
*******************/                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
.half-column {width: 80px; padding-right: 10px; float: left;}
.one-column {width: 180px; padding-right: 10px; float: left;}
.one-half-column {width: 270px; padding-right: 10px; float: left;}
.two-column {width: 370px; padding-right: 10px; float: left;}
.three-column {width: 560px; padding-right: 10px; float: left;}
.four-column {width: 750px; padding-right: 10px; float: left;}
.five-column {width: 940px; padding-right: 10px; float: left;}

.one-columnHolder {width: 190px; float: left;}
.two-columnHolder {width: 380px; float: left;}
.three-columnHolder {width: 570px; float: left;}
.four-columnHolder {width: 760px; float: left;}

/*******************
Font sizes
*******************/

h1, h2, h3 {
	font-weight: normal;
	font-family: "Helvetica Neue 45", Helvetica, Arial, sans-serif;
}

h1
{
	font-size: 200%; /* 24px */
	margin: 94px 0 1em 0;
}
h2
{
	font-size: 150%; /* 18px */
	margin-top: 0;
}
h3
{
	font-size: 125%; /* 16px */
}
h4, h5
{
	font-size: 115%; /* 14px */
}

.small
{
	font-size: 92%; /* 11px */
}

/*******************
Home
*******************/

.homeImg {
	text-align: center;
	min-height: 480px;
	padding: 0 0 20px 0;
}

.miniRepeater {
	background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
	background: -moz-linear-gradient(top, #eee, #fff);
}

.miniRepeater .imgHolder {
	height: 85px; width: 85px; float: left;
}

.miniRepeater .body {
	font-size: 10px;
	width: 85px; height: 75px; overflow: hidden; padding: 5px; float: right;
	color: #666;
}

.miniRepeater h3 {
	font-size: 12px;
	margin: 0 0 0.5em 0;
}

.miniRepeater h3 a {
	text-decoration: none;
}

.miniRepeater h3 a:hover {
	text-decoration: underline;
}


/*******************
Gallery
*******************/

.bholuGallery {
	background-color: #eee;
	border: 1px solid #ccc;
	text-align: center;
	margin: 0 0 15px 0;
}
	.bholuGallery .thumbHolder {
		background-color: #ccc;
	}

	.bholuGallery .thumbHolder dl {
		margin: 0;
	}

	.bholuGallery .thumbHolder dl dt {
		display: inline;
		float: left;
		margin: 0 10px 0 0;
	}


/*******************
Shop
*******************/

.productThumb {
	height: 250px;
	text-align: center;
}

	.productThumb .productTitle {
		margin: 0 0 5px 0;
	}

	.productThumb .compare-at-price {
		padding: 0 4px 0 0;
	}
	
	.productThumb .price {
		font-size: 125%;
	}	
	
	.currencyCode, .from {
		font-size: 90%;
		color: #666;
		line-height: 100%;
		padding: 0 0px 0 2px;
	}	

.productCategory {
	text-align: center;
	height: 230px;
}

	.productCategory img {
		width: 180px;
		height: 160px;
		margin: 0 0 5px 0;
	}

	.productCategory a.categoryTitle {
		font-weight: normal;
		text-decoration: none;
		font-size: 135%;	
	}

	.productCategory a.categoryTitle:hover {
		text-decoration: underline;
	}
	

.productOptions {
	padding: 10px 0;
}

.productOptions h2 {
	margin-top: 40px;
}

.productOption {
	padding: 0 0 10px 0;
}

	.productOption .radioButton {
		width: 25px;
		float: left;
		padding: 3px 0 0 0;
	}

	.productOption .optionText {
		width: 150px;
		float: left;
	}
	
.productOptions .addToCart {	
	width: 100%;
}
.productOptions .stockists {
	padding-top: 10px;
}	

.productOption .productTitle {
	font-size: 125%;
}

.productOption .price {
	font-size: 125%;
}

.productOption .USDPrice {
	font-size: 90%;
	color: #666;
	font-style: italic;
}

.productImage {
	margin: 0 0 10px 0;
}

.compare-at-price, del {
	color: #990000;
	text-decoration: line-through;
}

.soldOut {
	color: #666;
	font-size: 90%;
}

.cross-sells, .as-seen {
	margin-top: 30px;
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc;
}


.enlarge {
	padding: 5px 0;
}


/*******************
Cart
*******************/
#cart .key {clear: both; width: 100%; background-color: #eee; }
#cart ul {margin: 0; padding: 0;}
#cart li {padding: 0 0 30px 0;}
#cart .cartBody {width: 270px;padding-right: 10px;float: left;}
	#cart .h3 {margin: 0 0 .5em 0; font-size: 135%;}
.checkout {background-color: #eee; border: 1px solid #ccc;padding: 15px;}
.checkoutLinks {margin: 0 0 15px 0;}
.checkoutLinks input {margin-left: 15px;}


/*******************
Stockists
*******************/
.locationList:hover {cursor: pointer;}
.locationList h2 {margin: 0 0 0.5em 0; padding: 0 0 0 15px; background-repeat: no-repeat; ; background: transparent url(/wp-content/themes/bholu/images/arrow-across.gif) no-repeat left center;}
.locationList h3 {margin: 0 0 0.5em 20px;}

#storeMap {width: 100%; height: 300px; display: none;}
.store {margin: 0 0 1em 0;}
.store .storeName {font-weight: bold;}
.store .country {display: none;}

.store h4 {display: inline; padding: 0 5px 0 0;}
.store .categories {display: inline; color: #666; font-size: 92%;}
.store .categories span {text-transform: uppercase; font-size: 10px; background: #eee; border: 1px solid #ccc; padding: 1px; margin-right: 3px;}
.store .nest {font-style: italic;}

/*******************
Generic
*******************/
.h1 {
	height: 70px;
	overflow: hidden;
}

.subtitle, .light {
	color: #666;
}



.smallItemHorizontal {}

	.smallItemHorizontal .imageHolder {
		width: 85px; 
		margin: 0 5px 10px 0; 
		float: left;
	}
	
	.smallItemHorizontal .textHolder {
		width: 80px; 
		float: left;
	}

.intro {
	font-size: 115%; /* 16px */
	line-height: 135%;
}



.tintbox {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 10px;
}


/*******************
Utilities
*******************/
.clearfix, .contentHolder {display: inline-block;}
.clearfix:after, .contentHolder:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.hidden {display: none;}
.show {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear {clear: both;}
p.first {padding-top:15px;}
p.second {padding-top:18px}
.hide {display:none;}
.floatLeft {float: left;}
.floatRight {float: right;}
.textLeft {text-align: left;}
.textCenter {text-align: center;}
.textRight {text-align: right;}
.fullWidth {width: 100%;}
.halfWidth {width: 50%;}
.noMargin {margin: 0;}
.noMargin-top {margin-top: 0;}
.noMargin-bottom {margin-bottom: 0;}
.noPadding {padding: 0;}
.white {color: White;}
.warning {color: #ff0000;}