/*
Theme Name: Toccare Austin
Theme URI: http://wordpress.org/
Description: Variation of the default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann & LogicByDesign
Author URI: http://binarybonsai.com/ & http://logicbydesign.com
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*
-----------------------------------------------
Cooper Design
Author:   Jason Cooper
Version:  1 June 2008
----------------------------------------------- */


/* Global
----------------------------------------------- */

/* Remove border around linked images */
img {
	border: 0;
	padding: 0;
	margin: 0;
	}
	
img, div { behavior: url(iepngfix.htc) }


h1 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 24px;
  	font-weight: bold;
  	line-height: 15px;
  	color: #006b6e;
  	}
	
h2 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 18px;
  	font-weight: bold;
  	line-height: 15px;
  	color: #522609;
  	}

/* Links
----------------------------------------------- */
a:link, a:visited, a:active  {
	color: #0081fa;
    text-decoration: underline;
	}    

a:hover {
	color: #0081fa;
    text-decoration: none;
	}
	
#seoLinks  {
	color: #948e52	;
	}  
	
	
#seoLinks a:link, #seoLinks a:visited, #seoLinks a:active  {
	color: #948e52	;
    text-decoration: none;
	}    

#seoLinks a:hover {
	color: #948e52	;
    text-decoration: underline;
	}  	
	

/* Navigation
----------------------------------------------- */

/* Main Navigation */
	
.nav-wrapper  {
  	padding: 0 0 0 32px;
  	margin: 0;
	margin: auto;
	text-align: left;
	width: 800px; 
 	}

.nav-wrapper ul {
  	padding: 0;
  	margin: 0;
  	list-style: none; 
	}

.nav-wrapper li {
  	float: left;
  	position: relative;
  	z-index: 2; 
  	text-transform:uppercase;
  	margin-right:10px;
	}

.nav-wrapper li li {
	border-top: 1px solid #377872;
	clear: left;
	}

/*.nav-wrapper li img {
	display: block; /* IE5, 5.5 
	} */

.nav-wrapper li ul {
  	display: none;
  	position: absolute; 
  	top: 1em;
  	left: 0;
	padding-top: 18px;
	}

.nav-wrapper li>ul {
	top: auto;
	left: auto;
	padding-top: 2px; 
	}

.nav-wrapper li:hover ul, 
.nav-wrapper li.over ul{ 
	display: block; 
	
	}

#shopBy .nav-wrapper li li a, .nav-wrapper li li a {
	display: block;
	width: 125px;	
	padding: 5px 10px;
	background: #548d88;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	}

#navBarSub .nav-wrapper li li a:hover, .nav-wrapper li li a:hover,  #shopBy .nav-wrapper li li a:hover {
	background-color: #6c5323;
	color: #fff;
	}
	
	


/* Shop By Navigation */

.nav-wrapper-products  {
  	padding: 0 0 0 0;
  	margin: 0;
	margin: auto;
	text-align: left;
	width: 410px;
 	}

.nav-wrapper-products  ul {
  	padding: 0;
  	margin: 0;
  	list-style: none;
	}

.nav-wrapper-products  li {
  	float: left;
  	position: relative;
  	z-index: 1;
	}

.nav-wrapper-products  li.sub {
	border-top: 1px solid #377872;
	clear: left; 
	}

/*.nav-wrapper li img {
	display: block; /* IE5, 5.5 
	} */

.nav-wrapper-products  li ul {
  	display: none;
  	position: absolute; 
  	top: 1em;
  	left: 0;
	padding-top: 18px; 
	}

.nav-wrapper-products  li>ul {
	top: auto;
	left: auto;
	padding-top: 2px;  
	}

.nav-wrapper-products  li:hover ul, 
.nav-wrapper-products  li.over ul{ 
	display: block;  
	}

#shopBy .nav-wrapper-products  li.sub a, .nav-wrapper-products  li.sub a {
	display: block;
	width: 125px;	
	padding: 5px 10px;
	background: #548d88;
	font-size: 10px;
	text-decoration: none;
	color: #fff; 
	}

#navBarSub .nav-wrapper-products  li.sub a:hover, 
.nav-wrapper-products  li.sub a:hover,  
#shopBy .nav-wrapper-products  li.sub a:hover {
	background-color: #6c5323;
	color: #fff;
	}
		
.mNavSep {
	width: 19px;
	}
	
	
	
/* Structure
----------------------------------------------- */
body {
	margin: 0 auto;
  	padding: 0px;
	background: #3e331a url('images/bgBody.jpg') no-repeat top center;
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 12px;
  	line-height: 15px;
  	color: #000;
  	text-align: center;
	}
	
/* --- */	

#container {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	}
	
/* --- */		
	
#header {
	margin: 0 auto;
  	padding: 0px;
	width:950px;
	height: 134px;
	background: url('images/bgHeader.png') no-repeat top center;
	}	
	#headerSub {
	margin: 0 auto;
  	padding: 0px;
	width:800px;
	height: 134px;
	background: url('images/bgHeaderSub.jpg') no-repeat bottom center;
	}	
		#cNav {
		float:right;
		font-family: "Arial Narrow", sans-serif;
		font-size: 13px;
		padding: 0px 130px 0 0;
		text-align: right;
	width:520px;
		}
			#cNav a:link, #cNav a:visited, #cNav a:active  {
			color: #fff;
			text-decoration: none;
			}    
			#cNav a:hover {
			color: #633602;
			text-decoration: none;
			}  
			.cNavSep {
			display: inline;
			padding: 0 10px 0 10px;
			}
			
/* --- */				

#navBar {
	margin: 0 auto;
  	padding: 0px;
	width:950px;
	height: 27px;
	background:  url('images/bgMain.png') repeat-y top center;
	font-family: "Arial Narrow", sans-serif;
	font-size: 12px;
	}
	#navBarSub {
	margin: 0 auto;
  	padding: 0px;
	width:800px;
	height: 24px;
	background: url('images/bgNavBar.jpg') no-repeat top center;
	}		
		#navBarSub a:link, #navBarSub a:visited, #navBarSub a:active  {
		color: #fff;
    	text-decoration: none;
		}    
		#navBarSub a:hover {
		color: #633602;
    	text-decoration: none;
		}  
		#nav, #nav2 {
		font-size: 13px;
		z-index: 0

		}
		
	#searchBarSub {
	margin: 0 auto;
  	padding: 0px;
	height: 24px;
	background: url('images/bgSearchBar.jpg') no-repeat top center;
	}
	#shopBy {
	margin: 0px ;
  	padding: 4px 0 0 90px;
  	text-align: left;
    width: 300px;
    float:left;     
	}
	#shopBy a:link, #shopBy a:visited, #shopBy a:active  {
		color: #633602;
    	text-decoration: none;
		}    
		#shopBy a:hover {
		color: #633602;
    	text-decoration: none;
		}  
	#nav img {
		display: inline:
		}
		
		
	#cartContains {
	margin: 0px ;
  	padding: 4px 0px 0px 110px;
  	text-align: left;
    width: 320px;
    float:right;
    color: #633602;
	}
		#cartContains a:link, #cartContains a:visited, #cartContains a:active  {
		color: #633602;
    	text-decoration: underline;
		}    
		#cartContains a:hover {
		color: #633602;
    	text-decoration: none;
		} 
		
	#searchBox {
	margin: 0px ;
	padding: 10px 125px 0 0;
  	float: right;
  	height: 10px;
	clear: both; 
	position: relative; 
	top: -20px;
	}
	
	
	
	#searchBox fieldset { 
		padding: 0px;
		/*background: url("images/inputSearch.gif") no-repeat top left; */
		width: 180px; 
		border: none;
		outline: none;
		}
	button, a.button {
		position: relative;
		display: block;
		float:left;
		text-indent: -9999px;
		cursor: pointer;
		border: none;
		outline: none;	
		
		}
	
	#searchBox img {
		position: relative;
		padding: 0px;
		margin: 0px;
		top: -5px;
		}
		
    	#searchform input {
		border: none;
		width: 130px; 
		height: 15px;
		float: left;
		background-color:#f5f7f7; 
		}
	.go {
		position: relative;
		top: 5px;
		}
		

	
/* --- */

#main {
	margin: 0 auto;
  	padding: 0px;
	width:950px;
	background:  url('images/bgMain.png') repeat-y top center;
  	text-align: left;
  	font-size: 12px;
	}	
	#mainSub {
	margin: 0 auto;
  	padding: 0px;
	text-align: center;
	}	
	#mainSubContent {
	padding: 20px;
  	font-size: 12px;
  	line-height: 16px;
  	background: #f6faf9 url('images/bgSub.jpg') repeat-x top center;
  	width: 760px;
  	text-align: left;
	}	
	
		#mainSubStaff {
		padding: 10px 20px 20px 20px;
		font-size: 12px;
		line-height: 16px;
		/* background: #f6faf9 url('images/bgStaff.jpg') repeat-y top center; */
  		background: #f6faf9 url('images/bgSub.jpg') repeat-x top center;
		width: 760px;
		height: 490px;
		text-align: left;
		}	
	/* --- */
		#mainSubDocs {
		padding: 20px 20px 20px 20px;
		font-size: 12px;
		line-height: 16px;
  		background: #f6faf9 url('images/bgSub.jpg') repeat-x top center;
		width: 740px;
		text-align: left;
		}	
		#mainSubDocs #colLeft {
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left; 
		width: 370px;
		font-size: 15px;
		color: #006B6E;
		}
		#mainSubDocs #colRight{
		margin: 0px;
		padding: 0px;
		position: relative;
		float: right; 
		width: 370px;
		}
	/* --- */
		#mainSubCert {
		padding: 0px 20px 20px 20px;
		font-size: 12px;
		line-height: 16px;
  		background: #f6faf9 url('images/bgSub.jpg') repeat-x top center;
		width: 740px;
		text-align: left;
		}	
		#mainSubCert #colLeft {
		margin: 0px;
		padding: 20px 0px 0px 0px;
		position: relative;
		float: left; 
		width: 400px;
		}
		#mainSubCert #colRight{
		margin: 0px;
		padding: 20px 0px 0px 20px;
		position: relative;
		float: right; 
		width: 240px;
		color: #006B6E;
		border-left: solid 1px #80b0a1;
		font-size: 15px;
		}
	/* --- */
		#mainSubSkinCare {
		padding: 0px 20px 20px 20px;
		font-size: 12px;
		line-height: 16px;
  		background: #f6faf9 url('images/bgSub.jpg') repeat-x top center;
		width: 740px;
		text-align: left;
		}	
		#mainSubSkinCare #colLeft {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
		float: left; 
		width: 226px;
		color: #006B6E;
		font-size: 15px;
		}
		#mainSubSkinCare #colMiddle{
		margin: 0px 0px 0px 20px;
		padding: 20px 0px 0px 20px;
		position: relative;
		float: left; 
		width: 340px;
		font-size: 13px;
		line-height: 19px;
		}			
		#mainSubSkinCare #colRight{
		margin: 0px;
		padding: 70px 0px 0px 20px;
		position: relative;
		float: right; 
		width: 110px;
		color: #006B6E;
		font-size: 11px;
		}	
		#mainSubSkinCare strong{font-size: 14px; font-weight: bold;}
		
			#mainSubSkinCare #colRight a:link, #mainSubSkinCare #colRight a:visited, #mainSubSkinCare #colRight a:active  {
			color: #006B6E;
			text-decoration: none;
			}    
	
			#mainSubSkinCare #colRight a:hover {
			color: #0081fa;
			text-decoration: underline;
			}  
	/* --- */
		#mainSubProduct {
		padding: 10px 20px 20px 20px;
		font-size: 12px;
		line-height: 16px;
		width: 760px;
		text-align: left;
		background-color: #fff;
		}			
	
#buttonTOC {
	padding: 0px;
	margin: 20px 0px 0px 100px;
	vertical-align: top;
	width: 126px;
	}
	
#checkout {
	color: #94b6a4;
	font-size: 16px;
	font-weight: bold;
	}
	
span.checkoutSelected {
	color: #006b6e;
	}
#flashcontent {
	margin:-20px 0 0 -20px;
}
	
/* Misc.
----------------------------------------------- */	

#logo {
	float: left;
	border: solid 1px red;
	width: 150px;
	position: relative;

	}


.mHeader {
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	color: #285346;
	font-family: helvetica, tahoma, sans-serif;
	margin:0;
	}
	
.sHeader {
	font-size: 14px;
	font-weight: bold;
	color: #46361e;
	}	

.imgleft {
	position:relative;
	float:left;
	margin: 0 20px 0 0;
	padding: 0 0 10px 0;
	z-index: 0;
	}
  
.imgright {
	position:relative;
	float:right;
	margin: 10px 0 0 0;
	}
	
.txtField {
	width: 200px;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	padding-left: 4px;
	margin-right: 3px;
	border: 1px solid #002E46;
	}
	
#cartHeader {
	background-color: #4d3f26;
	color: #fff
	}
	
.cartOff {
	color: #6a9d8e;
	}

.bgBox {
	padding: 0px 0px 10px 10px;
	margin: 0px;
	background-color: #aedbc3;
	}
	
.required {
	color: #b30707;
	}
	
.products {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	background: url('images/product-sep.jpg') no-repeat bottom center;
	}	
	
.products td strong {
	font-size: 15px;
	font-weight: bold;
	color: #377c73;
	}	


.tblHeader{
	padding: 10px;
	background-color: #492106;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

.txtRight {
	float: right;
	width: 150px;
	font-size: 14px;
	}

.imgBorder {
	border: solid 1px #377a7e;
	}
	
.teal {
	color: #006B6E;
	font-size: 15px;
	line-height: 20px
	}
	
.required {
	color: red;
	}
	
.mainTxt td{
	font-size: 12px;
	}
	
hr {
  border: none;
  background-color: #bddac9;
  color: #bddac9;
  height: 1px;
}

#billing {
	float:left;
	}
	

#shipping {
	float: right;
	padding-right: 100px;
	}
	
.subHeader {	
	font-size: 16px;
	font-weight: bold;
	color: #006b6e;
	}
	
#logoLink {
	width: 160px;
	height: 90px;
	float: left;
	left: 100px;
	top: 20px;
	position: relative;
	}


/* Footer 
----------------------------------------------- */
#footer {
	margin: 0 auto;
	width:950px;
	height: 480px;
	background: url('images/bgFooter.png') no-repeat top center;
	}	
	#footerSubBg {
	margin: 0 auto;
	width:950px;
	height: 167px;
	background: url('images/bgFooterSub.png') no-repeat top center;
	}	
	#footerHome {
		margin: 0 auto;
		width:953px;
		height: 350px;
		background: url('images/bgFooterHome.jpg') no-repeat top center;
		vertical-align: top;
		}	
	#footerSub {
		margin: 0 auto;
		width:953px;
		height: 350px;
		background: url('images/bgFooterSub.jpg') no-repeat top center;
		vertical-align: top;
		}
		
		
#footerTxt {
	 color: #fff;
	 position: relative;
	top: 95px;
	text-align: center;
	font-size: 12px;
	}		
		
#footerTxt  a:link, #footerTxt  a:visited, #footerTxt  a:active  {
	color: #fff;
    text-decoration: none;
	}    

#footerTxt  a:hover {
	color: #fff;
    text-decoration: underline;
	}  
		
		
		
#designBy {
	 color: #ad7f4b;
	 position: relative;
	top: 120px;
	width: 400px;
	float: right;
	font-size: 11px;
	}		
		
#designBy  a:link, #designBy  a:visited, #designBy  a:active  {
	color: #ad7f4b;
    text-decoration: none;
	}    

#designBy  a:hover {
	color: #fff;
    text-decoration: underline;
	}  

/* New Changes 5-09
----------------------------------------------- */

.callOutNumber {
	font-size:18px;
	color:#3f2007;
	margin: 0 0 6px 0;
}
.callOutphone {
	font-size:23px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0 0 0 4px;
}
.callOutAustin {
	font-size:18px;
	color:#6b3a12;
	float:left;
	padding:2px 0 0 0;
	font-family: "Arial Narrow", sans-serif;
}
.callOutAddress {
	font-size:15px;
	margin-top:10px;
	text-align:center;
}	

		
		
		
		
		

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.clear{clear: both;height: 1px;}
/* End captions */

.contactUsLink {
	font-size:18px;
	font-weight:bold;
}
.newHeaderNav {
	color:#3F2007!important;
	font-family:Arial Narrow,sans-serif;
	font-size:14px;
	font-weight:normal;
}
.newHeaderNav2 {
	color:#3F2007!important;
	font-family:Arial Narrow,sans-serif;
	font-size:14px;
	font-weight:normal;
	margin:0 6px 10px 0;
	height:20px;
}