* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 948px;
 margin-bottom:120px;
}
#header {
 color: #333;
 width: 100%;
 float: left;
 height: 210px;
 background:url('images/header2.jpg');
}

#logo {
    width:600px;
    float:left;
    height:75px;
    margin-left:56px;
}

.login{
	margin-left:630px;
	width:286px; 
	margin-top:-30px; 
	height: 21px;
}

.login a:hover{
text-decoration:underline;
color:#333;
}

.login a{
text-decoration:none;
}

#header-inner {
    width:1060px;
    margin:auto;
    position:relative;
}

.links a{
text-decoration:underline;
}

.links a:hover{
text-decoration:none;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}

#login {
    width:250px;
    float:right;
    color:#fff;
    height:140px;
    background:url('images/news2.jpg');
    margin-top:-170px;
    margin-right:-340px; 
    width: 331px; 
}

#login-content {
padding:20px;
margin-left:6px;
color:#000;
height:112px;
}

#login-content a{
color:#333;
}

#login-content a{
color:#333;
}


#login-content h2{
	color:#9b9b9b;
	text-transform:uppercase;
	font-size:medium;
	margin-bottom:5px;
}

#login-content h4{
	color:#7bc144;
	font-size:12px;
	margin-bottom:5px;
}

#login-content h5{
	color:#333;
	font-size:12px;
	font-weight:normal;
}

#navigation {
 float: left;
 width: 900px;
 color: #333;
 height:65px;
 background:url('images/nav.jpg');
 margin-top:0px;
}

#navigation1 {
 float: left;
 width: 900px;
 color: #333;
 height:65px;
 background:url('images/nav1.jpg');
 margin-top:0px;
}

/* Tooltip */

#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:12px;
	width:320px;
	border:1px solid green;
	
}

#tooltip .tipHeader {
	height:8px;
	background:url(images/tipHeader.gif) no-repeat;
}


#tooltip .tipBody {
	background-color:green;
	padding:5px 5px 5px 15px;
}

#tooltip .tipFooter {
	height:8px;
	background:url(images/tipFooter.gif) no-repeat;
}

ul.menu {
    list-style:none;
    padding:0;
    margin:0;
    width:100%;
    clear:both;
}
ul.menu li {
    float:left;
}
ul.menu li a {
    height:50px;
    display:block;
    text-indent:-20000px;
}
ul.menu li.home {
    background:url("images/home.jpg") 0 0 no-repeat;
    width:155px;
}
ul.menu li.home a {
    background:url("images/home.jpg") 0 0 no-repeat;
        width:157px;
}

ul.menu li.about {
    background:url("images/about.jpg") 0 0 no-repeat;
        width:157px;
}
ul.menu li.about a {
    background:url("images/about.jpg") 0 0 no-repeat;
        width:157px;
}

ul.menu li.services {
    background:url("images/gyms.jpg") 0 0 no-repeat;
        width:157px;
}
ul.menu li.services a {
    background:url("images/gyms.jpg") 0 0 no-repeat;
        width:157px;
}

ul.menu li.therapies {
    background:url("images/nuyuu.jpg") 0 0 no-repeat;
        width:157px;
}
ul.menu li.therapies a {
    background:url("images/nuyuu.jpg") 0 0 no-repeat;
       width:157px;
}

ul.menu li.staff {
    background:url("images/join.jpg") 0 0 no-repeat;
        width:157px;
}
ul.menu li.staff a {
    background:url("images/join.jpg") 0 0 no-repeat;
        width:157px;
}

ul.menu li.contact {
    background:url("images/contact.jpg") 0 0 no-repeat;
        width:157px;
}
ul.menu li.contact a {
    background:url("images/contact.jpg") 0 0 no-repeat;
        width:157px;
}

ul.menu li a:hover{background:transparent!important}
.templatemo_domain a{
text-decoration:underline;
}

.menu_list {
	float: left;
	padding-left: 18px;
	margin-top:15px;
}

.menu_list ul {
	padding: 0;
	width: 183px;
	margin-top:3px;
	font-size:11px;
	list-style-type:none;
	margin-left:10px;
	margin-top:3px;
}

.menu_list li a {
	display: block;
	height: 23px;
	padding-top: 4px;
	color: #333;
	font-weight:bold;
	background: url(images/templatemo_menu_button.jpg);
}

.menu_list li a:hover, .menu_list li .current {
color:#000;

}

#leftcolumn {
	color: #333;
	margin: 0px 5px 0px 0px;
	float: left;
	/**background:url("images/sidebar.png");**/
 width: 233px;
	height: 575px;
}

#leftcolumn a{ 
text-decoration:none;
}

#content { 
 float: left;
 margin: 0px 5px 5px 5px;
 padding: 10px;
 width: 444px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 211px;
 float: left;
}

#box{
	background-image:url('images/right_1.jpg'); 
	height: 238px; 
	width: 212px;
	margin-top:-15px;
}

#second_box{
	background-image:url('images/right_2.jpg'); 
	width: 212px; 
	height: 340px;
}
#second_box1{
	background-image:url('images/right_4.jpg'); 
	width: 212px; 
	height: 340px;
}

.join{ 
background:url("images/join.png") no-repeat;
width: 150px; height: 38px;
border:0;
color:#fff;
font-weight:bold;
font-size:12px;
cursor:pointer;
}

.join2{ 
background:url("images/join.jpg") no-repeat;
width: 150px; height: 38px;
border:0;
color:#fff;
font-weight:bold;
font-size:12px;
}

.reg{ 
background:url("images/submit.jpg") no-repeat;
height: 33px; 
width: 112px;
border:0;
float:right
}

#footer { 
 width: 917px;
 clear: both;
 color: #fff;
 font-weight:bold;
 margin: 0px 0px 10px 0px;
 padding: 17px;
 height:20px;
 background:url('images/footer.png');
}

#follow { 
float:right;
}

#follow span{ 
color:#333;
}

/** Tabs **/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 25px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0px;
    margin-left:6px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #fff;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border: 1px solid #7bc144;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

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

 Forms 

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

#advertise{
padding:0px;
padding-left:5px;	
}

form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

form.selectbystore select {
	width: 160px;
}

form h4 {
	font-weight: bold;
	font-size: 1.2em;
}

form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

form label {
	display: block;
}

form ul li {
	padding: 0.5em 0;
}

.initvalue {
	color: #999;
}

form#submitacode {
	margin-top: 0.75em;
}

form#submitacode label, form#addcomment label, form.dashboard label {
	display: block;
	float: left;
	width: 160px;
	text-align: right;
	margin-right: 10px;
	margin-top: 0.2em;
}

form#contactus label, form#advertise label {
	display: block;
	float: left;
	font-weight: bold;
	width: 160px;
	margin-right: 10px;
	margin-top: 0.2em;
}

form#advertise label.label2 {
	width: 114px;
	margin-left: 15px;
	padding: 0 2px 0 8px;
}

.matchlabel {
	float: left;
	padding-top: 0.2em;
}

form.dashboard label {
	text-align: left;
	width: 145px;
	font-weight: bold;
}

form#addcomment label {
	width: 140px;
}

form#submitacode li.submit {
	padding-left: 170px;
}

form.dashboard li.submit {
	padding-left: 155px;
}

form#addcomment li.submit {
	padding-left: 150px;
}

form#addcomment li, form#addcomment input, form#addcomment img {
	vertical-align: middle;
	line-height: normal;
}

form.dashboard fieldset {
	padding: 1em 15px;
	border: 1px solid #ebebeb;
	background: #fff;
}

form.dashboard a.forgotpassword {
	font-size: 90%;
	margin-left: 4px;
}

form.dashboard li.balance input {
}

form.dashboard #f_email {
	width: 384px;
	font-size: 150%;
	margin-right: 10px;
}

form.columned {
	margin: 0.5em 0;
}

form.columned label {
	display: block;
	float: left;
	width: 160px;
	text-align: right;
	margin: 0.2em 10px 0 0;
}

form.columned li.submit {
	padding-left: 170px;
}

form.columned div.under {
	padding-left: 170px;
	clear: both;
	color: #999;
	font-weight: bold;
	font-size: 93%;
}

form.columned textarea {
	width: 400px;
}

form#contactus, form#advertise {
	background: #fff;
	padding: 1em 2em 1em 1em;
	margin-left:5px;
	margin-top:-5px;
}

form#contactus li, form#advertise li {
	clear: both;
}

form#contactus li.submit, form#advertise li.submit {
	padding-left: 170px;
}

form#advertise input, form#advertise textarea {
	width: 150px;
	border: 1px solid #ccc;
	height:18px;
	padding:1px;
}

form#advertise input#affilimaybe, form#advertise input#affiliyes, form#advertise input#affilino {
	border: 0;
	width: auto;
}

form#advertise input#submitvouchers {
	width: auto;
	border: 0;
}

form#advertise .calendar {
	width: 70px;
	margin-top: 6px;
}

form#advertise input.input2 {
	float: left;

}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox_images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


		.landing_orange {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight:bold;
	color: #ff6600;
	

}

		.landing_grey {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight:normal;
	color: #333333;
	

}

		.landing_green {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight:bold;
	color: #64a432;
	

}

	a.greenlinks {
	text-decoration:underline;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#64a432;
}

		.lightgrey {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight:bold;
	color: #666666;
	

}