@font-face {
    font-family: Century Gothic;
    font-style:  normal;
    font-weight: normal;
    src: url(CENTURY1.eot);
  }
@font-face {
    font-family: Century Gothic;
    font-style:  normal;
    font-weight: 700;
    src: url(CENTURY0.eot);
  }
@font-face {
	font-family: Century Gothic;
	src: url(GOTHIC.ttf) format("truetype");
}
@font-face {
	font-family: Century Gothic;
	src: url(GOTHICB.ttf) format("truetype");
}
  

body {
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #808080;
	background-color: #D0D0D0;
	margin-bottom: 0px;
	margin-top: 20px;
}
.whitebkgrdtop {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E2E1E1;
}

ul {
	margin-left: 20px;
	list-style-type:disc
}
h1 {
	font-size: 18px;
	color: #a90000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #808080;
	text-transform: uppercase;
	line-height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h2 {
	font-size: 18px;
	color: #a90000;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 18px;
}
.whiteHeader {
	font-size: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 32px;
	font-family: Arial;
	text-align: center;
	padding-right: 14px;
}
.specialOfferText {
	font-family: "Century Gothic";
	font-size: 13px;
	color: #808080;
	padding-left: 5px;
}
.greyText {
	font-size: 16px;
	font-weight: bold;
}

.specialOfferTextWhite {
	font-family: "Century Gothic";
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
.specialOfferTextRed {
	font-family: "Century Gothic";
	font-size: 14px;
	color: #a90000;
	font-weight: bold;
}
a.topLinks:link {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
a.topLinks:visited {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
a.topLinks:active {
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
a.topLinks:hover {
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
a.middleLinks:link {
	text-decoration: none;
	color: #a90000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a90000;
	font-weight: bold;
}
a.middleLinks:visited {
	text-decoration: none;
	color: #a90000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a90000;
	font-weight: bold;
}
a.middleLinks:active {
	color: #a90000;
	text-decoration: none;
	color: #808080;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #808080;
}
a.middleLinks:hover {
	color: #a90000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #808080;
}
a.middleLinksGrey:link {
	text-decoration: none;
	color: #808080;
}
a.middleLinksGrey:visited {
	text-decoration: none;
	color: #808080;
}
a.middleLinksGrey:active {
	color: #a90000;
	text-decoration: none;
}
a.middleLinksGrey:hover {
	color: #a90000;
	text-decoration: none;
}
a.bottomLinks:link {
	text-decoration: none;
	color: #808080;
	font-size: 11px;
}
a.bottomLinks:visited {
	text-decoration: none;
	color: #808080;
	font-size: 11px;
}
a.bottomLinks:active {
	color: #a90000;
	text-decoration: none;
	color: #808080;
	font-size: 11px;}
a.bottomLinks:hover {
	color: #a90000;
	text-decoration: none;
	font-size: 11px;
	}
.smallRed {
	color: #a90000;
	font-weight: bold;
}
.largeRed {
	color: #a90000;
	font-weight: bold;
	font-size: 18px;
}
td.white {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #a90000;
	border-bottom-color: #a90000;
	border-left-color: #a90000;
}
td.whitePrice {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #a90000;
	border-bottom-color: #a90000;
}

td.grey {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #a90000;
	border-bottom-color: #a90000;
	border-left-color: #a90000;
	background-color: #F4F4F4;
}
td.greyPrice {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #a90000;
	border-bottom-color: #a90000;
	background-color: #F4F4F4;
}td.greyHeader {
	background-color: #F4F4F4;
	border: 1px solid #a90000;
}
.smallGreyText {
	font-size: 9px;
}
.smallWhiteText {
	color: #FFFFFF;
}
#apDiv1 {
	position:fixed;
	width:30px;
	height:221px;
	z-index:1;
	left: 0px;
	top: 40%;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #a90000;
	border-right-color: #a90000;
	border-bottom-color: #a90000;
}
#apDiv2 {
	position:fixed;
	width:30px;
	height:221px;
	z-index:1;
	left: 0px;
	top: 10%;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #a90000;
	border-right-color: #a90000;
	border-bottom-color: #a90000;
}
h4 {
	font-family: "Century Gothic";
	font-size: 14px;
	color: #a90000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.largerRed {
	color: #a90000;
	font-weight: bold;
	font-size: 48px;
	margin-left: 10px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 770px; /*Width of Carousel Viewer itself*/
height: 290px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 770px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.whitebkgrdleft {
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E2E1E1;
}
.whitebkgrdright {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E2E1E1;
}
.whitebkgrdbott {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E1E1;
	line-height: 14px;
}
/* --- Navbar Style --- */
#nav {
	width: 769px;
	height: 36px;
	float: left;
	background: transparent;
	z-index: 1;
}
/* -- Brown Menu -- */
.menu {
	font-family: "Century gothic";
	width:769px;
	height:36px;
	position:relative;
	margin: 0;
	z-index:1000;
	font-weight: bold;
}
.menu ul li a {
	display:block;
	text-decoration:none;
	color:#EBE0D5;
	font-weight:bold;
	width:153px; 
	height:36px; 
	text-align:center;
	border-bottom: 0;
	background-image:url('images/center.png');
	line-height:36px; 
	font-size:14px; 
	text-transform: uppercase;
	overflow:hidden;
	padding-left: 1px;
}
/* End Caps Styling */
.menu .left_nosub {
	background-image:url('images/left.png');
	padding-left: 1px;
	margin-right: -1px;
}
.menu .right_hassub {
	background-image:url(images/right.png);
	background-repeat: no-repeat;
}
.menu .right_nosub {
	background-image:url('images/right.png');
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* Button ":hover" Styling */
.menu ul li:hover a {
	color:#a90000;
	background:url('images/center_hassub.png');
}
.menu ul li:hover ul {display:block; position:absolute; top:36px; left:0; width:152px; margin: 0; padding: 0;}
.menu ul li:hover ul li a.center_hassub {background:#6a3; color:#EBE0D5;}
.menu ul li:hover ul li:hover a.center_hassub {background:#6fc; color:#381B01;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover .left_nosub {
	color:#a90000;
	background:url('images/left_nosub.png');
}
.menu ul li:hover .right_hassub {
	color:#a90000;
	background-image: url(images/right_hassub.png);
	background-repeat: no-repeat;
}
.menu ul li:hover .right_nosub {color:#381B01; background:url('images/right_nosub.png') ;}

/* DropDown Styling */
.menu ul li:hover ul li a {
	background-image: none;
	display:block;
	height: 28px;
	line-height: 26px;
	color:#381B01;
	width:160px;
	text-align:left;
	margin: 0;
	padding:0 0 0 8px;
	font-weight:normal;
	text-transform: none;
}
.menu ul li:hover ul {
	padding: 0;
	background-image:url('images/dropdown.png');
	background-repeat:no-repeat;
	background-position:bottom left;
	width: 171px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3px;
}

/* DropDown Menus ":active" or "Selected" Styling */
.menu ul li:hover ul .sub_active {
	background-image:url('images/sub_active.png');
	margin-right: 1px;
	text-transform: none;
}

/* DropDown Menus ":hover" Styling */
.menu ul li:hover ul li a:hover {
	color:#FFFFFF !important;
	background-image:url('images/sub_hover.png');
	text-transform: none;
}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
.elinks {
	color: #808080;
	font-size: 11px;
}
img#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: -99;
}
#englandBadge {
	position:fixed;
	z-index:-98;
	top: 38%;
	height: 474px;
	width: 336px;
	left: 77%;
}