/**
	BOJ.CSS
	@author Randall Haney
	@since  05-23-2009
	
	REVISIONS:

*/

body{
	background: #eee9d9 url(../img/bg.png);
}

#container{
	overflow: hidden;
}

#header{
	background: url(../img/boj_header_logo.png) no-repeat;
	height: 278px;
	overflow: hidden;
	position: relative;
}

#header div{
	color:#f5e8cd;/* tan color */
	float: left;
	font-family: "century-gothic", arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	text-align: center;
	text-decoration: none;
	top: 247px;
	width: 33.3%;
	z-index: 2;
}


#header a, #header a:link, #header a:visited{
	color:#f5e8cd;/* tan color */
	display: block;
	font-family: "century gothic", arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	
	text-decoration: none;
}


#header a:hover, #header a:active{
	color:#fff389;/* light yellow color */
	text-decoration: underline;
}

.rounded_corners{
	background-color: #f0ebe0;          /* if needed */
    border: 1px solid #50380a;   /* if needed */
    -webkit-border-radius: 15px;    /* for Safari */
    -moz-border-radius: 15px;       /* for Firefox */

}

#upperleftblock, #upperrightblock{
	height: 250px;
	margin-top: 7px;
}

#upperleftblock{
	position: relative;
	overflow: hidden;
}

#upperleftblock h1{
	background: url(../img/no_one_beats_header.png) no-repeat 0 10px;
	height: 62px;
	margin: 0;
	margin-bottom: 12px;
	padding:0;
	text-indent: -9999px;
}

#upperleftblock p{
	font-family: "century gothic", arial, sans-serif;
	font-size: 14px;
	padding: 0 17px;
	text-align: justify;
	margin-bottom: 5px;
}

#packages{
	height: auto;
	margin-top: 7px;
	position: relative;
}

#packages h1{
	background: url(../img/rental_packages_header.png) no-repeat 0 10px;
	height: 62px;
	margin: 0;
	padding:0;
	text-indent: -9999px;
}

#package_details{
	margin-left: 10px;
}

#package_details h3, #stork_packages h3{
	color: #4f3915;
	font-family: "century gothic", arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin:0 0 0 10px;
	padding-top: 10px;
	text-decoration: underline;
}

#package_details ul,#package_details li{
	list-style: none;
	color: #4f3915;
	font-family: "century gothic", arial, sans-serif;
	font-size: 18px;
	padding:0;
	width: 300px;
}

#package_details ul{
	margin-left: 10px;
}

#package_details li{
	margin: 0;
}

#package_details p{
	color:#4f3915;
	font-size: 16px;
	padding-left: 10px;
	padding-top: 10px;
	text-align: justify;
	width: 400px;
}

#little_stars{
	left:253px;
	position: absolute;
	top:125px;
	z-index: 2;
}

#stork_packages{
	left: 443px;
	position: absolute;
	top: 60px;
	z-index: 3
}

#stork_packages h3{
	text-align: left;
}

#stork_packages ul{
	margin-bottom: 6px;
	width: 256px;
}

#stork_packages li{
	font-size: 18px;
	list-style: none;
	margin: 0 0 0 10px;
	overflow: hidden;
	padding: 0;
	width: 230px;
}

#stork_packages p{
	color: #4f3915;
	font-size: 16px;
	margin: 0 0 0 10px;
	text-align: justify;
	width: 405px;
}

#stork_packages label, #stork_packages .price{
	color: #4f3915;
	font-family: "century gothic", arial, sans-serif;
	font-size: 18px;
}

#fivedaylabel,#sevendaylabel,#tendaylabel,
#showerlabel,#extrabundlelabel,#siblingstarslabel{
	padding-left: 15px;
}

div.packagename{
	display: inline;
	float: left;
}
div.price{
	display: inline;
	float:right;
	text-align: right;
}

#stork_packages #note{
	font-size: 10px;
	font-style: italic;
	left: 240px;
	position: relative;
	top: 14px;
	z-index: 10;
}

span.new{
	color: #F00;
}

div.bottom_hr{
	background: #e3d8c0;
	height: 35px;
	line-height: 35px;
	margin-bottom: 20px;
}

#btn_place_order{
	background: #e3d8c0;
	left:-400px;
	position: absolute;
	top: 201px;
	width: 940px;
	z-index: 4;
}

#btn_place_order img{
	position: relative;
	top: 2px;
	left: 480px;
}

#big_stars{
	left: 700px;
	position: absolute;
	top:10px;
	z-index: 5;
}


#footer{
	background: #4f3915;
	margin-top: 7px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;    /* for Safari */
    -webkit-border-top-right-radius: 10px;    /* for Safari */
    
}


#partners h3{
	background: url(../img/partners_header.png) no-repeat;
	height: 50px;
	margin-top: 10px;
	text-indent: -9999px;
}

#partners ul{
	color: #dfcfa9;
	font-family: "century gothic", arial, sans-serif;
	font-size: 15px;
	margin-left: 10px;
}

#partners li{
	margin-left: 20px;
	list-style: none;
}

#partners a,#partners a:link,#partners a:visited{
	color: #dfcfa9;
	text-decoration: none;
}

#partners a:hover,#partners a:active{
	color: #faf0da;
	text-decoration: underline;
}

#about_boj h3{
	background: url(../img/about_boj_header.png) no-repeat;
	height: 50px;
	margin-top: 10px;
	text-indent: -9999px;
}

#about_boj p{
	color: #dfcfa9;
	font-family: "century gothic", arial, sans-serif;
	font-size: 15px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#about_boj ul{
	color: #dfcfa9;
	font-family: "century gothic", arial, sans-serif;
	font-size: 15px;
	margin-left: 30px;
}

#about_boj li{
	margin-left: 10px;
}

#newest_arrivals h3{
	background: url(../img/newest_arrivals_header.png) no-repeat;
	height: 50px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 235px;
}

#newest_arrivals li{
	color: #dfcfa9;
	font-family: "century gothic", arial, sans-serif;
	font-size: 15px;
	list-style: none;
}




/**
	Modal Styles
*/

#modal-overlay{
	background-color:#000;
  	cursor:wait;
  	display:none;
  	left: 0;
  	position: absolute;
  	top:0;
  	z-index: 9000;
  	
}

#order_wizard{
  background-color:#4f3915;
  border: 1px solid #f5e8cd;
  left: 300px;
  padding: 20px;
  position: absolute;
  top: 50px;
  width: 700px;
  z-index: 9900;
  -webkit-border-radius: 15px;    /* for Safari */
  -moz-border-radius: 15px;       /* for Firefox */
}

#order_form_1{
	margin: 10px;
}

#order_wizard a.modalCloseX {
  background:url(../img/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
  text-indent: -9999px;
}


#order_wizard h2{
	margin: 10px;
	background: url(../img/order_wizard_header.png) no-repeat;
	text-indent: -9999px;
}

#breadcrumb{
	padding: 3px;
	text-align: center;	
}

#breadcrumb ul, #breadcrumb li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#breadcrumb ul{width: 575px;}

#breadcrumb li{
	padding: 3px 2px;
}

#breadcrumb a{
	color: #f5e8cd;
	font-family: "century-gothic", Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

#breadcrumb a.current_step{
	color: #b8d2a7;
}



#order_form_1{
	background-color:#f5e8cd;
	margin: 10px auto;
	padding: 5px;
	width: 680px;
	-webkit-border-radius: 15px;    /* for Safari */
  	-moz-border-radius: 15px;       /* for Firefox */
}

#order_form_1 #form_title{
	color: #4f3915;
	font-size: 1.8em;
	margin: 0;
	padding: 0;
	margin-left: 35px;
}

.form_button{
	margin: 5px auto;
	text-align: center;
}

#order_form_1 p{
	background-color: #e3d8c0;
	padding: 10px;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 90%;
	-webkit-border-radius: 10px;    /* for Safari */
  	-moz-border-radius: 10px;       /* for Firefox */
}

#order_form_1 label{
	color: #4f3915;
}


/* Form styles */

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div form p { margin: 0; }
div form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div form legend { font-weight: bold; color: #666; }
div form fieldset div { padding: 0.25em 0; }
div label, 
div span.label { margin-right: 10px; padding-right: 10px; width: 200px; display: block; float: left; text-align: right; position: relative; }
div label.error, 
div span.error { color: #C00; }
div label em, 
div span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div input.error, div select.error, div textarea.error { border-color: #C00; background-color: #FEF; }
div textarea{margin-top: 10px;}
div input:focus,
div input.error:focus, 
div textarea:focus {	background-color: #FFC; border-color: #FC6; }
div div.controlset label, 
div div.controlset input { display: inline; float: none; }
div div.controlset div { margin-left: 170px; }
div div.buttonrow { margin-left: 180px; }
div select, div input[type=text]{margin-bottom: 15px;}


/* Error Message Dialog
#error_msg{
	background: #fff7d7;
	border-width: thin;
	border-color: #FF0000;
	border-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 20px;
	text-align: left;
	width: 450px;  
	-webkit-border-radius: 15px;    
    -moz-border-radius: 15px;      
}

#error_msg h5{
	color: #F00;
	font-size: 12px;
	font-weight: bold;
} */


.error_msg{
	background: #CD0A0A;
	color: #FFF;
	float: right;
	overflow: hidden;
	padding: 4px;
}

.error_msg span{
	float: left;
}


#pp_form{
	margin: 5px;
	padding: 5px;
}

#pp_form h1{
	background: url(../img/pp_header.png) no-repeat 0 10px;
	height: 62px;
	margin: 0;
	margin-bottom: 12px;
	padding:0;
	text-indent: -9999px;
}

.btnRow{
	background: #e3d8c0;
	margin-bottom: 15px;
}