@import url("orders.css");
@import url("tickets.css");
@import url("contact.css");
@import url("basket.css");
@import url("checkout.css");
@import url("breadcrumbs.css");
@import url("pagination.css");
@import url("forms.css");

body
{
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image:url(../images/bg_main.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#F0F0F0;
	color:inherit;
}

/*START TEMPLATE LAYOUT STYLES*/

#wrapper { 
  	width: 950px;
  	padding: 0px;
	margin: 10px auto;
}

#logo {	
	width: 266px;
	height:172px;
	border-right:1px solid #ffffff;
	float:left;
}


#logoText {	
	width: 246px;
	height:132px;
	border-right:1px solid #FFFFFF;
	float:left;
	background-color:#F2A215;
	color:#FFFFFF;
	font-weight:bold;
	font-size:140%;
	text-align:center;
	padding:30px 10px 10px 10px;
}

#topMenu {
	background-color:#011947;
	color: #FFFFFF;
	width:630px;
	height:18px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	clear:both;
	float:left;
	padding: 7px 14px 5px 14px;
	font-size:70%;
}

#search {	
	background-color:#011947;
	width:272px;
	height:25px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	float:right;
	padding: 5px 10px 0px 10px;
	font-size:70%;
	color:#FFFFFF;
}

#contentLeft {
	clear:both;
	float:left;
	width:194px;
}

#contentMid {
	float:left;
	width:550px;
	padding:0px 5px 0px 5px;
}

#contentMidFull {
	float:left;
	width:751px;
	padding:0px 0px 0px 5px;
}


#contentRight {
	clear:right;
	float:right;
	width:194px;
}


#productCats {
	width:188px;
	clear:both;
	float:left;
	border-right:1px solid #D3D3D3;
	border-left:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
	padding: 0px 0px 5px 0px;
	margin-bottom:10px;
	background-color:#F6EAD6;
}

#productCats ul {margin:10px 0px 0px 0px; padding:0px; list-style:none;}

#productCats li a {
	background-image:url(../images/bullet_menu.gif);
	background-position:5px 3px;
	background-repeat:no-repeat;
	list-style:none;
	color:#666666;
	background-color:inherit;
	font-size:70%;
	line-height:18px;
	padding: 0px 0px 0px 20px;
	text-decoration:none;
}

#productCats li a:hover {

	list-style:none;
	color:#F2A215;
	background-color:inherit;
	font-size:70%;
	line-height:18px;
	padding: 0px 0px 0px 20px;
	text-decoration:underline;
}


#information {
	width:188px;
	clear:both;
	border-right:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
	border-left:1px solid #D3D3D3;
	padding: 0px 0px 5px 0px;
	margin-bottom:10px;
	background-color:#F6EAD6;
}

#information ul {margin:10px 0px 0px 0px; padding:0px; list-style:none;}

#information li a {
	background-image:url(../images/bullet_menu.gif);
	background-position:5px 3px;
	background-repeat:no-repeat;
	list-style:none;
	color:#666666;
	background-color:inherit;
	font-size:70%;
	line-height:18px;
	padding: 0px 0px 0px 20px;
	text-decoration:none;
}

#information li a:hover {
	list-style:none;
	color:#F2A215;
	background-color:inherit;
	font-size:70%;
	line-height:18px;
	padding: 0px 0px 0px 20px;
	text-decoration:underline;
}

#login {
	width:192px;
	clear:both;
	border-right:1px solid #D3D3D3;
	border-left:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
	padding: 0px 0px 5px 0px;
	margin-bottom:10px;
	background-color:#F6EAD6;
}

#introText {
	width:552px;
}

#products {
	width:552px;
}

#shoppingCart {
	width:192px;
	clear:both;
	border-right:1px solid #D3D3D3;
	border-left:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
	padding: 0px 0px 5px 0px;
	margin-bottom:10px;
	background-color:#F6EAD6;
	text-align:center;
}

#rightFeature {
	width:192px;
	clear:both;
	border-right:1px solid #D3D3D3;
	border-left:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
	padding: 0px 0px 5px 0px;
	margin-bottom:10px;
	background-color:#F6EAD6;
}

#billingAddress {
	float: left;
	width:350px;
	padding:5px 5px 5px 5px;
	margin:0px 5px 10px 0px;
	border:1px solid #D3D3D3;
}

#deliveryAddress {
	float: right;
	width:350px;
	padding: 5px 5px 5px 5px;
	margin:0px 0px 10px 5px;
	border:1px solid #D3D3D3;
}

.heading {
	color: #FFFFFF; 
	background-color:#F2A215; 
	height:20px; 
	padding:8px 5px 2px 5px; 
	margin:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 70%; 
	font-weight: bold; 
}
	
.padding {padding:0px 4px 0px 4px;}

/*##########################################################################################*/
/*END TEMPLATE LAYOUT STYLES*/
/*##########################################################################################*/

img{border:0px;}
img.border {border: 1px solid #AFADAD; padding: 5px;}
img.rightThumb{margin:0px 5px 0px 0px;}
img.product{margin:5px;}

/*##########################################################################################*/
/*START A HREF STYLES*/
/*##########################################################################################*/

a:link, a:visited { color: #011947;	text-decoration: underline; background-color:inherit;}
a:active, a:hover { color: #F2A215; text-decoration: underline; background-color:inherit;}

a:link.feature, a:visited.feature { color: #011947;	text-decoration: none; background-color:inherit;}
a:active.feature, a:hover.feature { color: #F2A215; text-decoration: underline; background-color:inherit;}

#topMenu a:link, #topMenu a:visited { color: #FFFFFF; text-decoration: none; background-color:inherit;}
#topMenu a:active, #topMenu a:hover { color: #F2A215; text-decoration: underline; background-color:inherit;}

a:link.bread_crumb, a:visited.bread_crumb { color: #FFFFFF; text-decoration: none; background-color:inherit;}
a:active.bread_crumb, a:hover.bread_crumb { color: #000000; text-decoration: none; background-color:inherit;}

a:link.bread_homeCrumb, a:visited.bread_homeCrumb { color: #FFFFFF; text-decoration: none; background-color:inherit;}
a:active.bread_homeCrumb, a:hover.bread_homeCrumb { color: #000000; text-decoration: none; background-color:inherit;}

/*##########################################################################################*/
/*END A HREF STYLES*/
/*##########################################################################################*/


h1 {font-family:Arial, Helvetica, sans-serif; font-size: 70%; font-weight: normal; color: #FFFFFF; background-color:#F2A215; width:100%; height:20px; padding:0px 5px 0px 5px; margin:0px;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bold; color: #F2A215; background-color:inherit;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #F2A215; background-color:inherit; line-height:10px;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #F2A215; background-color:inherit;}
h5 {font-family:Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #F2A215; background-color:inherit;}
h5 {font-family:Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #F2A215; background-color:inherit;}
h6 {font-family:Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #F2A215; background-color:inherit;}

hr {
	border: solid #D3D3D3 0px;
	border-top:solid #D3D3D3 1px;
	height:0px;
	clear:both;
}

hr.dashed {
	border: dashed #D3D3D3 0px;
	border-top:dashed #D3D3D3 1px;
	height:0px;
	clear:both;
	margin: 0px;
	padding:0px;
}

p.nopad{padding:0px; margin:0px;}	
	

p, td, th {font-size: 70%; font-weight: normal; color: #666666; background-color:inherit;}


/* ADDED BY JOE - START */
.prodResultDiv { margin:0; padding:0; display: none; }
.prodResultDivVisible { margin:0; padding:0; display: block; }

/* Pagination shown on search results page */
#pagination { font-size: 75%; color: #666666; }
#pagination ul { list-style:none; float: left; margin: 0; padding: 0; }
#pagination li { float: left; margin: 0; padding: 0; }
#pagination a { float: left; display: block; margin: 0; padding: 0 2px 0 2px; }
#pagination h6 { float:left; margin: 0; padding: 0; font-weight:normal; font-size: 95%; color: #666666; line-height:18px; }
/* END pagination */

.genericButton { margin: 0; padding: 0; }
.genericButton a { padding:2px; padding-left:6px; padding-right:6px; background-color:#F2A215; border:1px solid #cccccc; border-bottom:1px solid #000000; border-right:1px solid #000000; color:#FFFFFF;font-weight: normal; text-decoration:none; font-size: 11px; }
.genericButton a:hover { background-color:#F2A215; }

.subheading {
	color: #FFFFFF; 
	background-color:#F2A215; 
	height:13px; 
	padding:5px; 
	margin:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 70%; 
	font-weight: bold; 
}
#customerDetails {
	margin:5px 0px 10px 0px;
	border:1px solid #D3D3D3;
}
/* ADDED BY JOE - END */


td p {font-size: 100%; font-weight: normal; color: #666666; background-color:inherit;}

#introText li {font-size: 70%; font-weight: normal; color: #666666; background-color:inherit;}

#rightFeature p {font-size: 60%; font-weight: normal; color: #666666; background-color:inherit;}

.black{color:#000000; background-color:inherit;}
.red{color:#FF0000; background-color:inherit;}
.blue{color:#00BAFF; background-color:inherit;}
.strapline{	color:#FFFFFF; font-style:italic; font-size:60%; font-weight:bold; margin-top:10px;}

table.checkout {
	border:1px solid #D3D3D3;
	border-collapse:seperate;
	clear:both;
}

td.checkout {
	border-left:1px solid #D3D3D3;
}

#editor p {font-size:11px;}




/* PROMO STYLES */
.normalPrice { text-decoration: line-through; color:#ff0000; }
.newPrice { font-weight:bold; font-size:16px;  }
.savingsPrice { font-weight:bold; color:#669966; }
.promoProdTitle { font-size:16px; color:#000000; }


/* My Account Page */
#myAccountMenu { padding:0; margin:0; list-style:none; }
#myAccountMenu li { display:block; margin:7px 2px 0 0; }
#myAccountMenu li a { width:200px; display:block; color:#666; text-decoration:none; background-color:#F6EAD6; margin:0; padding:5px 8px 5px 8px; font-size:12px; border:1px solid #F2A215; }
#myAccountMenu li a:hover { background-color:#F2A215; color:#fff; }

.moneyAlign { text-align:right; }