@charset "utf-8";
/* CSS Document */
/*img, div, input { behavior: url("iepngfix.htc") }*/
body {margin: 0; padding: 0;border:0;width: 100%;font-family: Arial, Helvetica, sans-serif;color:#333333;color: #333333;font-size: 0.63em; /* 10px */font-size:75%;}
h1 {font-size:1.5em;/*18px*/margin:0;padding:15px 0 10px 0;color:#272727;font-weight:bold;} 
h2 {font-size:1.333em;/*16px*/margin:0;padding:0 0 4px 0;/*color:#3B95D0;*/color:#272727;font-weight:bold;} 
h3 {font-size:1.333em;/*16px*/margin:0;padding:0 0 5px 0;color:#272727;} 
h4 {font-size:1.167em;/*14px*/margin:0;padding:0 0 5px 0;color: #007BC2;} 
h5 {font-size:1.167em;margin:0;padding:0 0 5px 0;color:#333;font-weight:bold;} 
h6 {font-size:1.25em;/*15px*/margin:0;padding:0;} 
p {font-size:1em;/*12px*/margin: 0;padding:0 0 1em 0;line-height:1.3;color:#333333;}
p.small {font-size:0.917em;/*11px*/line-height:1.2;}
a:focus {}
a:link {color: #007BC2;text-decoration: none;}
a:visited {color: #007BC2;text-decoration: none;}
a:hover {color: #007BC2;text-decoration: underline;}
a:active {color: #007BC2;text-decoration: underline;}
a:active {}
a img {border: none;margin:0; padding:0;}
.hr {width:100%;background:url(../images/hr.gif) repeat-x;height:1px;margin: 0 0 10px 0;}
.wrapper {width:100%;overflow:hidden;}
.wrapper .fleft {float:left;}
.wrapper .fright {float:right;}
.uppercase {text-transform:uppercase;}
.content ul {margin:10px 0 15px 0;padding:0;list-style:none;}
.content ul li {background:url(../images/star.gif) no-repeat 0 0.16em;padding: 0 0 5px 17px; }
.content ul.noBullet {padding:0;margin:0;}
.content ul.noBullet li {background:none;padding:0;margin:0;}
.content ol {margin:0;padding:0 0 0 25px;}
.pTop {padding-top:10px;}
form {margin:0;padding:0;}
#Container {text-align: center;}
#Wrapper {width: 990px;margin: 0 auto;text-align: left;background-color: white;}
#Header {width: 990px;height: 112px;background:#093a7c url(../images/james-logo.gif) no-repeat top left;color:#ffffff;border-bottom:3px solid #86b6f7;}
.homeLink {width: 300px;height: 112px;display:block;float:left;}
.homeLink, .homeLink:link, .homeLink:visited, .homeLink:hover, .homeLink:active {text-decoration:none;}
.phone {height:77px;color:#FFFFFF;float:right;padding:35px 20px 0 0;font-size:1.667em;/*20px*/font-size:18px;}
.phone span {display:block;font-weight:normal;font-weight:bold;}
/* START menu */
#Menu {height:44px;background:#fbfbfb url(../images/menu-bg.jpg) repeat-x top;width:990px;text-align:center;}
#Menu ul {margin:0;padding:17px 0 0 0;display:block;margin: 0 auto;width:990px;overflow:hidden;}
#Menu ul li {list-style:none;float:left;display:inline;margin-left:21px;border-right:1px solid #3b3b3b;padding-right:21px;}
#Menu ul li.last {border-right:none;padding-right:0;}
#Menu ul li a:link, #Menu ul li a:visited, #Menu ul li a:hover, #Menu ul li a:active {text-decoration:none;display:block;cursor:pointer;}
#Menu ul li .hide {visibility: hidden;}
.active	 {background:url(../images/menu-arrrow.gif) no-repeat top center;position:absolute;top:-17px;width:10px;height:5px;left:0;margin:0;padding:0;}
#Menu ul li.home {width: 33px; height: 14px;background:url(../images/menu-sprite.gif) no-repeat 0px 0px;position:relative;}
	#Menu ul li.home a:link, #Menu ul li.home a:visited {width: 33px; height: 14px;}
	#Menu ul li.home a:hover, #Menu ul li.home a:active {background:url(../images/menu-sprite.gif) no-repeat 0px -20px;width: 33px; height: 14px;}
	#Menu ul li.home .active {width: 33px;}
#Menu ul li.services {width: 46px; height: 14px;background:url(../images/menu-sprite.gif) no-repeat -63px 0px;position:relative;}
	#Menu ul li.services a:link, #Menu ul li.services a:visited {width: 46px; height: 14px;}
	#Menu ul li.services a:hover, #Menu ul li.services a:active {background:url(../images/menu-sprite.gif) no-repeat -63px -20px;width: 46px; height: 14px;}
	#Menu ul li.services .active {width: 46px;}
#Menu ul li.serviceGuarantee {width: 102px; height: 14px;background:url(../images/menu-sprite.gif) no-repeat -139px 0px;position:relative;}
	#Menu ul li.serviceGuarantee a:link, #Menu ul li.serviceGuarantee a:visited {width: 102px; height: 14px;}
	#Menu ul li.serviceGuarantee a:hover, #Menu ul li.serviceGuarantee a:active {background:url(../images/menu-sprite.gif) no-repeat -139px -20px;width: 102px; height: 14px;}
	#Menu ul li.serviceGuarantee .active {width: 102px;}
#Menu ul li.locations {width: 53px; height: 14px;background:url(../images/menu-sprite.gif) no-repeat -271px 0px;position:relative;}
	#Menu ul li.locations a:link, #Menu ul li.locations a:visited {width: 53px; height: 14px;}
	#Menu ul li.locations a:hover, #Menu ul li.locations a:active {background:url(../images/menu-sprite.gif) no-repeat -271px -20px;width: 53px; height: 14px;}
	#Menu ul li.locations .active {width: 53px;}	
#Menu ul li.freeQuote {width: 102px; height: 14px;background:url(../images/menu-sprite.gif) no-repeat -354px 0px;position:relative;}
	#Menu ul li.freeQuote a:link, #Menu ul li.freeQuote a:visited {width: 102px; height: 14px;}
	#Menu ul li.freeQuote a:hover, #Menu ul li.freeQuote a:active {background:url(../images/menu-sprite.gif) no-repeat -354px -20px;width: 102px; height: 14px;}
	#Menu ul li.freeQuote .active {width: 102px;}
#Menu ul li.competition {width: 70px; height: 14px;background:url(../images/menu-sprite.gif) no-repeat -486px 0px;position:relative;}
	#Menu ul li.competition a:link, #Menu ul li.competition a:visited {width: 70px; height: 14px;}
	#Menu ul li.competition a:hover, #Menu ul li.competition a:active {background:url(../images/menu-sprite.gif) no-repeat -486px -20px;width: 70px; height: 14px;}	
	#Menu ul li.competition .active {width: 70px;}
#Menu ul li.customerService {width: 98px; height: 14px;background:url(../images/menu-sprite.gif) no-repeat -586px 0px;position:relative;}
	#Menu ul li.customerService a:link, #Menu ul li.customerService a:visited {width: 98px; height: 14px;}
	#Menu ul li.customerService a:hover, #Menu ul li.customerService a:active {background:url(../images/menu-sprite.gif) no-repeat -586px -20px;width: 98px; height: 14px;}	
	#Menu ul li.customerService .active {width: 98px;}
#Menu ul li.franchise {width: 134px; height: 14px;background:url(../images/menu-sprite.gif) no-repeat -713px 0px;position:relative;}
	#Menu ul li.franchise a:link, #Menu ul li.franchise a:visited {width: 134px; height: 14px;}
	#Menu ul li.franchise a:hover, #Menu ul li.franchise a:active {background:url(../images/menu-sprite.gif) no-repeat -713px -20px;width: 134px; height: 14px;}	
	#Menu ul li.franchise .active {width: 134px;}
/* END menu*/	
#HomeHead {width:990px;height:272px;margin-bottom:2px;overflow:hidden;}
/*start ImageSlider - from http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html*/
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { position: relative;overflow: hidden; margin: 0;padding: 0;background: #fff;}
.slideViewer ul {  /*your list of images*/position: relative;left: 0;top: 0;width: 1%;list-style-type: none;margin: 0; padding: 0;}
.slideViewer ul li {float:left;}
/*typographic info*/
.slideViewer span.typo{ padding: 6px; /* do not modify padding */background: #fff;color: #000;font: normal 10px Verdana;}
.thumbSlider { /*the thumbnails slider*/overflow: hidden;width: 1%;padding-right:8px;}
.thumbSlider ul { list-style-type: none;margin: 0; padding: 0;}
.thumbSlider ul li{ float:left;margin: 0;display:inline;}
.thumbSlider ul li{width:40px;overflow:hidden;}/*anneliese*/
.thumbSlider a{color: #fff;text-decoration: none;}
.thumbSlider a img{border: 0;display: block;padding: 0;}
.thumbSlider a img{margin-left:-45px;}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb *//* width, height and top values are dynamically added by the script. Do not modify. */position:relative; left: 0;font-size: 0.01em;left: 0;margin: 0;padding: 0;}
a.left, a.right { /*the left and right buttons (links)*/background: transparent; /* could be any color  */color: #ff0000;font: bold 16px Arial;overflow: hidden;}
a.left span, a.right span{}
a.left img, a.right img{border: 0;}
a.l_dis, a.r_dis {background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */cursor: default;}
a.l_dis span, a.r_dis span {display: none;}
.headerImg img {padding:0;margin:0;border-bottom:4px solid #86b6f7;}
/* breadcrumb */
.breadcrumb {float:right;display:inline;margin-top:2.5em;margin-right:-9px;color:#2F8ECD;font-size:0.917em;/*11px*/}
.breadcrumb ul {margin:0;padding:0;}
.breadcrumb ul li {list-style:none;float:left;display:block;padding:0 8px 0 10px;}
.breadcrumb ul li {background:url(../images/breadcrumb-separator.gif) no-repeat bottom left;}
.breadcrumb ul li.first {background:none;}
.content {}
.content h1 {float:left;display:inline;}
/* homepage lists*/
	/* start mainCallouts list */
.mainCallouts {margin: 0 auto;width: 990px;overflow: hidden;font-size:1em;/*12px*/color:#ffffff;}
.mainCallouts ul.col3 {width:998px;margin:0;padding:0;list-style:none;float:left;}
.mainCallouts ul.col3 li {float: left;width:329px;height:100px;margin-right:2px;}
.mainCallouts ul.col3 li.subscribe {width:319px;height:92px;padding:8px 0 0 10px;background:url(../images/subscribe-bg.gif) no-repeat top left;position:relative;}
.mainCallouts .subscribe span {display:block;}	
.mainCallouts .subscribe .heading {font-size:1.25em;/*15px*/font-weight:bold;}
.subscribeForm {padding-top:4px;}
.subscribeForm label {font-weight:bold;}
.subscribeForm input {margin:0;padding:0;}
.subscribeForm .input {border:1px solid #d9d5cc;width:205px; font-family: Arial, Helvetica, sans-serif;margin-left:13px;padding:1px;}
.subscribeForm .btnSubmit {width:135px;height:23px;border:none;position:absolute;display:block;bottom: 5px;left:108px;}
	/* start servicesCallouts list */
.servicesCallouts {margin: 0 auto;width: 990px;overflow: hidden;}
.servicesCallouts ul.col4 {width:1020px;margin:0;padding:0;list-style:none;float:left;}
.servicesCallouts ul.col4 li {float: left;width:230px;margin-right:23px;margin-bottom:20px;background:none;padding:0;}
.servicesCallouts ul.h290 li {height:290px;}
.servicesCallouts ul.h210 li {height:210px;}
.servicesCallouts ul.hAuto li {height:auto;}
.servicesCallouts ul.hAuto li p {height:auto;}
.servicesCallouts ul li a.title {display:block;white-space:nowrap;}
.servicesCallouts ul li h2 {color: #0074c2;display:block;text-decoration:none;font-size:1.5em;/*18px*/font-weight:normal;}
.servicesCallouts ul li img {display:block;padding-top:5px;}
.servicesCallouts ul li p {color:#272727;margin:0;padding:0 0 10px 1px;font-size:0.917em;/*11px*/height:80px;overflow:hidden;}
		/* pricing list definition */
dl.pricingTable{width: 230px;padding: 0;margin:0;}
.pricingTable dt{width: 155px;float: left;margin: 0;color:#0074c2;font-size:1.083em;/*13px*/padding-top:5px;padding-bottom:2px;}
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */
.pricingTable dd{float: left;width: 75px;margin: 0;color:#ff6600;font-size:1.5em;/*18px*/padding-bottom:2px;}
.pricingTable dd span {color:#5d5d5d;font-size:0.733em;/*12px*/}
	/*start subCallouts */
.subCallouts {margin: 0 auto;width: 990px;overflow: hidden;}
.subCallouts ul.col2 {width:1005px;margin:0;padding:0;list-style:none;float:left;}
.subCallouts ul.col2 li {float: left;margin-right:8px;}
.subCallouts ul.col2 li.w605 {width:605px;}
.subCallouts ul.col2 li.w377 {width:377px;}
.subCallouts ul.col2 li.w377 img {margin-top:14px;}
.subCallouts p {font-size:0.917em;/*11px*/color:#272727;padding:3px 0 0 1px;}
.repeaterList {margin-top:10px;}
/*services page - service list */
ul.serviceList {margin:0;padding:0;}
ul.serviceList li {list-style:none;padding:0;background:none;margin:0;}
.serviceDetail {width:100%;overflow:hidden;background:url(../images/hr.gif) repeat-x bottom center;padding: 0 0 20px 0;margin: 0 0 20px 0;}
.serviceDetail .img {float:left;width:229px;height:161px;margin-right:20px;}
.serviceDetail .btn{float:right;}
.serviceDetail p {font-size:0.917em;/*11px*/padding-right:20px;}
		/* pricing list definition - BLUE version */
dl.pricingTableBlue{width: 305px;padding: 0;margin:0;overflow:auto;display:inline;float:left;}
.pricingTableBlue dt{width: 220px;float: left;margin: 0 5px 0 0;color:#0074c2;font-size:1em;/*12px*/padding-top:5px;padding-bottom:2px;background:url('../images/hr.gif') repeat-x 0 1.35em;                   }
.pricingTableBlue dt span{ background-color:#ffffff; padding-right:5px;}
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */
.pricingTableBlue dd{float: left;width: 80px;margin: 0;color:#0074c2;font-size:1.5em;/*18px*/padding-bottom:2px;text-align:left;}
.pricingTableBlue dd span {color:#0074c2;font-size:0.611em;/*11px*/}
/* 2 column content layout */
.col2 {width:100%;overflow:hidden;/*margin-bottom:20px;*/margin: 10px 0 10px 0;}
.col2Content {width:680px;float:left;}
.col2Right {width:300px;float:right;}
	/*competition page*/
.col2CompLeft {width:260px;padding-right:20px;float:left;display:inline;position:relative;}
.col2CompRight {width:700px;float:right;display:inline;position:relative;}
.col2CompRight .form {background:url(../images/bg-comp.png) repeat;width:273px;height:90px;padding:15px 20px 5px 20px;position:absolute;right:20px;bottom:170px;color:#ffffff;}
.col2CompRight .form input.competition {width:245px;height:16px;margin: 5px 0 10px 0;font-size:14px;padding:2px;}
	/*sub-nav*/
.col2SubNavLeft {float:left;width:200px;}
.col2SubNavRight {float:right;width:780px;}	
.col2SubNavLeft ul {margin:0;padding:0;list-style:none;}
.col2SubNavLeft ul li {background:url(../images/arrow.gif) no-repeat 0 0.3em;padding: 0 0 5px 10px;}
/* 3 column content layout */
.col3 {width:100%;overflow:hidden;margin:15px 0 20px 0;}
.col3Left {width:245px;/*260px*/float:left;padding:0 15px 0 0;}
.col3Content {width:440px;/*470px*/float:left;padding:0 15px;background:url(../images/3col-bg.gif) repeat-y top;}
.col3Right {width:245px;/*260px*/float:left;padding:0 0 0 15px;}
.col3 h2 {padding-bottom:12px;}
.col3Content h3 {font-size:1.083em;/*13px*/}
.col3Right h4 {font-size:1.333em;color:#333;padding-bottom:12px;}
/* 3 column region service display */
.regionService {width:440px;overflow:hidden;margin-bottom:20px;}
.regionService .desc {width:250px;padding:0 10px 0 0;float:left;}
.regionService .price {width:65px;float:left;color:#007BC2;font-size:0.917em;/*11px*/}
.regionService .book {width:110px;float:right;}
.regionService .price span {display:block;font-size:2.364em;/*26px*/font-weight:bold;}
.regionService ul {margin:0;}
/* 6 column suburb list */
.suburbList {width:100%;overflow:hidden;}
.suburbList ul.col6 {margin:0;padding:0;list-style:none;}
.suburbList ul.col6 li {margin:0;padding:0;background:none;float:left;display:inline;width:155px;margin-right:5px;}
/* free quote */
.freeQuoteCallout {text-align:center;color:#272727;font-size:1.667em;/*20px*/}
.freeQuoteCallout a:link, .freeQuoteCallout a:visited {color:#272727;}
.freeQuoteCallout a:hover, .freeQuoteCallout a:active {color:#272727;}
.freeQuoteCallout span {text-transform:uppercase;}
/* locations list */
.locationsCol {width: 990px;overflow: hidden;font-size:0.917em;/*11px*/margin:20px 0 20px 0;padding:0;}
.locationsCol h3 {font-size:1.333em;/*16px*/}
.locationsCol ul.col4 {width:998px;margin:0;padding:0;list-style:none;float:left;}
.locationsCol ul.col4 li.col {float:left;width:228px;margin-right:2px;padding:0 0 0 20px;background:url(../images/vert-hr.gif) repeat-y top left;min-height:200px;}
.locationsCol ul.col4 li.first {padding:0;background:none;}
.locationsCol ul.col4 li.col ul {margin:0 0 25px 0;padding:0;list-style:none;}
.locationsCol ul.col4 li.col ul li {margin:0;padding:0 0 0 1px;list-style:none;background:none;line-height:1.4;}
/* other james home services nav */
.jhsNav {width:968px;overflow:hidden;padding:10px;margin: 0 0 20px 0;background-color:#f2f7fd;font-weight:bold;border:1px solid #cececf;margin-top:40px;}
.jhsNav .heading {font-size:1.167em;padding: 0 0 5px 0;display:block;}
.jhsNav ul {margin:0 auto;padding:0;}
.jhsNav ul li {list-style:none;float:left;display:inline;width:138px;text-align:center;background:none;padding:0;}
.jhsNav ul li img {display:block;width:89px;margin:0 auto;padding-bottom:5px;}
/* start Footer */
#Footer {background:url(../images/hr.gif) repeat-x top center;padding: 20px 0 0 0;margin: 20px 0 0 0;}
#Footer .footerInner {padding: 15px;margin: 0;background-color:#093a7c;color:#ffffff;}
#Footer a:link {color:#ffffff;text-decoration:none;}
#Footer a:visited {color:#add4f2;text-decoration:none;}
#Footer a:hover, #Footer a:active {color:#95c4e9;text-decoration:underline;}

#Footer ul.footerNav {margin:0;padding:0;font-size:1.083em;/*13px*/}
#Footer ul.footerNav li {list-style:none;float:left;padding-right:10px;padding-left:10px;border-right:1px solid #ffffff;}
#Footer ul.footerNav li.first {padding-left:0px;}
#Footer ul.footerNav li.last {border-right:none;}
#Footer ul.footerPhone {margin:0;padding:0;font-size:1.25em;/*15px*/font-weight:bold;text-align:right;}
#Footer ul.footerPhone li {list-style:none;}
#Footer ul.footerPhone li.footerCopy {font-size:0.733em;/*11px*/font-weight:normal;padding-top:4px;}
#Footer ul.footerNavFull {margin:0;padding:0;}
#Footer ul.footerNavFull li.footerNavFullCol {width:240px;float:left;list-style:none;}
#Footer ul.footerNavFull li.footerNavFullCol span.heading {font-size:1.25em;/*15px*/font-weight:bold;}
#Footer ul.footerNavFull li.short {width:200px;}
#Footer ul.subNavFullList {margin:10px 0 0 0;padding:0 0 0 1px;list-style:none;font-size:0.917em;/*11px*/border-right:1px dotted #ffffff;margin-right:25px;}
#Footer ul.subNavFullList li {line-height:1.4;}
#Footer ul.noborder {border-right:none;}
#Footer ul.subNavFullList li span {font-weight:bold;font-size:1.091em;/*12px*/}

label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

fieldset { border: 0; border-top: 1px solid #DDD; padding: 0.8em 0 0.6em; margin-top: 1em }
fieldset h3 { padding-bottom: 0.1em }
fieldset p { clear: left; padding: 5px 10px }
fieldset p.tf input { width: 190px;font-family:"Arial", "Helvetica", sans-serif;font-weight: 300;color: #444444;font-size:8pt;margin:0px 0px 0px 0px;border:1px solid #5AA3C3;padding:2px;background:white !important;}
fieldset p.tf input:focus{
	background: #FFFF9D !important;
}
fieldset p.tfsmall input { width: 90px;font-family:"Arial", "Helvetica", sans-serif;font-weight: 300;color: #444444;font-size:8pt;margin:0px 0px 0px 0px;border:1px solid #5AA3C3;padding:2px;background:white !important;}
fieldset p.tfsmall input:focus{
	background: #FFFF9D !important;
}
fieldset p select { font-family:"Arial", "Helvetica", sans-serif;font-weight: 300;color: #444444;font-size:8pt;margin:0px;border:1px solid #5AA3C3;padding:2px;background:white !important;}
fieldset p select:focus{
	background: #FFFF9D !important;
}
fieldset label { float: left; width: 100px; padding: 2px 0 }
fieldset input,
fieldset textarea { float: left; font: 9pt "Arial", "Helvetica", sans-serif }
fieldset #id_comments { width: 500px;height:100px;font-family:"Arial", "Helvetica", sans-serif;font-weight: 300;color: #444444;font-size:8pt;margin:0px 0px 0px 0px;border:1px solid #5AA3C3;padding:2px;background:white !important; }
fieldset #id_comments:focus { background: #FFFF9D !important; }
fieldset li input { vertical-align:middle; margin-right: 5px }
* html fieldset li input { margin: -2px 0 }

.noindent ul.errorlist { padding: 5px 0 3px 10px }
fieldset.noindent label { xfloat: none; clear: left; }
fieldset.noindent ul { padding-left: 10px }
fieldset.noindent li { padding-bottom: 3px; background: none; }
fieldset.noindent div.inline ul li { float: left; padding-right: 15px;  }

fieldset.inline li label { width: auto; padding-right: 15px; }

