/* CSS Document */

body {
	background-color: #ffffff;
}

p {
	color: #666666;
	text-align:left;
	font-family:century gothic, sans-serif;
	font-size:13px
}

img
{
	margin: 0;
	padding: 0;
	border: none;
}

.ErrorText
{
	color: #ff0000;
	font-weight: 700;
}

/********************** Index **********************/

#indexWrapper
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 740px;
	height: 600px;
	margin: -300px 0 0 -370px;
	background: no-repeat url(../images/mainBG.jpg);
}

#indexFlash
{
	position: absolute;
	top: 0;
	left: 0;
	width: 739px;
	height: 210px;
}

#indexImages
{
	position: absolute;
	top: 210px;
	left: 0;
	width: 738px;
	margin: 0;
	padding: 0;
}

#footerGray
{
	position: absolute;
	top: 474px;
	width: 739px;
	height: 24px;
	background: #e6e7e8 right no-repeat url(../images/phone_number.gif);
}

#footerImage
{
	position: absolute;
	top: 498px;
	width: 739px;
	height: 44px;
	background: #e6e7e8 no-repeat url(../images/index_footer.jpg);
}

.indexRanges
{
	position: absolute;
	top: 0;
	left: 0;
}

.indexMini
{
	position: absolute;
	top: 0;
	right: 0;
}

.indexImage
{
	float: left;
}

/********************** Nav **********************/

.nav a { font-family:century gothic; font-size: 13px; color: #999999; text-decoration: none}
.nav a:hover {font-family:century gothic; font-size: 13px; color: #666666; text-decoration: none}

.jalapeno a { font-family:century gothic; font-size: 13px; color: #cc3333; text-decoration: none}
.jalapeno a:hover {font-family:century gothic; font-size: 13px; color: #999999}

.papaya a { font-family:century gothic; font-size: 13px; color: #ff6633; text-decoration: none}
.papaya a:hover {font-family:century gothic; font-size: 13px; color: #999999; text-decoration: none}

.aubergine a { font-family:century gothic; font-size: 13px; color: #2c3b72; text-decoration: none}
.aubergine a:hover {font-family:century gothic; font-size: 13px; color: #999999; text-decoration: none}

.sushi a { font-family: century gothic; font-size: 13px; color: #009999; text-decoration: none}
.sushi a:hover {font-family:century gothic; font-size: 13px; color: #999999; text-decoration: none}

.stockLinks a 
{ 
	color:#009999; 
	text-decoration:none;
}


/*     FORM ELEMENT WIDTHS     */
.titleTextbox
{
	width: 35px;
	font-size: 90%;
}
.firstnameTextbox
{
	width: 200px;
	font-size: 90%;
}
.postcodeTextbox
{
	width: 80px;
	font-size: 90%;
}
.fullTextbox
{
	width: 250px;
	font-size: 90%;
}
.submit
{
	background-color: #000000;
	color: #ffffff;
	font-weight: 700;
	border: solid 2px #D3E2F5;
}

.bottom_right 
{
	width: 100px;
	height: 76px;
	padding: 0;
	background: no-repeat url(../images/right_box_lower.jpg);
	text-align: right;
}

.bottom_left
{
	text-align: right;
	background-color: #ffffff;
	background-image: url(../images/CallForMoreInfo-Background.GIF);
	background-repeat:  repeat-x;
	background-position: 0% 39%;
}

.mini-range ul
{
	float: left;
	margin: 35px 0 0 50px;
	padding: 0;
	list-style: none;
}

.mini-range li
{
	padding: 5px 0;
	text-align: left;
	font-family: century gothic, sans-serif;
	font-size: 13px;
	color: #666666;
}

.mini-range ul li ul
{
	margin: 0 0 0 15px;
}

.mini-range ul li ul li
{
	padding: 5px 0 5px 5px;
	list-style: url(../images/bull.gif);
}

.mini-range img
{
	float: right;
	margin: 10px 145px 0 0;
}

.legalHome
{
	float: right;
	margin: 5px;
	padding: 0;
}

.legal
{
	float: right;
	margin: 40px 5px 0 0;
	padding: 0;
}

.legal a,
.legal a:visited,
.legalHome a,
.legalHome a:visited
{
	text-decoration: none;
	color: #999;
}

.legal a:hover ,
.legalHome a:hover
{
	color: #666;
}

.padded
{
	padding: 0 0 0 38px;
}