/* Meyer CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;

	font-size: 75%; /* 12px */

	width: 985px;
	margin: 10px auto;

    _behavior: url("js/ie6-hover-fix.htc"); 

	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body p {
    margin-bottom: 1em;
}

/* -- nav -- */

#navigation li a{
    display: block;
    width: 197px;
    border: 0;
    padding: 25px 0 0 25px;

    color: #fff;
    font-size: 1.333em;

    text-decoration: none;
}
#navigation {
    margin-bottom: 5px;
}

#navigation #hotCodesNav a {
    background: url("img/navigation/hot-codes.png") no-repeat 0 0;
    padding-top: 30px;
    height: 42px;
}
#navigation #hotCodesNav a:hover {
    background: url("img/navigation/hot-codes.png") no-repeat 0 -72px;
}

#navigation #mostPopularNav a {
    background: url("img/navigation/most-popular.png") no-repeat 0 0;
    height: 44px;
}
#navigation #mostPopularNav a:hover {
    background: url("img/navigation/most-popular.png") no-repeat 0 -69px;
}

#navigation #printableNav a {
    background: url("img/navigation/printable.png") no-repeat 0 0;
    height: 44px;
}
#navigation #printableNav a:hover {
    background: url("img/navigation/printable.png") no-repeat 0 -69px;
}

#navigation #topOffersNav a {
    background: url("img/navigation/top-offers.png") no-repeat 0 0;
    height: 45px;
}
#navigation #topOffersNav a:hover {
    background: url("img/navigation/top-offers.png") no-repeat 0 -70px;
}

/* --------------- Header --------------------- */

#header {
    background: url("img/page_header.png") no-repeat top center;
}

#header .nav{
    height: 29px;
    margin: 0 20px;

    /* IE6 double margin bug hack */
    _margin: 0 10px;
}
#header .nav a {
    display:-moz-inline-stack;
    display: inline-block;
    width: auto;
    padding-left: 25px;
    height: 20px;
    padding-top: 8px;
    margin-left: 5px;
    
    color: #fff;
    text-decoration: none;
}
#headerNav {
    float: left;
}
#socialNetworking {
    float: right;
}

#header .nav a:hover {
    text-decoration: underline;
}

a#homeLink {
    background: url("img/header/home-icon.png") no-repeat left center; 
}
a#contactLink {
    background: url("img/header/contact-icon.png") no-repeat left center; 
}

#socialNetworking a#facebookLink {
    background: url("img/header/social/facebook.png") no-repeat left center; 
}
#socialNetworking a#stumbleUponLink {
    background: url("img/header/social/stumbleupon.png") no-repeat left center; 
}
#socialNetworking a#diggLink {
    background: url("img/header/social/digg.png") no-repeat left center; 
}
#socialNetworking a#deliciousLink {
    background: url("img/header/social/delicious.png") no-repeat left center; 
}
#socialNetworking a#twitterLink {
    background: url("img/header/social/twitter.png") no-repeat left center; 
}

#header #mainHeading {
    clear: both;
    background: url("img/header/header_bg.png") repeat-x; 
    padding: 0px 10px;
}
#header #mainHeading #main-logo {
    float: left;
    padding-left: 40px;
}
#header #mainHeading #ad_header {
    float: right;
    padding: 9px 0px;
}



/* -------------- Middle section --------------- */
#content {
    border-left: #4263e3 1px solid;
    border-right: #4263e3 1px solid;
    padding: 10px 10px;

    width: 963px;
    zoom: 1;
}
.flow-footer {
    clear: both;
}

#group1, #mainContent {
    float: left;
} 

#group2 {
    float: right;
}
.widgetGroup {
    background: url("img/group_body.png") repeat-y;
    width: 222px;
}
#mainContent {
    width: 511px;
}
/* -- Base widget styles -- */
.widget {
    width: 222px;
    background: url("img/blue_body.png") repeat-y bottom right;
    color: #fff;
}

.widgetHead {
    background: url("img/orange_header.png") no-repeat top center;

    zoom: 1;
}

.first .widgetHead {
    background: url("img/orange_header_first.png") no-repeat top center;
}

.widgetGroup .widgetHead a {
    float: right;
    padding: 10px 15px 5px 0px;
    color: #fff;
}

.widgetHead h2 {
    padding: 10px 10px 5px 20px;
    font-size: 1.333em;
    font-weight: normal;
}

.widgetBody {
zoom: 1;
    background: url("img/blue_footer.png") no-repeat bottom center;
    padding: 3px 15px 10px 15px;
}

.last .widgetBody {
    background: url("img/blue_footer_last.png") no-repeat bottom center;
    padding-bottom: 20px;
}



.widget a {
    color: #fff;
    text-decoration: none;
}
.widget a:hover {
    text-decoration: underline;
}








/* -- highlighted and pale highlighted widget styles -- */


/* It currently assumes that pale is the last in a column. It may be worth
   adding a non-last version of pale for future expansion */
.widget.pale  {
	background: url("img/pale_body.png") repeat-y bottom center;	
}

.widget.pale .widgetInner {
	background: url("img/pale_footer.png") no-repeat bottom center;	
}

.pale .widgetBody {
	background: #fff url("img/pale_white_footer.png") no-repeat bottom center;
}

.widget.highlighted  {
	background: url("img/highlighted_body.png") repeat-y bottom center;	
}

.widget.highlighted .widgetInner {
	background: url("img/highlighted_footer.png") no-repeat bottom center;	
}
.widget.highlighted.last .widgetInner {
	background: url("img/highlighted_footer_last.png") no-repeat bottom center;	
}

.highlighted .widgetBody {
	background: #fff url("img/highlighted_white_footer.png") no-repeat bottom center;
}
.highlighted.last .widgetBody {
	background: #fff url("img/highlighted_white_last.png") no-repeat bottom center;
}
.highlighted .widgetBody,
.pale .widgetBody {
	margin: 5px 15px 0px 15px;
	padding: 3px 0px 15px 0px;
}

.highlighted.last .widgetBody,
.pale.last .widgetBody {
	padding-bottom:  28px;
}

.pale.widget a,
.highlighted.widget a {
    color: #222; 
}

.pale .widgetBody ul li,
.highlighted .widgetBody ul li {
	padding: 5px 5px;
}
.pale .widgetBody ul li.odd,
.highlighted .widgetBody ul li.odd {
	background-color: #e4f1f9;
}


/* -- Content widgets -- */
#mainContent .widget {
    background: url("img/content_body.png") repeat-y bottom center;	
    width: 511px;
}

#mainContent .widget .widgetInner {
    background: url("img/content_footer.png") no-repeat bottom center;	
}

#mainContent .widgetHead {
	background: url("img/content_header.png") no-repeat top center;
	color: #fff;

	padding-top: 5px;
	padding-left: 10px;
}

.widgetHead ul.navList {
	height: 100%; /* needed for IE */
}
.widgetHead ul.navList li {
	float: left;

	/* IE6 Hack */
	_width: 0;
}
.widgetHead ul.navList a {
	display: block;
	padding: 10px 5px 0px 9px;
	height: 20px;

	white-space: nowrap;
    color: #fff;
}

/* --- Tabs for the widget header -- */
.widgetHead ul.navList li.focused,
ul.navList li:hover {
	background: url("img/orange_tab_r.png") no-repeat top right;

}

.widgetHead ul.navList li#navListLastTab.focused,
.widgetHead ul.navList li#navListLastTab:hover {
	background: url("img/orange_tab_r_last.png") no-repeat top right;
}

.widgetHead ul.navList li.focused a,
.widgetHead ul.navList li a:hover {
	background: transparent url("img/orange_tab_l.png") no-repeat top left;
	color: #212121;
    text-decoration: none;
}
.widgetHead ul.navList li#navListFirstTab.focused a,
.widgetHead ul.navList li#navListFirstTab a:hover {
	background: transparent url("img/orange_tab_l_first.png") no-repeat top left;
}

.tabContent {
    clear: both;
}

#mainContent .widgetHead h2 {
	background: transparent;
	padding: 10px 10px 5px 15px;
	font-size: 1.333em;
	font-weight: normal;
}

#mainContent .widgetBody {
	background: #fff url("img/content_white_footer.png") no-repeat bottom center;	
	margin: 5px 15px 0px 15px;
	padding: 3px 5px 25px 5px;
	color: #222;
}
#mainContent .widgetBody a {
	color: #222;
}




/* -- Coupon list -- */

.voucherListIcons li img {
    border: #000 2px solid;
}
.voucherListIcons li {
    float: left;
    margin: 5px 15px; 

    /* fix for IE6 float margin bug */
    _margin-left: 7px;
}

.voucherListIcons li p {
    font-size: 1.167em;
    text-align: center;
    margin: 0.3em 0;
}



/* ------ featured box -------- */

.featured {
	width: 511px;
	background: url("img/featured/featured_body2.png") repeat-y;
}
.featured .featuredInner {
	background: url("img/featured/featured_header2.png") no-repeat top center;
}
.featured .featuredContent {
	background: url("img/featured/featured_footer2.png") no-repeat bottom center;
	padding: 25px;
	padding-top: 20px;
}

.featured .featuredInfo {
	width: 130px;
	float: right;
}
.featured .featuredInfo h2 {
	font-size: 1.333em;
	color: #fff;
	margin-bottom: 20px;
	font-weight: normal;
}


.featured #featuredMain {
	padding: 10px 0px;
	float: left;
	width: 312px;
}

.featured .featuredfooter a {
	font-size: 0.833em;
	color: #bb3507;
}





/* -------- Widgets ----------- */


/* -- Newsletter -- */
#newsletter input {
    width: 130px;
    clear: right;
}
#newsletter label {
    float: left;
    width: 50px;
}

#newsletter #TandC input {
    width: auto;
}
#newsletter #TandC label {
    float: none;
    width: auto;
    font-size: 0.75em;
}
#newsletter #TandC {
    float: left;
}
#newsletter button {
    width: 65px;
    height: 23px;
    margin-right: 5px;
    padding: 0px;
    border: 0;
    background: transparent url("img/submit_button.png") no-repeat center top;
    color: #fff;
    cursor: pointer; 
    text-align: middle;

    float: right;
}

/* -- Search -- */
#searchBox p {
    font-size: 1.333em;
    text-transform: uppercase;
    text-align: center;

    margin: 5px;
}
#searchBox p a {
    color: #fff;
}
#searchBox input {
    margin: 5px;
    width: 125px;
	float: left;
}

#searchBox button {
    width: 35px;
    height: 23px;
    margin-right: 5px;
	margin-bottom: 4px;
	margin-top: 5px;
    padding: 0px;
    border: 0;
    background: transparent url("img/submit_button_small.png") no-repeat center top;
    color: #fff;
    cursor: pointer; 
    text-align: middle;

    float: right;
}

/* ---------------------- footer ------------------ */
#footer {
    background: url("img/page_footer.png") no-repeat bottom center;
    height: 27px;
    color: #fff;
    padding: 12px 10px 0px 20px;
}

#footer #copyright {
    text-align: right;
}

#footer .navigation {
    float: left;
}
#footer .navigation a {
    color: #fff;
    text-decoration: none;
}

#footer .navigation a:hover {
    text-decoration: underline;
}