/*
Author   : Wes Smith | wes@redbullet.co.uk | Red Bullet Web Design
Client   : Discount Letting
URL      : http://www.discountletting.co.uk
Desc     : General Stylesheet
Created  : 27 December 2007
*/

/********** General Start **********/
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; padding:0; margin:0;}
a{outline:none;}
a:link, a:visited{text-decoration:none; color:#dd0a1f;}
a:hover{text-decoration:underline; color:#dd0a1f;}
p{padding:0; margin:5px 0 5px 0;}
h1{font-size:13px; padding:0; margin:5px 0 5px 0; color:#333333;}
h2{font-size:13px; padding:0; margin:5px 0 5px 0; color:#dd690a;}
h3{font-size:13px; padding:0; margin:5px 0 5px 0; color:#dd0a1f;}
h4{font-size:13px; padding:0; margin:0 0 5px 0; color:#eb710f;}
h6{font-size:13px; padding:0; margin:10px 0 5px 0; color:#000000;}
input.txt{color:#333333; width:100px; font-size:11px;}
select.txt{color:#333333; font-size:11px;}
textarea{color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
form p{clear:left; margin:0; padding:0; padding-top:5px;}
label{width:100%; margin:5px 0 5px 0;}
form{display:inline;}
/********** General End **********/

/********** ID's Start **********/
#container{position:relative; width:980px; height:auto; padding:0; margin:0 auto 0 auto;}
#header{position:relative; width:980px; height:170px; margin-bottom:14px;}
#content_area{position:relative; width:980px; height:auto; margin:0;}
#left_column{float:left; width:250px; height:auto; background:url(../Images/column_seperator.gif) top right repeat-y; margin:0;}
#center_column{float:left; width:470px; height:auto; padding:10px; margin:0; margin-left: 10px;}
#center_column2{float:left; width:470px; height:auto; padding:0 10px 10px 10px; margin:0;}
#right_column{float:left; width:210px; height:auto; padding:10px; margin:0; text-align:right;}
#logos_container{position:relative; width:980px; height:auto; border-top:1px solid #999999;}
#property_details{position:relative; padding:10px; margin:0 0 20px 0; border:5px solid #bfbfbf;}
#property_details span{color:#dd0a1f; font-weight:bold;}
#right_column_articles{text-align:left; margin-left:30px;}
/********** ID's End **********/

/********** Classes Start **********/
.hide{display:none;}
.clear{clear:both;}
.float_left{float:left; margin:0 10px 10px 0;}
.float_right{float:right; margin:0 0 10px 10px;}
.logo{position:absolute; top:0; left:0;}
.about_us{width:220px; height:auto; padding:10px; margin-bottom:10px; }
.property_search{width:200px; height:auto; padding:10px; border:5px solid #bfbfbf; margin:0 0 10px 0;}
.property_search .txt{width:80px;}
.landlord_login{width:210px; height:auto; padding:10px; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; margin:0 0 10px 0;}
.center_graphic{margin:0 0 20px 0;}
.letting_zone{margin:0 0 10px 10px;}
.home_text{background:#ececec; padding:15px; border-top:1px solid #aeabab; border-bottom:1px solid #aeabab; margin:20px 0 20px 0;}
.full_management_text{padding:15px;}
.video_img{margin:10px 0 0 0;}
.let_img{margin:0 0 0 10px;}
.search_results_box{position:relative; border:5px solid #eb710f; padding:20px; font-size:12px;}
.search_results_box input{font-size:12px;}
.let_property_tenantfinder_box{position:relative; border:5px solid #dd0a1f; padding:10px; background-color: #fdeaeb;}
.let_property_tenantfinder_box h2{color:#dd0a1f;}
.let_property_management_box{position:relative; border:5px solid #eb710f; padding:10px; background-color: #fdf8ea;}
.search_icon{position:absolute; top:15px; right:-15px;}
.results_info_bar{position:relative; padding:20px 5px 20px 5px;}
.results_info_bar span{color:#dd0a1f; font-weight:bold;}
.results_info_bar p.paginate{float:right;margin:0;padding:0;}
.search_result_title{text-align:right;}
.details_img_border{padding:4px; border:1px solid #bfbfbf;}
.property_search_result{position:relative; padding:10px; margin:0 0 20px 0; border:5px solid #bfbfbf;}
.propDetsTitle {background-color:#f1f0f0; color:#dd0a1f; font-weight: bold; padding: 3px 5px 3px 5px;}
.LetPropTitle {background-color:#f1f0f0; font-weight: bold; padding:3px; margin-top: 8px; margin-bottom: 5px;}
.left{float:right; margin: 5px; border: 1px solid #CCCCCC;}
/********** Classes End **********/

/********** Navigation Start **********/
#quick_link_tenant{position:absolute; top:10px; right:0; width:407px; height:51px;}
#menu{position:absolute; top:80px; left:0; width:980px; height:90px; background:#554f4d; font-size:12px;}
#menu ul{position:absolute; bottom:0; left:0; list-style:none; padding:0; margin:0;}
#menu li{float:left; display:inline; padding:0 20px 0 20px; margin:0; border-right:1px solid #FFFFFF; line-height:25px;}
#menu li a:link, #menu li a:visited{color:#FFFFFF; text-decoration:none;}
#menu li a:hover{color:#fe8f36; text-decoration:none;}
#menu_right{position:absolute; top:-10px; right:0; width:auto; height:100px;}
.let_tab{float:left; width:135px; height:100px; border-left:1px solid #FFFFFF;}
.let_tab a{background:url(../Images/let_menu_bg_off.gif) no-repeat;}
.let_tab a:hover {background:url(../Images/let_menu_bg_on.gif) no-repeat;}
.find_tab{float:left; width:135px; height:100px; border-left:1px solid #FFFFFF;}
.find_tab a{background:url(../Images/find_menu_bg_off.gif) no-repeat;}
.find_tab a:hover{background:url(../Images/find_menu_bg_on.gif) no-repeat;}
.about_tab{float:left; width:135px; height:100px; border-left:1px solid #FFFFFF;}
.about_tab a{background:url(../Images/about_menu_bg_off.gif) no-repeat;}
.about_tab a:hover {background:url(../Images/about_menu_bg_on.gif) no-repeat;}
.red_table caption{text-align:right; font-weight:bold; font-style:italic; margin:5px 0 5px 0;}
.red_table th {color: #FFFFFF;letter-spacing: 1px;text-transform: uppercase;text-align: left;padding: 4px 4px 4px 12px;background: url(../Images/red_table_bg.gif) top left repeat-x; font-size:10px;}
.red_table td {border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;background:#FFFFFF;padding: 4px 4px 4px 12px;color: #333333;}
.red_table td.alt {background:#f1baba; color:#333333;}

/********** Navigation End **********/

/********** Sub Navigation Start **********/
.sub_menu{width:210px; min-height:235px; height:auto !important; height:235px; margin:0 0 10px 0px; padding:10px 0 10px 20px; background:#554f4d; color:#FFFFFF;}
.sub_menu ul{list-style:none; padding:0; margin:0;}
.sub_menu li{display:block; padding:5px 10px 5px 10px; margin:0; border-bottom:1px solid #fe8f36;}
.sub_menu li a:link, .sub_menu li a:visited{color:#FFFFFF; text-decoration:none;}
.sub_menu li a:hover{color:#fe8f36; text-decoration:none;}
/********** Sub Navigation End **********/

/********** Ajax Content Styling Start **********/
#letpropertydivcontainer{width:448px; min-height:250px; height:auto !important; height:250px; padding:10px; border:1px solid #CCCCCC; clear:both;}
#letpropertydivcontainer ul{padding:0 0 0 15px; margin:0;}
.tabs{padding: 5px 0;margin-left: 0;margin-top: 1px;margin-bottom: 0;font:12px Arial;list-style-type: none;text-align: left; /*set to left, center, or right to align the menu as desired*/}
.tabs li{display: inline;margin: 0;}
.tabs li span{text-decoration: none;position: relative;z-index: 1;padding: 5px 5px;margin-right: 1px; border: 1px solid #CCCCCC; background: white url(../Images/shade.gif) top left repeat-x; color:#dd690a;}
.tabs li span.selected{ /*selected main tab style */background-image: url(../Images/shadeactive.gif);border-bottom: 1px solid white;color: #dd0a1f;}
iframe#upload{position:absolute;left:-9000px;height:0;width:0;border:0;}
/********** Ajax Content Styling End **********/

/********** Footer Start **********/
#footer{position:relative; width:980px; height:25px; background:url(../Images/footer_bg.gif);}
#footer ul{list-style:none; padding:0; margin:0;}
#footer li{float:left; display:block; padding:0 20px 0 10px; margin:0; border-right:1px solid #FFFFFF; line-height:25px;}
#footer a{color:#FFFFFF; text-decoration:none;}
#footer a:hover{color:#FFFFFF; text-decoration:underline;}
#sub_footer{position:relative; width:auto; padding:10px;}
/********** Footer End **********/

/* Additions By Kevin Dew */
/********** Generic Form Start **********/
form.gen p label {float:left; width:30%; font:11px Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0;}
form.gen .no_label{margin-left:30%;}
form.gen label.pc{float:none;}

/********** Generic Form End **********/

.delete_submit, .move_submit{margin-top:5px;margin-bottom:5px;}
p#next_step, p#payment, p.next_step {margin-top:1em;}
div.loading{padding:0; margin-bottom:1em; height:16px; background:url(../Images/loading.gif) top center no-repeat;}
span.normal_price{text-decoration: line-through;}
span.discount_price{font-weight: bold;}
div.banner{margin:1em 0;}
div.banner img{border:0;}

div.let_property_container {margin-bottom:1em;}
div.let_property_header {clear:left; padding:9px 10px; background-color: #f2f2f2; color: #737373; border: 1px solid #737373; border-left: 0; border-right:0;}
div.let_property_header_active {background-color: #de0a20; padding:10px; border:0;}
div.let_property_header_active a {color: #FFF;}
div.let_property_form_container { background-color: #f6e7ea; border-bottom: 1px solid #f2f2f2;}

p.field{float:left;width:30%;margin:0.1em 0;clear: left;}
p.values, div.values{float:left;width:70%;margin:0.1em 0;}

div.val_errors{margin-bottom:1em;font-weight:bold;color:#DD690A;}

dl{margin:0;}
dl dt{float:left;clear:left;width:20%; margin:0 0 0.5em 0;display:block;}
dl dd{float:left;margin:0 0 0.5em 0;display:block;width:80%;}

a.helpinfo{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.helpinfo:hover{z-index:25; background-color:#ff0}

a.helpinfo span{display: none}

a.helpinfo:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	padding: 4px;
    top:2em; left:2em; width:25em;
    border:2px solid #757474;
    background-color:#f2f0ef; color:#FF0000;
    text-align: left}

.tz_back {width: 460px; height: 160px; background:url(../Images/tenancy_back.gif) top left no-repeat; position: relative;}

form.questionnaire h4{margin-top:1em; clear:left;}
form.questionnaire label.radio{width:7em;}

.original_price { text-decoration: line-through; }

#letPropertySubmitPayment #secPayText { display: none; }
#letPropertySubmitPayment #secPayProcess { display: block; }
#letPropertySubmitPayment.nojs #secPayText { display: block; }
#letPropertySubmitPayment.nojs #secPayProcess { display: none; }