@charset "UTF-8";
*{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;} ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus {outline: 0;} table { border-collapse: collapse; border-spacing: 0; } a {text-decoration:none; }
a, input { outline: none; }
.center {margin-left: auto; margin-right:auto;} .left {float:left;} .right {float:right;} .clear {clear:both;}

body {font-size:62.5%; font-family: Arial, Verdana, sans-serif; color:#444; background:url(../images/back.jpg) no-repeat center top};

textarea {font-size: 12px; font-family: Arial, Verdana, sans-serif;}

.fontSerif { font-family: Rockwell, Georgia, Times, "Times New Roman", serif;}
.cMustard {color:#a19638;}
.cGreen {color:#38a13d;}
.cHunter {color:#586a2e;}
.cBlue {color:#375290;}
.cGrey {color:#524e4e;}

div#wrapper {width: 864px; margin-top: 10px; background-color: #ffffff;}
	div#demoWrapper {width: 960px; margin-bottom: 10px; margin-top: 0px;}

ul.userNav {display: block; overflow: hidden; width:145px; text-align: left; margin: 10px 0 10px 20px;}
	ul.userNav li {display: block; width: 100%; float: left; }
		ul.userNav li a {font-size: 1.2em; font-weight:bold; color:#584131; text-decoration: none; margin: 3px 0 6px 0; display: block;}
		ul.userNav li  a:hover {text-decoration:underline;}

	ul.userSubnav {margin-left:10px; overflow: hidden;}

div#header {background: url('/images/header.jpg') no-repeat bottom; display: block; width: 864px; height: 115px;}
	div#header a {display: block; height:100%; width: 100%;}	

div#demoHeader {background: url('/images/demo/demo-header.jpg') no-repeat bottom; display: block; width: 960px; height: 410px; position: relative; }
	a#linkAdmin, a#linkClient, a#linkSignup {display: block; width: 210px; height: 45px; position: absolute; bottom:10px; text-indent: -9999px;}

	a#linkAdmin {left:153px;}
	a#linkClient {left:374px;}
	a#linkSignup {right:154px;}
	
div#colWrp {overflow: hidden; border-right:1px solid #c9c9c9; background: url('/images/leftbg.jpg') repeat-y left;}

div.gryDivider {display: block; height: 6px; width: 100%; background: #7f7c7c; margin: 15px 0; }

div.divider1px {display: block; height: 1px; width: 100%; background: #969796; margin: 10px 0;}




/* Main Content */
div#conWrp {float: left; background-color: #ffffff;	padding: 15px ; width: 655px;	}

div.content {padding: 0 20px}
	div.content h1 {font-size:2em; font-weight: normal; margin-bottom: 10px; font-family: Rockwell, Georgia, Times, "Times New Roman", serif; }
	div.content p {font-size:1.2em; margin-bottom: 10px; line-height: 150%;}
	div.content a {color:#47899f; text-decoration: underline;}
		div.content a:hover {text-decoration:none;}

	div.content ul {font-size: 1.2em; list-style: disc; margin: -5px 0 10px 15px;}
	div.content ol {font-size: 1.2em; list-style: decimal; margin: -5px 0 10px 20px;}
		div.content ul li, div.content ol li {margin-bottom: 3px;}


/* Index / Login */
div#loginWrp { display: block; width: 100%; height: 262px; background: url(/images/design/index-login-bg.jpg) no-repeat; position: relative; margin-bottom: 10px;}
	div#loginWrp a#notReg {position: absolute; right:15px; top:55px;}
	div#loginWrp input.txtBox {position: absolute; display: block; width: 255px; height: 17px; left:110px; padding: 0 5px;}

	div#loginWrp input#username {top:116px; }
	div#loginWrp input#password {top:155px; }
	div#loginWrp input#logSubmit {position: absolute; left:294px; bottom:45px;}
	div#loginWrp div#logRem {font-size: 1.2em; position: absolute; left:45px; bottom:50px;}
	div#loginWrp a#logForgot {font-size: 1.3em; color:#fff; position: absolute; left: 25px; bottom: 9px;}
		div#loginWrp a#logForgot:hover {text-decoration: underline;}
div#welcome p {font-size: 1.4em; line-height: 140%;}


/* Register */
table.reg {margin-top:0px; margin-bottom: 10px;}
	table.reg tr th {font-size:1.3em; font-weight: bold; padding-bottom: 10px; text-align: left;}
	table.reg tr td {padding-bottom: 10px;}
	
	table.reg tr td input.txtbox { border: 1px solid #acacac; color: #333; line-height: 18px; font-size: 12px;
	width: 240px; padding: 2px; }

	select.selLong {
	border: 1px solid #ACACAC;
	color: #333;
	line-height: 18px;
	font-size: 10px;
	width: 245px;
	padding:2px; }
	
	select.selMed {
	border: 1px solid #ACACAC;
	color: #333;
	line-height: 18px;
	font-size: 10px;
	width: 125px;
	padding:2px; }

	select.selShort {
	border: 1px solid #ACACAC;
	color: #333;
	line-height: 18px;
	font-size: 10px;
	width: 60px;
	padding:2px; }

		table.specList tr td {padding-bottom: 5px; font-size: 12px;}
		table.specList tr td a {color:#365695; font-weight: bold;}
		table.specList tr td a:hover {color:#666;}

#species_list {margin-top: 5px;}


/* Packages for Register step 3 */
div.pkgWrp {background: #eeeeee; padding: 10px 15px; overflow: hidden; }
	div.pkgWrp h2 {font-size: 1.6em; font-weight: normal;}
	div.pkgWrp h3 {font-size: 1.6em; font-weight: normal; color:#892309; margin-bottom: 4px;}
		div.pkgWrp h3 span {color:#302929; padding-left:5px;}
	div.pkgWrp h4 {font-size: 1.1em;   margin-bottom: 4px;}
		div.pkgWrp h4 span {color:#892309;}
	
	table.pkgForm tr th {text-align: left; padding-bottom: 8px; line-height: 150%; }
	table.pkgForm tr td {padding-bottom: 8px; line-height: 150%}
	table.pkgForm label {font-size: 11px; padding-right: 3px;}
	table.pkgForm input.txtBox {background: #fff; border:1px solid #b9b9b9; color:#999; width: 80px;}

div#package_list {font-size: 1.2em; margin-bottom: 3px;}
	div#package_list h2 {font-size: 14px; margin-bottom: 3px;}




/* Package Details */
div#detailSelWrp {overflow:hidden; width: 570px; }
	div.detailSel {float: left; margin-right: 5px; border: 1px solid #c9c9c9; display: block; width:135px; height:115px; }

div.detailEven {background:#fff;}
div.detailOdd {background:#e2f4ed;}

div.detailEven, div.detailOdd { border:1px solid #b5b1b1; padding-top:15px; padding:bottom:15px; font-size: 1.1em;}
	div.detailEven a, div.detailOdd a {color:#a13a38; text-decoration: none;}
	div.detailEven a:hover, div.detailOdd a:hover {text-decoration: underline;}



/* Calendar page */
div#pkgCalList {}
	div#pkgCalList table tr.hideRow {display: none; border-bottom:1px solid #ccc;}
	div#pkgCalList table tr.hideRow td { margin-bottom: 10px;}

	div#pkgCalList table td {font-size: 1.2em; padding: 5px 0;}

	div#pkgCalList input.dateBox, div#pkgCalList2 input.dateBox2 {background: #fff; border:1px solid #b9b9b9; color:#999; width: 120px;}

	div#pkgCalList input.btn { background: #3676C5; color:#fff; padding:2px 4px;}



/* Outfiter Page */
.outfiterLinks a {color:#6D3C06 !important; font-size:12px !important; text-decoration: none !important;}
.outfiterLinks a:hover {text-decoration: underline !important;}

ul.outfitGal {overflow: hidden; margin-top: 10px; margin-left:10px;}
	ul.outfitGal li {float: left; margin-right: 5px; }
		ul.outfitGal li img { border:2px solid #7D3E34; height:69px; width:67px; }
		ul.outfitGal li a {}



/* iFrame */
div#speciesSearch {display: block; width: 190px; height: 94px; background: url(/images/design/speces-bg.jpg) no-repeat; position: relative;}
	div#speciesSearch select {position: absolute; bottom:10px; left:15px; border: 1px solid #ACACAC;
	color: #333; font-size: 12px;	width: 145px; background: #fff; }


div.pkgDetWrp {border: 1px solid #7e7e7e; overflow: hidden; }

div.pkgDetHeader {background: #7e7e7e; padding: 4px 8px; color: #fff;overflow: hidden }
	div.pkgDetHeader h1 {font-size: 1.75em; font-weight: normal;}

	div.pkgPrices {display: block; width: 150px; }
		div.pkgPrices table tr td {padding: 4px 3px; font-size: 1.3em;}
			div.pkgPrices table tr td a {font-size:11px; color:#636363; text-decoration: underline; }
			div.pkgPrices table tr td a:hover {text-decoration: none;}

	div.iconWrp {}
		ul.iconList {overflow: hidden; width: 180px;}
			ul.iconList li {float: left; display: block; margin:0 5px 5px 0; }
			ul.iconList li img {width:20px; height:20px;}

div.pkgCopy {display: block; width: 425px; padding: 10px; }
	div.pkgCopy table tr td.pkgImgs img {width: 67px; height: 69px; border: 2px solid #7d3e34;}
	div.pkgCopy table tr td.pkgImgs a {font-size: 1.3em; color:#6d3c06; line-height: 150%; }
	div.pkgCopy table tr td.pkgImgs a:hover {text-decoration: underline;}

	div.pkgCopy h2 {font-size:1.45em; font-weight:normal; margin-bottom:5px; margin-top: 5px;}
	div.pkgCopy p {font-size: 1.2em; line-height: 140%;}

div.pkgFooter {background: #f6f6f6;  color: #333; overflow: hidden; border-top:1px solid #dedede;}
	div.pkgFooter a {display: block; height:100%; width: 200px; line-height: 35px; background: #994b31; color:#fff; font-size: 1.3em; text-align: center}
	div.pkgFooter a:hover {background: #7E7E7E;}


div.propDetails {overflow: hidden}
	div.propDetails div.left p {padding-left: 10px;}
	div.propDetails div p {margin-bottom: 12px; font-size: 1.25em; line-height: 120%;}
		div.propDetails div p a {color:#325fc6; }
		div.propDetails div p a:hover {text-decoration: underline;}


/* Sidebar */
div#sidebar { width: 173px; }

	/* Sidebar Login */
	form#loginSidebar {width: 90%;}
		form#loginSidebar input.txtClear {background: #fff; border:1px solid #d0d0d0; color:#a19786; padding: 3px; font-size: 1.3em; width: 140px; }



	div#phone {	background: url('/images/phone.png') no-repeat;	width: 100px; height: 36px;	display:block; margin-left: 15px; color: #9e3b35; font-size: 1.2em; padding-left: 45px;	line-height: 150%; margin-right: 5px;  }


	
	
		div#cal-logo {
			width: 173px;
			background: url('/images/cal-logo-bottom.png') no-repeat;
			height: 49px;
		}
		
		div#my-account {
			width: 173px;
			height: 31px;
			background: url('/images/my-account.png') no-repeat;
		}
		div#step-tutorial {
			width: 173px;
			height: 40px;
			background: url('/images/step-tutorial.png') no-repeat;
		}
		div#video-tutorial {
			width: 173px;
			height: 37px;
			background: url('/images/video-tutorial.png') no-repeat;
		}
		




		div#password1 {
			padding-top: 8px;
			padding-bottom: 5px;
		}
	
	
	/* footer */
	div#footer {
		text-align: center;
		font-size: 12px;
		color: #333;
		padding: 20px;
	}
	div#footer_bar {
		background: url('/images/bar.png') repeat-x;
		width: 864px;
		height: 14px;
	}
	
	

/* Registration */

div#register-wrapper {
	width: 519px;
	margin: auto;
	color: white;
}
div#register-sidebar {
	height: inherit;
}
div#big-register-bar {
	background: url('/images/greenbar.jpg') no-repeat;
	width: 519px;
	height: 57px;
}
div.hbar {
	background: url('/images/greendot.jpg') repeat-y;
}
div#register-form-left {
	float: left;
	width: 2px;
	height: 233px;
}
div#register-form-box {
	float: left;
	width: 515px;
	border-left:2px solid #6D744B;
	border-right:2px solid #6D744B;
}

 .inner {
	/*padding-left: 20px;*/
	font-family: Arial;
	font-size: 12px;
	color: #555;
}


div#register-form-right {
	float: left;
	width: 2px;
	height: 233px;
}
div#register-form-bottom {
	width: 519px;
	height: 11px;
}
div.bottom-bar {
	background: url('/images/green-bottom-bar.jpg') no-repeat;
}

div#register-button {
	float:right;
	margin: 3px 0 10px 0;
	padding: 3px 0 0 10px;
	background: url('/images/brown-button.jpg') no-repeat;
	font: #fff;
	font-size: 10px;
	width: 162px;
	height: 17px;
}

div#register-wrapper a {
	color: #fff;
}

div#profile-bar {
	background: url('/images/greenbar-sm.jpg') no-repeat;
	width: 519px;
	height: 27px;
}

div#profile-form-left {
	float: left;
	width: 2px;
	height: 113px;
}
div#profile-form-box {
	float: left;
	width: 515px;
	border-left:2px solid #6D744B;
	border-right:2px solid #6D744B;
}

div#profile-form-box form {
	padding-left: 10px;
}

div#profile-form-box input.txtbox {
	border: 1px solid #ACACAC;
	color: #333;
	line-height: 18px;
	font-size: 10px;
	width: 320px;
	padding:2px;
}

select.multiSelect {
	border: 1px solid #ACACAC;
	color: #333;
	line-height: 18px;
	font-size: 10px;
	width: 325px;
	padding:2px;

}



.example {
	color: #999 !important; 
}

.error {
	color: #e2221d !important;
	border: 1px solid #e2221d !important;
}

div#profile-form-right {
	float: left;
	width: 2px;
	height: 113px;
}
div#profile-form-bottom {
	width: 519px;
	height: 11px;
}

div#profile-button {
	float:right;
	padding-left: 10px;
	background: url('/images/blue-button.jpg') no-repeat;
	font: #fff;
	font-size: 10px;
	width: 201px;
	height: 31px;
	margin-top: 10px;
}




table#cmsList {font-size: 1.2em; text-align: left;}
	table#cmsList a {color:#83B0A9; text-decoration: underline;}
	table#cmsList a:hover {text-decoration: none;}
	
table#cmsDetail {font-size: 1.2em; text-align: left;}
	table#cmsDetail tr th {padding: 3px 6px 3px 0;}
	table#cmsDetail tr td {padding: 3px 0;}
	table#cmsDetail a {color:#83B0A9; text-decoration: underline;}
	table#cmsDetail a:hover {text-decoration: none;}

hr { border: 3; color: gray }