/*	-------------------------------------------------------------
 	buddhatobuddha.com
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base stylesheet
 	Filename:		base.css
 	Version:		1.0
 	Date:			Sep 18 2009
 	-------------------------------------------------------------	*/



/*	-------------------------------------------------------------
 	Base HTML Styles
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	html {
	    height: 100%;
	    width: 100%;
	}
	
	body {
	    height: 100%;
	    width: 100%;
	    padding: 0;
	    margin: 0;
	    text-align: center;
	    font-family: Tahoma;
	    font-size: 11px;
		color: #333;
		background: url(../img/islands.jpg) top center no-repeat;
	}
	
	a {
		color: #f00;
	    outline: none;
	}
	
	img {
	    border: none;
	}

	
	
/*	-------------------------------------------------------------
 	Base HTML Styles
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#container {
		width: 960px;
		min-height: 300px;
		text-align: left;
		margin: 0 auto;
	}
	
/*	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#header {
		width: 100%;
		height: 95px;
		margin: 10px 0 13px 0;
		position: relative;
		background: url(../img/header-bg.png) top left no-repeat;
	}

	#header a#home-button  {
		width: 163px;
		height: 58px;
		display: block;
		position: absolute;
		top: 7px;
		left: 396px;
		text-indent: -999em;
	}
	
	#header a#login {
		height: 15px;
		width: 50px;
		line-height: 15px;
		text-decoration: none;
		text-align: center;
		border: 1px solid #c00;
		position: absolute;
		top: auto;
		left: auto;
		bottom: 8px;
		right: 8px;
		text-indent: 0;
		background: #f30000;
		color: #fff;
	}
	
	#header-menu {
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 70px;
		right: 60px;		
	}
	
	#header-menu li {
		float: left;
		margin: 0 10px;
	}
	
/*	Menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#menu-holder {
		width: 960px;
		height: 46px;
		background: #fff url(../img/menu-holder-bg.jpg) top left repeat-x;  
	}
	
	#menu-holder.tall {
		height: 65px;
	}
	
	#menu-center {
		max-height: 65px;
		min-height: 46px;
		position: relative;
		left: 50%;
		float: left;
	}
	
	#menu-holder ul {
		min-height: 30px;
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		left: -50%;
		background: url(../img/li-seperator.jpg) top left no-repeat;
	}
	
	#menu-holder li {
		height: 46px;
		position: relative;
		float: left;
		background: url(../img/li-seperator.jpg) top right no-repeat;
	}

	#menu-holder li ul {
		height: 19px;
		width: 250px;
		display: inline;
		position: absolute;
		top: 42px;
		left: 0;
		background: none;
	}
	
	#menu-holder li ul li {
		height: 19px;
		float: left;
	}
	
	#menu-holder li ul li a {
		height: 19px;
		line-height: 19px;
		font-size: 10px;
	}
		
	#menu-holder a {
		display: block;
		height: 31px;
		padding: 0 20px;
		line-height: 30px;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#menu-holder li.qm-startopen, #menu-holder a:hover {
		background: url(../img/menu-active-bg.png) top center no-repeat;
	}
	
	#menu-holder li li.qm-startopen {
		background: none;
	}

	#menu-holder li.qm-startopen li a, #menu-holder li li a {
		padding: 0;
		text-transform: lowercase;
		color: #999;
	}
	
	#menu-holder li.qm-startopen a, #menu-holder li li.qm-startopen a {
		color: #f00;
		background: #fff;
	}
	
	#menu-holder a:hover {
		color: #f00;
		background: #fffffe;
		
	} 
	
	
	
/*	-------------------------------------------------------------
 	Content
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	#content {
		width: 755px;
		min-height: 200px;
		margin: 0 auto;
		font-size: 12px;
		line-height: 16px;
		/*letter-spacing: 0.05em;*/
	}
	
	#content-template #content {
		width: 755px; 
	}
	
	#product-template #content {
		width: 640px;
	}
	
	#shop-template #content {
		width: 100%;
	}

	#shopfinder-template #content {
		width: 840px;
	}	
	
	#contact-template #content {
		width: 100%;
	}
	
	#news-template #content, #new-news-template #content {
		width: 100%;
	}
	
	#blocks-template #content {
		width: 100%;
	}
	
	#foto-template #content {
		width: 100%;
	}
	
	h1, h2, h3 {
		color: #f00;
		margin-top: 0;
		font-size: 16px;
	}
	
	#content-template h1, #content-template h2 {
		margin-bottom: 0;
	}
	
	#content .top {
		height: 7px;
		width: 100%;
		background: url(../img/content-top-bg.png) -4px 0 repeat-x;
	}

	#content .text {
		background: #fff;
		padding: 20px 20px 5px 20px;
	}

	#content .bottom {
		height: 9px;
		position: relative;
	}
	
	#content a {
		/*color: #999;*/
		text-decoration: none;
	}
	
	#content a:hover {
		color: #f00;
	}
	
	div.bottom-left, div.bottom-right {
		height: 9px;
		width: 7px;
		position: absolute;
	}
	
	div.bottom-left {
		left: 0;
		bottom: 0;
		background: url(../img/bottom-left-bg.png) top left no-repeat;
	}
	
	div.bottom-right {
		right: 0;
		bottom: 0;
		background: url(../img/bottom-right-bg.png) top left no-repeat;
	}
	
	div.bottom-center {
		height: 9px;
		position: absolute;
		left: 7px;
		right: 7px;
		background: #fff;
	}
	
	#content a.see-more {
		color: #f00;
	}
	
	#mod5 img {
		margin: 0 10px 10px 0;
	}
	
/*	Forms
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	form input, form label {
		width: 165px;		
		display: block;
		float: left;
	}

	form br {
		clear: left;
	}
	
	
	 
/*	-------------------------------------------------------------
 	Collections
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#collections {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#collections li {
		width: 223px;
		height: 268px;
		float: left;
		margin: 0 22px 0 0;
	}

	#collections li.small {
		width: 184px;
		height: 201px;
		margin: 0 10px 0 0;
	}
	
	#collections li.smaller {
		width: 154px;
		height: 169px;
		margin: 0 7px 0 0;
	}
	
	#collections .text {
		padding: 15px 15px 5px 15px;
	}
	
	#collections .small .text {
		padding: 13px 13px 5px 13px;
	}
	
	#collections h2 {
		font-size: 14px;
		margin: 0 0 4px 0;
		text-transform: uppercase;
		font-weight: 700;
	}

	#collections .small h2 {
		color: #666;
		text-transform: none;
	} 
	
	#collections h3 {
		font-size: 12px;
		margin: 0 0 5px 0;
		color: #666; 
	}

	#shopfinder-template .list li {
		margin-top: 5px;
	}

	#collections-list .selected, #countries-list .selected, #provinces-list .selected, #cities-list .selected {
		color: #f00;
	}



/*	-------------------------------------------------------------
 	Product
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#product {
		position: relative;
	}
	
	#product #navigation {
		position: absolute;
		right: 15px;
		top: 20px;
	}
	
	#product #navigation a {
		text-decoration: none; 
	}
	
	#back-to-collection {
		color: #666;
	}
	
	#product h1 {
		color: #666;
	}

	#product h1 span {
		color: #f00;
	}

	#product p {
		margin: 0;
	}

/*	-------------------------------------------------------------
 	Shopfinder
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.list {
		width: 140px;
		float: left;
		margin: 0 19px 0 0;
		text-transform: uppercase; 
	}
	
	#content .list h2 {
		height: 33px;
		margin: 0 0 10px 0;
		padding: 0;
		line-height: 33px;
		text-transform: uppercase;
		font-size: 14px;
		color: #333;
		text-align: center;
		border-bottom: 1px solid #e5e5e5;
	}

	#content .list .text {
		padding: 0;
	}

	.list ul {
		min-height: 10px;
		margin: 0;
		padding: 0 0 0 30px;
	}
	
	.list a {
		text-transform: uppercase;
		/*color: #999;*/
		text-decoration: none;
	}

	.list a.selected {
		color: #f00;
	}
	
	#content .list h3 {
		font-size: 12px;
		margin-bottom: 0px;
	}
	
	.list p {
		color: #999;  
	}
	
	#shops-list { 
		width: 195px;
		margin: 0;
	}

	#google-map {
		width:168px;
		height: 193px;
		margin: 10px 0 0 14px; 
		list-style: none;
		overflow: hidden; 
	}

	
	
/*	-------------------------------------------------------------
 	News
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.content-container {
		width: 232px;
		float: left;
		margin: 0 19px 0 0;
	}

	#news-template .content-container {
		width: 365px;
		margin: 0 17px 0 0;	
	}
	
	#new-news-template .content-container {
		width: 223px;
	}
	
	#contact-template .content-container {
		margin: 0 40px 0 0;
		width: 210px;		
	}
	
	#blocks-template .content-container {
		width: 234px;
		margin: 0 8px 0 0;
	}
	#content .content-container h2 {
		font-size: 13px;
		text-transform: uppercase;
	}

	#content .content-container .text {
		/*padding-top: 8px;*/
	}
	
	.see-more {
		display: block;
		padding-top: 3px;
		font-size: 11px;
	}


	
/*	-------------------------------------------------------------
 	Copyright
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#copyright {
		margin-top: 25px; 
		text-align: center;
		color: #fff;
		font-size: 11px;
	}