@charset "utf-8";
/* CSS Document */

/* ******* HTML STYLES START ******* */
body  {
	font: 0.75em Arial, 'Gill Sans MT', Helvetica, Verdana, Tahoma, sans-serif;
	background: #165c7d url('images/bg.gif') repeat-y top center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #555555;
}
a, a:link {
	color: #186583;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #FF6583;
}

h1 {
	color:#126182;
	font-size:1.6em;
	font-weight:normal;
	padding:0px;
	padding-bottom:18px;
	padding-top:3px;
	margin:0px;
	line-height:0.9em;
	border:solid 0px #446679;
}
h2, h3, h4 {
	color:#126182;
	font-size:1.3em;
	font-weight:normal;
	padding:0px;
	padding-bottom:12px;
	padding-top:3px;
	margin:0px;
	line-height:0.9em;
}
p {
	margin:5px 0px;
}
select {
	color:#555555;	
}
form {
	padding:0px;
	margin:0px;
}
img {
	border-width:0px;
}

/* ******* HTML STYLES END ******* */

/* ******* MAIN LAYOUT START ******* */
#container { 
	width: 740px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	background: #FFFFFF; 
	border: 0px solid #000000;
	margin-bottom:6px;
	padding: 4px 10px 0px 10px;  /* in one declariation is padding:top left bottom right; */
} 
#header #logohome {
	float:left;
}
#header #logoaffiliates {
	float:right;
	clear:right;
}
#header #search {
	float:right;
	clear:right;
	/*margin-bottom:28px;*/
	margin-bottom:8px;
	margin-top:8px;
}
#header #search input {
	vertical-align:middle;
}

#header #toplinks {
	float:right;
	font-size:0.9em;
	clear:right;
	margin-top:6px;
	text-align: right;
}

/* *** Navigation Elements START *** */
#header #nav {
	clear:both;
	display:block;
	margin-top:8px;
	background: #165c7d url("images/topbanner__greygradientbar.jpg") repeat-x top left;	
	height:22px;
	border-bottom:4px solid #cdcdcd;
}

#header #nav a { 
	display:block;
	float:right;
	height:22px;
	width:76px;	
}
#header #nav a img { 
	border-width:0px;
}
#header #nav a#butmyj {
	width:77px;
}
/* *** Navigation Elements END *** */

#banner {
	height:130px;
	border:0px dotted #11cdcd;
	margin-bottom:7px;
}
#banner img {
	margin-left:10px;
	margin-right:10px;	
	border:0px solid #000111;
}
#content {
	padding:0px;
	border:0px dotted #000000;
}
#content #colleft {
	float: left;
	width:175px;
	margin-left:10px;
	display:inline; /* IE 5/6 bug where the margin doubles must set display to inline */
	border:0px dotted #11cdcd;
}
#content #colmain {
	margin: 0 190px;
	border:0px dotted #cdcd11;
}

#content #colright {
	float: right;
	margin-right:10px;
	width:175px;
	display:inline; /* IE 5/6 bug where the margin doubles must set display to inline */
	border:0px dotted #11cdcd;	
}

#footer {
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;	
	margin:10px 10px;
	font-size:0.75em;
}
#footer #footerleft {
	margin-top:10px;
	float:left;
	width:175px;
	border:0px dotted #11cdcd;	
}
#footer #footerright {
	margin-top:10px;
	float:right;
	border:0px dotted #11cdcd;	
}
#footer #footerright a {
	margin-right:20px;
}
#footer #footerright span {
	margin-left:20px;
}

/* ******* MAIN LAYOUT END ******* */

/* ******* GENERAL CLASSES START ******* */
.clr {
	clear:both;
}
.clr200 {
	display:inline-block;
	clear:both;
	width:200px;
	height:1px;
}
input.txtbig {
	width:200px;
}
input.txtinput, input.txtbig, input.txtmed {
	color:#003366;
	background:#FFFFFF url('images/inputbg.gif') repeat-x top left;
	border:1px solid #cccccc;
}
input.txtinputinit {
	color:#AAAAAA;
	background:#FFFFFF url('images/inputbg.gif') repeat-x top left;
	border:1px solid #cccccc;
}
input.txtinputwarn {
	color:#EE1111;
	font-weight:bold;
	background:#FFFFFF url('images/inputbg.gif') repeat-x top left;
	border:1px solid #cccccc;
}
input.butinput {
	width:60px;
}
.hr {
	display:block;
	awidth:155px;
	height:1px;
	font-size:0px; /* This is needed for IE fix as IE does not allow height to be less than the font-size height */
	border-bottom:1px solid #d7d7d7;
	margin:0px;
	margin-top:6px;
	margin-bottom:6px;
	/*clear:both;*/
}
#weatherforcast .hr {
	width:155px;
	display:inline-block;
}

.livedatatitle {
	font-weight:normal;
	margin-bottom:2px;
}

.aiconpdf, .aiconwebblank, .aiconwebself, .aicontel {
	padding-left:20px;
	padding-bottom:4px;
	padding-top:2px;
	display:block;
}

.aiconpdf {
	background:#FFFFFF url('images/icon_pdf.gif') no-repeat top left;
}
.aiconwebblank {
	background:#FFFFFF url('images/icon_ablank.gif') no-repeat top left;	
}
.aiconwebself {
	background:#FFFFFF url('images/icon_aself.gif') no-repeat top left;	
}
.aicontel {
	background:#FFFFFF url('images/icon_atel.gif') no-repeat top left;
	cursor:pointer;
}
.loading {
	text-align:center;
	vertical-align:middle;
	margin:20px auto;
}
.loadingmini {
	vertical-align:middle;
	visibility:hidden;
}
.warning {
	display:block;
	color:#EE2222;
	font-weight:bold;
}

.refresh {
	background:transparent url('images/icon_refresh.gif') no-repeat center left;
	padding-left:14px;
	display:inline-block;
	margin:0px;   
	padding-bottom:1px;
	padding-top:1px;
}
/* ******* GENERAL CLASSES END ******* */

/* ******* BOX CLASSES START ******** */
.boxmed {
	margin-bottom:5px;
}

.boxmed .boxtop {	
	background: #FFFFFF url("images/box_medium_top.gif") no-repeat top left;
	height:8px;
	font-size:0px; /* This is needed for IE fix as IE does not allow height to be less than the font-size height */
}
.boxmed .boxmid {
	background: #FFFFFF url("images/box_medium_middle.gif") repeat-y top left;
	border:0px dotted #000000;
	padding:0 7px;
}
.boxmed .boxmid ul {
	padding-left:15px;
}
.boxmed .boxbottom {
	background: #FFFFFF url("images/box_medium_bottom.gif") no-repeat top left;
	height:8px;
}
.boxmed .boxmid .boxtxt {
	padding:6px 0px;
	display:block;
}
.boxmed .boxmid input {
	margin:2px 0px;
	margin-bottom:6px;
	display:block;
	width:154px;
}
.boxmed .boxmid input.butinput {
	width:60px;
	float:right;
	/*margin-right:3px;
	margin-top:5px;	*/
}
.boxmed .boxmid .advsearch {
	margin-right:3px;
	margin-top:5px;	
	font-size:0.86em;
}
.boxmed .boxmid .advsearch a {
	float:left;
	padding-top:15px;
	vertical-align:bottom;
}

.boxbig {
	border:0px dotted #FFcccc;
	padding:0px;
	margin-bottom:5px;
}
.boxbig .boxtop {	
	background: #FFFFFF url("images/box_large_top.gif") no-repeat top center;
	height:8px;
	font-size:0px; /* This is needed for IE fix as IE does not allow height to be less than the font-size height */
	border:0px dotted #FFcccc;
}
.boxbig .boxmid {
	background: #FFFFFF url("images/box_large_middle.gif") repeat-y top center;
	border:0px dotted #551111;
	padding:0px 10px;
}
html>body .boxbig .boxmid {
	padding:0px 10px;
}
.boxbig .boxbottom {
	background: #FFFFFF url("images/box_large_bottom.gif") no-repeat top center;
	height:8px;
	font-size:0px; /* This is needed for IE fix as IE does not allow height to be less than the font-size height */	
}
.boxbig .boxmid .boximg {
	float:left;
	width:60px;
	margin-top:2px;
	border:0px dotted #551111;
}
.boxbig .boxmid .boxtxt {
	/*margin-top:6px;*/	/* This is less than boximg margin-top due the text line-height */
	margin-left:60px;		
	text-align:left;
	width:250px;
	border:0px dotted #551111;
}
.boxbig .boxmid .boxtxt .boxtitle {
	font-weight:bold;
	display:block;
}
.boxbig .boxmid .boxmainlink {
	padding-top:6px;
	display:block;
}
.boxbig .boxmid .boxminicontainer {
	display:inline-block;
}

.boxdate {
	color:#999999;
	padding:2px 0px;
	font-size:0.9em;
}

/* *** Specific Box classes *** */
.boxmed .boxmidbottom {
	background: #FFFFFF url("images/box_medium_middle.gif") repeat-y top left;
	border:0px dotted #000000;
	padding:0 3px;
}
#boxteesinfo.boxmed .boxmidbottom span {
	display:block;
	background: #FFFFFF url("images/photo_visitteesvalley.jpg") no-repeat bottom center;
	height:100px;
}
/* *** Specific Box classes *** */



/* ******* BOX CLASSES END ******* */



.notesmall {
	font-size:0.8em;
}

.moreinfo {
	font-size:0.8em;
	padding-top:3px;
	margin-top:3px;
	border-top:solid 1px #999999;
}

.subcontainer, .frmbox {
	display:inline-block;
	margin-bottom:4px;
}
.subcontainer .frmlabel, .frmbox .frmlabel {
	width:80px;
	float:left;
	display:inline-block;
}
.subcontainer .frmval, .frmbox .frmvalue {
	width:260px;
	float:left;
}

#forgotdetails {
	display:none;
}

.success {
	font-weight:bold;
	color:#67bd77;
}
.error {
	font-weight:bold;
	color:#ee1824;
}

.debug {
	margin:3px 0px;
	padding:12px;
	padding-left:22px;
	background:#eeeeee url('images/icon_debug.gif') no-repeat top left;
	border:solid 1px #008c45;
	color:#008c45;
	display:none;
}

.debug a {
	color:#008c45;
}

.isrequired, .isrequired {
	border:solid 1px #cc2211;
	background-color:#ffeeee;
}

.iconemail, .iconphone, .iconprint {
	display:inline-block;
	padding-left:18px;
	margin:2px 0px;
}
.iconemail {background:transparent url('images/new/icon_email.gif') no-repeat center left;text-decoration:none}
a.iconemail:hover {text-decoration:underline;}
.iconprint {background:transparent url('images/new/icon_print.gif') no-repeat center left;text-decoration:none}
.iconphone {background:transparent url('images/new/icon_phone.gif') no-repeat top left;}


#ajaxLoader {
	display:none;
}

#myconnectlinks {
	background:transparent url('images/new/icon_login.gif') no-repeat center left;
	padding:4px;
	padding-left:18px;
	display:inline-block;
	float:right;
}
#myconnectlinks a {
	margin-left:6px;
}

#myconnectlinks span {
	padding:0px 15px;
}

#boxjplanner .savedaddress {
	width:216px;
	margin:0px;
	margin-bottom:10px;
}
.savedaddress {
	margin-bottom:10px;
}

.save {
	background:transparent url('images/new/icon_save.gif') no-repeat top left;
	padding-left:20px;
	display:block;
	margin:4px 0px;   
	padding-bottom:1px;
	padding-top:1px;
}


.boxxbig .boxtop {	
	background: #FFFFFF url("images/box_xlarge_top.gif") no-repeat top left;
	height:8px;
	font-size:0px; /* This is needed for IE fix as IE does not allow height to be less than the font-size height */
	border:0px dotted #FFcccc;
}
.boxxbig .boxmid {
	background: #FFFFFF url("images/box_xlarge_middle.gif") repeat-y top left;
	border:0px dotted #551111;
	padding:0px 10px;
}
.boxxbig .boxbottom {
	background: #FFFFFF url("images/box_xlarge_bottom.gif") no-repeat top left;
	height:16px;
	font-size:0px; /* This is needed for IE fix as IE does not allow height to be less than the font-size height */	
}

#ajaxloading {
	display:none;
}

.buttonsearch, .buttonlogin, .buttonregister, .buttonsend, .buttonsignup, .buttongetdetails {
	display:inline-block;
	vertical-align:middle;
	height:26px;
	border-width:0px;
}
.buttonsearch {
	background:transparent url("images/new/button_search.gif") no-repeat top left;	
	width:60px;	
}

.buttonlogin {
	background:transparent url("images/new/button_login.gif") no-repeat top left;	
	width:60px;
}
.buttonsignup {
	background:transparent url("images/new/button_signup.gif") no-repeat top left;	
	width:70px;
}
.buttonregister {
	background:transparent url("images/new/button_register.gif") no-repeat top left;	
	width:70px;	
}
.buttongetdetails {
	background:transparent url("images/new/button_getdetails.gif") no-repeat top left;	
	width:80px;	
}

.icondelete {
	background:transparent url("images/new/icon_delete.gif") no-repeat top left;	
	padding-left:16px;
	margin:3px;
	display:inline-block;
	color:#e32429;
}
.icondefault {
	background:transparent url("images/new/icon_default.gif") no-repeat top left;	
	padding-left:16px;
	margin:3px;
	display:inline-block;
	color:#175d7c;
}

.socialsites {
	clear:right;
	float:right;
	margin-top:6px;
}
.socialsites a.facebook {
	background:transparent url("images/new/facebook-logo.gif") no-repeat top left;	
	padding:1px;
	padding-left:18px;
	margin:3px;
	margin-right:8px;
	display:inline-block;	
}
.socialsites a.twitter {
	background:transparent url("images/new/twitter-logo.gif") no-repeat top left;	
	padding:1px;
	padding-left:18px;
	margin:3px;
	margin-right:8px;
	display:inline-block;	
}

#frmreg .error {
	display:inline-block;
	margin-top:2px;
	margin-bottom:6px;
}

.restart {
	padding-left:16px;
	background:transparent url("images/restart.png") no-repeat top left;	
}