/*=======================================================
abito Main CSS
Created by Ripe Design (UK) Ltd. (http://www.ripe.co.uk)
=======================================================*/

/*START override default styles*/
body {
	background:#bed600 url(/images/main_bg.png) repeat-x;
	margin:0px;
	padding:0 0 60px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt}
#container {
	height:100%;
	width:738px;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	padding:0;
	/*background-image:url(/images/ask_logo.gif);*/
	background-repeat:no-repeat;
	background-position:right bottom;
	border-right:solid #EEEEEE 11px;
	border-bottom:solid #EEEEEE 11px;
	border-left:solid #EEEEEE 11px}
#logo {
	text-align:right;
	height:69px;
	width:738px;
	margin:0 auto 0 auto;
	}

#logo a img {
border:none}

a img {
border:none;
}

a{color:#bed600;
}

hr {
	clear:both;
	border:none;
	background:none;
	border-top:1px solid #D6D6D6;
	margin:15px 0px 15px 0px;
	height:1px;
	line-height:1px}


#search {
display:block;
	background-image:url(/images/menu_top.gif);
	height:52px;
	background-repeat:no-repeat;
	text-align:right;
	padding:0 10px 0 0}

#search span{
display:none;
}
	
#search form {
	margin:0px;
	padding:4px 0px 0px}
#search input {
	font-size:0.8em}

#menu {
	height:35px;
	list-style-type:none;
	padding: 0px 0 5px 25px;
	margin: 0px;
	background:url(../images/nav_bg.png) no-repeat}

#menu li{
	float:left;
	padding:7px 20px 15px 20px;
	_display:block;
	_margin:10px 0 0 0;
	_padding:4px 19px 20px 19px;
	margin:0;
}

#menu a{
    color:#fff!important;
	text-decoration:none;
    font-size:0.76em;
    _font-size:0.70em;
	text-align:center;
	padding: 10px 14px 25px 14px;
	_padding: 8px 15px 25px 15px;
	margin:0 0 0 0;
	font-weight:bold;}
	
#menu .menuselect{
background:url(../images/nav_over.png) no-repeat center 0px;
}	


#flash {
	display:block;
	margin:4px 0 11px 0;
	padding:0px;
	height:295px}
	
#pressrellink {
padding:0px;
margin:0px 0px 5px 0px}
	
#leftcolumn {
	width:476px;
	margin-left:9px;
	background-repeat:no-repeat;
	background-position:left top}
.leftcontent img {
	margin-right:10px}

.lefttop{
height:15px;
padding:0px;
margin:0px;
width:478px;
background:url(/images/left_col_top.gif) no-repeat;
}


.leftcontent {
	border:none;
	border-left:1px solid #bebebe;
	border-right:1px solid #bebebe;
	background-color:#EEEEEE;
	_margin:-3px 0 0 0;
	padding:0 22px 10px 22px; 
	width:432px;
	float:left;
	}
.leftcontent h1 {
	color:#bed600;
	font-size:1.5em;
	padding-top:0px;
	margin-top:0px}

.leftcontent p {
	/*margin:0px;
	padding:0px;*/
	font-size:0.7em;
	color:#525252}
.leftbot {
	border:none;
	background:url(/images/left_col_bot.gif) no-repeat;
	background-repeat:no-repeat;
	background-position:left top;
	height:10px;
	_height:5px;
	width:478px;
	padding-bottom:11px;
	clear:left;
	}
#rightcolumn {
	float:right;
	display:block;
	width:231px;
	margin:0 6px 0 0}
#rightcolumn img {
	margin-bottom:6px}

#footer {
	clear:both;
	margin:0 0 20px 9px;
	padding:0;
	width:729px;
}
#footer p {
	color:#bed600;
	font-size:0.7em;
	padding:0;
	margin:0}

.leftcontent h2 {
	color:#999999;
	font-size:1em;
	padding-top:0px;
	margin-top:0px;
	line-height:1.4em}
.leftcontent h3 {
	color:#666666;
	font-size:1.2em;
	padding-top:0px;
	margin-top:0px;
	font-weight:normal}
	
.leftcontent a {
	color: #bed600}
	
.hide {
display:none}

.show {
display:block}

.clearAll {
clear:both}

.clearLeft {
clear:left}

.clearRight{
clear:right}

.askPos{
float:right;
padding:0px;
margin:0px;
position:relative;
bottom:57px}

* html .askPos{
position:relative;
bottom:60px}

.askPos img{
border:none}

.contactinput{
float:left;
width:200px}

/*#formLayout form {
background:#FFFF00!important;
height:20px;
border:1px solid}*/

/*#formLayout p label{
text-align:left;
float:left;
width:150px;
padding:4px 0 0 0;
margin:0 0 0 0}

#formLayout input {
margin:0px 0px 3px 0px;}

.formButton{
float:left;
clear:left;
width:60px;
margin:5px 0 0 150px}

.formInfo{
display:block;
padding:10px 0 !important}

.formError{
float:left;
width:400px;
color:#bed600;
text-align:left;
padding:5px 0 5px 0;
font-weight:bold}*/

/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html 
might cause some problems? Keep an eye on it, seems to work well though */
.floatfix:after,.tile:after,ul:after,#formLayout:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden}
.floatfix,.tile,ul,#formLayout {display:inline-block}
/* Hides from IE-mac \*/
* html .floatfix,* html .tile,* html ul,* html #formLayout {height:1%}
.floatfix,.tile,ul,#formLayout {display:block}
/* End hide from IE-mac */

#footer a {
	color:#bed600}

#rightcolumn object {

	margin-bottom:6px}

#btn1,#btn2,#btn3,#btn4 {
	margin-bottom:8px}
	
	
	
	
	
/*#form1 {
	width: 380px;
	margin: 0;
	padding: 0;
}
#form1 p {
	width: 380px;
	clear: left;
	margin: 0;
	padding: 8px 0 0 0;
}
#form1 p label {
	font-weight: bold;
	float: left;
}

#form1 p input,#form1 p select ,#form1 p textarea{
	float: right;
	width: 200px;
}
.leftcontent .breakout {
	clear: left;
}
#form1 #submit {
	width: 60px;
	margin-left: 176px;
}*/

form{
width:400px;
padding:0!important;
margin:0!important;
}

p label{
padding:5px 0 5px 0;
}

p label,select, input, textarea{
float:left;
_display:inline;
clear:left;
_margin:0!important;
_padding:0!important;
}

input, textarea{
padding:0!important;
margin:0!important;
height:auto;
width:400px!important;
}

select{
width:405px!important;
}

.formButton{
float:left!important;
}

.contactCheckbox{
float:right;
margin:-14px -2px 0 0!important;
_margin:0!important;
width:auto!important;
}
/*	
.leftcontent .article {
	width: 195px;
	margin: 0 15px 25px 0;
	float: left;
	padding: 0;
}
.leftcontent .article h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 6px;
}
.leftcontent .article p {
	font-weight: normal;
}
.leftcontent .article a {
	font-size: 1.3em;
	font-weight: bold;
}

.leftcontent .breakout {
	clear: left;
}
*/
	
	
/*--additions--*/


.navexplore a{
display:block;
height:110px;
width:233px;
background-image:url(../images/explore_up.jpg);
}

.navexplore a:hover{
display:block;
height:110px;
width:233px;
background-image:url(../images/explore_over.jpg);
}

.navrecommend a{
display:block;
height:110px;
width:233px;
background-image:url(../images/recommend_up.jpg);
}

.navrecommend a:hover{
display:block;
height:110px;
width:233px;
background-image:url(../images/recommend_over.jpg);
}

.navlocation a{
display:block;
height:110px;
width:233px;
background-image:url(../images/locations_up.jpg);
}

.navlocation a:hover{
display:block;
height:110px;
width:233px;
background-image:url(../images/locations_over.jpg);
}

.navcontact a{
display:block;
height:110px;
width:233px;
background-image:url(../images/contact_up.jpg);
}

.navcontact a:hover{
display:block;
height:110px;
width:233px;
background-image:url(../images/contact_over.jpg);
}

.navpress a{
display:block;
height:110px;
width:233px;
background-image:url(../images/press_up.jpg);
}

.navpress a:hover{
display:block;
height:110px;
width:233px;
background-image:url(../images/press_over.jpg);
}

.article{
_padding: 30px 24px 5px 20px!important;
_margin:-3px 0 0 0;
width:432px!important;
}

.article h3{
float:right!important;
font-size:0.9em!important;
}

.articlelink{
font-size:0.7em!important;
float:right;
margin:0px 10px 0 0;
padding:0 0px 0px 0;
}

.imagelink{
font-size:0.7em!important;
margin:0px;
_display:inline;
padding:0px;
float:left;
}

.pressheadline{
font-size:0.8em!important;
_font-size:0.7em!important;
width:260px;
margin:0px 0 0 0;
font-weight:bold!important;
float:left;
}

.article img{
padding:3px 0 0px 0;
float:left;
}

.precis{
_display:inline;
width:350px;
float:left;
}

.padder img{
padding:0 0 30px 0;
}

.padderinsider{
clear:both!important;
padding:0 20px 10px 0;
}

/*award link*/
.awardpagelink{
display:block;
height:62px;
width:456px;
_width:445px;
margin:0 0px 0 -16px;
padding:0 0 20px 0;
background:url(../images/award_link.png) no-repeat;
}
.awardpagelink h2{
display:none;
}

/* END award link */


/*awards page */
#awardscontent{
font-size:0.8em;
margin:0 0 0 20px;
padding:0 10px 0 0;
color:#505050
}

#awardscontent p span{
color:#bed600;
}

#awardscontent img{
margin:0px 0 0 0;
}

.award_title{
margin:0 0 0 -10px;
}
	
/*end awards page */

/* press link */

.press_link{
margin:0 0 0 -5px;
}
.press_link img {
border:none;
}

/* end press link */

/*recommend page */
#recommendcontent {
	width:680px;
	margin:0px auto;
		}
#recommendcontent h1, #recommendcontent a, #recommendcontent span {	
color:#bed600;
}

#recommendcontent a img{
border:none;
}

.reccontact{
border:none!important;
background-color:none!important;
}

.recommendterms{
margin:-25px 0 30px 0;
display:block;
	font-size:0.90em!important;
}

.recommendterms2{
color:#555!important;
	font-size:0.40em!important;
}

#recommendcontent p {	
		font-size:0.76em!important;
		color:#505050;
		}

/*end recommend page */


/*about tabs */

.abitotablink{
margin:0px;
padding:0px;
}

.abitotablink img{
margin:0px 0 -4px 10px;
padding:0px;
}

.abitotablinkon{
margin:0px;
padding:0px;
}

.abitotablinkon img{
margin:0px 0 -5px 10px;
padding:0px;
}



.asktablink{
margin:0px;
padding:0px;
}

.asktablink img{
margin:0px 0 -4px 0px;
padding:0px;
}


.asktablinkon{
margin:0px;
padding:0px;
}

.asktablinkon img{
margin:0px 0 -5px 0px;
padding:0px;
}

/*end about tabs*/
table{
/*color:#bed600;*/
color:#FF0000;
}

		
.tcol{
width:200px;
font-weight:bold;
}