/* Wise Travels - Global CSS*/

/*global resetting [begin]*/
*{padding:0;margin:0;}
body{font-family:Arial, Helvetica, sans-serif; background:url(../images/page_bg.gif) repeat-x 0 -80px;}
table, img, fieldset, button { border:none; }
input {border:solid 1px #CCCCCC; padding:2px;}
.radiobtn{border:none; background:#CCCCCC;}
.checkbx{border:none; background:#CCCCCC; width:13px; height:13px;}
a{text-decoration:none; padding:0px; margin:0px; color:#686666;}
a:link, a:visited, a:active{text-decoration:none;color:#686666;}
*html a, a:link, a:visited, a:active{text-decoration:none;color:#686666;}
a:hover{color:#666666; text-decoration:underline;}
a:focus, a:active{outline: none;}
.clearFloat{clear:both;}

/*wrappers used*/
#headerWrapper, #midderWrapper, #navWrapper, #contentWrapper, #footerWrapper{
	width:100%;
}
#headerWrapper{
	height:100px;
	background:url(../images/headerBg.jpg) no-repeat right;
}
#headerWrapper h1{
	background:url(../images/logo.gif) no-repeat;
	display:block;
	float:left;
	width:333px;
	height:40px;
	margin:30px 0 0 30px;
	text-indent:-100000px;
}
#midderWrapper{
	height:216px;
	background:url(../images/midderBg.gif) repeat-x;
}
#midderGraphic{
	background:url(../images/midderLeftGraphicBg.gif) no-repeat left 20px;
	position:absolute;
	top:63px;
	height:245px;
	width:228px;
}
#aboutGraphic{
	background:url(../images/midderAboutGraphicBg.jpg) no-repeat;
	position:absolute;
	top:150px;
	height:150px;
	width:480px;
}
#servicesGraphic{
	background:url(../images/midderServiceGraphicBg.jpg) no-repeat;
	position:absolute;
	top:141px;
	height:150px;
	width:480px;
}
#packagesGraphic{
	background:url(../images/midderPackagesGraphicBg.jpg) no-repeat;
	position:absolute;
	top:131px;
	height:180px;
	width:480px;
}
#contactGraphic{
	background:url(../images/midderContactGraphicBg.jpg) no-repeat;
	position:absolute;
	top:130px;
	height:180px;
	width:480px;
}
.noBg{
	background-image:none!important;
}
#midderGraphicWrapper{
	float:left;
	height:216px;
	width:100%;
	background:url(../images/midderLeftBg.jpg) no-repeat left 12px;
}
#midderTextWrapper{
	float:right;
	margin:0 50px 0 0;	
}
#midderTextWrapper h2{
	color:#DDDCDC;
/*	background:url(../images/midderText.gif) no-repeat;*/
	margin-top:71px;
	text-align:center;	
/*	text-indent:-10000px;*/
}
#midderTextWrapper #phoneNumber{
	color:#000;
/*	background:url(../images/phoneNumBg.gif) no-repeat left;
	height:45px;
	margin:10px 0 0 0;*/
	padding:5px 0 0 0;
	text-align:center;
	font-size:2em;
}
#navWrapper{
	height:36px;
	background:#E40F0F;
	font-size:1.1em;
}
#navWrapper a:link, #navWrapper a:visited{
	color:#fff;
}
#navWrapper a:active
{
	color:#FFFFCC;
}
#navWrapper a:hover{
	color:#eee;
}
#navWrapper ul{
	margin-left:20px;
	list-style:none;
	padding:7px 0 0 0;
	display:block;
	height:36px;
}
#navWrapper ul li /*bar that appears as a set of links and icons*/{
	float:left;
	display:block;
	margin:0;
	padding:0 5px 0 10px;
	background:url(../images/navLinkSeperator.gif) no-repeat 1px;
	color:#fff;
}
#navWrapper .firstChild, #footerWrapper .firstChild{/*avoiding the seperator bg to be displayed for the firstchild in a list*/
	background-image:none;
}
#contentWrapper{
	overflow:hidden;/*for equal column height fix*/
}
#contentWrapper h1, #contentWrapper h2, #contentWrapper h3, #contentWrapper h4{
	color:#686666;
	margin:0 0 20px 0;
}
#contentWrapper p, #contentWrapper ul{
	color:#403535;
	margin:0 0 20px 0;
	font-size:0.9em;
}
p.highlightedText{
	font-size:1em;
	font-weight:bold;
}
#contentWrapper ul{
	margin:10px 10px 20px 20px;	
}
#leftContentWrapper{
	float:left;
	padding:30px 0 0 30px;
	width:58%;
}
#rightContentWrapper{
	background:#F2F2F2 url(../images/rightContentBg.gif) repeat-y left;
	float:right;
	width:370px;
	padding:30px 0 600px 0; /*simulating equal height columns*/
	margin:0 0 -600px 0; /*simulating equal height columns*/
}
#rightContentWrapper form{
		margin-left:30px;
}
#rightContentWrapper .formIntro{
	width:320px;
}
#rightContentWrapper form fieldset{
	font-size:0.9em;	
}
.serviceTeasers{
	list-style:none;
}
#contentWrapper .serviceTeasers h3{
	font-size:1em;
	padding:5px 5px 5px 0;
	margin:0 0 0 10px;
	background:url(../images/teaserHeaderUlineBg.gif) repeat-x bottom;
}
.serviceTeasers a:link, .serviceTeasers a:visited, .serviceTeasers a:active{
	color:#686666;
}

#contentWrapper .serviceTeasers p{
	font-size:0.75em;
	display:block;
	margin:5px 0 0 0;
	padding:0 5px 0 10px;
}
#contentWrapper .serviceTeasers a:hover{
	text-decoration:underline;
}
.serviceTeasers li{
	margin-bottom:25px;
	padding:0 10px 0 25px;
}
.serviceTeasers .serviceContainer{
	height:85px;
	width:305px;
	display:block;
	color:#000;
	background:url(../images/serviceTeasersBg.gif) no-repeat;
}
.graphicArea{
	display:block;
	float:left;
	width:120px;
	height:83px;
}
.infoTextArea{
	display:block;
	float:left;
	width:180px;
}
#holiday{
	background:url(../images/holidayTeaserIco.gif) no-repeat 15px 5px;
}
#bus{
	background:url(../images/busTeaserIco.gif) no-repeat 5px 8px;
}
#cab{
	background:url(../images/cabTeaserIco.gif) no-repeat 5px 25px;
}
#call{
	background:url(../images/callTeaserIco.gif) no-repeat 15px 8px;
}
#footerWrapper{
	height:70px;
	background:url(../images/footerBg.gif) repeat-x;
	font-size:0.7em;
	font-weight:bold;
	padding:0 0 10px 0;
}
#footerWrapper a, #footerWrapper a:link, #footerWrapper a:visited, #footerWrapper a:active{
	color:#686666;
}
#footerWrapper ul{
	width:400px;
	margin-right:auto;
	margin-left:auto;
	list-style:none;
	padding:7px 0 0 0;
	line-height:20px;
	clear:both;
	display:block;
}
#footerWrapper ul li /*bar that appears as a set of links and icons*/{
	float:left;
	padding:0 5px 0 10px;
	margin-top:10px;
	background:url(../images/footerLinkSeperator.gif) no-repeat 1px;
	color:#fff;
}
#footerWrapper p{
	clear:both;
	display:block;
	margin-top:5px;
	font-weight:normal;
	text-align:center;
}
#footerIconWrapper{
	width:88px;
	margin:auto;
	margin-top:10px;
}

/*form styles using dl dt dd*/
	fieldset{
		padding:5px 0;
	}
	fieldset h3{
		margin-bottom:10px;
	}
	.radioButton{
		display:block;
		float:left;
	}
	.radioButtonLabel{
		display:block;
		float:left;
		padding:0 5px;
	}
	.checkBoxLabel{
		display:block;
		float:left;
		padding:0 5px;
		width:450px;
	}
	.checkBoxLabelFullInline{
		float:left;
		padding:0 5px;
	}
	.checkBox{
		display:block;
		float:left;
		width:13px;
		height:12px;
	}
	.checkBoxInline{
		display:block;
		float:left;
		margin:0 5px 0 0;
	}	
	dl.commonForm{
		margin-top:7px;
	}
	fieldset h3{
		margin-top:7px;
	}
	fieldset p{
		margin-top:7px;
	}
	dl.commonForm dt, dl.commonForm dd{
		display:block;
		float:left;
		padding:3px 5px 3px 5px;
	}
	dl.commonForm dt{
		clear:both;
		float:left;
	}
	/*CSS IE6 AND IE7 Fix for DL DT Float issue [BEGIN]*/
	*html dl.commonForm dd{
		height:expression(this.previousSibling?this.previousSibling.offsetHeight-4+"px":"auto");
	}
	*+html dl.commonForm dd{
		min-height:expression(this.previousSibling?this.previousSibling.offsetHeight-4+"px":"auto");
	}
	/*CSS IE6 AND IE7 Fix for DL DT Float issue [END]*/
	dl.commonForm dt{
		width:100px;
	}
	dl.commonForm dd{
		width:155px;
	}
	dl.commonForm input, dl.commonForm p, dl.commonForm select{
		display:block;
		float:left;
	}
	dl.commonForm p{
		padding:0 5px 0 5px;
	}
	.nolabelForm dt{
		display:none;	
	}
	.nolabelForm{
		display:block;	
		float:left;
	}
	.nolabelForm fieldset{
		width:300px;
	}
	.submitSection{
		margin:20px 0 10px 0;
	}