
@import url(include/reset.css);
@import url(splashscreen.css);


/* SOME STYLE GUIDE: */
/*
red: #0088af
*/

/* HTML */
h1 { font-size: 1.8em; color: #0088af; margin-top: 10px; margin-bottom: 20px;}
h2 { font-size: 1.5em; color: #0088af; margin-top: 10px; margin-bottom: 20px;}
h3 { font-size: 1.3em; color: #0088af; margin-top: 10px; margin-bottom: 20px;}

/* Get rid of FF's dotted lines on fucused links: */
a:focus { outline: none; }

input[type="text"], input[type="password"] {
	-webkit-border-radius:	4px;
	   -moz-border-radius:	4px;
			border-radius: 	4px;
	border: 1px solid #6e6e6e;
	height: 16px;
	padding: 2px;
}

input[type="submit"] {
	-webkit-border-radius: 	4px;
	   -moz-border-radius: 	4px;
			border-radius: 	4px;
	border: 1px solid #6e6e6e;
	height: 22px;
	padding: 2px 4px;
	font-weight: bold;
}

input[type="radio"] { margin: 0 5px 0 0; }
textarea {
	-webkit-border-radius: 	4px;
	   -moz-border-radius: 	4px;
			border-radius: 	4px;
	border: 1px solid #6e6e6e;
	padding: 2px 4px;	
}

select { padding: 1px; }

strong { font-weight: bold; }

/* Main layout */

body { font-family: arial, helvetica, sans-serif; font-size: 12px; margin: 0 auto;}
#wrap { width: 900px; margin:10px; background-color: #fff; text-align: left; }
#header {
	 background: #ffffff url(../img/header_bg.png) repeat-x top;
	 height: 120px; 
	 margin: 0 auto;
	 border-bottom: 5px solid #4cbed9;
}
#logo {
	padding: 20px;
	width: auto;
	float: left; 
	display: inline-block;
}
/* style for "Register Now" link on header */
#reg { color:#F60; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:18px;  text-decoration:none; vertical-align:bottom; text-transform:uppercase; }
#reg a{ color:#F60; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:18px;  text-decoration:none; vertical-align:bottom }

#content {float: left; display:block; }
.content-full{ width: 100%; clear: both;}
.content-with-sidebar{width: 600px;}
#content-inner { width: 100%;float: left; display: block;}
#sidebar { width: 245px; float: right; display: block; padding-bottom: 30px; background-color: #efefef; }
.top-cap { display: none; height: 9px; width: 800px; margin: 0 auto; background-color: #0088af; }
.bottom-cap { display: none; height: 9px; width: 800px; margin: 0 auto; background: #0088af; clear: both; }

/* Content Area General */
.infobox { border: 1px solid #0088af; 

     -moz-box-shadow: inset 0px 0px 10px #666666; 
  -webkit-box-shadow: inset 0px 0px 10px #666666; 
          box-shadow: inset 0px 0px 10px #666666; 
	
	background: #fff; 

	margin:10px; width: 250px; float: left; display: block; margin-bottom: 10px; padding: 15px;
}
.infobox_dark{
	color: #0283ad;
	background: #c0eefd;
}
/* General page and email section and section item styles */
.page_section{
	margin-top: 10px;
	margin-bottom: 20px;	
	width: 100%;
	display: block;
	float: left;
	clear: both;
	border: 1px solid #efefef;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.section_item{
	margin-right: 10px;
	margin-bottom: 10px;	
	padding: 5px;
	width: 30%;
	min-height: 50px;
	vertical-align: top;
	display: block;
	float: left;
}

/* Dynamic page notice to appear above content */
.pagenoticeTop {width: 90%; padding-left: 10px;padding-top: 20px; padding-bottom:10px; display: block; clear: both; font-size: 1.1em; font-weight: normal; color: #ff6600;}
/* Dynamic (or static) page notice to appear WITHIN content */
.pagenotice {width: 90%; margin-top: 10px; margin-bottom: 10px; font-size: 0.9em; }


/* Sidebar */
/* Sidebar GENERAL */
#sidebar {padding: 20px; margin-top: 20px; color: #999999;}
#sidebar h1 { font-size: 1.8em; color: #666666; margin-top: 10px; margin-bottom: 20px;}
#sidebar h2 { font-size: 1.5em; color: #666666; margin-top: 10px; margin-bottom: 20px;}
#sidebar h3 { font-size: 1.3em; color: #666666; margin-top: 10px; margin-bottom: 20px;}
#sidebar p { line-height: 1.3; }

/* Sidebar SEARCH */
#sidebar .search { padding: 15px 0 15px 23px; line-height: 1.5; clear: both; }
#sidebar .search ul { list-style: none; }
#sidebar .search label { font-weight: bold; padding-left: 2px; }
#sidebar .search input[type="text"] { width: 160px; margin-right: 5px; }
#sidebar .search input[type="submit"] { width: 35px; background-color: #666; color: #fff; background: transparent url(../img/grad2-mainnav.png) repeat-x scroll left bottom }
#sidebar .search input[type="submit"]:hover { background-color: #777; background-position: left top; }

/* #branding_side + #social_side = 161px height */
#header_side { padding: 12px 0; background-color: #fff; }
#branding_side { background-color: #fff; height: 78px; text-align: center; padding-top: 12px; color: #000; } /* = 90px height */
#branding_side a { text-indent: -99999px; width: 205px; height: 52px; display: block; margin: 0 auto; }
#social_side { background-color: #fff; padding: 0 0 0 13px; height: 47px; color: #000; } /* = 47px height */
#social_side h2 { font-size: 10px; margin-bottom: 7px; }
#social_side p { height: 18px; }
#social_side a { height: 18px; text-indent: -99999px; display: block; float: left; margin-right: 12px; position: relative; top: 0; left: 0; }
#social_side .fb { width: 50px; background: transparent url(../img/side-fb.png) no-repeat scroll left top; }
#social_side #share-twitter { float: left; margin-right: 12px; }
#social_side .email_friend { width: 43px; background: transparent url(../img/side-email.png) no-repeat scroll left top; }
#social_side .rss { width: 19px; background: transparent url(../img/side-rss.png) no-repeat scroll left top; }

#deal_side { position: relative; padding: 140px 0 10px; }
#deal_side h2 { width: 243px; height: 82px; text-indent: -99999px; position: absolute; background: transparent url(../img/h2-deal-sidebar.png) no-repeat scroll left top; right: -21px; top: 22px; }
#deal_side h3 { width: 212px; height: 40px; line-height: 40px; position: absolute; top: 100px; right: 0; background: transparent url(../img/grad2-mainnav.png) repeat-x scroll left bottom; color: #fff; }
#deal_side h3 span { position: absolute; left: 15px; top: 0px; display: block; height: 40px; width: 100px; background: transparent url(../img/h3-nearby-sidebar.png) no-repeat left center; text-indent: -99999px; }
#deal_side ol { margin-left: 38px; background-color: #dadbdc; list-style: none; padding: 12px 0 20px; }
#deal_side .nearby_deal { position: relative; padding: 0 25px 0 36px; margin-bottom: 16px; }
#deal_side .marker { position: absolute; top: 0; left: 10px; color: #000; background: transparent url(../img/bg-marker.png) no-repeat scroll center top; width: 16px; height: 24px; display: block; text-align: center; padding: 2px 0 0 0; font-size: 10px; }
#deal_side .nearby_deal li { list-style: none; color: #000; }
#deal_side .deal_name a { font-size: 14px; color: #0088af; text-decoration: none; }
#deal_side .deal_name a:hover { color: #a11318; }

#city_side { float: left; display: inline-block; position: relative; top: 30%; font-size: 16px; font-weight: bold; color: #999999; text-align:center; padding: 15px 14px 15px 15px; }
#city_side a { color: #4cbed9; font-size: 13px; text-decoration: none; position: relative; bottom: 0px; padding: 0 0 0 14px; }

#user_menu_wrapper{float: right; display: block; height: 40px; vertical-align: middle;}
#user_menu_username {float: left; font-size: 0.8em; margin-top: 12px; margin-right: 20px;}
#user_menu {float: right; list-style: none; line-height: 1.5; text-align: center; padding-right: 25px;}
.landing #user_menu {float: right; list-style: none; font-size: 1.2em; line-height: 1.5; text-align: center; padding-right: 25px;}

#user_menu li {
	height: 15px; width: 60px; vertical-align:middle; list-style: none; display: inline-block; padding: 10px; margin: -2px; border-top: 0px; border-bottom: 0px; border-left: 1px solid #03779e; border-right: 1px solid #03779e;
	background: #0088af;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088af', endColorstr='#036789'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0088af), to(#036789)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0088af,  #036789); /* for FF */		
}
#user_menu li.first {
	border-left: 0px;
	-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
}
#user_menu li.last {  
	border-right: 0px;
	-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
}
#user_menu li:hover {
	background: #0087b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0283ad', endColorstr='#0087b3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0283ad), to(#0087b3)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0283ad,  #0087b3); /* for FF */		
}

#user_menu a {height: 15px; width: 60px;text-decoration: none; text-transform:lowercase; color: #ffffff; -webkit-transition: all .2s ease; }
#user_menu a:hover { color: #4cbed9;  }
#user_menu a span {height: 30px; width: 70px;}

#user_menu .selectedtab{
	background: #0087b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0283ad', endColorstr='#0087b3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0283ad), to(#0087b3)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0283ad,  #0087b3); /* for FF */	
}
#user_menu .selectedtab a{
	color: #036789;
}


/* =#main_nav */
#main_nav_wrapper{ width: 100%; height:20px; background: #d3dbde; margin: 0 auto; display: block; float: left; clear: both;}
#main_nav{
	position: relative;
	display: block;
	float: right;
	right: 25px;
	top: -34px;
	text-align:center;
}
#main_nav li {
	height: 15px; width: 100px; vertical-align:middle; list-style: none; display: inline-block; padding: 10px; margin: -2px; 
	border-top: 0px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 2px solid #999999;
	background: #d3dbde;
}
#main_nav li.first {
	border-left: 0px;
	-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px;
}
#main_nav li.last {  
	border-right: 0px;
	-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px;
}
#main_nav li.messagetab{
	-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px;
	border-bottom: 1px solid #d3dbde; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d3dbde'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d3dbde)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #efefef,  #d3dbde); /* for FF */	
	color: #ff6600;	
	font-weight: bold;	
	width: auto;	
}
#main_nav li.messagetab a{font-weight: bold; color:#0088af}
#main_nav li:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d3dbde'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d3dbde)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #efefef,  #d3dbde); /* for FF */	
}

#main_nav a {height: 15px; font-size: 1.1em; width: 100px;text-decoration: none; text-transform:lowercase; color: #0088af; -webkit-transition: all .2s ease; }
#main_nav a:hover { color: #0088af; }
#main_nav a span {height: 40px; width: 250px;}

#main_nav .selectedtab{
	border-bottom: 1px solid #d3dbde; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d3dbde'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d3dbde)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #efefef,  #d3dbde); /* for FF */	
}
#main_nav .selectedtab a{
	color:#ff6600;
}
#main_nav .selectedtab a span {font-weight: bold;}


/* =#footer */

#footer { width: 100%; height: 40px; padding: 20px 0 0; float: left; display: block; clear: both;  background-color: #e7f4fa;}
#footer .links { float: left; display: inline-block; padding: 0 10px; font-size: 0.9em; color: #6e6e6e; line-height: 1.7; }
#footer h4 { font-size: 1.2em; color: #0088af; }
#footer ul { list-style-position: inside; padding: 0 0 20px; }
#footer li { list-style: none; display: inline-block; margin-right: 20px; }
#footer a { color: #6e6e6e; text-decoration: none; }
#footer a:hover { color: #0088af; }

#footer #social{float: right; display: inline-block; font-size: 0.9em; }
#footer #social h4{ font-size: 1.0em; font-weight: bold; line-height:1.5em; vertical-align: middle; float: left; display: inline-block; margin: 0px; margin-right: 10px;}
#footer #social p{float: right; display: inline-block; clear: right;}
#footer #social p span{float: left; display: inline-block; margin-right: 20px;}

#copyright{width:100%; height: 60px; padding-top: 20px; text-align: center; font-size: 0.8em; color:#666666; background-color: #dbdbdb; display: block; clear: both;}

/* MODAL DIALOGS */

.modal_container { display: none; }
#simplemodal-overlay { background-color: #666;}
#simplemodal-container {
	min-width: 400px;
	position: relative;
	padding: 0px;
	text-align:left; 
	border: 4px solid #4cbed9;
	background-color: #fff;
	-webkit-box-shadow:	0 0 5px #333;
	   -moz-box-shadow: 0 0 5px #333;
			box-shadow: 0 0 5px #333;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
		   -border-radius: 10px;
	
}

#simplemodal-container .modalClose { position: absolute; right: 10px; top: 10px; width: 18px; height: 18px;  text-align:center; vertical-align: middle; line-height: 18px; background: #cccccc; color: #ffffff; text-decoration: none; font-size: 0.8em;font-weight: bold; 
     -moz-box-shadow: inset 1px 1px 2px #999999; 
  -webkit-box-shadow: inset 1px 1px 2px #999999; 
          box-shadow: inset 1px 1px 2px #999999; 
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
		   -border-radius: 10px;

}
#simplemodal-container .modalClose:hover { color: #999999; background: #efefef;}

#simplemodal-container h3 { 
	font-size: 20px; font-weight: normal; color: #999999; margin-bottom: 20px; border-bottom: 1px solid #cccccc;
	width: auto; margin: 0px; padding: 0px; padding-left: 20px; height: 40px; vertical-align: middle; line-height: 40px;
	
	-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #efefef); /* for FF */	
}
#simplemodal-container p { padding: 20px;}
#simplemodal-container form ul { width: 100%; list-style: none; padding: 10px; padding-bottom: 0px; float: left; display: block; clear: both;}
#simplemodal-container form li { width: 100%; margin-bottom: 10px; float: left; display: block; clear: both;}
#simplemodal-container label { display: inline-block; float: left; clear: left; width:100px; margin: 0 7px 0px 3px; }
#simplemodal-container input[type="text"],#simplemodal-container select, #simplemodal-container input[type="password"] { width: 250px; display: inline-block; float: left;}
#simplemodal-container textarea { width: 250px; height: 150px; }
#simplemodal-container input[type="submit"] { display: block; clear: both; margin-left: 130px;}
#showerror .errorId { color: #999; }
#change_city_modal form { padding: 20px 0; }
#forgot_password_modal { display: none; }
#image_modal{min-height: 500px; text-align: center; padding-top: 40px;}


/* ------------------ CONTENT GENERAL ------------------ */

#content h1 { font-size: 1.8em; color: #0088af; margin-top: 10px; margin-bottom: 20px;}
#content h2 { font-size: 1.5em; color: #0088af; margin-top: 10px; margin-bottom: 20px;}
#content h3 { font-size: 1.3em; color: #0088af; margin-top: 10px; margin-bottom: 20px;}
#content p { line-height: 1.3; }

/* ------------------ SECTIONS ------------------ */

/* =user page class */

.user #content h1 { margin-bottom: 40px; }
.user #content form { margin-left: 25px; }
.user #content form p { margin-bottom: 10px; }
.user #content form ul { list-style: none; }
.user #content form li { margin-bottom: 20px; }
.user #content form label { display: block; margin: 0 0 7px 3px; }
.user #content form input[type="text"], .user #content form input[type="password"] { width: 305px; }
.user #content form textarea { width: 300px; height: 150px; }

/* ------------------ BUTTONS ------------------ */
.button, input[type="button"], input[type="submit"] {
	background: #0087b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0283ad', endColorstr='#0087b3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0283ad), to(#0087b3)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0283ad,  #0087b3); /* for FF */	
	border: 0px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
	cursor: pointer; 
	height: 34px;
	padding-left: 45px;
	padding-right: 45px;	
	color: #ffffff;
	margin: 0 auto;
}
input[type="submit"].buynow{
	background: #339900;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99CC99', endColorstr='#339900'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#99CC99), to(#339900)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #99CC99,  #339900); /* for FF */	
	font-size: 2.0em;
	font-weight: normal;
	cursor: pointer; 	
}
input[type="button"].buynow_wl{
	background: #339900;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99CC99', endColorstr='#339900'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#99CC99), to(#339900)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #99CC99,  #339900); /* for FF */	
	font-size: 2.0em;
	font-weight: normal;
	cursor: pointer; 
}

/* stylesheet for buy now button where user is not logged in */
#buynow_wl a {text-decoration:none; }
input[type="submit"].checkout-start, input[type="button"].checkout-start{
	background: #ff9900;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc33', endColorstr='#ff9900'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc33), to(#ff9900)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffcc33,  #ff9900); /* for FF */	
	font-size: 1.3em;
	font-weight: normal;
	cursor: pointer;		
}
input[type="submit"].checkout-next, input[type="button"].checkout-next{
	background: #ff9900;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc33', endColorstr='#ff9900'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc33), to(#ff9900)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffcc33,  #ff9900); /* for FF */	
	font-size: 1.3em;
	font-weight: normal;
	cursor: pointer;		
}
input[type="submit"].checkout-previous, input[type="button"].checkout-previous{
	background: #ff9900;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc33', endColorstr='#ff9900'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc33), to(#ff9900)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffcc33,  #ff9900); /* for FF */	
	font-weight: normal;
	cursor: pointer;			
}
input[type="submit"].checkout-confirm, input[type="button"].checkout-confirm{
	background: #339900;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99CC99', endColorstr='#339900'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#99CC99), to(#339900)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #99CC99,  #339900); /* for FF */	
	font-size: 1.3em;
	font-weight: normal;
	cursor: pointer;			
}
/* ------------------ PAGES ------------------ */

/* Deal of the day page */
#deal #wrap { width:100%; margin: 0px auto; }
#deal #content { padding: 0 0 0 0px; margin: 0px auto;}
#deal .product_title {float: left; display: inline-block;}
#deal .product_title, #deal .product_subtitle { margin: 15px 0; width: 290px; float: left; clear: both; }
#deal .product_title h1 { font-size: 2.0em; font-weight: normal; color: #0088af; }
#deal .product_title p.product_subtitle { font-size: 1.5em; font-weight: bold; color: #000000; }

#deal .product {background: #0088af; width: 100%; margin: 0 auto; border: 0px; padding: 0px; text-align:center; float: left;}
/* margin left and right set to auto allow this div to be centered */
#deal .product-inner { width: 1000px; margin-left: auto; margin-right: auto; float: none; display: block; clear: both; text-align:left;}
#deal .product_image { float: right; text-align: center; display: inline-block; width: 300px; overflow: hidden;} 
#deal .product_image img{ max-width: 300px;} 
#deal .imageThumbsDisplay{width: 100%; text-align: center;}
#deal .imageThumbsDisplay .pagenotice {width: auto; color: #999999; margin-top: 0px;}
#deal ul.imageThumbs li{list-style: none; padding: 10px; margin: 10px; display: inline-block; vertical-align: middle; }

#deal .infobox { border: 10px solid #ffffff; 

     -moz-box-shadow: inset 0px 0px 10px #666666; 
  -webkit-box-shadow: inset 0px 0px 10px #666666; 
          box-shadow: inset 0px 0px 10px #666666; 
	
background: #fff; margin:10px; width: 350px; float: left; clear: none; display: block; margin-bottom: 10px; padding: 10px; padding-left: 15px;

}

/* DEAL side info borders override for infobox settings*/
#deal #info_price, #deal #info_timeleft, #deal #info_purchased, #deal #info_otherdeals{
	border: 1px solid #ffffff; 
	width: 280px;
	float: left;
	display: block;
	clear: right;
 }
 
#deal #info_proddetail {width: 600px;  min-height: 260px; float: left; clear: left; overflow: hidden; }

#deal #deal_description_wrapper{
	text-align: center; 
	width: 100%;
	float:left;
	display: block;
	clear: both;	
}
#deal #deal_description{
	text-align: left;
	width: 950px;
	margin-left: auto; 
	margin-right: auto;
	display: block;
	clear: both;	
}

#deal #info_price {
	background: #ffffff url(../img/icon_pricetag.png) no-repeat scroll 10px 10px;
	height: 50px;
	vertical-align: middle;	 
}
#deal #info_timeleft {
	background: #ffffff url(../img/icon_clock.png) no-repeat scroll 10px 10px; 
	height: 60px;
	vertical-align: middle;
}
#deal #info_otherdeals {
	height: auto;
}
#deal #info_otherdeals .info_heading{
	color: #cc0000;
}

#deal #info_otherdeals .viewall{
	font-size: 0.7em;
	line-height: 1.0em;
	color: #333333;
	vertical-align: middle;
	display: inline-block;
	float:right;
	margin-right: 30px;
}
#deal #info_otherdeals .viewall a{
	color: #333333;
}

#deal #info_otherdeals .product{
	background: transparent;
	text-align: left;
	margin-bottom: 5px;
	padding-bottom: 5px;	
	border-bottom: 1px solid #efefef;
}
#deal #info_otherdeals .product_image{
	float: left; 
	display: inline-block;
	width: 70px;
}
#deal #info_otherdeals .product_image img{
	max-width: 70px;
	max-height: 70px;
}
#deal #info_otherdeals .product_title{
	float: left;
	clear: right;
	display: inline-block;
	width: 200px;	
}
#deal #info_otherdeals .product_subtitle{
	float: left;
	clear: right;
	display: inline-block;
	margin: 0px;
	width: 200px;	
}
#deal #info_otherdeals .product_title a{
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	color: #0088af;
} 
#deal #info_otherdeals .product_subtitle{
	font-size: 0.9em;
	font-weight: normal;
	color: #666666;
} 

#deal #info_proddetail .product_price, #deal #info_proddetail .product_wholesale{
	display: block;
	float: left;
	clear: left;
}	
#deal #info_proddetail .product_price div.heading, #deal #info_proddetail .product_wholesale div.heading{
	font-size: 1.2em;
	height: 20px;
	line-height: 20px;
	
}		
#deal #info_proddetail .product_price div.details{
	font-weight: bold;
	font-size: 4.0em;
	color: #339900;	
	margin-bottom: 10px;
}
#deal #info_proddetail .product_wholesale div.details{
	font-weight: normal;
	font-size: 3.5em;
	margin-bottom: 10px;
}	
#deal #info_proddetail .product_savings{
	float: right;
	clear: right;
	width: 100px;
}
#deal #info_proddetail .product_savings div{
	display: inline-block;
	font-weight: normal;
	font-size: 4.0em;
	color: #cc0000;	
}
#deal #info_proddetail .product_retail, .product_margin{
	display: inline-block;
	font-weight: bold;
	float: left;			
}
#deal #info_proddetail .product_retail{
	clear: left;
	margin-right: 20px;
}
#deal #info_proddetail .product_margin{
	clear: right;
}			
#deal #info_proddetail .product_retail div, #deal #info_proddetail .product_margin div{
	display: inline-block;
	font-weight: bold;	
	margin-bottom: 20px;
}

#deal #info_buy {
	position: relative;
	margin-left: 60px;
	margin-top: 5px;
}
#deal #info_buy div{
	float: left;
	display: block;
	width:auto;
}
#deal #info_buy div.heading, #deal #info_buy div.details{
	float: left;
	display: block;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
}

#deal #info_buy .product_discount{
	margin-left: 10px;
	margin-right: 10px;
}
#deal #info_buy .product_discount div{
	font-weight: bold;
	font-size: 1.2em;	
}
#deal #info_buy .product_savings div{
	font-weight: bold;
	font-size: 1.4em;
	color: #0088af;
}

#deal #info_buy h3 { margin: 5px 0 0 10px; font-size: 80px; color: #0088af; font-weight: bold; }
#deal #info_buy h3 span { font-size: 40px; position: relative; top: -30px; font-weight: bold; }
#deal #info_buy table { margin-left: 18px; }
#deal #info_buy td { width: 85px; }
#deal #info_buy .savings { color: #0088af; }
#deal #info_buy ul { position: absolute; top: 6px; left: 210px; list-style-type: none; text-align: center; }
#deal #info_buy .gift a { height: 30px; line-height: 36px; padding-left: 35px; background: transparent url(../img/bg-gift.png) no-repeat scroll left top; display: block; text-decoration: none; color: #231f20; }


#deal #info_business {
	float: left; display: block; width: 207px; padding: 9px 0 0 9px; line-height: 1.3;
}

#deal #info_business h3 { font-size: 15px; }
#deal #info_business h4 { font-size: 19px; color: #0088af; font-weight: bold; }
#deal #info_business ul { font-size: 10px; list-style: none; }
#deal #info_business ul a { color: #0088af; text-decoration: none; }
#deal #info_business br { display: none; }

#deal #deal_images { clear: both; padding: 7px 0; height: 264px; }
#deal #deal_images div { float: left;}
#deal #deal_images .deal_img { width: 332px; text-align: center; }
#deal #deal_images .deal_map { width: 206px; }
#deal #deal_images img { max-height: 264px; }
#deal .deal_img { margin-right: 5px; }
#deal .info_heading { width: 100%; text-align: center; margin-left: 20px; margin-top: 10px; font-size: 16px; color: #666666;}
#deal .info_time { width: 100%; text-align: center; margin-left: 20px; font-size: 20px; line-height: 25px;}
#deal #cntdwn.span { font-size: 20px; }


#map_canvas { max-height: 264px; max-width:206px; }

#deal #info_time p { margin-left: 18px; font-size: 18px; line-height: 52px; }
#deal #info_time span { color: #0088af; font-weight: bold; }

#deal #info_purchased { text-align: center; }
#deal #info_purchased.dealon { background-color: #e7f4fa; }
#deal #info_purchased p { font-size: 18px; color: #0088af; font-weight: bold; }
#deal #info_purchased .status { color: #333333; font-weight: normal; font-size: 18px; margin-top: 5px; }
#deal #info_purchased .fineprint { font-size: 10px; color: #000; font-weight: normal; margin: 10px;}

#deal_description { padding: 10px 10px 10px 10px; clear: both; line-height: 1.3; }
#deal_description div.description_text { margin: 5px 0 10px; width: 600px; display:inline-block; font-size: 1.3em;}
#deal_description .product_image { margin: 5px; width: 300px; display:inline-block;}
#deal_description h3 { font-size: 17px; color: #0088af; margin-bottom: 4px; }
#deal_description ul { margin-bottom: 15px; list-style-position: inside; }
#deal_description a { color: #00aeef; text-decoration: none; }
#deal_description a:hover { color: #0088af; }
#deal_description ul { padding-left: 14px; list-style-position: outside; }

.description_points {font-weight: bold;margin-top: 15px; }
.description_points ul { margin-top: 15px; margin-bottom: 15px; list-style-position: inside; padding-left: 14px; list-style-position: outside; }
.description_points a { color: #00aeef; text-decoration: none; }
.description_points a:hover { color: #0088af; }
.description_points li {font-weight: normal; margin-bottom: 5px; }


/* NEW CONFIGURABLE CHECKOUT FLOW */
.checkout #content ul{padding: 0 0 20px 0px; list-style-position: inside; }
.checkout #content li{ list-style: none; margin-bottom: 10px; width: 350px; vertical-align: middle;}
.checkout #content li label{ float: left; clear: left; width: 120px; height: 20px; vertical-align: middle;}
.checkout #content li input[type="text"]{ float: left; clear: right; width: 200px; margin-bottom: 10px;}
.checkout fieldset {border: 0px;}

.checkout td.heading {width: 120px; font-weight: bold; vertical-align:top;}

.checkout .method, .checkout .payment {margin-bottom: 20px;}
.checkout .payment input[type="radio"] {float: left; display:block; clear:left; margin-bottom: 5px;}
.checkout .payment label {float: left; display: block; clear right;}

.checkout_navigation {width: 100%; text-align: center; margin-top: 20px; margin-bottom: 30px;}

.checkout_items { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #cccccc; background-color: #ffffff; width: 557px; margin: 0 0 20px; }
.checkout_items th, .checkout_items td { border-width: 0 0 0 0; border-style: solid; border-color: #cccccc; vertical-align: middle; padding: 4px; }
.checkout_items td { font-size: 1.2em; color: #0088af; text-align: center; }
.checkout_items th { color: #cccccc; }
.checkout_items th.product_title { text-align: left;}
.checkout_items th.product_quantity { text-align: center; width:100px;}
.checkout_items th.product_total { text-align: center; width: 100px;}

.checkout_items td.product_title { text-align: left; }
.checkout_items td.product_quantity { text-align: center;}
.checkout_items td.product_total { text-align: right; padding-right:30px;}

.checkout_items .quantity { min-width: 60px; }
.checkout_items input[type="text"] {
	width: 30px; height: 30px; color: #0088af; font-size: 16px; float: left; border-color: #000; text-align: right;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
		   -border-radius: 0;
}
.checkout_items .total_label { text-align: right; }
.checkout_items td.price { text-decoration: line-through; }

.checkout_items .product_title a{
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #0088af;
} 
.checkout_items .product_subtitle{
	font-size: 0.9em;
	font-weight: normal;
	color: #CCCCCC;
} 
/* override border and table width for order item dispay */
#order_display .checkout_items {border: 0px; width: 90%}
#order_display .checkout_items td {font-size: 0.8em;}
#order_display .checkout_items td p{font-size: 0.9em; color: #333333;}

.payship .pay, .payship .ship, .payship .method {margin-bottom: 20px;}

.cart_shipping td, .cart_tax td, .cart_total td {text-align: right; padding-right:30px;}
.cart_summary_line td {border-bottom: 1px solid #efefef; height: 20px;}

.updown { float: left; display: block; height: 48px; width: 30px; margin-left: 5px;}
.updown input[type="submit"] {
	float: left; display: block; width: 20px; height: 20px; padding: 0px; margin: 0px;  margin-bottom: 3px; background: #cccccc;
}
.updown input[type="submit"]:hover { border: #999; background: #0088af; cursor: pointer; }

.captcha img {
	margin-left: 120px;
	background-color: #fff; border: 1px solid #6e6e6e;
	-webkit-border-radius:	4px;
	   -moz-border-radius:	4px;
			border-radius: 	4px;
}

.checkoutlogos{width: 100%;text-align: center; padding: 20px;}
.AuthorizeNetSeal{width: auto;}

/* Hosted PCI iframe style */
#ccframe { border: 0px; padding:0 auto; margin: 0 auto; margin-left: -2px; margin-top:5px; margin-bottom:5px;}


/* **OLD**PURCHASE PAGE 

#purchase #content h1 { margin: 10px 0 10px 25px; }

#purchase td.desc { padding: 0;  height:30px; vertical-align:top;}
#purchase .desc p { border-bottom: 1px dotted #0088af; padding: 8px 8px 8px 8px; vertical-align:top; }
#purchase .desc p a { color: #000; text-decoration: none; }
#purchase .desc p a:hover { text-decoration: underline; }
#purchase .desc .buy_gift { height: 30px; line-height: 36px; padding-left: 35px; background: transparent url(../img/bg-gift.png) no-repeat scroll left top; display: block; text-decoration: none; margin: 5px 0 5px 25px; }

#purchase .gift { margin: 0 0 0 26px; }
#purchase .gift p { display: none; }
#purchase .gift label { margin-right: 10px; }
#purchase .gift input { width: 300px; }
#purchase .signin { padding: 0 15px 20px 25px; text-align: left; font-size: 12px; }
#purchase .signin table { margin: 20px 0; width: 515px; }
#purchase .signin th, #purchase .signin td { vertical-align: center; padding: 0 0 10px; }
#purchase .signin th { width: 120px; color: #6e6e6e; }
#purchase .signin input[type="text"], #purchase .signin input[type="password"] { width: 100%; }
#purchase .signin td p { font-size: 10px; color: #6e6e6e; }
#purchase .signin label[for="getnews"] { color: #6e6e6e; font-size: 10px; top: 2px; position: relative; }
#purchase .signin p a { color: #0088af; text-decoration: none; }


#purchase .pay { padding: 0; text-align: left; font-size: 12px; }
#purchase .pay h2 { color: #fff; background: #0088af url(../img/rarr-white.png) no-repeat scroll 25px center; width: 250px; padding: 10px 0 10px 40px; margin-bottom: 0; }

#purchase .pay-add {
	clear: both;
	padding: 10px;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1cfcf', endColorstr='#efefef'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#d1cfcf), to(#efefef)); /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #d1cfcf,  #efefef); /* for FF 
	
	background: #ffffff;
	border:1px solid #cccccc;
}

#purchase .card_list { margin: 0 0 20px 25px; list-style: none; }
#purchase .card_list li { margin: 5px 0; }

#purchase .pay table { margin-left: 21px; margin-bottom: 20px; display: none; }
#purchase .pay table.address { margin-bottom: 10px; }
#purchase .pay table.show { display: block; }
#purchase .pay th, #purchase .pay td { vertical-align: center; padding: 0 0 10px 2px; }
#purchase .pay th { width: 120px; color: #6e6e6e; padding-left: 4px; }
#purchase .pay label { color: #000; }
#purchase .pay input[type="text"] { width: 334px; }
#purchase .pay .multi input[type="text"] { width: 120px; }

#purchase .pay-add input[type="submit"] { margin: 0 0 0 145px; }
#purchase .pay #pay_submit { text-align: right; }
*/

/* INFO page content general */

.info p{margin-bottom: 10px;}
.info ul{margin-left: 20px;}
.info .imagegroup {width:800px; text-align:center;}
.info .imagegroup img{margin-right: 30px; margin-bottom: 20px; vertical-align: middle;}

/* HOW IT WORKS */

#howitworks { list-style: none; overflow: auto; margin-left: 25px; width: 640px;}
#howitworks li { display: inline-block; float: left; width: 300px; padding: 0 5px 5px 5px; height: 125px; font-size: 11px; color: #6e6e6e; background-repeat: no-repeat; background-position: left top; }
#howitworks h4 { font-size: 20px; line-height: 25px; color: #000; font-weight: bold; }
#howitworks .step1 {  }
#howitworks .step2 {  }
#howitworks .step3 {  }
#howitworks .step4 {  }
#how_more { background-color: #efefef; color: #333333; width: 100%; padding: 15px; margin: 0 auto; margin-top: 20px; display: block; float: left; clear: both;}
#how_more h3 { font-size: 27px; font-weight: bold; padding-bottom: 5px; }
#how_more p { font-size: 16px; padding-bottom: 10px; }
#how_more p a { color: #333333; }

#howvideo { width: 640px; height: 375; display: block; clear: both; margin-top:10px; margin-bottom: 20px;border: 2px solid #cccccc;}

.faq_item{ 
width: 100%;
margin: 0 auto;
margin-bottom: 10px;
/*-moz-border-radius: 5px;
border-radius: 5px;*/
padding: 15px;
overflow: auto;
line-height:20px;
border:1px solid #0088af;
}

ul ol.staticlists { 
  margin-left:2em; 
  padding-left:0.2em; 
  margin-bottom:1em; 
}


.faq_wrapper{
float: left;
width: 100%;
}

.faq_right{
margin-left: 50px; /*Set left margin to faq_left width*/ }

.faq_left{
float: left;
width: 50px; /*Width of left column*/
margin-left: -530px; /*Set left margin to faq_item width*/
}


.b {font-weight:bold; }

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.indent_z { margin-left: 20px;}



/* Product Displays */
/* Product General */
.product_list 
{
	width: 100%;
	padding: 0 auto;
	margin: 0 auto;	
	display: block;
	float: left;
}
.product_list .infobox { 
	
	border: 10px solid #fafafa; 
     -moz-box-shadow: inset 0px 0px 15px #999999; 
  -webkit-box-shadow: inset 0px 0px 15px #999999; 
          box-shadow: inset 0px 0px 15px #999999; 
	background: #fff; 

}

.product_list .product 
{
	width: 40%;
	height: 150px;
	padding: 20px;
	padding-right: 0px;
	overflow: hidden;
	margin-right: 5px;
	display: block;
	float: left;
	border: 1px solid #efefef;
}
.product_list .product_image{
	float: right;
	margin-right: 10px;
	overflow: hidden;
	display: block;
}
.product_list .product_title, .product_list .product_subtitle, .product_list .product_time{
	float: left;
	display: block;
	clear: left;
	width: 250px;
}
.product_list .product_title a{
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
	color: #0088af;
} 
.product_list .product_subtitle{
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: normal;
	color: #999999;
} 
.product_list .product_time {
	margin-top:30px;
}
.product_list .product_time span {
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	color: #ff7f00;
} 


.products_table 
{
	border-collapse:collapse;
	margin-left:5px;
	width:547px;
	border:1px solid #0088af;
	background: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1cfcf', endColorstr='#efefef'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d1cfcf), to(#efefef)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d1cfcf,  #efefef); /* for FF */
	
}
 

.products_table caption { text-align:left; font-size: 20px; background: transparent url(../img/tr_bg.png) no-repeat scroll left center; padding-left: 15px; margin: 10px 0 0 20px; }


.products_table thead
{
 	
}
 
.products_table thead th
{
	padding:1em 1em .5em;
 	border-bottom:1px dotted #0088af;
	border-right:1px dotted #0088af;
 	font-size:120%;
 	text-align:left;
}

.products_table tfoot
{
 	
}
 
.products_table tfoot td
{
	padding:1em 1em .5em;
 	border-bottom:1px dotted #0088af;
	border-right:1px dotted #0088af;
 	font-size:120%;
 	text-align:left;
}
 
.products_table #red thead th
{
	padding:1em 1em .5em;
 	border-bottom:1px dotted #0088af;
	border-right:1px dotted #0088af;
 	font-size:120%;
 	text-align:left;
} 
 
.products_table thead tr
{
 
}
 
.products_table td
{
	padding:1em 1em .5em;
	border-right:1px dotted #0088af;
}
 
 
 
.products_table tbody tr.odd td
{
	background:transparent url(..img/tr_bg.png) repeat top left;
}
 
.products_table tfoot
{
 
}
 
.products_table tfoot td
{
 
	padding-bottom:1.5em;
}
 
.products_table tfoot tr
{
 border-top:1px dotted #0088af;
}
 
 
.products_table tr.odd td
{
	background:#C00;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/tr_bg.png', sizingMethod='scale');
}
 
 
.products_table .save
{
	background-color:#0088af;
	
}

.products_table .others
{
	
}

.products_table .quantity { min-width: 80px; }
.products_table input[type="text"] {
	width: 50px; height: 42px; color: #0088af; font-size: 16px; float: left; border-color: #000; text-align: right;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
		   -border-radius: 0;
	
}

.products_table .updown { float: left; height: 48px; position: relative; width: 20px; }
.products_table .updown input[type="submit"] {
	display: block; width: 20px; height: 16px; text-indent: -99999px; position: absolute; left: 4px; border: 1px solid #dedfe0;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		   -border-radius: 2px;
}
.products_table .updown input[type="submit"]:hover { border-color: #999; background-color: #ccc; cursor: pointer; }
.products_table .quantity_up input { background: transparent url(../img/uarr-01.png) no-repeat scroll 2px 2px; top: 6px; }
.products_table .quantity_down input { background: transparent url(../img/darr-01.png) no-repeat scroll 2px 2px; bottom: 6px; }

.products_table .total_label { text-align: right;  border:1px solid #0088af; border-right:#666;}



/* jQuery Countdown styles 1.5.8. */
.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 300px;
	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-weight:bold;
	font-size:1.5em;
}
.countdown_descr {
	display: block;
	width: 100%;
}

.cntdwn span{
	font-weight: normal;
	font-size:1.5em; 
	}


/* End jQuery Countdown styles 1.5.8. */