/*------------------------------------------------------------------------------------------------*/
/*-                                            RESET.CSS                                         -*/
/*-           ADAPTED FROM CAMERON MOLLS RESET BUT THIS DOESN'T RESET TABLE BORDERS              -*/
/*-                                                                                              -*/
/*------------------------------------------------------------------------------------------------*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size:100%;
	font-family: inherit;
	vertical-align: baseline;
}

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption{
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
    line-height: 62.5%;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/*------------------------------------------------------------------------------------------------*/
/*-                                            LAYOUT.CSS                                        -*/
/*-THIS IS USED TO DECLARE LAYOUT ONLY, INCLUDING POSISTIONING AND BACKGROUND STYLING OF ELEMENTS-*/
/*-                           IT DOES NOT DECLARE TEXT OR CONTENT STYLING.                       -*/
/*------------------------------------------------------------------------------------------------*/

body {
 background: #7c6f7c
}
/* ################################### HEADER LAYOUT #################################*/

#headercontainer {
 width: 996px;
margin: 0 auto;
}

#header {
 width: 100%;
}

/* ################################### NAV LAYOUT #################################*/

#navigation {
 width: 996px;
background: #000 url(../images/bg-nav.jpg) no-repeat top right;
overflow:hidden;
}

/* ################################### PAGE LAYOUT #################################*/

#maincontainer {
 margin: 0 auto;
 width: 996px;
background:url(../images/bg-content.gif) repeat-y 0 0;
}

#copyarea {}

#ctl00_mainarea_content1 {
 float: left;
 height:auto !important;
 height: auto;
 min-height: 300px;
 padding: 0px 0px 20px 0px;
 width: 233px
}

#ctl00_mainarea_content2 {
 float: right;
 height:auto !important;
 height: auto;
 min-height: 300px;
 padding: 15px 60px 20px 45px;
 width: 658px
}

/*
#ctl00_mainarea_content3 {
 background: #ddd;
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 10px 20px 0px;
 width: 190px
}
*/

#ctl00_mainarea_content4 {
 height:auto !important;
 height: 200px;
 min-height: 200px;
 width: 996px
}

/*style for homepage only*/
#ctl00_mainarea_content4.home {
 height:auto !important;
 height: 438px;
 min-height: 438px;
background: url(../images/bg-home.jpg) no-repeat 0 0;
}

#ctl00_mainarea_sidemenu {
 padding: 0px 0px 0px 0px;
 width: 190px;
display:none; /*hide for now unless*/
}

.quotes {
 display: block;
 margin: 11px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 180px
}

.quotestop {
 background: #8da5c8;
 display: block;
 padding: 6px 0px 6px 15px
}

.quotesmiddle {
 background: #fff;
 border-right:solid 1px #ccc;
 border-left:solid 1px #ccc;
 display: block;
 padding: 10px 15px 1px 15px;
 
}

.quotesbottom {
 border-bottom:solid 1px #ccc;
 display: block;
}

.newsoverview {
 display: block;
 height:auto !important;
 height: 120px;
 margin: 15px 0px 0px 0px;
 min-height: 120px
}

/*Home Buttons*/

#homeContent {
float:right;
width:414px;
padding: 50px 130px 0 0;
}

a.discount, a.cashback {
display:block;
float:left;
width:414px;
height:104px;
}

a.discount{
background: url(../images/discount-btn.png) no-repeat 0 0;
margin-bottom:25px
}

a.cashback{
background: url(../images/cashback-btn.png) no-repeat 0 0;
}

a.discount:hover, a.cashback:hover {
background-position: 0 -105px;
}

/*Store page*/

.store-cont{
overflow: hidden;
clear:both;
width:658px;
border-bottom:solid 1px #871d7d;
padding: 30px 0;
float:left;
}

.store-cont img{
float:left;
margin-right:20px;
background: url(../images/store-img-bg.gif) no-repeat 0 0;
padding: 0px 6px 10px 4px;
}





/*########################################FOOTER LAYOUT##############################*/

#footercontainer {
 background: #060000;
 width: 856px;
margin:0 auto;
padding: 45px 70px 45px 70px;
overflow:hidden;
}

#footer {
 margin: 0 auto;
}