/*
Theme Name: American Suntanning Association Salon
Theme URI: http://www.americansunbed.org
Description: The default WordPress theme for the American Sunbed Association Member website.
Version: 1.0
Author: Dynamic Edge, Inc.
Author URI: http://www.dynedge.com
*/

body{
	background:#F17830;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	margin:0px;}

h3{
	color:#0083A4;
	font-family:Century Gothic;
	font-size:17px;
	font-weight:normal;
	margin:15px 0px 10px;
	padding-top:15px;}

.clear{
	clear:both;}

.container{
	margin:0 auto;
	width:900px;}

.footer{
	background:url(images/background-checker-fade.jpg) top center repeat-x;
	min-height:130px;
	padding-top:24px;}
	
.footer .copyright{
	color:#FCE7DA;
	float:left;
	font-size:10px;}

.footer .social{
	float:right;}
	
.footer .social img{
	margin:0px 3px;
	opacity:0.80;
	filter:alpha(opacity=80); /* For IE8 and earlier */ }
	
.footer .social img:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */ }

.header{
	background:#F17830 url(images/background-checker-fade.jpg) top center repeat-x;
	border-top:2px solid #DE5F12;}
	
.header .logo-index{
	background:#fff;
	float:left;
	height:140px;
	text-align:center;
	width:340px;}
	
.header .logo{
	background:#fff;
	float:left;
	height:127px;
	text-align:center;
	width:300px;}
	
.header .logo-index img,
.header .logo img{
	margin-top:15px;}

.header .right{
	float:right;
	width:550px;}

.header .right .member-info-container{
	float:right;}
	
.header .right .member-info-container .salon-client-link{
	color:#fff;
	float:left;
	font-size:11px;
	margin-top:5px;
	width:94px;}
	
.header .right .member-info-container .salon-client-link a{
	color:#FACCB1;
	text-decoration:none;}
	
.header .right .member-info-container .salon-client-link a:hover{
	color:#fff;}

.header .right .member-info{
	background:#DE5F12;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	color:#fff;
	font-size:12px;
	float:right;
	padding:4px 4px 7px;}
	
.header .right .member-info a{
	color:#fff;
	text-decoration:none;}

.header .right .member-info a:hover{
	color:#333;}

.header .right .member-info .info{
	float:left;
	margin:0px 6px;}

.index-news .newsbar{
	background:url(images/background-checker-orange.gif) top left repeat;
	padding:11px 20px;}
	
.index-news .newsbar .left{
	float:left;}
	
.index-news .newsbar .right{
	float:right;
	margin-top:2px;}
	
.index-news .newsbar .right a{
	color:#fff;
	font-family:Century Gothic;
	font-size:13px;
	text-decoration:none;}
	
.index-news .newsbar .right a:hover{
	color:#333;}
	
.index-news .newspost{
	float:left;
	margin:23px 18px 0px 35px;
	width:260px;}
	
.index-news .newspost h2{
	font-family:Century Gothic;
	font-size:17px;
	line-height:1.2em;
	margin:0px;}
	
.index-news .newspost h2 a{
	color:#008CB0;
	font-weight:normal;
	text-decoration:none;}
	
.index-news .newspost h2 a:hover{
	color:#333;}

.index-news .newspost .blurb{
	color:#444;
	line-height:1.4em;
	min-height:105px;}

.index-news .newspost .date{
	font-family:Century Gothic;
	font-size:13px;
	margin:4px 0px 8px;}

.index-news .newspost .morelink{
	margin-top:12px;
	text-align:center;}

.index-tagline{
	margin:25px 0px 15px;
	text-align:center;}
	
.index-text{
	color:#444;
	font-size:16px;
	line-height:1.4em;
	margin-bottom:25px;
	text-align:center;}

.innerpage{
	line-height:1.6em;}

.innerpage a{
	color:#0083A4;
	text-decoration:none;}
	
.innerpage a:hover{
	color:#F17025;}

.innerpage h1{
	color:#F17025;
	font-family:Century Gothic;
	font-size:26px;
	font-weight:normal;
	line-height:1.1em;
	margin:0px 0px 10px;}
	
.innerpage h2{
	color:#0083A4;
	font-family:Century Gothic;
	font-size:19px;
	font-weight:normal;
	margin:0px 0px 15px;}

.line-orange{
	background:#F17830;
	height:5px;}

.main-content{
	float:right;
	padding:20px 30px;
	width:540px;}
	
.main-content-full{
	padding:20px 0px;}
	
.main-content-index{
	background:url(images/back-blue.jpg) top left repeat;
	float:right;
	min-height:430px;
	padding:30px;
	width:500px;}
	
.main-content-index .big-button{
	margin-bottom:15px;
	text-align:center;}
	
.main-content-index .big-button img{
	opacity:0.80;
	filter:alpha(opacity=80); /* For IE8 and earlier */ }
	
.main-content-index .big-button img:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */ }
	
.main-content-index .tan-resp{
	margin-bottom:35px;
	text-align:center;}
	
.main-content-index .social{
	margin-top:25px;
	text-align:center;}
	
.main-content-index .social img{
	margin:0px 3px;
	opacity:0.80;
	filter:alpha(opacity=80); /* For IE8 and earlier */ }
	
.main-content-index .social img:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */ }

.newspage{
	float:right;
	padding:20px 30px;
	width:540px;}
	
.newspage a{
	border-bottom:1px dotted #0083A4;
	color:#0083A4;
	text-decoration:none;}
	
.newspage a:hover{
	border-bottom:1px dotted #444;
	color:#444;}
	
.newspage h1{
	color:#F17025;
	font-family:Century Gothic;
	font-size:26px;
	font-weight:normal;
	margin:12px 0px 25px;}
	
.newspage h2{
	color:#0083A4;
	font-family:Century Gothic;
	font-size:19px;
	font-weight:normal;
	margin:0px 0px 4px;}

.newspage .archivelisting{
	margin:0px 0px 30px;}

.newspage .archivelisting h2 a{
	border:0px !important;}

.newspage .date{
	font-family:Century Gothic;
	font-size:14px;
	margin-bottom:12px;}

.register-notice{
	background:#FFE8E8;
	border:1px solid #E3BBBB;
	margin:5px 0px 12px;
	padding:10px;
	text-align:center;}

.sidebar-left{
	background:#fff;
	float:left;
	padding:20px 10px;
	width:280px;}

.sidebar-left a.orangelink{
	background:url(images/background-line-orange.jpg) top left repeat;
	color:#fff;
	display:block;
	font-family:Century Gothic;
	font-size:16px;
	margin-bottom:7px;
	padding:7px 8px 8px;
	text-decoration:none;}
	
.sidebar-left a.orangelink:hover{
	background:#DE5F12;}
	
.sidebar-left a.bluelink{
	background:#07ABC7;
	color:#fff;
	display:block;
	font-family:Century Gothic;
	font-size:18px;
	line-height:1.3em;
	margin-bottom:7px;
	padding:14px 8px;
	text-decoration:none;}
	
.sidebar-left a.bluelink:hover{
	background:#0694AC;}

.sidebar-left .archive-dropdown{
	background:#fff;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	width:250px;}

.sidebar-left .box-header{
	background:url(images/background-line-blue.jpg) top left repeat;
	color:#fff;
	font-family:Century Gothic;
	font-size:16px;
	padding:7px 8px 8px;}
	
.sidebar-left .box-content{
	background:#F0F0F0;
	margin-bottom:7px;
	padding:10px;}
	
.sidebar-left .box-content a{
	color:#0083A4;
	text-decoration:none;}
	
.sidebar-left .box-content a:hover{
	color:#444;}

.sidebar-left .search .field{
	float:left;}
	
.sidebar-left .search .field input{
	background:#fff;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	width:180px;}
	
.sidebar-left .search .submitbutton{
	float:right;}
	
.sidebar-left .search .submitbutton input{
	font-size:12px;
	padding:2px;}

.sidebar-left-index{
	background:#fff;
	float:left;
	width:340px;}

.sidebar-left-index h2{
	color: #F17025;
	font-family: Century Gothic;
    font-size: 27px;
    font-weight: normal;
	margin: 20px 0px;}
	
.sidebar-left-index .text{
	padding:0px 20px 30px 0px;}

.skin-type-quiz-results{
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;
	margin-top:25px;
	padding:15px 0px 10px;}

.white{
	background:#fff;
	overflow:hidden;}

#yellowbar{
	background:#FDF5C0;
	color:#666;}

#yellowbar h2{
	font-family:Century Gothic;
	font-size:25px;
	font-weight:normal;}

#yellowbar .benefits{
	font-size:14px;
	padding-top:5px;}

#yellowbar .benefits ul{
	margin:0;}

#yellowbar .benefits ul li{
	margin:0px 0px 8px;}

#yellowbar .benefits .benefits-float{
	float:left;
	margin-left:30px;
	width:190px;}

#yellowbar .column-left{
	float:left;
	padding:30px 15px 30px 0px;}

#yellowbar .column-left h2{
	color:#008CB0;
	margin:0px 0px 20px;}
	
#yellowbar .column-left .login-button{
	margin-top:15px;
	text-align:center;}

#yellowbar .column-right{
	background:url(images/yellowbar-shadow.png) top left no-repeat;
	float:right;
	min-height:90px;
	padding:30px 0px 30px 30px;
	;}

#yellowbar .column-right h2{
	color:#F17025;
	margin:0px 0px 10px;}
	
#yellowbar .column-right h2 a{
	color:#F17025;
	text-decoration:none;}
	
#yellowbar .column-right h2 a:hover{
	color:#666;}

#yellowbar .column-right h4{
	color:#008CB0;
	font-family:Century Gothic;
	font-size:17px;
	font-weight:normal;
	margin:0px 0px 15px;}
	
#yellowbar .width-left-index{
	width:325px;}
	
#yellowbar .width-left-inner{
	width:285px;}
	
#yellowbar .width-right-index{
	width:530px;}
	
#yellowbar .width-right-inner{
	width:570px;}



/*/////////////////////////////////////////////////////////////////////

HEADER NAVIGATION Styles

/////////////////////////////////////////////////////////////////////*/


.navigation{
	margin:40px 0px 0px 130px;
	width:420px;}
	
.navigation ul{
	list-style:none;
	margin:0;
	padding:0;}

.navigation ul li{
	float:left;
	margin:0px 0px 0px 10px;
	width:130px;}
	
.navigation ul li a{
	color:#fff;
	display:block;
	font-size:14px;
	padding:2px 15px;
	text-align:right;
	text-decoration:none;}
	
.navigation ul li a:hover{
	background:#DE5F12;}



/*/////////////////////////////////////////////////////////////////////

FORM Styles

/////////////////////////////////////////////////////////////////////*/


table.wpm_registration{
	margin-top:30px;
	width:550px !important;}
	
table.wpm_registration h3 {
    color: #0083A4 !important;
    font-family: Century Gothic !important;
    font-size: 17px !important;
    font-weight: normal;
    margin: 20px 0 15px;}

table.wpm_registration td{
	padding:2px;}

table.wpm_registration td.form_button{
	padding-top:15px;}

table.wpm_registration td.form_button input{
	color:#333;}
	
table.wpm_registration td.label{
	font-weight:normal !important;}

table.wpm_registration input,
table.wpm_registration select{
	margin-bottom:1px;
	padding:5px;}

table.wpm_registration div.desc{
	color:#888;
	font-size:11px !important;}
	
.form-contact{
	padding-top:20px;}

.form-contact .req-star{
	color:#F00;}

.form-contact .row{
	margin-bottom:6px;}
	
.form-contact .row .label{
	float:left;
	padding-top:4px;
	width:150px;}
	
.form-contact .row .label .comment{
	color:#666;
	font-size:11px;
	font-style:italic;}
	
.form-contact .row .field{
	float:left;}
	
.form-contact .row .field input,
.form-contact .row .field select,
.form-contact .row .field textarea{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;}

.form-contact .submitrow{
	padding-top:5px;}

.form-contact .submitrow input{
	color:#333;
	margin-left:150px;
	padding:5px;}

.form-login,
.form-profile{
	margin-top:30px;}

.form-login p.error,
.form-profile p.error{
	background-color:#ffebe8;
	border:1px solid #c00;
	color:#333;
	margin-bottom:20px;
	padding:7px;}

.form-login p.message,
.form-profile p.message{
	background-color:#ffffe0;
	border: 1px solid#e6db55;
	color:#333;
	margin-bottom:20px;
	padding:7px;}
	
.form-login form label{
	float:left;
	padding-top:4px;
	width:100px;}

.form-login form p.forgetmenot label{
	display:inline;}

.form-login input{
	padding:5px;}

.form-login .description{
	color:#777;
	margin-top:2px;
	font-size:11px;}
	
.form-login .password-hint{
	padding:8px 0px 5px;}

.form-login .forgetpass{
	margin-left:100px;}

.form-login .row{
	margin-bottom:4px;}
	
.form-login .submitrow{
	margin:10px 0px 8px;}
	
.form-login .submitrow input{
	color:#333;
	margin-left:100px;}

.form-login #pass-strength-result{
	margin:5px 0px 8px 140px !important;
	padding:4px !important;
	width:140px !important;}
	
.form-profile{
	margin-top:30px;}

.form-profile table.form-table th,
.form-profile table.form-table td{
	padding:2px;
	text-align:left;}
	
.form-profile table.form-table th{
	vertical-align:top;
	width:150px;}
	
.form-profile table.form-table th label{
	display:block;
	font-weight:normal;
	margin-top:5px;}

.form-profile table.form-table input,
.form-profile table.form-table select{
	color:#333;
	padding:5px;}
	
.form-profile table.form-table input.disabledfield{
	color:#888;}

.form-profile .description{
	color:#777;
	margin-top:2px;
	font-size:11px;}
	
.form-profile .password-hint{
	padding:8px 0px 5px;}

.form-profile .submitrow{
	margin:10px 0px 8px;}
	
.form-profile .submitrow input{
	color:#333;
	margin-left:160px;
	padding:5px;}
	
.form-profile #pass-strength-result{
	float:right !important;
	margin:0px !important;
	padding:4px !important;
	width:140px !important;}

.form-register form label{
	float:left;
	padding-top:4px;
	width:140px;}

.form-register form .sectiontitle{
	color:#0083A4;
    font-family:Century Gothic;
    font-size:17px;
    padding:18px 0 15px;}

.form-register input,
.form-register select{
	padding:5px;}

.form-register .errorMessage{
    background-color: #FFEBE8;
    border: 1px solid #CC0000;
    color: #333333;
    margin-bottom: 20px;
    padding: 7px;}

.form-register .row{
	margin-bottom:4px;}
	
.form-register .row-agreement{
	margin:15px 4px;}
	
.form-register .row-agreement .agreement{
	padding:15px 0px 5px;}
	
.form-register .row-agreement .agreement-tiny{
	color:#777;
	font-size:10px;
	padding:0px 0px 10px;}

.form-register .membership .sectionsubtitle{
	color:#F17025;
	font-family:Century Gothic;
	font-size:14px;
	font-weight:bold;}
	
.form-register .membership .package{
	margin-bottom:8px;}
	
.form-register .membership .package .radio{
	float:left;
	width:50px;}
	
.form-register .membership .package .description{
	float:left;
	margin-right:50px;
	width:370px;}
	
.form-register .membership .package .description .desc-tiny{
	color:#888;
	font-size:11px;
	font-style:italic;
	line-height:1.2em;
	padding:2px 0px 0px 6px;}
	
.form-register .membership .package .price{
	float:left;
	width:60px;}
	
.form-register .membership .tiny{
	color:#777;
	font-size:11px;
	font-style:italic;
	line-height:1.4em;}

.form-register .pricing{
	margin-top:25px;}

.form-register .pricing .pricing-row{
	margin-bottom:5px;}
	
.form-register .pricing .pricing-row .pricing-desc{
	float:left;
	margin-right:10px;
	padding-top:3px;
	text-align:right;
	width:455px;}
	
.form-register .pricing .pricing-row .field{
	float:left;
	width:60px;}
	
.form-register .pricing .pricing-row .field input{
	background:#F7F7F7;
	border:1px solid #DFDFDF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	width:50px;}
	
.form-register .req-star{
	color:#F00;}
	
.form-register .submitrow{
	margin:10px 0px 8px;}
	
.form-register .submitrow input{
	color:#333;
	margin-left:140px;}


/*/////////////////////////////////////////////////////////////////////

DEFAULT WordPress Styles

/////////////////////////////////////////////////////////////////////*/

.alignleft{
	float:left;}

.alignright{
	float:right;}

p img{
	max-width:100%;
	padding:0;}

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

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

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

/*/////////////////////////////////////////////////////////////////////

FAQ Syles

/////////////////////////////////////////////////////////////////////*/	
	
.bg_faq_content_section h4{
	background-color:#F2F2F2;
	color:#0798B1;
	font-family:Century Gothic;
	font-size:17px;
	font-weight:normal;
	line-height:1.3em;
	margin:8px 0px;
	padding:10px 35px 10px 8px;}

.bg_faq_content_section h4.bg_faq_closed{
	background:url(images/faq-open.png) 98% 50% no-repeat #F2F2F2;
	background-position-y:50% !important;}
	
.bg_faq_content_section h4.bg_faq_opened{
	background:url(images/faq-close.png) 98% 50% no-repeat #F2F2F2;
	background-position-y:50% !important;}