/* ----------------------------------------- */
/*         Relaxslim | Metaboforte v1        */
/*         Blue | Francisco Suarez		     */
/*         Copyright: Relaxslim Inc 		 */
/* ----------------------------------------- */

/* ----------------------------------------- */
/*              DO NOT ALTER                 */
/* ----------------------------------------- */
* { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
html, body { height: 100%; width: 100%; color: #666666; background: #FFF; font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; }
ul, li { list-style: none; }
a { text-decoration: none; cursor: pointer; color: #666666;}
a img { border: none; }
.clear { clear: both; }



/* -------------------------------------- */
/* Main Layout Divs                       */
/* -------------------------------------- */
#homepage { background: #ebeef1 url(../images/background_homepage.jpg) repeat-x; }
#subpage { background: #ebeef1 url(../images/background_subpage.jpg) repeat-x; }
#wrapper { width: 950px; height: auto; margin: 0 auto; overflow: hidden; }
#header { width: inherit; height: 115px;background: url(../images/relaxslim_logoh.jpg) top left no-repeat;background-position: 0px 20px;}
#header img { width: auto; height: auto; position: relative; top: 70px; }
#header2 { width: inherit; height: 115px;background: url(../images/relaxslim_logoh_s.jpg) top left no-repeat;background-position: 0px 20px;}
#header2 img { width: auto; height: auto; position: relative; top: 70px; }
#nav { width: inherit; height: 34px;width:950px; padding-top:2px;/*background-color:red;*/}
#homepage #headline { width: inherit; height: 240px; }
#subpage #headline { width: inherit; height: 150px; }
#content { width: inherit; height: auto; padding: 0px 0px 0px 0px; float: left; }
#homepage #leftCol{ width: 674px; height: auto; float: left; }
#homepage #rightCol { width: 267px; height: auto; float: right; }
#subpage #leftCol { width: 674px; height: auto; float: left; }
#subpage #rightCol { width: 267px; height: auto; float: right; }
#footer { width: 100%; height: auto; margin: 25px 0px 0px 0px; background: #285377; }



/* -------------------------------------- */
/* Global Text Styles - Alter These       */
/* -------------------------------------- */
p { font-size: .9em; color: #666666; line-height: 1.4em; padding: 0px 0px 10px 0px; }
/* Text Link Styles */
p a:link { color: #858f97; padding: 2px; font-weight: bold; }
p a:visited { color: #858f97; }
p a:hover { color: #2e7aad; background: #ecf4f9; border-bottom: 1px solid #b3d1e5; }
p a:active { color: #858f97; }
/* Headline Styles */
h1 { font-size: 1.4em; font-weight: bold; }
h2 { font-size: 1em; font-weight: normal; }
h3 { font-size: 1.4em; font-weight: bold; }
h4 { font-size: 1.2em; font-weight: bold; }
h5 { font-size: .9em; font-weight: bold; }
/* Lists inside body copy */
#content ul { margin: 10px 0px 10px 20px; }
#content ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 5px; list-style-image: url(../images/arrow.jpg); font-size: .9em; color: #858f97; }
#content ul li a { color: #2e7aad; font-weight: bold; padding: 5px 5px 5px 0px; }
#content ul li a:hover { color: #FFF; background: #2e7aad; }
#leftCol ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 5px; list-style-image: url(../images/arrow.jpg); font-size: .9em; color: #666666; }
/* CONTROLS ORDERED LIST ON LEFT SIDE CONTENT, LARGE BOX */ 
#leftCol ol  { margin: 10px 0px 10px 20px;}
#leftCol ol li { margin: 0px 0px 10px 20px; padding: 0px 0px 0px 0px; font-size: .9em; color: #666666;  list-style-type: decimal;}
/* add 'class="link"' to your <a> links to give it this style */
.link { display: inline-block; padding: 5px 10px 5px 10px; background: #ecf4f9; border-bottom: 2px solid #b3d1e5; color: #408bbe; font-weight: bold; }
a:hover.link { background: #408bbe; color: #FFF; border-bottom: 2px solid #408bbe; }
/* Misc text styles */
.quote { color: #d74c52; font-size: 1.2em; font-weight: bold; padding: 0px 3px 0px 3px; }
.floatRight { text-align: right; }
/*  Global text color Classes  */
.grey { color: #858f97; }
.dark-grey { color: #48494a; }
.red { color: #CC0033; }
.blue { color: #2e7aad; }
.green { color: #86a625; }
.orange { color: #c9a82d; }
.white { color: #FFF; }
.seccion {font-size:12px;}


/* -------------------------------------- */
/* Logo Text                              */
/* -------------------------------------- */
#header h1 { text-align:right; padding: 38px 60px 5px 0px; float:right;}
#header h2 { }


/* Top Display Right */
#member_display{padding: 0px 0px 0px 600px; float:left;  position:relative; text-align:left; height:111px; width:300px;}
#member_display h1{ text-align:right; padding: 32px 0px 5px 0px;}
#mem_dip { width:250px; padding: 0px 10px 0px 0px; float:right; background-color:;border:0px solid; position:relative; text-align:left; height:inherit;}
#mem_dip_right { width:400px; padding: 40px 10px 0px 0px; background-color:#;border:0px solid; position:relative; text-align:right; float:left; margin-left:240px;}
#mem_dip_right a {
	margin-left: 15px;
	padding: 1px 0px 2px 20px;
	background-repeat: no-repeat;
	background-position: left center;
}
#dealer { width:80px; text-align:center; padding: 2px 2px 2px 2px; top:28px;float:left; position:relative;height:80; overflow:hidden;}
#dealer img { width: auto; height: auto; position: relative; top: 0px; }


/* -------------------------------------- */
/* Top Navigation bar                     */
/* -------------------------------------- */

#nav ul { padding-left: 0; margin-left: 0; color: White; float: left;}
#nav ul li { display: inline;  }
#nav ul li a { padding: 10px; color: White; text-decoration: ; float: left; font-weight:bold;}
#nav ul li a:hover, #nav .selected { padding: 9px; background: #d3d3d3 url(../images/nav_selected.jpg) repeat-x; color: #408bbe; border: 1px solid #d3d3d3; }



/* -------------------------------------- */
/* Headline\Call Out Area                 */
/* -------------------------------------- */
#headline { overflow: hidden;}
#headline .text {color:#285377;width: 250px; height: 235px; float: left; margin-left:20px; padding-top:10px;}
#headline .image{ width: 331px; height: 180px; background: url(../images/image_headline.jpg) no-repeat; float: left; border:0px; border-style: solid; border-color: #D50033;margin-top:0px;}
#homepage #headline h3 { padding-top: 5px; }
#subpage #headline h3 { padding-top: 20px; }
#headline p { font-size: 1em; padding: 5px 0px 20px 0px; line-height: 1.3em; }


/* -------------------------------------- */
/* Content Blocks                         */
/* -------------------------------------- */
#homepage .largeBox { width: 624px; height: auto; margin: 0px 0px 10px 0px; padding: 20px; background: #FFF; border: 5px solid #cdd7df; }
#homepage .mediumBox { width: 217px; height: auto; margin: 0px 0px 10px 0px; padding: 20px; background: #FFF; border: 5px solid #cdd7df; float:right;}
#homepage .smallBox { width: 158px; height: auto; margin: 0px 10px 10px 0px; padding: 10px; background: #FFF; border: 5px solid #cdd7df; font-size: .8em; float: left; }
#subpage .largeBox { width: 624px; height: auto; margin: 0px 0px 10px 0px; padding: 20px; background: #FFF; border: 5px solid #cdd7df; }
#subpage .mediumBox { width: 217px; height: auto; margin: 0px 0px 10px 0px; padding: 20px; background: #FFF; border: 5px solid #cdd7df;float:right; }
#subpage .smallBox { width: 158px; height: auto; margin: 0px 10px 10px 0px; padding: 10px; background: #FFF; border: 5px solid #cdd7df; font-size: .8em; float: left; }
#homepage .last { margin: 0px;/* do not alter this */ }
.largeBox h3, .mediumBox h3 { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #CCC; }
.smallBox h4 { margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #CCC; }


/* -------------------------------------- */
/* News Box Styles                        */
/* -------------------------------------- */
.newsEntry { margin: 0px 0px 10px 0px; overflow: hidden; }
.newsEntry .title { width: 69%; height: auto; padding: 0px 0px 0px 0px; float: left; }
.newsEntry .title a { font-size: .9em; font-weight: bold; }
.newsEntry .date { width: 30%; height: auto; padding: 5px 0px 0px 0px; font-size: .6em; color: #999; float: right; text-align: right; }
.newsEntry .text { width: 100%; height: auto; padding: 2px 0px 0px 0px; float: left; font-size: .8em; }

/* -------------------------------------- */
/* Contact Form Style                    */
/* -------------------------------------- */
.form { width: 500px; height: auto; padding: 10px; color: #a0a1a1; font-size: .9em; overflow: hidden; }
.form .space { width: inherit; height: 35px; }
.form .row { width: inherit; height: auto; margin: 0px 0px 5px 0px; padding: 5px 0px 15px 0px; overflow: hidden; }
.form .col2-1 { width: 120px; height: inherit; float: left; padding: 0px 0px 5px 0px; }
.form .col2-2 { width: 500px; height: inherit; float: left; }
.form .input { width: 400px; padding: 4px; border: 1px solid #CCC; background: url(../images/background_form.jpg) repeat-x; color: #858f97; }

/* ---------------------------------------- */
/* Contact Form # 1 Style | Main Page       */
/* ---------------------------------------- */

.form1 { width: 210px; height: auto; padding: px; color: #a0a1a1; font-size: .9em; overflow: hidden; }
.x1 { font-size: 1.0em; }
.main_site_lf {
	height: auto;
	padding-left: 0px;
	color: #a0a1a1;
	font-size: 0.9em;
	overflow: hidden;
	width: 220px;
}
.main_site_lf .space { width: inherit; height: 35px; }
.main_site_lf .row { width: ; height: auto; margin: 0px 0px 0px 0px; padding: 3px 0px 5px 0px; overflow: hidden; }
.main_site_lf .col2-1 { width: 220px; height: inherit; padding: 0px 0px 0px 0px; }
.main_site_lf .col2-2 .input{ height: inherit;}
.main_site_lf .col2-2 .phone{ width:32px;padding: 4px; border: 1px solid #CCC; background: url(../images/background_form.jpg) repeat-x; color: #666666; font-size:16px; font-weight:500; letter-spacing:1px;}
.main_site_lf .col2-2 .phone2{ width:45px;padding: 4px; border: 1px solid #CCC; background: url(../images/background_form.jpg) repeat-x; color: #666666; font-size:16px; font-weight:500; letter-spacing:1px;}
.main_site_lf .input {padding: 4px; border: 1px solid #CCC; background: url(../images/background_form.jpg) repeat-x; color: #666666; font-size:16px; font-weight:500; letter-spacing:1px;}


/* -------------------------------------- */
/* Footer Styles                          */
/* -------------------------------------- */
#footer .text { width: 950px; height: 150px; margin: 0px auto; padding: 10px 0px 30px 0px; color: #93a9b9; font-size: .9em; }
#footer .links { width: ; height: auto; padding: 0px 0px 10px 0px; float: left; font-variant:small-caps; color:#FFFFFF;}
#footer .fda { width: 100%; height: auto; padding: 0px 0px 10px 0px; float: left; font-size: .7em; color: #527897;}
#footer .copyright { width: 40%; height: auto; padding: 0px 0px 10px 0px; float: right; text-align: right; }
#footer a { color: #93a9b9; }
#footer a:hover { color: #FFF; }


/* Form Elements */
input.bigbutton
{
   font-size:20px;
   width:150px;
   height:40px;
   margin-left:20px;
}


.video
{
margin: 20px auto;
text-align: center;
}

.sort {
	margin-bottom: 10px;
	background: #F8F8F8;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.pagination {
	display: inline-block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.list {
	margin-bottom: 10px;
	width: 100%;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}
.tabs {
	width: 100%;
	height: 31px;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab_3.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab_3.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.tab_page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px;
	display: block;
	z-index: 2;
	margin-bottom: 10px;
}
#content .middle {
	background: #FFFFFF;
	padding: 10px 10px 1px 10px;
}
.button {
	padding-left: 8px;
	display: inline-block;
	margin-right: 5px;
	background: url('../image/button_left.png') top left no-repeat;
	text-decoration: none;
	color:#FFF;
}
.button span {
	color: #FFF;
	display: block;
	padding: 4px 12px 5px 5px;
	background: url('../image/button_right.png') top right no-repeat;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	padding: 5px;
	margin-bottom: 10px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}

.switcher {
	float: right;	
	margin-top: -5px;
	margin-left: 10px;
}
.switcher a {
	text-decoration: none;
	display:block;
}
.switcher .selected {
	background: #FFFFFF;
}
.switcher .selected a {
	color: #666666;
	width: 112px;
}
.switcher .selected a:hover {
	text-decoration: none;
	color:#55A0CA;
}
.switcher .option {	
	position: absolute;
	z-index: 3;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	display: none;
	width: 131px;
}
.switcher .option a {
	color: #000;
	padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
	background: #FFC;
}
.switcher img {
	position: relative;
	top: 1px;
}

.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
#search select {
	border: 1px solid #0A5391;
	padding: 1px;
}
#search a {
	color: #666666;
}
#search input {
	border: 1px solid #0A5391;
	padding: 2px;
}




#jsddm
{	margin-top: -5px;
	padding: 0

}
	
	#jsddm li
	{	float: left;

		list-style: none;
		font: 14px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: #004F6F;
		padding: 5px 12px;
height: 14px;
		text-decoration: none;
		border: 0px;
		width: 100px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #1A4473}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border: 0px}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background: #004F6F;}
		
		#jsddm li ul li a:hover
		{	background:;}