
body { background: #000000 url(../../images/siteBodyBG.jpg) no-repeat top center; text-align: left; margin: 10px 0px 10px 0px; }

#loaderContainer
{
	position: absolute;	 
	top: 0; left: 0; bottom: 0; right: 0;	
	height: expression(document.documentElement.clientHeight);
	width: 100%;
	background-color: #666666;
	filter:alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;
   z-index: 1000;
}

#loader
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	position: fixed;
  	left: 50%;
  	top: 20%;	
  	margin: 0 -160px 0 -160px;
	width: 320px;
	text-align: center; 
	border: 3px solid #999999; 
	padding: 10px; 
	background: #FFFFFF; 
	line-height: 20px;
	z-index: 1001;
}

#container { background-color: #000000; width: 780px; border: 1px solid #ffffff; margin: 0px auto 0px auto; text-align: left; }

#maintenance_div_container { position: absolute; top: 0px; left: 10px; z-index:1000; }
#maintenance_div_info { width: 510px; padding: 10px; font-family: "Segoe UI", "verdana", "arial"; background-image: url(../../images/system/background_gradient.jpg); background-repeat: repeat-x; background-color: #ffffff; color: #575757; border: #666666 solid; border-width: 0px 2px 2px 2px; }
#maintenance_div_button { position: absolute; height:18px; width: 28px; background-color: #666666; }
.maintenance_div_heading { color: #4465A2; font-size: 15px; font-weight: normal; vertical-align:bottom; margin-top: 7px; margin-bottom: 4px; }
.maintenance_div_errorCodeAndDivider { font-size: 0.7em; font-weight: normal; color: #787878; }
.maintenance_div_errorCodeAndDivider A { font-weight: normal; color: #FF0066; }
.maintenance_div_divider { padding-top:2px; border-bottom: #B6BCC6 1px solid; }
.maintenance_div_bottomDivider { border-top: #B6BCC6 1px solid; }
.maintenance_div_bullet { list-style-position: outside; margin-top: 1px; margin-bottom: 1px; padding-top: 1px; padding-bottom: 1px; line-height: 1.3em; }
.maintenance_div_infoBlock { padding-left: 10px; font-size: 11px; display: block; line-height: 15px; color: #575757; }
.maintenance_div_infoBlock A { font-size: 11px; font-weight: normal; }

#headerTopBar { width: 100%; height: 23px; background: url(../../images/siteTopBar.jpg) no-repeat top center; border-bottom: 1px solid #ffffff; }
.headerTextSpacer { width: 21px; height: 23px; background: url(../../images/topNavigationSpacer.gif) no-repeat center center; }
.siteHeaderText td { color:#ffffff; font-size:11px; font-weight:normal; line-height:15px; }
.siteHeaderText td A { color:#ffffff; font-size:11px; font-weight:normal; line-height:15px; text-decoration: none; }
.siteHeaderText td A:hover { text-decoration: underline; }

#footerBottomBar { width: 100%; height: 23px; background: #666666 url(../../images/) no-repeat top center; border-bottom: 0px solid #000000; }
.footerTextSpacer { width: 21px; height: 23px; background: url(../../images/topNavigationSpacer.gif) no-repeat center center; }
.siteFooterText td { color:#ffffff; }
.siteFooterText td A { color:#ffffff; text-decoration: none; }
.siteFooterText td A:hover { text-decoration: underline; }

#indexBanner { width: 100%; height: 198px; background: #ffffff url(../../images/indexBanner.jpg) no-repeat top center; }
#siteBanner { width: 100%; height: 125px; background: #ffffff url(../../images/siteBanner.jpg) no-repeat top center; }

#buttons_div { width: 100%; height: 34px; padding: 0px; background: url(../../images/) no-repeat top center; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; }

.siteCopyrightText td { padding-top:5px; color:#666666; }
.siteCopyrightText td A { color:#666666; text-decoration: none; }
.siteCopyrightText td A:hover { color:#FF0066; text-decoration: none; }

#error_div { padding: 5px; background-color: #640000; }
.errorMessage td { color: #ffffff; }
.errorMessage td A {  }
.errorMessage td A:hover {  }
.error td { color: #ff0000; padding:2px; }

td { font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; color: #ffffff; }
td A { font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: none; color: #FFCC00; }
td A:HOVER { text-decoration: underline; }

form { padding: 0px; margin: 0px; }
.button { padding: 0 .25em; width: auto; overflow:visible; background-color:#999999; border: solid 1px #ffffff; }
.input_text { width: 170px; background-color:#999999 }
.input_textarea { width:200px; height:50px; background-color:#999999 }
.input_dropdown { width: 176px; background-color:#999999 }

.input_contactUs_name { }
.input_contactUs_email { }
.input_contactUs_phone { }
.input_contactUs_message { }

.input_es_login_name { }
.input_es_login_password { }

.input_es_search_productId { }
.input_es_search_productName { }
.input_es_search_productModel { }
.input_es_search_productCategory { }
.input_es_search_productMinStock { }
.input_es_search_productMinPrice { width: 87px; }
.input_es_search_productMaxPrice { width: 88px; }
.input_es_search_productOrderItem { }
.input_es_search_productOrder { }

.input_es_productDetail_addQuantity { width: 40px; text-align: center; }

.input_es_cart_quantity { width: 40px; text-align: center; }

.input_es_navigation_categoryList { width: 90%; font-size: 9px; }

.input_es_createAccount_title { }
.input_es_createAccount_firstName { }
.input_es_createAccount_lastName { }
.input_es_createAccount_gender { }
.input_es_createAccount_maritalStatus { }
.input_es_createAccount_dob_day { width: 54px; }
.input_es_createAccount_dob_month { width: 54px; }
.input_es_createAccount_dob_year { width: 90px; }
.input_es_createAccount_email { }
.input_es_createAccount_email2 { }
.input_es_createAccount_telephone { }
.input_es_createAccount_mobile { }
.input_es_createAccount_password { }
.input_es_createAccount_line1 { }
.input_es_createAccount_line2 { }
.input_es_createAccount_town { }
.input_es_createAccount_city { }
.input_es_createAccount_county { }
.input_es_createAccount_postcode { }
.input_es_createAccount_countryId { }


#index_div { background: url(../../images/indexBG.jpg) no-repeat top right; padding: 5px; }
#index_table td { padding: 5px; }

#aboutUs_div { background: url(../../images/) no-repeat top center; padding: 5px; }
#aboutUs_table td { padding: 5px; }

#contactUs_div { background: url(../../images/) no-repeat top center; padding: 5px; }
#contactUs_table td { padding: 5px; }

#page1_div { background: url(../../images/) no-repeat top center; padding: 5px; }
#page1_table td { padding: 5px; }

#page2_div { background: url(../../images/) no-repeat top center; padding: 5px; }
#page2_table td { padding: 5px; }

#page3_div { background: url(../../images/) no-repeat top right; padding: 5px; }
#page3_table td { padding: 5px; }

#page4_div { background: url(../../images/) no-repeat top right; padding: 5px; }
#page4_table td { padding: 5px; }

#page5_div {  }
#page5_table td {  }
 
#news_div { padding: 5px; }
#news_table td { padding: 5px; }

#offers_div { padding: 5px; }
#offers_table td { padding: 5px; }

#testimonials_div { padding: 5px; }
#testimonials_table td { padding: 5px; }
          
#es_home_background { padding: 5px; }
#es_home_table td { padding: 5px; }

#es_login_background { padding: 5px; }
#es_login_table td { padding: 5px; }

#es_search_background { padding: 5px; }
#es_search_table td { padding: 5px; }

#es_categories_background { padding: 5px; }
#es_categories_table td { padding: 5px; }

#es_products_background { padding: 5px; }
#es_products_table td { padding: 5px; }

#es_productDetail_background { padding: 5px; }
#es_productDetail_table td { padding: 5px; }

#es_cart_background { padding: 5px; }
#es_cart_table td { padding: 5px; }

#es_createAccount_background { padding: 5px; }
#es_createAccount_table td { padding: 5px; }

#es_checkout_background { padding: 5px; }
#es_checkout_table td { padding: 5px; }

#es_termsConditions_background { padding: 5px; }
#es_termsConditions_table td { padding: 5px; }

#es_paymentDelivery_background { padding: 5px; }
#es_paymentDelivery_table td { padding: 5px; }


#news_list_background { border: #999999 1px solid; background-color: #E3E3E3; }
.news_list_odd { padding:5px; background-color:#999999; }
.news_list_odd td {  }
.news_list_even { padding:5px; background-color:#BEBEBE; }
.news_list_even td {  }
.news_list_paging td {  }
.news_list_paging td A {  }
.news_list_paging td A:hover {  }

#offers_list_background { border: #999999 1px solid; background-color: #E3E3E3; }
.offers_list_odd { padding:5px; background-color:#999999; }
.offers_list_odd td {  }
.offers_list_even { padding:5px; background-color:#BEBEBE; }
.offers_list_even td {  }
.offers_list_paging td {  }
.offers_list_paging td A {  }
.offers_list_paging td A:hover {  }

#testimonials_list_background { border: #999999 1px solid; background-color: #E3E3E3; }
.testimonials_list_odd { padding:5px; background-color:#999999; }
.testimonials_list_odd td {  }
.testimonials_list_even { padding:5px; background-color:#BEBEBE; }
.testimonials_list_even td {  }
.testimonials_list_paging td {  }
.testimonials_list_paging td A {  }
.testimonials_list_paging td A:hover {  }

#cart_list_background { border: #999999 1px solid; background-color: #333333; margin: 0px 0px 10px 0px; }
.cart_item_odd { background-color:#444444; }
.cart_item_odd td { color:#ffffff; font-weight: normal; }
.cart_item_even { background-color:#555555; }
.cart_item_even td { color: #ffffff; font-weight: normal; }
.cart_item_hover { background-color:#666666; cursor: pointer; }
.cart_item_hover td { color: #ffffff; }
.cart_item_heading td { color: #ffffff; }

.stock_active { color: #00CC00; font-weight: bold; }
.stock_inactive { color: #CC0000; font-weight: bold; }

#product_detail_background { background-color:#444444; padding:5px; border: solid #999999 1px; margin-bottom:10px; }
.product_detail_style td {  }
.product_detail_images { color: #000000;  background: url(../../images/plugins/eShop/image.gif) no-repeat center center; text-align:center; width:80px; height:46px; }
.product_detail_images A { color: #666666; font-size:28px; font-family:Arial, Helvetica, sans-serif; line-height:30px; }

#specialOffer_product_detail_background { padding:5px; background-color:#333333; border: 2px #ff0066 solid; margin-bottom:10px; text-align:center; }
.specialOffer_product_detail_style td { color:#ffffff; font-weight: bold; }
.specialOffer_product_originalPrice_style { text-decoration:line-through; }
.specialOffer_product_offerPrice_style { font-weight:bold; }

#product_list_background { border: #999999 1px solid; background-color: #333333; }
.product_list_odd { padding:5px; background-color:#444444; }
.product_list_odd
td{ color:#ffffff; font-weight: normal; }
.product_list_even { padding:5px; background-color:#555555; }
.product_list_even
td{ color:#ffffff; font-weight: normal; }
.product_list_hover { padding:5px; background-color:#666666; cursor: pointer; }
.product_list_hover
td{ color:#ffffff; font-weight: normal; }
.product_list_specialOffer { padding:5px; background-color:#333333; border: 2px #ff0066 solid; }
.product_list_specialOffer
td{ color:#ffffff; font-weight: normal; }
.product_list_specialOfferHover { padding:5px; background-color:#666666; border: 2px #ff0066 solid; cursor: pointer; }
.product_list_specialOfferHover
td{ color:#ffffff; font-weight: normal; }

.product_list_image { padding: 0px; }
.product_list_paging td {  }
.product_list_paging td A {  }
.product_list_paging td A:hover {  }

.product_list_specialOffer_originalPrice { text-decoration:line-through; }
.product_list_specialOffer_offerPrice { font-weight:bold; }
.product_list_specialOffer_title { background-color:#FFBBD7; font-weight:bold; padding: 5px; color:#000000; }

.checkout_divider { background: url(../../images/plugins/eShop/checkout_divider.gif) repeat-x center center; height:1px; }
.nav_cart_divider { background: url(../../images/plugins/eShop/cart_divider.gif) repeat-x center center; height:10px; margin: 0px 10px 0px 10px; }

#breadCrums_div { background-color: #666666; padding: 5px 8px 6px 8px; }        
.breadCrums_table td { font-size:10px; }
.breadCrums_table td A { font-weight: normal; }
.breadCrums_table td A:Hover {  }
 
#navigation_td { background-color: #666666; text-align: right; }   
.navigation_heading { font-weight:bold; display: block; width: 100%; text-decoration: none; padding: 3px 0px 3px 0px; }
.navigation_item { font-weight:normal; color:#cccccc; display: block; width: 100%; text-decoration: none; padding: 3px 0px 3px 0px; } 
.navigation_item A { font-weight:normal; color:#cccccc; display: block; width: 100%; text-decoration: none; padding: 3px 0px 3px 0px; }
.navigation_item A:hover { font-weight:bold; color:#000000; background-color: #cccccc; display: block; width: 100%; text-decoration: none; padding: 3px 0px 3px 0px; }
 
.dtree_openClose {  }
.dtree_openClose A { font-weight: normal; }
.dtree_openClose A:hover {  }

.dtree { color: #cccccc; font-weight: bold; white-space: nowrap; }
.dtree img { border: 0px; vertical-align: middle; }
.dtree a { color: #cccccc; text-decoration: none; }
.dtree a.node, .dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; }
.dtree a.node:hover, .dtree a.nodeSel:hover { color: #ffffff; text-decoration: underline; }
.dtree a.nodeSel { color:#ffffff; font-weight:bold }
.dtree .clip { overflow: hidden; } 



/* Lightbox css */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/system/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/system/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/system/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #333333;
	}