f/*
	Theme Name: davidgroshen.com
*/


body{background:#efefef;position:relative;font-family: 'Lato', sans-serif;font-weight:300; }


/*******************************/
/*************** Main Elements ****************/
/*******************************/

.container{
	width:960px;
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}

.main-page{
	background:rgba(255,255,255,1);
}

.container{position:relative;}

.icon-black{
	color:black;
}

.block{
	padding:10px;
}

p.underline{
	border-bottom:solid 1px #888888;
	padding-bottom:5px;
}


.tabbable h3{
	color:#CC3366;
	line-height:27px;
}

.no-margin{
	margin:0 !important;
}

.no-margin4{/* add 2.12766% */
	width: 34.04256% !important;
}

.no-margin3{/* add 2.12766% */
	width: 25.53196% !important;
}

.label{
	margin:0 5px 0 0;
}

.label a{
	color:#fff;
	text-shadow:1px 1px rgba(0,0,0,.3);
}

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

.row-fluid ul.thumbnails li.span12 + li { margin-left : 0px;clear:left }
.row-fluid ul.thumbnails li.span6:nth-child(2n + 3) { margin-left : 0px;clear:left }
.row-fluid ul.thumbnails li.span4:nth-child(3n + 4) { margin-left : 0px;clear:left }
.row-fluid ul.thumbnails li.span3:nth-child(4n + 5) { margin-left : 0px; clear:left}
.row-fluid ul.thumbnails li.span2:nth-child(6n + 7) { margin-left : 0px;clear:left }
.row-fluid ul.thumbnails li.span1:nth-child(12n + 13) { margin-left : 0px;clear:left }

.row-fluid .span12 { margin-left : 0px;clear:left }
.row-fluid .span6:nth-child(2n + 3) { margin-left : 0px;clear:left }
.row-fluid .span4:nth-child(3n + 4) { margin-left : 0px;clear:left }
.row-fluid .span3:nth-child(4n + 5) { margin-left : 0px; clear:left}
.row-fluid .span2:nth-child(6n + 7) { margin-left : 0px;clear:left }
.row-fluid .span1:nth-child(12n + 13) { margin-left : 0px;clear:left }





/*************** Image Styles ****************/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.thumbnail{
	position:relative;
}

.image-overlay{
	background:rgba(0,0,0,.8);
	padding:5px 10px;
	color:#fff;
	text-shadow:1px 1px #000;
	position:absolute;
	bottom:20px;
	left:4px;
}


/*************** Widgets ****************/
.widget{
	border-top: solid 3px #747474;
	border-radius:3px;
	background:#efefef;
	padding:5px;
}

.widget-grey{
	background:#ddd;
}

.widget-green{
	border-top: solid 3px #284949;
	border-radius:3px;
	background: #f0ffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0ffff 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0ffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0ffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0ffff 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0ffff 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f0ffff 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.widget-green h5 a{color:#284949;}

.widget-pink{
	border-top: solid 3px #883a55;
	border-radius:3px;
	background: #ffeff5; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffeff5 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeff5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffeff5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffeff5 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffeff5 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffeff5 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeff5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.widget-pink h5 a{color:#883a55;}

.widget-blue{
	border-top: solid 3px #313254;
	border-radius:3px;
	background: #edefff; /* Old browsers */
	background: -moz-linear-gradient(top,  #edefff 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edefff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #edefff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #edefff 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #edefff 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #edefff 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edefff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.widget-blue h5 a{color:#313254;}

/*************** Media ****************/

.media{
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	position:relative;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    padding-bottom: 30px;
	margin-bottom:20px;
}

.media-body{
display:block;
padding:5px;
margin-bottom:35px;
}

.media-body:hover{background:#fff;cursor:pointer;}

.media .fb-like {
    bottom: 0;
    left: 0;
    padding: 5px;
    position: absolute;
}

.media .read-more {
    background: none repeat scroll 0 0 #CC3366;
    bottom: 0;
    color: #FFBFD4;
    font-size: 10px;
    padding: 5px;
    position: absolute;
    right: 0;
}

.media-heading{
	padding:5px 0;
	border-top:solid 1px #efefef;
	border-bottom:solid 1px #efefef;
}


/*******************************/
/*************** Header ****************/
/*******************************/

header{
	padding:8px 0 0 0;
}

.header-contact hr{
	margin:3px 0;
	border-color:#888888;
	border-width:1px;
}

.header-contact .widget{
	height:85px;
}


h3.header-address{text-align:text-center;margin:0;font-size:19px;line-height:28px;padding-bottom:10px;}
.header-tagline{padding-top:16px;margin:0 auto;}

/*************** Navbar ****************/

.navbar{
	margin:0;
	width:980px;
	margin-left:-10px;
}

.navbar .nav{
	margin:0 0 0 -20px;
}

.navbar-inverse .navbar-inner{
background: #863a54; /* Old browsers */
background: -moz-linear-gradient(left,  #863a54 9%, #863a54 25.2%, #313155 25.2%, #313155 50%, #313155 61.2%, #2f5152 61.2%, #2f5152 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(9%,#863a54), color-stop(25.2%,#863a54), color-stop(25.2%,#313155), color-stop(50%,#313155), color-stop(61.2%,#313155), color-stop(61.2%,#2f5152), color-stop(100%,#2f5152)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #863a54 9%,#863a54 25.2%,#313155 25.2%,#313155 50%,#313155 61.2%,#2f5152 61.2%,#2f5152 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #863a54 9%,#863a54 25.2%,#313155 25.2%,#313155 50%,#313155 61.2%,#2f5152 61.2%,#2f5152 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #863a54 9%,#863a54 25.2%,#313155 25.2%,#313155 50%,#313155 61.2%,#2f5152 61.2%,#2f5152 100%); /* IE10+ */
background: linear-gradient(to right,  #863a54 9%,#863a54 25.2%,#313155 25.2%,#313155 50%,#313155 61.2%,#2f5152 61.2%,#2f5152 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#863a54', endColorstr='#2f5152',GradientType=1 ); /* IE6-9 */
border-radius:4px 4px 0 0;
border:none;
}

.navbar-inverse .nav > li > a{
	color:#fff;
	text-shadow:1px 1px rgba(0,0,0,.7);
	padding:15px 26px;
	font-weight:400;
	font-size: 1.1em;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret{
	border-bottom-color: #fff;
    border-top-color: #fff;
}

.navbar-inverse .nav > li > a:hover{background:rgba(255,255,255,0);}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.current-menu-item > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.current-menu-item > .dropdown-toggle{background:rgba(0,0,0,.5);}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}


/*******************************/
/*************** Home Page ****************/
/*******************************/

.home-three{
	border-right:solid 2px #efefef;
}

.home-three h5 img{
	position:absolute;
	bottom:0;
	left:0;
	z-index:999;
}
.home-three h5{
	padding:10px 5px 10px 120px;
	border-bottom:solid 1px #ccc;
	position:relative;
	display:block;
}

.home-three h5 span{
	font-size:110%;
	text-transform:uppercase;
}

.home-three p{
	padding: 0 10px 20px;
	border-bottom:solid 1px #ccc;
	font-size:12px;
	line-height:14px;
	height:50px;
}

.home-three ul{
	list-style:none;
}

.home-three ul li{
	display:inline-block;
	margin:0 10px 0 0;
	background:url(images/arrowRight.png) no-repeat 0 8px;
	padding: 0 0 0 10px;
}

img.celebrity-hairstyle-home{
	width:auto;
	height:328px;
}


/* Flex Slider */
.flexslider h5{margin:10px 5px;}
.flexslider h5 a{color:#fff;}

.flexslider-main{
	height:284px;
	position:relative;	
}

.ask-david{
	background: #c43c6a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #c43c6a 0%, #863a7a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c43c6a), color-stop(100%,#863a7a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #c43c6a 0%,#863a7a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #c43c6a 0%,#863a7a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #c43c6a 0%,#863a7a 100%); /* IE10+ */
	background: linear-gradient(135deg,  #c43c6a 0%,#863a7a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c43c6a', endColorstr='#863a7a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius:4px;
	margin:0 0 20px 0;
}

.ask-david .ask-david-description h2{
	padding-left:15px;
	color:#fff;}
.ask-david .ask-david-description div{
	background:#872948;
    border-radius: 3px;
    color: #EFBFD1;
    padding: 15px 20px;
	margin-bottom:5px;}
.ask-david .ask-david-description ul{list-style:none;}
.ask-david .ask-david-description ul li{
	background: url("images/arrowRight.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0 0 0 10px;}
.ask-david .ask-david-description ul li a{color:#fff;}
	
.ask-david .ask-david-question {position:relative;margin-bottom:15px;}
.ask-david .ask-david-question h4{color:#fff;}
.ask-david .ask-david-question hr{margin:10px 0;border-color:#8D2346;}
.ask-david .ask-david-question div{
	background:rgba(255,255,255,.8);
    border-radius: 3px;
    color: #8D2346;
    padding: 15px 20px;
	margin-bottom:5px;}
.ask-david .ask-david-question #davids-answer{
	position:absolute;
	bottom:0;
	right:0;}

.ask-david .ask-david-answer #ask-david-button{
	background:url(images/ask-david-button.png) no-repeat top center transparent;
	display:block;
	width:160px;
	height:144px;
	margin:0 auto;}
.ask-david .ask-david-answer #ask-david-button:hover{background-position: 0 -144px;}

/*******************************/
/*************** Category Pages ****************/
/*******************************/

.post{
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f3f3 1%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f3f3f3), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f3f3 1%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f3f3 1%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f3f3 1%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f3f3 1%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
padding:10px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;

}

.post h2{
border-bottom:solid 1px #ccc;
}

/*******************************/
/*************** PAGES ****************/
/*******************************/


.page-title{
	background:#efefef;
	border-radius:4px;
	padding:5px 10px;
}
.title-magento{background:#863A54;color:#fff;text-shadow:1px 1px #000;}
.title-green{background:#2F5152;color:#fff;text-shadow:1px 1px #000;}
.title-purple{background:#313155;color:#fff;text-shadow:1px 1px #000;}
.title-orange{background:#ff9c00;color:#fff;text-shadow:1px 1px #000;}
#title-float{float:right;}
/* ABOUT PAGE */

.aboutdavid #aboutRightRail #sectionSupportingNav {
background:#366;
margin-top:20px;
}

.aboutdavid #aboutRightRail #sectionSupportingNav h5 {
width:100%;
padding:10px 0;
text-align:center;
color:#fff;
font: 22px/1.5em 'CartoGothicStdBook', Arial, sans-serif;
}


.aboutdavid #aboutRightRail #sectionSupportingNav .sectionSupportingNav-image {
width:100px;
height:99px;
border-right:1px solid #499595;
border-top:1px solid #499595;
float:left;
display:inline-block;
position:relative;
}

.aboutdavid #aboutRightRail #sectionSupportingNav .sectionSupportingNav-image img {
position:absolute;
bottom:0;
left:10px;
}

.aboutdavid #aboutRightRail #sectionSupportingNav .sectionSupportingNav-button {
height:49px;
width:249px;
padding:0 0 0 40px;
float:left;
display:inline-block;
border-top:1px solid #499595;

background: rgba(51, 102, 102, 0.8) url(images/supporting-nav-small-white-arrow.png) 18px 16px no-repeat;
}

.aboutdavid #aboutRightRail #sectionSupportingNav .sectionSupportingNav-button a {
color:#fff;
font: 15px/1.5em 'CartoGothicStdBook', Arial, sans-serif;
text-decoration:none;
display:block;
width:100%;
padding-top:13px;
}

.aboutdavid #aboutRightRail #sectionSupportingNav .sectionSupportingNav-button a:hover {
text-decoration:underline;
}

/*EXTENSIONS template */

.hairextensions #articleBody h2 {
color:#336;
font-family: 'Lato', sans-serif;
font-size: 2.8em;
margin:0 0 5px 0;
}

.hairextensions #articleBody {
padding:15px 0px 15px 0px;
}


.hairextensions #articleBody.extensionsContent p span {
color:#336;
font-weight:bold !important;
display:block;
padding-bottom:2px;
padding-top:5px;
margin-bottom:5px;
border-bottom:1px dotted #ccc;
}

.hairextensions .listMethods {
background:#c36;
color:#fff;
}

.hairextensions .listMethods table {
font-family: arial, sans-serif;
border-top:1px solid #d55e87;
background:none repeat scroll 0 0 #CC3366;
box-shadow:none;
border-right:none;
}


.hairextensions .listMethods table td {
padding:10px 10px;
font-size:14px;
line-height:16px;
vertical-align:top;
border-bottom:1px solid #d55e87;
color:#fff;
border-left:none;
}

.hairextensions .listMethods table tr:hover td {
background:none;
}

.hairextensions .listMethods table tr td {
min-width:14px;
}

.hairextensions .listMethods table td ol {
font-size:12px;
padding:10px 10px 10px 20px;
color:#faecf3;
list-style:lower-latin;
}

.hairextensions .listMethods table td:first-child {
font-size:18px;
border-right:1px solid #d55e87;
color:#f0cedf;
}


.hairextensions .listMethods h3 {
color:#fff;
font: 22px/24px 'CartoGothicStdBook', Arial, sans-serif;
margin:15px 0 15px 0;
padding:0 10px;
}

.hairextensions .listMethods .extensionsServices td a {
color:#fff;
font: 14px/24px 'CartoGothicStdBook', Arial, sans-serif;
}

.hairextensions .listMethods .extensionsServices td a:hover {
text-decoration:none;
}

.hairextensions .extensionsFeature {
padding-left:15px;
}


.hairextensions #articleBody .aboutContent p.large {
color:#666;
line-height:1.5em;
font-size:14px;
}

.hairextensions #aboutRightRail {
margin:15px 0;
}

.hairextensions #catalog {
padding:65px 0 0 10px;
float:left;
display:inline;
}

.hairextensions #catalog .catalogItem {
width:190px;
height:285px;
float:left;
display:inline;
margin:3px;
border:1px solid #ebebeb;
background:#dadada;
position:relative;
}


.hairextensions #catalog .catalogItem img {
position:absolute;
z-index:1;
width:190px;
height:285px;
}


.hairextensions #catalog .catalogItem  a.trigger{
width:45px;
height:45px;

position:absolute;
bottom:0;
left:0;
z-index:2;
background: rgb(51, 51, 102) url(images/catalogArrow.png) 15px 7px no-repeat;
background: rgba(51, 51, 102, 0.8) url(images/catalogArrow.png) 15px 7px no-repeat;
text-indent:-9999px;
display:block;
cursor:pointer;
}

.hairextensions #catalog .catalogItem  .itemDescription {
position:Absolute;
z-index:2;
display:none;
bottom:0px;
right:0;
width:190px;
cursor:pointer;
}

.hairextensions #catalog .catalogItem  .itemDescription .name {
	background: rgb(51, 51, 102);
background: rgba(51, 51, 102, 0.5);
padding:5px;
}

.hairextensions #catalog .catalogItem  .itemDescription .name p {
font: 14px/1em 'CartoGothicStdBold', Arial, sans-serif;
color:#fff;
text-transform:uppercase;
margin:5px;
}

.hairextensions #catalog .catalogItem  .itemDescription .name span {
font-size:12px;
font-family: arial, sans-serif;
margin:5px;
color:#fff;
}

.hairextensions #catalog .catalogItem  .itemDescription .cta {
margin-left:46px;
padding:5px;
background: rgb(51, 51, 102);
background: rgba(51, 51, 102, 0.5);
height:35px;
display:block;
margin-top:1px;
cursor:pointer;
}

.hairextensions #catalog .catalogItem  .itemDescription .cta a {
font: 14px/1em 'CartoGothicStdBold', Arial, sans-serif;
color:#fff;
text-transform:uppercase;
text-decoration:none;
padding-top:10px;
padding-left:10px;
display:block;
}


.hairextensions #catalog .catalogItem  .itemDescription .cta a:hover {
text-decoration:underline;
}

.hairextensions .sectionNameColumn {
display:inline-block;
float:left;
background:#336;
padding:10px;
margin-top:25px;
}


.hairextensions .sectionNameColumn p {
font: 12px/15px 'CartoGothicStdBook', Arial, sans-serif !important;
color:#ddd !important;
margin:0;
padding:0 !important;
}

.hairextensions .sectionNameColumn h4 {
color:#fff !important;
padding:15px 0 5px 0 !important;
font-size:18px !important;
border-bottom:1px dotted #999 !important;
}

.hairextensions .sectionNameColumn ul {
padding:5px 0 0 15px !important;
}

.hairextensions .sectionNameColumn ul li {
color:#ddd;
list-style:disc;
}

.hairextensions #catalog .sectionNameColumn_wide {
width:320px;
height:265px;
display:inline-block;
float:left;
background:#c36;
padding:10px;
margin:5px;
}

.hairextensions #catalog .sectionNameColumn_wide ul {
font: 15px/17px 'CartoGothicStdBook', Arial, sans-serif;
color:#fff;
margin:20px 0;
}

.hairextensions #catalog .catalog-item-overlay {
display:none;
width:570px;
height:285px;
padding:20px;
background: rgba(255, 255, 255, 1);
border:10px solid #366;
box-shadow:0px 0px 10px #366;
}

.hairextensions #catalog .catalog-item-overlay  img {
float:left;
display:inline;
}

.hairextensions #catalog .catalog-item-overlay .overlay-content {
float:left;
width:360px;
margin-left:20px;
height:285px;
}


.hairextensions #catalog .catalog-item-overlay h3 {
font-size:30px;
}


.hairextensions a#freeConsultation {
position:absolute;
top:25px; right:25px;
font: 14px/14px 'CartoGothicStdBook', Arial, sans-serif;
color:#06c;
display:block;
background:url(images/arrowRight.png) right center no-repeat;
padding:0 10px 0 0;
}

.hairextensions a#freeConsultation:hover {
color:#c06;
}


/*************** Charts & Guides ****************/

.links-table tr td.left{
	text-align:center;
}

.links-table tr td a img{
	display:block;
	border:solid 5px #efefef;
	margin:0 auto;
	margin-bottom:10px;
}
.links-table tr td a:hover img{
	border-color:#0088CC;
}
.links-table tr td a{
	font-size:18px;
}
	

/*************** Products Page ****************/

.productsPage {

}

.productsPage #articleBody {

}
.productsPage #articleBody .aboutContent {
margin:15px;
}

.productsPage #aboutSection {
height:290px;
background: #fff url('images/hair-products-main.jpg') 80px 3px no-repeat;
}

.productsPage #articleBody .aboutContent p.large {
color:#333;
line-height:1.3em;
font-size:16px;
}

.productsPage  #productList {
border-top:5px solid #336;
}

.productsPage  #productList .product {
background:url('images/product-bg.jpg') top center no-repeat;
width:910px;
padding:40px 20px;
border-top:1px solid #fff;
border-bottom:1px solid #dee0e5;
}

.productsPage  #productList .product .productImage {
width:290px;
text-align:center;
float:left;
display:inline;
}

.productsPage  #productList .product .productDescription {
float:left;
display:inline;
width:590px;
padding:0 20px 0 0;
}

.productsPage  #productList .product .productDescription .productMeta {
border-bottom:1px solid #dadada;
border-top:1px solid #fff;
}

.productsPage  #productList .product .productDescription .productMeta span {
display:block;
padding:10px;
border-top:1px solid #dadada;
border-bottom:1px solid #fff;
font: 12px/16px Arial, sans-serif;
color:#555;
}

.productsPage  #productList .product .productDescription .productMeta span strong {
display:block;
clear:both;
color:#336;
font: 16px/24px 'CartoGothicStdBook', Arial, sans-serif;
font-weight:normal;
}

.productsPage  #productList .product .productDescription h3  {
margin:0 0 20px 0;
color:#336;
font: 24px/24px 'CartoGothicStdBook', Arial, sans-serif;
}

.productsPage  #productList .product .productDescription  p {
color:#333;
line-height:1.5em;
font-size:14px;
font-family: arial, sans-serif;
margin-bottom:20px;
}

.productsPage  #productList .product .productDescription a.links {
color:#36c;
line-height:1.5em;
font-size:14px;
font-family: arial, sans-serif;
margin-top:10px;
display:block;
text-decoration:underline;
background:url(images/arrowRight.png) 0 9px no-repeat;
padding-left:9px;
}

.productsPage  #productList .product .productDescription a.links:hover {
text-decoration:none;
}

.productsPage  #productList .product .productDescription h3 a {
color:#336;
font: 24px/24px 'CartoGothicStdBook', Arial, sans-serif;
text-decoration:none;
}

.productsPage  #productList .product .productDescription h3 a:hover {
text-decoration:underline;
}

/*******************************/
/*************** Hair of the Week! ****************/
/*******************************/
.hair-of-the-week li {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #ddd;
}
.hair-of-the-week li div.facebook-vote {
	background: #fff;
	padding: 5px;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
}


.hair-of-the-week li h5 {
	margin:0;
}

.hair-of-the-week li h1{
	font-size:50px;
	margin:0 0 20px 0;
}



/*******************************/
/*************** SIDEBAR ****************/
/*******************************/

#sidenav{
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    padding-bottom: 10px;
}

#sidenav li{
    border-bottom: 1px solid #DFDFDF;
	padding:5px;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus{
	background-color:#CC3366;
}

#sidebar {
color:#555;
margin: 20px 0 30px;
}
#sidebar p{
	font-size:12px;
	text-decoration:none;
	line-height:15px;
}
#sidebar p{
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}
#sidebar a:hover{
	color:#555555;
}
.sidebar-pod{
    padding: 85px 10px 0;
    width: 210px;
	float:right;
}
.sidebar-pod .bottom{
	padding-top:10px;
	padding-bottom:10px;
}
.sidebar-pod ul{
	list-style:none;
	margin:0;
}

.sidebar-pod ul li{
	background: url("images/sidebar/arrow.png") no-repeat scroll 0 5px transparent;
    font-size: 12px;
    margin: 2px;
    padding-left: 10px;
    width: 210px;
	}
#aboutdavid{
	background: url("images/sidebar/aboutdavid.jpg") no-repeat scroll 0 0 #fff;}
#testimonials{
	background: url("images/sidebar/testimonials.jpg") no-repeat scroll 0 0 #fff;}
#facebook{
	background: url("images/sidebar/facebook.jpg") no-repeat scroll 0 0 #fff;}
#pricelist{
	background: url("images/sidebar/pricelist.jpg") no-repeat scroll 0 0 #fff;}
#topextensions{
	background: url("images/sidebar/topextensions.jpg") no-repeat scroll 0 0 #fff;}
#events{
	background: url("images/sidebar/events.jpg") no-repeat scroll 0 0 #fff;}
#hairstylingservices{
	background: url("images/sidebar/hairstylingservices.jpg") no-repeat scroll 0 0 #fff;
	padding-top:100px;}
#hairproducts{
	background: url("images/sidebar/hairproducts.jpg") no-repeat scroll 0 0 #fff;
	padding: 193px 10px 0;}
#celebrityhairstyles{
	background: url("images/sidebar/celebrityhairstyles.jpg") no-repeat scroll 0 0 #fff;
	padding: 172px 10px 0;}
#guidescharts{
	background: url("images/sidebar/guidescharts.jpg") no-repeat scroll 0 0 #fff;}
#askdavid{
	background: url("images/sidebar/askdavid.jpg") no-repeat scroll 0 0 #fff;
	padding-top:97px;}
#photogallery{
	background: url("images/sidebar/photogallery.jpg") no-repeat scroll 0 0 #fff;}
#articles{
	background: url("images/sidebar/articles.jpg") no-repeat scroll 0 0 #fff;}
#facebook-like{
	background:#f0f0f0;
	padding:10px;
}	

.steps-pod{
    width: 210px;
	padding: 15px 10px 0;
}

.steps-pod h4{
	padding:10px 0;
	border-bottom:solid 1px #ccc;
}

.steps-pod p{
	padding:10px 0;
	border-bottom:solid 1px #ccc;
}

.steps-pod .bottom{
	padding-top:10px;
	padding-bottom:10px;
}
.steps-pod ul li{
	background: url("images/sidebar/arrow.png") no-repeat scroll 0 5px transparent;
    font-size: 12px;
    margin: 2px;
    padding-left: 10px;
    width: 210px;
	}

#extensions{background: url("images/pod-extensions.png") no-repeat scroll 0 0 #fff;}
#weddings{background: url("images/pod-weddings.png") no-repeat scroll 0 0 #fff;}

#extensions ul li, #weddings ul li{
background: url("images/arrowRight.png") no-repeat scroll 0 8px transparent;
display: inline-block;
margin: 0 10px 0 0;
padding: 0 0 0 10px;
}
	


/*******************************/
/*************** FOOTER ****************/
/*******************************/

.footer {
    background: url("images/footer-gradient.png") repeat-x scroll left top #3C3F41;
	color:#efefef;
}

.footer .top{
	background: url("images/tagline-footer2.png") no-repeat scroll left top transparent;
	width:960px;
	height:43px;
}

.bottom{
	background: url("images/bottom-d.png") repeat-x scroll left top transparent;
	padding-top:15px;
}

footer strong{
color: #fff;
}

footer a{
	color:#a3ddff;
}

ul.social-icons{
	list-style:none;
	margin:0 0 10px 0;
}

.header-contact ul.social-icons{
	display:block;
	height:45px;
}

ul.social-icons li{
	display:inline-block;
	padding:0 3px;
	float:right;
	width:45px;
}

footer .nav > li > a:hover, footer .nav > li > a:focus {
    background-color: #5a5a5a;
    text-decoration: none;
}


footer .nav-list > li > a, .nav-list .nav-header{
    color: #a3a3a3;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.5)
}


/*************** Pricelist Table ****************/

.salon-price-list table tr th{
	background:#313155 !important;
	color:#fff;
}