/*********************************************
	STYLES FOR BROWSER
	1. Developer, this is the individual 
	   css file for a web browser
	2. Please keep your code CLEAN. 
	3. Bring over ANY custom tags. 
	4. Make SURE to test the "Big 5" Browsers:
		-- IE7, IE8 - A MUST! 
		-- Firefox
		-- Chrome
		-- Safari
		-- Opera
*********************************************/
html, body{
	margin:0;
	padding:0;

}

body { /* Use both the px/em variable */
	font: 11px/1.3em Verdana, Geneva, sans-serif; 
	color: #000;
	background:#266284 url(/images/bg-repeat.jpg) repeat-x;
}

		
a { /* default link styles*/
	color:#012D52;
	text-decoration: none;
}
	
	a:hover{
		text-decoration: underline;
	}

.wrapper{ /* This is where you would change by default. A SAFE width is 320px */
	max-width: 1000px;
	margin:0 auto;
	background:url(/images/bg-wrapper.jpg) center 20px no-repeat;
}

.sprite {
	background: url(/images/sprite.png) left top no-repeat; }

/*********************************************
	STANDARD TAGS:
	These are our standard tags. YOU MUST
	USE THESE TO HAVE THE SITE WORK PROPERLY
	WITH MOBILE AND DEFAULT CSS
	1) .header
	2) .main-nav -- located in nav.css
	3) h1, h2, h3, h4, h5
	4) .breadcrumbs
	5) .content
		-- .col-1
		-- .col-2 
		-- .col-3
		-- Make more if needed.
	6) .footer
*********************************************/

.header { 
	height: 272px;
	background:url(/images/bg-header-backdrop.png) no-repeat;
	position: relative;
}

h1 { /* This will use the same admin controlled headers */
	color: #f35127;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin: 5px 0px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#083053;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0b2d46;
}

h4, h5 { /* Format as you need, use em's */
}

.breadcrumbs { /* Format as you need with your a tags, etc. */
	color: #000;
	margin: 0;
}

.content { /* Format as you need. Use em's where you can to keep consistent */
	position: relative;
	z-index: 10;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
}

.inner-content{
	overflow:hidden; /* for equal height columns */
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 20px;
	background: #fff;
	border: 1px solid #000;
}



.col{
	float:left;
	margin-bottom:-3000px;
	padding-bottom:3000px;
}
	.col-1 { 
		width: 191px;
		float: left;
		background:url(/images/bg-left.png) no-repeat;
		min-height:640px;
  		height:auto !important;
  		height:640px;
		margin:10px 0 0 3px;
	}
	
	.col-2 { 
		width: 603px;
		float: left;
		background:url(/images/bg-center.png) no-repeat;
		min-height:653px;
  		height:auto !important;
  		height:653px;
		margin:0 0 0 5px;
	}
	
	.col-3 { 
		width: 191px;
		float: right;
		background:url(/images/bg-right.png) no-repeat;
		min-height:640px;
  		height:auto !important;
  		height:640px;
		margin:10px 3px 0 0;
	}
	
.footer { /* Format as you need. */
	max-width: 1000px;
	margin:20px 0 0 0;
}

.footer a {
		color: #ffffff;
		text-decoration: none;
	
}
	
.footer a:hover {
		color: #ffffff;
		text-decoration: underline;
}

.footer-box{
	background:url(/images/bg-footer.png);
	width:451px;
	height:108px;
	margin:10px 0;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.footer-icons .link{
	background:url(/images/icon-set.png);
	display:block;
	float:left;
	margin:5px 5px 15px 0;
	width:32px;
	height:32px;
}

.fb{
	background-position:top left !important;
}

.tw{
	background-position: -32px top !important;
}

.el{
	background-position:-64px top !important;
}

.bm{
	background-position:-96px top !important;
}

.sh{
	background-position:-128px top !important;
}

	
/*******************************************
	SITE SPECIFIC FORMATTING
	1. This is where you will test and put 
	   your site specific tags. 
********************************************/



.header-overlay { 
	height: 272px;
	background:url(/images/bg-header-overlay.png) no-repeat;
	position:relative;
	z-index:500;
}

.header-images{
	height:272px;
	position:relative;
	/*background:url(/images/bg-header-pic1.png) no-repeat;*/
}

.logo{
	position:absolute;
	left:30px;
	top:70px;
}

.header-search{
	position:absolute;
	left:100px;
	top:180px;
}


.deal-box{
	border-top:dotted 1px #333333;
	margin:5px;
	padding: 10px 0 0 0;
	font-size:10px;
}

p.links{
	color:#f64c2b;
	text-transform:uppercase;
	font-size:10px;
	margin:0;
	padding:0;
}

p.links a{
	color:#f64c2b;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
}



.edeals{
	width:183px;
	height:319px;
	background:url(/images/bg-edeals.png);
	float:left;
	margin:0 7px 0 0;
	color:#333333;
	text-align:center;
	font-size:10px;
	line-height:12px;
}

.events{
	width:183px;
	height:319px;
	background:url(/images/bg-events.png);
	float:left;
	margin:0 7px 0 0;
	color:#333333;
	text-align:center;
	font-size:10px;
	line-height:12px;
}

.about{
	width:183px;
	height:319px;
	background:url(/images/bg-about.png);
	float:left;
	color:#333333;
	text-align:center;
	font-size:10px;
	line-height:12px;
}




.main-form{
	min-height:250px;
    height:auto !important;
    height:250px;
    position:relative;
}

.three-col p{
	margin:0;
	padding:0 0 8px 0;
}

.three-col a{
	color:#002d51;
}


.test-name{
	margin:10px 0;
}


.testimonial{
	margin:0 15px;
}


/*RES FORM*/
.res_form {
	width:295px;
	margin:10px 0 0 0;
}

.res_form .row {
	margin:10px 0 0 0;
}

.res_form .text  {
	width:120px;
	height:20px;
	color:#0F2545;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-align:right;
	margin:1px 0 0 0;
}

.res_form .textfields {
	background:url(/images/text_fields.png) no-repeat left top;
	width:86px;
	height:20px;
	margin:0 0 0 5px;
	border:none;
	padding:0 3px;
	
}

.res_form .selects select {
	width:90px;
	margin:0 0 0 5px;
}

.res_form .calendar {
	background:url(/images/calendar.png) no-repeat;
	width:20px;
	height:18px;
	margin:0 0 0 3px;
	cursor:pointer;
}

.hdp_cnt .calendar {
	background:url(/images/calendar.png) no-repeat;
	width:20px;
	height:18px;
	margin:0 0 0 3px;
	cursor:pointer;
}

.res_form .search_button {
	margin:10px 0 0 18px;
}

.res_form .options {
	margin:12px 0 0 5px;
}

.res_form .reset, .res_form .advanced {
	background:url(/images/availability_options.png) no-repeat;
	width:94px;
	height:10px;
	cursor:pointer;
}

.res_form .advanced {
	background-position:0 -18px;
	margin:5px 0 0 0;
}

.side-pics{
	margin:10px 0;
}

.side-pics img{
	margin:5px 0 0 0;
}

.side-images{
	position:relative;
	top:15px;
	left:2px;
}



/*******************************************
	Formatting for hot deals panel
********************************************/

.hot-deals {
	height: 236px;
	overflow-x: hidden; overflow-y: scroll;
	margin: 10px 0 0 0;
	text-align: left;
}


a.but, a.but span, a:hover.but, a:hover.but span {
	background: url(/images/buttons.png) right top no-repeat;
	display:inline;
	display:inline-block;
	line-height:19px;
	height:19px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	cursor: pointer;
	float: right;
}

a.but {
	padding-right:10px;
	margin:2px 0 2px 0;
}

a.but span {
	background-position: left top;
	padding-left:8px;
}

a:hover.but { background-position: right bottom; }

a:hover.but span { background-position: left bottom; }

.buts {
	font-family: Arial; 
	background: #f36923; 
	border: 1px solid #c5320f; 
	color: #fff;  
	font-weight: bold;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

	.buts:hover { background: #c5320f; }

.the-deal {
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fde2b3;
	border: 1px solid #fbc99b;
	padding: 3px;
	margin: 0 0 5px 0;
}


.search-field {
	background:url(/images/text_fields.png) no-repeat left top;
	width:76px;
	height:20px;
	margin:0 0 0 5px;
	border:none;
	padding:0 3px;
}

.search-field2 {
	background:url(/images/text_fieldssmall.png) no-repeat left top;
	width:15px;
	height:20px;
	margin:0 0 0 5px;
	border:none;
	padding:0 3px;
}


.hold {
	background: url(/images/share.png) right top no-repeat; 
	width: 35px;
	height: 275px;
	padding: 25px 0 0 40px;
	position: fixed;
	right: 0px;
	top: 80px;
	z-index: 80000;
}
	.hold br { margin: 0 0 2px 0; }
	
.search-all {
	width: 145px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background-position: 0px 0px;
	margin: 5px 0px 5px 5px;
}
	.search-all:hover { background-position: 0px -32px; }
	
.email-alerts {
	width: 145px; 
	height: 32px;
	display: block;
	text-indent: -9999px;
	background-position: 0 -64px;
	margin: 0px 0px 0px 5px;
}

	.email-alerts:hover { background-position: 0px -96px; }
	
	
#loading{
    background: #FFFFFE;
    height: 230px;
    position: absolute;
	left:0;
	top:-9999px;
    text-align: center;
    width: 564px;
}

#loading img{
	padding-top:64px;
}
.mobiledeals {
	display:none;
}
/*media queries*/
@media (max-width:1024px) {
.hold {
	display:none;
}
}
@media (max-width: 800px) {
.ocfree {
	display:none;
}
.col-2 {
  background: none repeat scroll 0 0 #FEF4E1;
  border-radius: 10px 10px 10px 10px;
  float: left;
  height: auto !important;
  margin: 0 0 8px 5px;
  min-height: 0;
  width: 80%;
}
.col-1 {
  background: none repeat scroll 0 0 #FCDFAB;
  border-radius: 10px 10px 10px 10px;
  float: left;
  height: 328px !important;
  margin: 0 3px 0;
  min-height: 0;
  width: 18%;
}	
.col-3 {
  background: none repeat scroll 0 0 #F5ECE6;
  border-radius: 10px 10px 10px 10px;
  clear: both !important;
  float: none;
  height: auto !important;
  margin: 5px 5px 8px 5px;
  min-height: 0;
  padding: 10px;
  width: 96%;
}
.col-3 > .center {
  margin: 0 !important;
}
.ocfree {
  width: 100%;
}
.freebie_image {
	width:98%;
	bottom:2px;
	display: none !important;
}

.side-pics img {
  margin: 5px 0 0;
  max-width: 100%;
  display:none;
}
.col-1 > .center {
  height: auto !important;
}
.three-col {
  display: none;
}
.footer-box {
  background: none repeat scroll 0 0 #002447;
  border-radius: 10px 10px 10px 10px;
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  height: 108px;
  margin: 10px 0;
  width: 100%;
}
.footer-box > img {
  width: 100%;
}
.col-3 > .center > h3 {
  display: none;
}
#HDP > div:first-child > div:first-child {
	display:none;
}
#HDP > div:first-child > div + div {
	display: block !important;
}
#HDP > div:first-child > .hot-deals {
	display:block !important;
}
.hot-deals {
  height: auto;
  margin: 10px 0 0;
  overflow-y: visible;
  text-align: left;
}
.mobiledeals {
  background: none repeat scroll 0 0 #FDE2B3;
  display: block !important;
  padding: 5px 0;
}
.mobiledeals h4 {
  color: #002D51;
  font-size: 20px;
  line-height:20px;
}
.mobiledeals h5 {
  color: #255B83;
  font-size: 16px;
  line-height: 18px;
}
.the-deal > img {
  display: none;
}
a.but, a.but span, a.but:hover, a.but:hover span {
  float: left;
}
.the-deal {
  background: none repeat scroll 0 0 #FDE2B3;
  border: 1px solid #FBC99B;
  border-radius: 5px 5px 5px 5px;
  float: left;
  font-size: 14px;
  height: 95px;
  line-height: 16px;
  margin: 0 5px 5px;
  padding: 6px;
  width: 30%;
}
.dealsbox {
  float: left;
  margin: 5px 45px;
}
.dealsbox.hot-deals {
	margin: 0;	
	float: none;
	clear:both !important;
}
.hot-deals + .dealsbox {
	margin-left: 0;
}
.search-all {
  background-position: 0 0;
  display: block;
  float: left;
  height: 32px;
  margin: 5px 0 5px 5px;
  text-indent: -9999px;
  width: 145px;
}
.email-alerts {
  background-position: 0 -64px;
  display: block;
  float: left;
  height: 32px;
  margin: 5px 0 0 5px;
  text-indent: -9999px;
  width: 145px;
}
}
@media (max-width: 768px) {
.col-1 > .center > img:first-child {
	width:100%;	
}
.dealsbox {
  float: left;
  margin: 5px 40px;
}
}
@media (max-width: 600px) {
.col-1, .logo {
	display:none;
}
.col-2 {
	width:98%;
}
.col-3 {
	width:94%;
}
.the-deal {
  height: 85px;
  width: 45%;
}
.dealsbox {
  float: left;
  margin: 5px 15px;
}
}
@media (max-width:568px) {
.main-form > img {
  top: 10px !important;
  width: 48%;
}	
.col-3 {
	width:94%;
}
.mobileno {
	display:none;
}
.half.left.mobileonly > img, .half.left.mobileno > img {
  width: 100%;
}
.half.left.mobileonly {
  float: none !important;
  width: 100% !important;
}
.dealsbox {
  float: left;
  margin: 5px 10px;
}
}
@media (max-width: 480px) {
.main-form > img {
  width: 39%;
}	
.the-deal {
  height: 95px;
  width: 45%;
}
}
@media (max-width: 360px) {
.col-2 {
  background: none repeat scroll 0 0 #FDEBCB;
  float: left;
  height: auto !important;
  margin: 0;
  width: 100%;
  min-height:0 !important;
}
.ocfree {
	width: 98%;
}
.hold, .header-search, .col-1, .col-3, .main-form > img,
.three-col {
	display:none;
}
.logo {
  left: 0;
  padding: 10px;
  position: relative;
  top: 0;
  text-align:center;
}
.logo img {
	width:80%;
}
.header-overlay {
  background: none repeat scroll 0 0 #02355E;
  height: auto;
  position: relative;
  z-index: 500;
}
.header-images, .header {
  height: auto;
}
.mobileonly {
	float:none !important;
	width:100% !important;
}
.mobileonly img {
	width:100%;
}
.mobileonly .footer-box, .mobileno {
	display:none;
}
}
.the-deal > span {
  font-weight: bold;
}