/*
Name: Styles.css
Description: CSS Framework main page
Author: Angus Maclean
Version: 1.0

Table Of Contents
   1- Imports
   2- Container
   3- Links
   4- Headers
   5- Header
   6- Navigation
   7- Main
   8- Forms
   9- Footer
  10- Everything else
*/

/*  1 Imports
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url("reset.css");
@import url('global.css');
@import url('fonts.css');

/*  2 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{
	background:url(../images/bg_body.jpg) repeat-x;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	color:#666666;
	font-family: Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	font-size:13px;

}
#container {
	width: 900px;
	margin:0 auto;
	text-align:left;
}
#main_text_box p{
	margin-bottom:15px;
}

/*  3 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link {
	font-weight:bold;
	color:#0066FF;
	text-decoration:none;
}
a:visited {
	font-weight:bold;
	color:#0066FF;
	text-decoration:none;
}
a:active {
}
a:hover {
	font-weight:bold;
	color:#e8700a;
	text-decoration:underline;
}

/*  4 Headers
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
h1{
	border-bottom:solid 2px #A6C9E2;
	font-size:160%;
	color:#666666;
	margin:0 0 15px 0;
}
.h1_home { 
	font-size:130%;
	color: #2e6e9e;
	margin-bottom:3px;
	border-bottom:none;
}
.blue{
	color:#A6C9E2;
}

h2 { 
	font-size:130%;
	color: #2e6e9e;
	margin-bottom:3px;
}
h3 {
	font-size:100%;
	color: #e8700a;
	margin-bottom:3px;	
}
h4 { 
}
h5 { 
}
h6 { 
}
/*  5 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header {
	position:relative;
	height:105px;
	background:url(../images/bg_header.jpg)
}
.member_login {
	position:absolute;
	top:7px;
	left:748px;
}
.member_login a {
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}
.member_login a:hover { 
	color:#666666;
}


/*  6 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#navigation {
	width:900px;
	height:32px;
	margin:0 0 0px 0;
	background:url(../images/bg_navigation.jpg) #9ABAC5;
	border-top:solid 1px #9ABAC5;
	border-bottom:solid 1px #9ABAC5;
}
#navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#navigation ul li {
	position:relative;
	display:inline;
	float:left;
	text-align:center;
}
#navigation ul li a {
	display: block;
	background:url(../images/bg_navigation.jpg) repeat-x;
	font-family:Tahoma;
	font-size:12px;
	padding:9px 16px;
	border-right:1px solid#9ABAC5;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
#navigation ul li a:hover {
	background:url(../images/bg_navigation_ro.jpg) repeat-x;
}
#mid-navigation {
	width:888px;
	padding-right:10px;
	padding-top:5px;
	font-size:11px;
	height:20px;
	text-align:right;
	color:#333;
	font-weight:bold
}
#mid-navigation li {
	display:inline;
	padding-right:7px;
	padding-left:3px;
}
#mid-navigation li.first {
	padding-left:0;
}
#mid-navigation li.last {
	padding-right:0;
}
#mid-navigation a {
	color:#666;
	text-decoration:none;
}
#mid-navigation a:hover {
	text-decoration:underline;
}
/*  7 Main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
div#wrapper{
	}
#content{
	float:left;
	width:605px;
}
#content_wide{
	float:left;
	width:900px;
}
#sidebar{
	float:right;
	width:280px;	
}
.normal_ul{
	list-style:square;
	margin-left:30px;
	margin-bottom:15px;
}
/*   Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/*  price calculator
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#calculator{
	width:280px;
	color:#666666;
	margin:0 0 15px 0;
	font-size:11px;
	}
.calculator_h2{
	font-size:16px;
	color: #2e6e9e;
	margin-bottom:10px;
	margin-left:10px;
	}
.calc_p{
	font-size:12px;
	margin-left:10px;
	}
.calculator_select{
	width:180px;
	margin-bottom:15px;
	margin-left:10px;
	color:#666;
	background-color:#fff;
	border:1px solid #999999;
	font-weight:normal;
	font-size:11px;
	}
.calculator_lbl{
	margin-bottom:0px;
	margin-left:10px;
	font-weight:normal;
	color: #666;
	font-size:12px;	
	}
.cost{
	width:235px;
	margin-bottom:10px;
	margin-left:10px;
	padding:5px 0px 5px 3px;
	color:#333;
	font-size:11px;
	font-weight:normal;
	background-color:#fff;
	border:1px solid #999999;
}
.btn_calculate{
	float:left;
	width:95px;
	margin-left:10px;
	margin-right:50px;
	}
#link_to_cart{
	float:left;
	width:95px;
	}
#link_to_cart2{
	float:left;
	width:95px;
	}
/* sidebar box
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.sidebar_box{
	width:280px;
	border:1px solid #A6C9E2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0 0 20px 0;
}
.sidebar_box h2{
	width:270px;
	height:30px;
	margin:5px auto 15px auto;
	padding:7px 0 0 0;
	text-indent:10px;
	font-size:16px;
	color:#FFF;
	background: url(http://www.surveyscotland.com/images/am_sidebar_h2.jpeg) no-repeat;
}
.sidebar_box p{
	width:245px;
	padding:0 10px 0px 10px;
}
.sidebar_box ul{
	width:260px;
	margin:0 0 15px 5px;
	font-size:12px;
	}
.sidebar_box ul li{
	padding:0 0 5px 0px;
	}
.sidebar_box ul li a{
	text-decoration:none;
	}
.sidebar_box ul li a:hover{
	text-decoration: underline;
	}
#sidebar_contact{
	width:94%;
	margin-left:3%;
	margin-right:3%;
}
#sidebar_contact tr,
#sidebar_contact tr td{
	margin:0;
	padding:0;
}
#sidebar_contact span{
	font-weight:bold;
	color: #2e6e9e;
	font-size:12px;
}
.sidebar-contact-txt-box{
	float:right;
	width:180px;
	height:22px;
	background-color:#E0EFFC;
	border:1px solid #ccc;
	margin:0;
	padding:0;
}
.sidebar-contact-txt-area{
	float:right;
	width:100%;
	height:80px;
	background-color:#E0EFFC;
	border:1px solid #ccc;
	margin-bottom:10px;
}
.submit{
	width:80px;
	margin-bottom:10px;
}

/* banner //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#home_banner{
	position:relative;
	width:605px;
	height:180px;
	margin:0;
	}
#slideshow {
    position:relative;
    height:195px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}
.main_item_small{
	float:left;
	margin-bottom:15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #A6C9E2;
	width:280px;
	}
.main_item_small_first{
	margin-left:0px;
	margin-right:25px;
	}
.main_item_small h2{
	width:270px;
	height:30px;
	margin:5px auto 15px auto;
	padding:7px 0 0 0;
	text-indent:10px;
	font-size:16px;
	color:#FFF;
	background: url(http://www.surveyscotland.com/images/am_sidebar_h2.jpeg) no-repeat;
	}
.main_item_small p{
	margin:0 0 10px 5px;
	font-size:12px;
	}
.main_item_small img{
	}
#main_text_box{
	width:595px;
	padding:5px;
	margin:0 0 0px 0px;
	}
.img-right{float:right; margin-left:0px; margin-right:0px;}
/*   Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
#footer{
	position:relative;
	width:900px;
	clear:both;
	background:#82AEBB url(../images/bg_footer.jpg) repeat-x;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#FFF;
	}
#footer p{
	margin:0;
	}
.footer_address{
	float:left;
	width:240px;
	padding-top:20px;
	margin-left:30px;
	margin-right:0px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	}
.footer_address h3{
	margin:0;
	padding:0;
	font-size:16px;
	margin-bottom:5px;
	color:#fff;
	}
.footer_address span{
	font-size:16px;
	}
.footer_links{
	padding-top:20px;
	float:left;
	width:390px;
	margin-left:0px;
	margin-right:20px;
	text-align:left;
	}
.footer_links h3{
	width:100%;
	padding:0;
	margin:0;
	color:#fff;
	}
.footer_links ul{
	float:left;
	width:140px;
	padding:0;
	margin:0 50px 0 0px;
	list-style:none;
	}
.footer_links ul li{
	margin:0 0 3px 0;
	padding-bottom:2px;
	border-bottom:dotted 1px #fff;
	}
.footer_links ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
.footer_links ul li a:hover{
	color:#e8700a;
	}
.footer_social{
	float:left;
	width:180px;
	padding-top:20px;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	}
.footer_social ul{
	margin:0 0 40px 0;
	padding:0;
	list-style:none;
	}
.footer_social ul li{
	float:left;
	width:48px;
	height:48px;
	margin:0 12px 0 0;
	}
.copyright{
	text-align:center;
	float:left;
	width:100%;
	margin:10px 0 10px 0;
	}
/* contact form //////////////////////////////////////////////////////////////////////////////////////*/	
#main_contact_form{
	width:565px;
	height:200px;
	padding:5px 10px;
	margin-bottom:15px;
	background:#95BCC1;
	color:#fff;
	font-weight:bold;
}
#main_contact_form_left{
	float:left;
	width:280px;
}
#main_contact_form_right{
	float:left;
	width:280px;
}
.contact_txtbox{
	width:260px;
	height:20px;
	margin-bottom:11px;
	padding:0;
	background-color:#fff;
	border:1px solid #999999;
}
.contact_txtarea{
	width:260px;
	height:78px;
	padding:5;
	margin-bottom:11px;
	background-color:#fff;
	border:1px solid #999999;
}
.contact_select{
	width:260px;
	height:20px;
	margin-bottom:11px;
	padding:0;
	background-color:#fff;
	border:1px solid #999999;
}
.capcha{
	width:100px;
	height:20px;
}
.capcha_textbox{
	width:80px;
	height:20px;
	padding:0;
	margin:0;
	margin-top:-2px;
	background-color:#fff;
	border:1px solid #999999;
}
.contact_submit{
	float:right;
	margin-top:-2px;
}
/*price list //////////////////////////////////////////////////////////////////////////////////////*/
.price_list{
	width:100%;
	border:1px solid #A6C9E2;
	border-collapse:collapse;
	margin-bottom:15px;
	}
.price_list_top td{
	padding:5px;
	background:#9ABAC5;
	color:#FFF;
	font-weight:bold;
	}
.odd td{
	background-color:#E0EFFC;
	padding:3px;
	}
.even td{
	background-color: #fff;
	padding:3px;
	}
.hrule{
	width:605px;
	border-bottom:#fff solid 1px;
	margin:15px 0;
}
/*commercial page //////////////////////////////////////////////////////////////////////////////////////*/
.left-s{
	float:left;
	width:400px;
}
.right-s{
	float:right;
	width:200px;
}
/* PROPERTY QUESTIONNAIRE */
.questionnaire_table{
	width:900px;
	margin-bottom:20px;
}
.questionnaire_table tr td{
	border-bottom:#CCCCCC solid 1px;
	padding-top:10px;
}
.questionnaire_btn{
	float:right;
	margin-bottom:10px;
}

.page-1 { border:solid 1px #DDD; margin:10px; position:relative; padding-bottom:20px; }
.page-1 .top { font-size:14px; font-weight:bold; font-family:Tahoma; color:#3c3c3c; display:block; background:#EEE; padding:8px; margin-bottom:25px; }

.page-1 .txtbox { position:absolute; left:300px; width:270px; background:#EEE; color:#3c3c3c; }
.page-1 .txtbox-checkbox { margin-left:300px; color:#3c3c3c; margin-bottom:4px; }
.page-1 .txtbox2 { position:absolute; left:550px; width:270px; background:#EEE; color:#3c3c3c; }
.page-1 .txtarea2 { position:absolute; left:550px; width:270px; height:30px; background:#EEE; color:#3c3c3c; }

.page-1 .txtarea { position:absolute; left:300px; width:270px; height:43px; background:#EEE; color:#3c3c3c; }
.page-1 .mid p { margin-bottom:17px; }
.page-1 .mid { width:600px; margin-left:20px; position:relative; font-size:12px; color:#3c3c3c; font-family:Tahoma; }
.page-1 .mid .submit-button { float:right; margin-top:10px; padding:5px; margin-right:28px; font-family:Tahoma; font-weight:bold; color:#0860a8; }
.page-1 .mid .submit-button-right { position:absolute; right:-245px; margin-top:10px; padding:5px; margin-right:28px; width:200px; font-family:Tahoma; font-weight:bold; color:#0860a8; }
.page-1 .mid .submit-button-left { position:absolute; left:0px; margin-top:10px; padding:8px; margin-right:28px; font-family:Tahoma; font-weight:bold; color:#0860a8; display:block; background:#EEE; text-decoration:none; border:solid 1px #888; }
.page-1 .mid .submit-button-left:hover { background:#DEDEDE; }
/* Ticker ///////////////////////////////////////////////////////////////////////////////////// */
.tickercontainer {
	position:absolute;
	top:138px;
	width: 738px; 
	height: 25px; 
	margin: 0; 
	padding: 0;
	overflow: hidden;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #555;
	font-weight:bold;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 718px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	background: #fff;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color:#9ABAC5;
	font: bold 10px Verdana;
	margin: 0 50px 0 0;
}
ul.newsticker span {
	margin: 0 10px 0 0;
}