body{ background:#563145 url(/images/bg.jpg) top center no-repeat; font:normal 62.7% Arial, Helvetica, sans-serif; color:#fff; text-align:center;}

.container{ width:1039px; margin:0 auto; padding:20px 0; text-align:left;}

/* header */
.header{ height:168px; background:url(/images/header.jpg) left top no-repeat; position:relative;}
.logo{padding:5px 0 0 11px;}
.logo_text{ color:#563145; position: absolute; bottom:4px; left:145px; font-weight:bold; font-size:17px; line-height:normal;}

.dailyDeals{ padding:42px 0 0 22px;}
.dailyDeals h6{ color:#f26322; font-weight:bold; font-size:17px; line-height:normal; padding:0;}
.dailyDeals .cityName{ color:#563145; font-weight:bold; font-size:45px; font-family:Arial Black, Arial Black, Gadget, sans-serif;}

.topnav{ padding:10px 30px 0 0; list-style:none;}
.topnav li{ font-size:19px; line-height:35px;}
.topnav li a{color:#563145; text-decoration:none; background:url(/images/bullet_star.gif) left no-repeat; padding-left:22px;}
.topnav li a:hover{color:#f26322;}

/* navigation */
.navigation{ padding:3px 25px 25px 25px; height:40px; background: url(/images/wrapper_bg.gif) top repeat-x;}
/*.nav{ list-style:none; padding:0; background:url(/images/today-deal.gif) top no-repeat; width:542px;}*/
.nav{ list-style:none; padding:0; background:url(/images/today-deal-small.gif) top no-repeat; width:307px;}
.nav li{ list-style:none; float:left; padding:0; font-size:15px;}
.nav li a{ display:inline-block; padding:12px 19px 12px 45px; line-height:15px; /*background:url(/images/nav_bg.png) bottom repeat-x;*/ color:#fff; text-decoration:none;}
.nav li.last a{ display:inline-block; padding:12px 35px 12px 5px; line-height:15px; /*background:url(/images/nav_bg.png) bottom repeat-x;*/ color:#fff; text-decoration:none;}

/*
.nav li.first a{ background:url(/images/nav_box_bg.png) left bottom no-repeat;}
.nav li.last a{ background:url(/images/nav_box_bg.png) right bottom no-repeat;}
*/
.nav li a:hover{ color:#fbac18;}

/* wrapper */
.wrapper{ width:981px; margin:0 auto;}
.wrapper .wrap_top{ height:20px; width:100%; line-height:2px; font-size:2px; background:url(/images/wrap_top.gif) top no-repeat;}
.wrapper .wrap_cont{ width:100%; height:auto; background:#866774 url(/images/wrap_bot.jpg) bottom no-repeat;}
.wrap_inside{ background:url(/images/wrap_cont_bg_bot.png) bottom right no-repeat;}

h2.todaydeal{ font-weight: bold; text-align:left; padding:0 80px 15px 80px;}

/* left */
.left{ width:321px; padding-left:17px; position:relative; overflow:visible;}
.left .price_buy{ position:absolute; right:0; width:318px; padding:19px 16px 0 16px; background:url(/images/price_buy.gif) no-repeat; height:89px; z-index:101; }
.price_buy .price{ font-size:90px; font-weight:bold; line-height:70px; padding:0; margin:0;}
.price_buy a.btn_buy{ display:block; width:153px; height:73px; background:url(/images/btn_buy.gif) 0 0 no-repeat; text-indent:-999em;}
.price_buy a.btn_buy:hover{ background-position:0 -73px;}

/*Clear background for buy button*/
a.btn_buy_clear{ display:block; width:153px; height:73px; background:url(/images/btn_buy_clear.gif) 0 0 no-repeat; text-indent:-999em;}
a.btn_buy_clear:hover{ background-position:0 -73px;}


.left .smbox{ position:relative; z-index:100; margin-bottom:8px; width:321px;}
.smbox .top{ width:321px; height:10px; background:url(/images/leftBox_top.gif) left top no-repeat; line-height:1px; font-size:1px;}
.smbox .cont{ height:auto; width:291px; background:url(/images/leftBox_cont.gif) bottom no-repeat; padding:0 15px 10px 15px;}
.box1{ padding:95px 0 0 0; text-align:center;}
.box1 .cont{ padding-top:10px;}
.box1 .cont p{ font-size:18px; text-align:center;}
.box1 .cont h3{ color:#f26322; font-weight:bold; text-align:center;}
.box1 .cont h4{ color:#fbac18; font-weight:bold; text-align:center;}
.box1 .cont span{ display:block;}
.box1 .cont span.col1{ width:75px; text-align:center;}
.box1 .cont span.col2{ width:115px; text-align:center;}
.box1 .cont span.col3{ width:100px; text-align:center;}
.hRule{ height:1px; border-bottom:1px solid #a2714b; padding:3px 0 0 0; margin:0 0 3px 0;}

.box2{ font-size:24px; line-height:normal;}
ul.timer{ list-style:none; padding:2px 0;}
ul.timer li{ list-style:none; padding:0; line-height:32px; color:#fbac18; font-weight:bold;}

.box3 p{ font-size:16px; font-weight:normal;}
.box3 h5{ color:#fbac18; font-weight:bold; padding-bottom:8px;}


/* right */
.right{ width:625px; padding:0 9px 0 0;}
.collage{ list-style:none; padding:0; margin:0; position:relative; width:625px; height:380px; background:#fdf8f7; margin-bottom:5px;}
.collage li{ list-style:none; float:left; padding:0; margin:0; border:0; outline:0;  }
.collage li img{ float:left;}

.right .col{ width:284px; padding-left:20px; line-height:normal;}
.right .col h5{ font-size:26px; font-weight:bold; color:#fbac18;}
.right .col ul{ list-style:none; font-size:16px; padding:0 0 10px 0;}
.right .col ul li{ list-style:none; background:url(/images/bullet2.gif) 0 3px no-repeat; padding-left:10px;}
.right .col p{ font-size:15px;}


/* big box */
.bigBox{ width:615px; padding-left:17px; margin-bottom:15px;}
.bigBox .top{ width:100%; height:20px; background:url(/images/bigBox_top.png) top no-repeat; line-height:1px; font-size:1px;}
.bigBox .cont{ width:575px; padding:0 20px 0 20px; font-size:16px; font-weight:normal; color:#fff; background:url(/images/bigBox_cont.png) repeat-y;}
.bigBox .bot{ width:100%; height:20px; background:url(/images/bigBox_bot.png) top no-repeat; line-height:1px; font-size:1px;}
.bigBox .cont p{ padding:0 0 14px 0;}
/*me*/
.bigBox a{ text-decoration:underline; color:#fbac18;}
.bigBox a:hover{ color:#fff;}
.bigBox .cont h5{ font-size:26px; font-weight:bold; color:#fbac18;}

.cartoon{ position:relative; padding:0 8px 2px 0; width:331px; height:355px;}
.cartoon .bubble{ position:absolute; top:0; left:0;}
.cartoon .stan{ position:absolute; right:0;}


/* TEXT
*************************************************/
h1,h2,h3,h4,h5{ font-weight:normal; line-height:normal;}
h1{ font-size:47px;}
h2{ font-size:40px;}
h3{ font-size:36px;}
h4{ font-size:30px;}
h5{ font-size:24px;}

strong{ font-weight:bold;}
.yOrange{ color:#fbac18; text-decoration:none;}



/* FLOAT
*************************************************/
.fltlft{ float:left;}
.fltrt{ float:right;}
.clrflt{ clear:both; line-height:1px; font-size:1px;}


/* jQuery Countdown styles 1.5.6. */
.hasCountdown {
	/*border: 1px solid #ccc;*/
/*	background-color: #eee;*/
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount {
	font-size: 200%;
}
.countdown_descr {
	display: block;
	width: 100%;
}
#defaultCountdown {
	width: 240px;
	height: 45px;
	color:#fbac18; 
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}
/*end countdown*/
#progress-bar {
	background: url(/progress/percentage-bg.png) no-repeat left center;
	width: 250px;
	height: 39px;
}
#progress-level {
	background: url(/progress/progress.png) no-repeat left center;
	width: 70%; /* SET THIS TO GET THE DESIRE LEVEL */
	height: 39px;
}

/*//php-graph*/

.graphcont {
padding-top:10px;
color:#000;
font-weight:700;
float:left
}

.graph {
float:left;
margin-top:10px;
background-color:#cecece;
position:relative;
width:280px;
padding:0
}

.graph .bar {
display:block;
position:relative;
background-image:url(/php-graph/images/bar.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#563145;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.9em
}

.graph .bar span {
position:absolute;
left:1em
}

.content {
	font-size:12px;
	color:#FFF;
	margin:0 20px; padding:20px 0; text-align:left;
	height:1264px;
}

.contentbox {
		font-size:12px;
	margin:0 20px; padding:20px 0; text-align:left;
   min-height:700px;
   height:700px;
   }
div[class] .contentbox {
   height:auto;
   background-color:#FFF;
   padding:10px;
   color:#000;
   layer-background-color:#FFF;
   }


/*register page*/
#tick{display:none}
#cross{display:none}

.form {
	padding: 30px;
	border: 1px solid #bbb;
/*
	box shadow optional and looks best ontop of a textured background
*/
	-moz-box-shadow: 0 0 10px #bbb;
	-webkit-box-shadow: 0 0 10px #bbb;
	box-shadow: 0 0 10px #bbb;
}
.form p {
	margin: 10px 0;
	font-size: 14px;
	color: #404040;
}
/*
	h2 tag is optional, if you do use this you are going to need to put the follow line in the header of your html
	<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
*/
.form h2, .form h3, .form h3, .form h4, .form h4, .form h5, .form h6 {
	margin: 0 0 30px 0;
	padding: 0 0 0 40px;
	color: #888;
	border-bottom: 1px solid #d0d0d0;
	font-family: 'Raleway', arial, serif
}
.form fieldset {
	padding: 10px;
	border: 1px solid #d0d0d0;
}
.form legend {
	padding: 0 6px;
}
.form hr {
	background-color:#d0d0d0;
	border:0;
	color:#d0d0d0;
	height:1px;
}
.form input, .form textarea {
	padding: 4px;
	background: #fff;
	border: 1px solid #d0d0d0;
	outline: none;
}
.form input:focus, .form textarea:focus {
	border: 1px solid #f26322; /*Change color to fit theme of your site*/
}
.form label {
	font-weight:bold;
}

 .button {
            padding: 4px 10px 3px 25px;
            border: solid 1px #8AB134;
            position: relative;
            cursor: pointer;
            display: inline-block;
            background-image: url( '/review/login/bkg.png' );
            background-repeat: repeat-x;
            font-size: 11px;
            height: 16px;
            text-decoration: none;
            color: #40740D;
            -moz-border-radius-bottomleft: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
        }
        .button img {
            position: absolute;
            top: -4px;
            left: -12px;
            border: none;
        }
        .button:hover {
	color: #fbac18;
        }

 
/*end register page*/

/*admin*/
.admin{ padding:10px 30px 0 0; list-style:none;}
.admin li{ font-size:19px; line-height:35px;}
.admin li a{
	color:#563145;
	text-decoration:underline;
	background:url(/images/bullet_star.gif) left no-repeat;
	padding-left:22px;
}
.admin li a:hover{color:#f26322;}

/*progress bar*/
.demo {width:80%; margin-left:auto; margin-right:auto;}


/* ---  FOOTER  --- */


#baseline {background-color:#7b5d6a;color:#000;border-top:2px solid #FE9900;font-size:11px; position:relative;margin-bottom: -242px;height: 240px; clear:both; font-size:16px; }

#foot p {margin:0 0 10px 0}

#foot a {color:#fff;text-decoration:none}

#foot a:hover {color:#fbac18;text-decoration:underline}

#foot h5 {
font-size: 18px;
font-weight: bold;
color: #fbac18;
margin:0;}

#foot ul {list-style:none}

#foot ul.sub li {margin-left:8px; font-size:13px;}

#foot #supp {width:220px;float:left;padding-top:20px;padding-right:30px; text-align:left;}

#foot #company {width:120px;float:left;padding-top:45px;padding-right:20px; text-align:left;}

#foot #resources {width:220px;float:left;padding-top:45px;padding-right:20px; text-align:left;}

#foot #learn {width:220px;float:left;padding-top:45px; padding-right:30px; text-align:left;}

#foot #spread {width:220px;float:left;padding-top:45px; text-align:left;}