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;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}



html, body {
/*height: 100%;*/
} /* need this to make the container div stretch vertically fully */
/* IF WANT TO HAVE MARGINS AT TOP AND BOTTOM OF CONTAINER NEED TO GET RID OF THIS, height: 100%;  SHOULD'NT DO IT
BUT WOULD GET AWAY WITH IT HERE AS THE PAGE IS LONG. So it's been COMMENTED out*/


* html #container {
height: 100%;
} /* need this to make the container div stretch vertically fully in IE6  ------  for IE6 as it doesnt understand min-height */


/* MUST BE TESTED IN IE6 BEFORE DOING TOO MUCH */


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(images/marble.gif);
	background-attachment: fixed;
	margin: 20px 0 20px 0;/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height: 1.5em;

}
 #container { 
    min-height: 100%; /* need this to make this div stretch vertically fully */
    width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000066;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative; 

} 

#header { 
	background: #000066;
	height: 128px;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	
} 

#logo {
   padding: 0.6em 0 0.5em 6.5em;
}

#strapline {
   padding: 0.6em 0 2em 12em;
}

#mainContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	font-style: italic;
	color: #0000CC;
	text-align: center;
}

#mainContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	font-style: italic;
	color: #CC0000;
	text-align: center;
	margin-top: 1.2em;
}

#content{	
    background: #FFFFFF;
    margin: 2em 6em 5em 2.5em;
	height: 1%;
}

#content li {
	color: #0000FF;
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin-left: 1.5em;
	margin-bottom: 1.6em;
	background: url(images/tick.gif) repeat-x;
	background-repeat: no-repeat;
	background-position: 14px 0px;
	padding: 1px 0 5px 50px;
	list-style-type: none;
	height: 1%;
}

#deal1 {
	width: 672px;
	margin: 3em 0 3em 8.8em;
	border-right: 2px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	border-left: 1px solid #FFCC00;
	overflow: hidden;
}

#deal1 h2 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	background: #8C89FA url(images/gradient.jpg) repeat-x;
	font-size: 1.1em;
	color: #FFFFFF;
	padding: 0.2em 0 0.2em 2em;
	margin-bottom: 0.7em;
}
#deal1 h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.2em 0 0.6em 2.5em;
	font-size: 1em;
	font-weight: bold;
	color: #990000;
}
#deal1 ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
	margin-top: 0.2em;
	margin-left: 1em;
}

#deal1 li {
	color: #0000FF;
	font-size: 0.8em;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background: url(images/star.jpg) repeat-x;
	background-repeat: no-repeat;
	background-position: 14px 0px;
	padding: 0em 1em 0.5em 3.8em;
	list-style-type: none;
}


#deal1 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #CC0000;
	font-weight: bold;
	padding: 0.5em 1em 0em 2.5em;
	margin-bottom: 0.5em;
}

#deal1 h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #0000FF;
	font-weight: bold;
	margin: 0.5em 0 1em 2.6em;
}

#deal1 h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	color: #009933;
	margin: 0.5em 0 0.8em 2.7em;
	text-decoration: underline;
}


#deal1 img {
	float: right;
	margin: 4em 3em 0em 2em;
	border: 3px solid #FFCC00;
}

#deal2 {
	width: 672px;
	margin: 3em 0 3em 8.8em;
	border-right: 2px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	border-left: 1px solid #FFCC00;
	overflow: hidden;
}

#deal2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	background: #8C89FA url(images/gradient.jpg) repeat-x;
	font-size: 1.1em;
	color: #FFFFFF;
	padding: 0.2em 0 0.2em 2em;
	margin-bottom: 0.7em;
}
#deal2 h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.2em 0 0.6em 2.5em;
	font-size: 1em;
	font-weight: bold;
	color: #990000;
}
#deal2 ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
	margin-top: 0.2em;
	margin-left: 1em;
}

#deal2 li {
	color: #0000FF;
	font-size: 0.8em;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background: url(images/star.jpg) repeat-x;
	background-repeat: no-repeat;
	background-position: 14px 0px;
	padding: 0em 1em 0.5em 3.8em;
	list-style-type: none;
}


#deal2 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #CC0000;
	font-weight: bold;
	padding: 0.5em 1em 0em 2.5em;
	margin-bottom: 1em;
}

#deal2 h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #0000FF;
	font-weight: bold;
	margin: 0.5em 0 1em 2.6em;
}

#deal2 h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	color: #009933;
	margin: 0.5em 0 0.8em 2.7em;
	text-decoration: underline;
}

#deal2 img {
	float: right;
	margin: 4em 3em 1em 3em;
	border: 3px solid #FFCC00;
}

#deal3 {
	width: 672px;
	margin: 3em 0 3em 8.8em;
	border-right: 2px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	border-left: 1px solid #FFCC00;
	overflow: hidden;
}

#deal3 h2 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	background: #8C89FA url(images/gradient.jpg) repeat-x;
	font-size: 1.1em;
	color: #FFFFFF;
	padding: 0.2em 0 0.2em 2em;
	margin-bottom: 0.7em;
}
#deal3 h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.2em 0 0.6em 2.5em;
	font-size: 1em;
	font-weight: bold;
	color: #990000;
}
#deal3 ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
	margin-top: 0.2em;
	margin-left: 1em;
}

#deal3 li {
	color: #0000FF;
	font-size: 0.8em;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background: url(images/star.jpg) repeat-x;
	background-repeat: no-repeat;
	background-position: 14px 0px;
	padding: 0em 1em 0.5em 3.8em;
	list-style-type: none;
}


#deal3 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #CC0000;
	font-weight: bold;
	padding: 0.5em 1em 0em 2.5em;
	margin-bottom: 1em;
}

#deal3 h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #0000FF;
	font-weight: bold;
	margin: 0.5em 0 1em 2.6em;
}

#deal3 h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	color: #009933;
	margin: 0.5em 0 0.8em 2.7em;
	text-decoration: underline;
}



#deal3 img {
	float: right;
	margin: 4em 3em 1em 3em;
	border: 3px solid #FFCC00;
}

#extras {
	width: 260px;
	margin: 5em 0 6.5em 8.8em;
	border-right: 2px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	border-left: 1px solid #FFCC00;
}

#extras h2 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	background: #8C89FA url(images/gradient.jpg) repeat-x;
	font-size: 1.1em;
	color: #FFFFFF;
	padding: 0.2em 0 0.2em 2em;
	margin-bottom: 0.7em;
}
#extras h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.2em 0 0.6em 2.5em;
	font-size: 1em;
	font-weight: bold;
	color: #990000;
}
#extras ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
	margin-top: 0.2em;
	margin-left: 1em;
	margin-bottom: 1em;
}

#extras li {
	color: #0000FF;
	font-size: 0.8em;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background: url(images/star.jpg) repeat-x;
	background-repeat: no-repeat;
	background-position: 14px 0px;
	padding: 0em 1em 0.5em 3.8em;
	list-style-type: none;
}


#footer {
    background: #1C2BE0 url(images/gradient3.jpg) repeat-x;
    width: 100%;
	
	padding: 0.5em 0 0.5em 0;
}

#footer h1{
    margin: 0.5em 0 0.5em 0;
    color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

#footer h2{
    margin: 0.5em 0 0.5em 0;
    color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

#footer h3{
    margin: 0.5em 0 2em 0;
    color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}






#sale h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3em;
	font-style: italic;
	font-weight: bold;
	color: #CC0000;
	margin: 0 0 0 6em;
}
#message h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	color: #0000FF;
	margin: 1em 0 0.5em 0;
	text-align: center;
}
#container #red_hot {
	float: right;
	margin: -1em 3em 0 0;
}