@charset "UTF-8";
/*Structure*/

body {
	margin: 0; 
	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 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.rr #container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color: #d8deed;
}
.rr #header {
	background-color: #d8deed;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #000;
	margin-bottom: 20px;
	}
	
.rr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse */
	padding: 10px 0; 
}

#mainContent {
	padding: 10px 100px;
	margin: 0px;
	background-color:#d8deed;
}	

		a:link, a:visited {	
		color: #000055;
		font-weight:bold;
		text-decoration:none
		}

		a:hover {
		text-decoration:underline;
		}  

.rr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.clearflt { clear: both; }

.rr #container #header #nav  {
color:#455796;
font-size:10px;

;}

.rr #container #header #nav a {
color:#455796;
text-decoration:none;
padding: 0;
font-size:12px
}

 .rr #container #header #nav a:hover {
color:#000055;
}

div.spacer {
	clear: both;
	height:0;
	line-height: 0px;
  }
  
.fltright {
	float: right !important;
	}
.fltleft {
	float: left !important;
	}

/*Colours*/
body {
	color: #000;
	background-color: #000;
}

.rr #container #header .nav {
	float: left;
	font-size: 14px;
	line-height: 14px;
	margin-top:8px;
	color: #647eba;
	text-decoration: none;
}


.rr #container #header .nav li {
	display: inline;
	float: left;
}

/*Links*/

.rr #container #header .nav a {
	color: #455782 !important;
	text-decoration: none;
}

.rr #container #header .nav a:hover {
	color: #000 !important;
}
  
a, a:hover, a:active, a:focus, a:active {
	border: none !important;
	outline: none !important;
}

.rr #container #mainContent p {
	padding-right: 0px;
	padding-left: 0px;
	color: #1d2029;
}


.rr #container #footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
	letter-spacing: 0.6px;
}


.rr #container #mainContent h2 {
	font-weight: bold;
	color: #690000;
	font-size: 24px;
}

.rr #container #mainContent h4 {
	font-size: 18px;
	font-weight: bold;
	color: #373e4e;
	line-height: 25px;
}

.rr #container a .invisible {
	font-size: 1px;
}

.rr #container #footer {
	padding-left: 100px;
}

.rr #container #header .nav .active {
	font-weight: bold;
}

.rr #container #mainContent div .product.fltleft p {
}

/*MediaPage*/

.rr #container #mainContent div.mediadiv {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #575B6C;
	}

.rr #container #mainContent div .mediadiv .thumb {
	display:inline;
	float: left;
}

.rr #container #mainContent .mediadiv p {
padding: 10px 0px;
}

.rr #container #mainContent .mediadiv div.thumb {
	float: left;
	width: 300px;
}

.italic {
	font-style: italic;
}
.producttitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #770909;
}
.producttext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
.redprice {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #770909;
}
.sidetitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2F3751;
}

.saveamount {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	 
	color: #081631;
}
.largehomepagetext {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 34px;
	font-weight: bold;
	color: #FFF;
}