/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Lettingzone Stylesheet
Author : Wes Smith / Red Bullet Web Design

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#headerContainer { width:100%; height:140px; background:url(../images/headerBg.gif) top left repeat-x;}
#headerContainer #header { position:relative; width:930px; height:140px; margin:0 auto;}
#headerContainer #header #logo { position:absolute; top:20px; left:0;}
#headerContainer #header #tagline { position:absolute; top:27px; left:440px;}
#headerContainer #header #topLinks { position:absolute; top:25px; right:5px;}
#headerContainer #header #topLinks ul { list-style:none; padding:0; margin:0; font-size:10px;}
#headerContainer #header #topLinks li { display:block; float:left; padding:0; color:#336699; line-height:12px;}
#headerContainer #header #topLinks li a { padding:0 11px 0 11px; color:#336699; border-right:1px solid #336699; text-decoration:none;}
#headerContainer #header #topLinks li a:hover { text-decoration:underline;}
#headerContainer #header #topLinks li a.first{ padding:0 10px 0 0;}
#headerContainer #header #topLinks li a.last { border-right:none;}
#headerContainer #header #search { position:absolute; top:43px; right:12px; display:inline;}
#headerContainer #header #search #searchInput { border:1px solid #cdd9e6; width:215px; padding:4px; color:#F15A24; font-size:120%; margin-right:25px;}
#headerContainer #header #search #searchIcon { position:absolute; top:0; right:1px; width:22px; height:25px;}
#headerContainer #header #signupBtn { position:absolute; top:80px; right:13px;}
#headerContainer #header #benefitsLink { position:absolute; top:113px; right:13px; font-size:120%;}
#headerContainer #header #benefitsLink a { color:#336699; text-decoration:underline; font-weight:normal;}
#headerContainer #header #benefitsLink a:hover { text-decoration:none;}
#contentContainer { width:930px; margin:0 auto; margin-bottom:20px; background:url(../images/contentLine.gif) top left repeat-y;}
#contentContainer #leftCol { width:630px; float:left;}
#contentContainer #leftCol .title { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#336699; border-bottom:1px solid #4b4d74; background:url(../images/titleArrow.gif) 0 5px no-repeat; padding:0 0 3px 17px;}

#contentContainer #leftCol .latestBox2 { position:relative; width:630px; padding:15px 0 25px 0; margin-bottom:10px; border-bottom:1px solid #4b4d74;font-size:12px;}
#contentContainer #leftCol .latestBox2 p { padding:0 0 5px 0; font-size:120%; color:#4c4c4c;}
#contentContainer #leftCol .latestBox2 .newsTitle { font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#f15a24; font-weight:normal; padding:0 0 5px 0;}
#contentContainer #leftCol .latestBox2 a { color:#336699; text-decoration:none; font-weight:normal; font-size:120%;}
#contentContainer #leftCol .latestBox2 a:hover { text-decoration:underline;}
#contentContainer #leftCol .latestBox2 .bookmark { position:absolute; bottom:5px; left:0;}
#contentContainer #leftCol .latestBox2 .read { position:absolute; bottom:5px; right:0;}
#contentContainer #leftCol .latestBox2 .send { position:absolute; bottom:5px; right:95px;}
#contentContainer #leftCol .latestBox2 .more { position:absolute; bottom:5px; right:200px;}
#contentContainer #leftCol .latestBox2 li { list-style:none;color:#4c4c4c}
#contentContainer #leftCol .latestBox2 li b {color:#4c4c4c}

#contentContainer #leftCol .latestBox { position:relative; width:630px; padding:15px 0 25px 0; margin-bottom:10px; border-bottom:1px solid #4b4d74;}
#contentContainer #leftCol .latestBox p { padding:0 0 5px 0; font-size:120%; color:#4c4c4c;}
#contentContainer #leftCol .latestBox .newsTitle { font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#f15a24; font-weight:normal; padding:0 0 5px 0;}
#contentContainer #leftCol .latestBox a { color:#336699; text-decoration:none; font-weight:normal; font-size:120%;}
#contentContainer #leftCol .latestBox a:hover { text-decoration:underline;}
#contentContainer #leftCol .latestBox .bookmark { position:absolute; bottom:5px; left:0;}
#contentContainer #leftCol .latestBox .read { position:absolute; bottom:5px; right:0;}
#contentContainer #leftCol .latestBox .send { position:absolute; bottom:5px; right:95px;}
#contentContainer #leftCol .latestBox .more { position:absolute; bottom:5px; right:200px;}
#contentContainer #leftCol #servicesBox { width:618px; height:261px; padding:6px; background:url(../images/servicesBoxBg.gif) no-repeat; margin-bottom:20px;}
#contentContainer #leftCol #servicesBox .tabTitle { font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#ffffff; padding:0; font-weight:normal;}
#contentContainer #leftCol #servicesBox p { color:#b2b2b2; padding:0 0 5px 0; font-size:120%;}
#contentContainer #rightCol { width:270px; float:right;}

#contentContainer #rightCol #expertBox { width:270px; margin-bottom:20px;}
#contentContainer #rightCol #expertBox #top { width:270px; height:10px; background:url(../images/expertBgTop.gif) no-repeat; font-size:0;}
#contentContainer #rightCol #expertBox #body { position:relative; width:250px; height:auto; background:url(../images/expertBgBody.gif) top left repeat-y; padding:0 10px;}
#contentContainer #rightCol #expertBox #body a { color:#336699; font-size:120%; text-decoration:none; font-weight:normal;}
#contentContainer #rightCol #expertBox #body a:hover { text-decoration:underline;}
#contentContainer #rightCol #expertBox #body p { color:#333333; padding:5px 0; font-size:120%; width:250px; margin-bottom:5px;}
#contentContainer #rightCol #expertBox #body #expert { position:relative; display:inline; font-size:120%;}
#contentContainer #rightCol #expertBox #body #expert #topic { width:250px; border:1px solid #c3cfdc; padding:4px 0; color:#336699; margin-bottom:5px;}
#contentContainer #rightCol #expertBox #body #expert #topic select{width:30em}
#contentContainer #rightCol #expertBox #body #expert #question { width:240px; border:1px solid #c3cfdc; padding:4px; color:#336699; margin-bottom:5px;}
#contentContainer #rightCol #expertBox #body #expert #submit { width:65px; height:26px; position:absolute; bottom:-20px; right:5px;}
#contentContainer #rightCol #expertBox #body #expert #expert_name { margin-bottom:5px;}
#contentContainer #rightCol #expertBox #body #expert #expert_email { margin-bottom:5px;}
#contentContainer #rightCol #expertBox #body #expert #expert_address { margin-bottom:5px;}
#contentContainer #rightCol #expertBox #body #expert .captcha { float:left;}
#contentContainer #rightCol #expertBox #body #meetExperts { background:url(../images/meetIcon.gif) 0 5px no-repeat; padding:0 0 0 22px; margin-bottom:5px;}
#contentContainer #rightCol #expertBox #body #forumPosts { background:url(../images/forumIcon.gif) 0 2px no-repeat; padding:0 0 0 22px;}
#contentContainer #rightCol #expertBox #bottom { width:270px; height:10px; background:url(../images/expertBgBottom.gif) no-repeat; font-size:0;}

#contentContainer #rightCol #latestNewsBox { width:270px; margin-bottom:20px;}
#contentContainer #rightCol #latestNewsBox ul { list-style:none; padding:0; margin:0;}
#contentContainer #rightCol #latestNewsBox li { display:block; float:left; padding:1px 20px 0 20px; background:url(../images/arrowOrange.gif) 8px 5px no-repeat; width:210px;}
#contentContainer #rightCol #latestNewsBox li a { color:#336699; font-size:120%; text-decoration:none; font-weight:normal;}
#contentContainer #rightCol #latestNewsBox li a:hover { text-decoration:underline;}
#contentContainer #rightCol #latestNewsBox #top { width:270px; height:10px; background:url(../images/expertBgTop.gif) no-repeat; font-size:0;}
#contentContainer #rightCol #latestNewsBox #body { position:relative; width:250px; height:auto; background:url(../images/expertBgBody.gif) top left repeat-y; padding:0 10px;}
#contentContainer #rightCol #latestNewsBox #bottom { width:270px; height:10px; background:url(../images/expertBgBottom.gif) no-repeat; font-size:0;}


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.textentry {border:1px solid #C3CFDC;color:#336699;margin-bottom:5px;padding:4px;width:240px;}
.check { display:inline; width:20px;}
.pagingClass {font-size: 12px;}
.pagingClass a {font-size: 12px;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}


/* ----- TOP NAVIGATION ----- */
#topNav { width:930px; height:32px; margin:0 auto 15px auto; background:url(../images/menuBg.gif) no-repeat;}


/* ----- PRODUCT DETAIL TABS ----- */
#tab-container-1 { position:relative; width:621px; height:261px;}
#tab-container-1-nav { position:absolute; bottom:0; left:0; margin:0 !important; padding:0 !important; list-style:none !important; font-size:90%; height:30px;z-index:1;}
#tab-container-1-nav li { display:inline; text-decoration:none; color:#666666; display:block; float:left;}
#tab-container-1-nav a { background:url(../images/servicesTabsBg.gif) top left repeat-x; height:20px; outline:none; padding:5px 0; margin-right:3px; text-decoration:none; color:#330066; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#FFFFFF; text-transform:uppercase; font-weight:normal; display:block; float:left; width:152px; position:relative; top:1px; z-index:1000;}
#tab-container-1-nav a:hover { background:url(../images/servicesTabsBgHover.gif) top left repeat-x; height:30px; position:relative; top:1px;}
#tab-container-1-nav .active { background:url(../images/servicesTabsBgHover.gif) top left repeat-x; height:30px; position:relative; top:1px;}
#tab-container-1 .tab { position:absolute; top:0; left:3px; width:330px; min-height:228px; padding-right:290px; color:#b2b2b2; clear:both; z-index:0; font-family:Verdana, Arial, Helvetica, sans-serif; display: inline-block;}
#tab-container-1 .tab .imageRight { position:absolute; top:0; right:5px; width:286px; height:228px;}
#tab-container-1 .tab ul { list-style:none; padding:0; margin:0; width:330px;}
#tab-container-1 .tab li { display:block; float:left; width:155px; padding:0 0 0 10px; color:#FFFFFF; font-size:110%; background:url(../images/servicesArrow.gif) 0 4px no-repeat;}
#tab-container-1 .tab li a {color:#FFFFFF;text-decoration:none;font-weight:lighter}
#tab-container-1 .tab li a:hover { text-decoration:underline}


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}


/* ----- FOOTER ----- */
#footerContainer { width:100%; background:#336699; font-size:120%;}
#footer { position:relative; width:930px; height:28px; margin:0 auto; color:#FFFFFF; padding:6px 0 0 0;}
#footer a { font-weight:normal; text-decoration:none; outline:none; color:#FFFFFF;}
#footer a:hover { text-decoration:underline;}
#footer p { padding:0;}
#footer ul { position:absolute; top:7px; right:0; list-style:none; padding:0; margin:0;}
#footer li { display:block; float:left; padding:0;}
#footer li a { padding:0 10px 0 10px; color:#FFFFFF; border-right:1px solid #ffffff;}
#footer li a.last { border-right:none;}
#footerLinksContainer { width:100%; background:#f0f0f0 url(../images/footerLinksBg.gif) top left repeat-x; font-size:120%; padding:20px 0;}
#footerLinks { width:930px; margin:0 auto; background:url(../images/footerLinksLine.gif) top left repeat-y;}
#footerLinks .title { color:#f15a24; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; padding:0 0 5px 0;}
#footerLinks #articles { width:650px; float:left;}
#footerLinks #articles ul { list-style:none; padding:0; margin:0;}
#footerLinks #articles li { display:block; float:left; width:161px; padding:2px 10px;}
#footerLinks #articles li a { color:#336699; text-decoration:none; font-weight:normal; font-size:110%;}
#footerLinks #articles li a:hover { text-decoration:underline;}
#footerLinks #websites { width:250px; float:right;}
#footerLinks #websites ul { list-style:none; padding:0; margin:0;}
#footerLinks #websites li { display:block; float:left; width:125px; padding:2px 0;}
#footerLinks #websites li a { color:#336699; text-decoration:none; font-weight:normal; font-size:110%;}
#footerLinks #websites li a:hover { text-decoration:underline;}


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }


/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left;color:#336699;font-size:12px }
input, textarea { width:200px;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}
.archive_form{ background-color:#000099;border: 1px solid rgb(245, 207, 194); background-color: rgb(242, 242, 242);padding:20px}


/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }


/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

.float_ad { float:left;margin: 0 0 20px 0}
.float_ad_right { float:right;margin: 0 0 20px 0}
