/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


html, body {
height: 100%;
}

    /* <!-- */
    /* General styles */
    body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:url("../images/bg.jpg");
		min-width:600px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
								font-size:75%;
		font-family:"arial";
	}

	.clear{display:block;clear:both;}
	a {
	color:#30a0ff;
	text-decoration:none;
	}
	a:hover {
		text-decoration:none;
	}
	b{color:#ffffff;}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}
	
	
	
	#changeFont{
	float:right;
	padding:15px 15px 15px 10px;
	}
	
	#changeFont span, #changeFont span img{
	float:left;
	}
	
	#changeFont span{
	margin:0px 0px 10px 0px;
	}
	
	#changeFont span a{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 25px;
	}

#changeFont span.plus {
	background:url('../images/plus.png') left center no-repeat;
	}
	
	#changeFont span.minus {
	background:url('../images/minus.png') left center no-repeat;
	}
	
	
	    #container{ 

    width:950px;
    
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  
  
    }

    
    
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
        
    }
    
    
    

#header .info{
float:left;
}

#header .info{padding:0px 0px 0px 0px;}
#header .info {text-align:center;color:#c0c0c0;}
#header .info a{color:#888888;text-decoration:none;}
#header .info a:hover, #header .info a.active{color:#ffffff;}



#header .imgtop{
background:#ffffff;
padding:10px;
}
    
    
    #header .imgtop img{
float:left;
margin:0px;
}

#header .links{
padding:15px;
text-align:center;
background:url("../images/trans15.png");
color:#888888;
}

#header .links a{
display:inline-block;
padding:0px 10px 0px 10px;
color:#888888;
text-decoration:none;
}

#header .links a:hover, #header .links a.active{
color:#ffffff;
}

    #header #menu{
    float:left;
    width:100%;
    margin:0px 0px 0px 0px;
    background:url("../images/trans15.png");
    }
    
    
    * html #header #menu #abs{width:840px;}

    
    
    
    
    

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative;margin:0px 0px 0px 0px;}
ul.dropdown li                      { float: left; zoom: 1; margin:0px 0px 0px 0px;}
ul.dropdown li a                    { display: block; padding: 10px 10px 10px 10px; color:#c0c0c0; font-size:100%; text-decoration:none; font-weight:bold;}
ul.dropdown a:hover, ul.dropdown a.active		            { color:#333333; background:#f0f0f0;}
ul.dropdown a:active                { color:#888888; }

ul.dropdown li.drop	a			{ background:url("../images/drop.png") right center no-repeat; padding-right:25px;}
ul.dropdown li.drop	a:hover			{ background:#f0f0f0 url("../images/drop.png") right center no-repeat; padding-right:25px;}
ul.dropdown li.drop	a.active			{ background:#f0f0f0 url("../images/drop.png") right center no-repeat; padding-right:25px;}


ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              {  }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; padding:10px 10px 10px 10px; visibility: hidden; position: absolute; top: 100%; left: 0; background:url("../images/trans15.png"); z-index:99;}
ul.dropdown ul li 					{ font-weight: normal; float: none; text-align:left; margin:0px 0px 0px 0px;}

                             /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; display: block; padding: 4px 5px 4px 5px; font-size:100%; background:#ffffff; color:#c0c0c0;} 
ul.dropdown li.drop ul li a{background:#ffffff; color:#c0c0c0;}
ul.dropdown li.drop ul li a:hover, ul.dropdown li.drop ul li a.active{color:#888888;background:#f8f8f8;}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; padding:0px; background:#f0f0f0;}
ul.dropdown li:hover > ul 			{ visibility: visible; }


    /* ie <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" />
    <![endif]--> 
    ul.dropdown ul li					{ display: inline; width: 100%; } 
    */
    
    

    #shadow-t{
    height:20px;
	background:url("../images/shadow_top.png") repeat-x top center;
    }
    
    #shadow-b{
    height:20px;
	background:url("../images/shadow_bottoms.png") repeat-x bottom center;
    }
    

    
    
   	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu {

	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 {
        margin:0 15px 0 215px;
        overflow:hidden;
	}
	
	
		.rightmenu .col1-padding {
	padding:0px 0px 25px 0px;
	}
	
	
	
	.rightmenu .col1 h1{
	font-size:180%;
	color:#c0c0c0;
	margin:10px 0px 0px 0px;
	padding:0px;
	}
	
	.rightmenu .col1 h2{
	font-size:150%;
	color:#888888;
	margin:10px 0px 0px 0px;
	padding:0px;
	}
	
	.rightmenu .col1 p, .rightmenu .col1 li{
	color:#ffffff;
	line-height:180%;
	}
	
	.rightmenu .col1 ol, .rightmenu .col1 ul{
	margin:10px 0px 10px 25px;
	}
	
	.rightmenu .col1 ol li{list-style:decimal;}
	.rightmenu .col1 ul li{list-style:disc;}
	
	
	.rightmenu .col1 em{font-style:italic;}





 
    
    	.rightmenu .col1 form.consultation{
	margin:0px 0px 0px 0px;
	padding:25px;
		        background:url("../images/trans15.png");

	}
	
	.rightmenu .col1 form.consultation p{
	padding:0px;
	}
	
	.rightmenu .col1 form.consultation p.note{
	color:#888888;
	font-size:80%;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:none;
	text-align:center;
	}
	
	.rightmenu .col1 form.consultation p label{
	
	}
	

	
.rightmenu .col1 form.consultation h1{
margin:0px;
padding:0px;
}

.rightmenu .col1 form.consultation h1.success{
color:#72a04c;
}

	.rightmenu .col1 form.consultation p label b{
	display:block;
	margin:10px 0px 5px 0px;
	color:#c0c0c0;
	}
	

.rightmenu .col1 form.consultation b.error{
color:red;
}


	
	.rightmenu .col1 form.consultation p label input[type=text], .rightmenu .col1 form.consultation p label textarea{
	width:560px;
	padding:2px;
	font-size:90%;
	}
	
	.rightmenu .col1 form.consultation p label textarea{
	height:100px;
	}
	.rightmenu .col1 form.consultation p.send{
	text-align:center;
	}
	
	.rightmenu .col1 form.consultation p.send input[type=submit]{
	padding:10px;
		        background:url("../images/trans15.png");
		        border:none;
		        color:#ffffff;
	}
    
    
    






.rightmenu .col1 form.drink_wheel_test{
margin:10px 0px 10px 0px;
padding:25px;
background:url("../images/trans15.png");
}

.rightmenu .col1 form.drink_wheel_test h1.success{
color:#72a04c;
}

.rightmenu .col1 form.drink_wheel_test p{

}

.rightmenu .col1 form.drink_wheel_test p input{

}

.rightmenu .col1 form.drink_wheel_test{

}



	
	

.rightmenu .col1 form.contact{
margin:25px 0px 0px 0px;
padding:25px;
    background:url("../images/trans15.png");
}

.rightmenu .col1 form.contact h1{
margin:0px;
padding:0px;
}

.rightmenu .col1 form.contact h1.success{
color:#72a04c;
}

.rightmenu .col1 form.contact b.error{
color:red;
}

.rightmenu .col1 form.contact input[type=text]{
padding:3px;
width:400px;
border:1px #c0c0c0 solid;
}

.rightmenu .col1 form.contact textarea{
padding:3px;
width:450px;
height:100px;
border:1px #c0c0c0 solid;
}

.rightmenu .col1 form.contact input[type=submit]{
	padding:10px;
		        background:url("../images/trans15.png");
		        border:none;
		        color:#ffffff;
}










.rightmenu .col1 form.login{
margin:25px 175px 25px 175px;
padding:35px;
    text-align:right;
}

.rightmenu .col1 form.login h1{
margin:0px;
padding:0px 0px 10px 0px;
}

.rightmenu .col1 form.login h1.success{
color:#72a04c;
}

.rightmenu .col1 form.login b.error{
color:red;
}

.rightmenu .col1 form.login input[type=text], .rightmenu .col1 form.login input[type=password]{
padding:3px;
width:200px;
border:1px #c0c0c0 solid;
}

.rightmenu .col1 form.login textarea{
padding:3px;
width:450px;
height:100px;
border:1px #c0c0c0 solid;
}

.rightmenu .col1 form.login input[type=submit]{
	padding:10px;
		        background:url("../images/trans15.png");
		        border:none;
		        color:#ffffff;
}









    .rightmenu .col2 {
        float:right;
        width:170px;
        position:relative;
        left:185px;
    }
    
    
    
    
    
        .rightmenu .col2 h1{
		margin:0px 0px 10px 0px;
		font-size:130%;
		color:#ffffff;
		text-align:center;
		}
	
    	    
  .rightmenu .col2 .call-ad{
    margin:0px 0px 15px 0px;
    }
    
    .rightmenu .col2 .call{
    margin:0px 0px 15px 0px;
    }
    
    .rightmenu .col2 .call p{
    color:#c0c0c0;
    }
    
    .rightmenu .col2 .call img{
    float:left;
    }
    
    
    
    .rightmenu .col2 .case{
    margin:0px 0px 15px 0px;
    }
    
    .rightmenu .col2 .case img{
    float:left;
    }
    
    .rightmenu .col2 .contact{
    margin:0px 0px 15px 0px;
    }
    
    .rightmenu .col2 .contact img{
    float:left;
    }
    
    
    
    
    
    
    	.rightmenu .col2 form.contact{
	margin:0px 0px 0px 0px;
	padding:10px;
		        background:url("../images/trans15.png");

	}
	
	.rightmenu .col2 form.contact p{
	padding:0px;
	}
	
	.rightmenu .col2 form.contact p.note{
	color:#888888;
	font-size:80%;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:none;
	text-align:center;
	}
	
	.rightmenu .col2 form.contact p label{
	
	}
	
	.rightmenu .col2 form.contact p label b{
	display:block;
	margin:10px 0px 5px 0px;
	color:#c0c0c0;
	}
	
	.rightmenu .col2 form.contact p label input[type=text], .gui .col2 form.contact p label textarea{
	width:135px;
	padding:2px;
	font-size:90%;
	}
	
	.rightmenu .col2 form.contact p label textarea{
	height:100px;
	}
	.rightmenu .col2 form.contact p.send{
	text-align:center;
	}
	
	.rightmenu .col2 form.contact p.send input[type=submit]{
	padding:10px;
		        background:url("../images/trans15.png");
		        border:none;
		        color:#ffffff;
	}





	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        margin:25px 0px 0px 0px;
        width:100%;
        background:url("../images/trans15.png");
    }
    #footer a{
    float:right;
    margin:40px 0px 25px 20px;
    }
    
    #footer a img{
    width:50px;
    
    }
    #footer p {
        padding:25px;
        margin:0;
        color:#c0c0c0;
        font-size:90%;
        line-height:150%;
    }
    #footer .facebook{
    float:right;
    margin:40px 5px 25px 25px;
    }
    /* --> */
    
    
   
   
   
   
      
   #affiliates{

    color:#333333;
    background:url("../images/trans50.png");
   }
   
   #affiliates a{
   float:left;
   padding:10px;
   margin:0px 0px 0px 0px;
   color:#4d4d4d;
   font-weight:bold;
   color:#999999;
   }
   
   #affiliates a.active, #affiliates a:hover{
   background:#ffffff;
   color:#35393d;
   }
   
   
   
   
   
   #slider{ 
	width:100%; 
	padding-right:0px;
	margin:0px 0px 0px 225px;
	position:relative; 
}



#slider ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:410px; 
	list-style:none; 
	padding:0; margin:10px 0px 0px 0px; 
	width:300px;
}
#slider ul.ui-tabs-nav li{ 
	padding:0px 0; padding-left:25px;  
	font-size:90%; 
	color:#666; 
	list-style:none;
}
#slider ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
}
#slider ul.ui-tabs-nav li span{ 

}
#slider li.ui-tabs-nav-item a{ 
	display:block; 
	margin:0px 0px 0px 0px;
	padding:8px;
	 text-decoration:none;
	outline:none;
	color:#888888;
	font-size:100%;
	border-bottom:1px #363a3d solid;
	line-height:140%;
	
}
#slider li.ui-tabs-nav-item a:hover{ 
	color:#ffffff;
        background:url("../images/trans15.png");
}

#slider li.ui-tabs-nav-item a b{ 
color:#30a0ff;
}

#slider li.ui-tabs-selected{ 
}
#slider ul.ui-tabs-nav li.ui-tabs-selected a{ 
        background:url("../images/trans15.png");
	color:#ffffff;
}
#slider .ui-tabs-panel{ 
width:420px;
height:286px;
	background:url("../images/trans15.png");
	}

#slider .ui-tabs-panel img{ 
margin:10px 0px 0px 10px;
}

#slider .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	margin:10px 10px 10px 10px;
	height:80px; 
	width:400px;
	background:url("../images/trans50.png");

}
#slider .ui-tabs-panel .info a.hideshow{
	position:absolute; right:10px; top:-20px; margin:0; outline:none;
}
#slider .info h2{ 
	margin:10px 10px 5px 10px;
	overflow:hidden; 
	font-size:150%;
}
#slider .info p{ 
	margin:0 10px 0px 10px; 
	font-size:90%;
	color:#ffffff;
}
#slider .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#slider .info a:hover{ 
	text-decoration:underline; 
}
#slider .ui-tabs-hide{ 
	display:none; 
}