/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
  
  Custom Stlying for trct.co.uk by Tony Collings ( www.tonycollings.com ) (c) 2006 
  
*/


/*	HTML OVERRIDES
	--------------------------------------------------------------------------- */

	body {
	/* background: #fff; */
	color: #4d4d4d; 
	font: 75%/190% Arial, Helvetica, sans-serif; 
	margin: 0px 0px;
	background: #1b1b1b url("http://www.trct.co.uk/img/shading/background.jpg") top left repeat-x; 
	}
	table { font: 100%/190% Arial, Helvetica, sans-serif; }
	img.noborder { border: 0px; vertical-align: middle;  }
	.dev_text { font-size: 150%; color: #FF0000; margin: 20px 0px; font-weight: bold; } 
	.banned { background-color: #f44c01; padding: 50px 20px; margin: 20px 0px; color: #fff; text-align: center;
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #fff; } 
	.banned a:link, .banned a:visited {color: #fff; text-decoration: none;  font-weight: bold; }
	.banned a:hover, .banned a:active {color: #fff; text-decoration: underline; font-weight: bold; }
	



/*	LAYOUT
	--------------------------------------------------------------------------- */
	.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; } 
	#free_postage { position: absolute; z-index: 200; float: right; top: 0px; right: 0px; } 
	
	/* HEADER */
	#header { background-color: #f44c01; margin: 0px; padding: 0px;}
	#header div#header_inner { margin: 0px; padding: 0px; margin-top: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center; } 
	#header div img { margin: 0px; padding: 0px; } 
	#header div#logo { position: absolute; top: 15px;  z-index: 30; border: 0px;  margin: 0px; padding: 0px; left: 20%; padding-left: 8px; } 
	#header div#logo_shadow { position: absolute; top: 22px;  z-index: 20; border: 0px;  margin: 0px; padding: 0px; left: 20%; 
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	
	}
	#header div#strapline { position: absolute; top: 80px;  z-index: 15; border: 0px;  margin: 0px; padding: 0px; left: 21%; padding-left: -3px; } 
	#header div#strapline_shadow { position: absolute; top: 83px;  z-index: 10; border: 0px;  margin: 0px; padding: 0px; left: 21%; 
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	
	}
	#tools { margin: 0px 0px; background-color: #ec3004; /* padding-top: 10px; */ text-align: center; color: #fff; }
	#tools ul {display: inline; margin: 0px; padding: 0px 20px 0px 0px; }
	#tools ul li {list-style-type: none; display: inline; padding: 0px; margin: 0px;  border-right : 1px solid #f65232;  padding: 2px 5px; }
	#tools a:link, #tools a:visited { color: #fff; text-decoration: none; }
	#tools a:active, #tools a:hover {color: #fff; text-decoration: underline;   }
	#tools li.lastitem { border-right: 0px; } 
	
	#search { background: #474747 url("http://www.trct.co.uk/forums/templates/trct/images/shading/login.jpg") top left repeat-x;  color: #fff; margin: 0px; padding: 5px; padding-left: 20px; text-align: center; }
	#search a:link, #search a:visited { color: #fff; text-decoration: none; }
	#search a:active, #search a:hover {color: #fff; text-decoration: underline;   }
	#search form { margin: 0px; padding: 0px; } 
	
	#breadcrumbs { background-color: #c0c0c0; color: #474747; margin: 0px; padding: 0px; padding-left: 20px; text-align: left; }
	#breadcrumbs a:link, #breadcrumbs a:visited { color: #474747; text-decoration: none; }
	#breadcrumbs a:active, #breadcrumbs a:hover {color: #474747; text-decoration: underline;   }
	#breadcrumbs form { margin: 0px; padding: 0px; } 
	
	/* NAVIGATION / CATEGORIES */
	div#navigation { margin: 0px; padding: 0px; text-align: center; font-weight: bold;  padding: 2px; }
	ul#menu { display: block; list-style-type: none; text-align: left; color: #fff; margin: 0px; padding: 0px; width: 170px;} 
	ul#menu li.level_0,
	ul#menu li.level_1,
	ul#menu li.level_2,
	ul#menu li.level_3	{ margin-bottom: 2px;}
	ul#menu li.level_0 a { display: block; color: #fff; padding: 5px; height: 20px; text-decoration: none; background-color:#ff0000;} 
	ul#menu li.level_1 a { display: block; color: #fff; padding: 5px; height: 20px; text-decoration: none; background-color:#fc932c;}
	ul#menu li.level_2 a { display: block; color: #fff; padding: 5px; height: 20px; text-decoration: none; background-color:#fcab42; padding-left: 15px; font-weight: normal; }
	ul#menu li.level_3 a { display: block; color: #fff; padding: 5px; height: 20px; text-decoration: none; background-color:#fcab42; padding-left: 20px; font-weight: normal;}
	ul#menu li.level_0 a:hover {display: block; background-color:#cd0909; color: #fff; height: 20px; text-decoration: none; padding: 5px; }
	ul#menu li.level_1 a:hover {display: block; background-color:#f9810b; color: #fff; height: 20px; text-decoration: none; padding: 5px; }	
	ul#menu li.level_2 a:hover {display: block; background-color:#fa981a; color: #fff; height: 20px; text-decoration: none; padding: 5px; padding-left: 15px; font-weight: normal;}
	ul#menu li.level_3 a:hover {display: block; background-color:#fa981a; color: #fff; height: 20px; text-decoration: none; padding: 5px; padding-left: 20px; font-weight: normal;}
	
	
	 
	ul#menu li.lastitem { background: url("http://www.trct.co.uk/img/menu/menu_lastitem.gif") bottom right no-repeat; display: block; color: #fff; padding: 5px; height: 20px; 	}

	
	/* CONTENT */
	#contentwrapper {  
	margin: 0px 30px; 
	width: auto;  
	padding: 0px 0px; 
	text-align: center;
	background: none; 
	}
	#main {
	margin:0px 0px; 
	padding:0px 0px;
	background: none; 
	/* background-color: #010101; *//* Overall bgcolor for pages */
	border: 0px; 
	text-align: left;
	}
	/* Coloring for the tables */
	.left_column { 
	background: #585858 url("http://www.trct.co.uk/img/leftcol.jpg") top center no-repeat;
	color: #fff;  
	text-align: left; 
	} 
	.body_text { background: #fff url("images/shading/main_shading.jpg") top left repeat-x; padding: 20px; }
	.right_column { background-color: #fff; } 
	
		
	ul#categories{font: 100%/190% Arial, Helvetica, sans-serif; text-align: left; }

	#free_shipping { border: 1px solid #ff7373; padding: 10px; background-color: #fbefef;  color: #c00000; } 
	/* div#body_padding { padding: 10px; } */
	
	/* FOOTER */
	#footer {clear: both; 
	margin-top: 0px;
	voice-family: "\"}\""; 
 	voice-family:inherit;
	margin-top: 0px; 
	}
	
	
	#footer div#footer_inner  { margin: 0px 0px;  padding: 0px; }
	
	#footer_left {float: right; color: #fff; margin: 0px; padding: 0px; margin-right: 30px; padding-top: 5px; }
	#footer_left ul { display: block; margin: 0px;  padding: 0px; color: #fff; } 
	#footer_left ul li { list-style-type: none; display: inline; padding: 0px 5px; } 
	#footer_left ul li.lastitem { border: 0px; }
	#footer_left a:link, #footer_left a:visited {color: #fff; text-decoration: none; font-weight: bold;  }
	#footer_left a:active, #footer_left a:hover {color: #fff; text-decoration: none; font-weight: bold; }
	
	
	#footer_right {float: right;  background: #808080 url("http://www.trct.co.uk/img/footer_left.jpg") top left no-repeat; color: #c0c0c0; margin: 0px; 
	padding: 0px; padding-left: 50px;  }
	#footer_right ul { display: block; margin: 0px; padding: 0px; } 
	#footer_right ul li { color: #c0c0c0; list-style-type: none; display: inline; border-right: 1px solid #c0c0c0; padding: 0px 5px; } 
	#footer_right ul li.lastitem { border: 0px; }
	
	#footer_right a:link, #footer_right a:visited {color: #c0c0c0; text-decoration: none; font-weight: bold;  }
	#footer_right a:active, #footer_right a:hover {color: #c0c0c0; text-decoration: none; font-weight: bold; }
	
	div#techdata { clear: both; text-align: center; padding: 0px 0px; } 
	#techdata ul { display: block; margin: 0px;  padding: 0px; color: #4d4d4d; } 
	#techdata ul li { list-style-type: none; display: inline; border-right: 1px solid #4d4d4d; padding: 0px 5px; } 
	#techdata ul li.lastitem { border: 0px; }
	

	
	div#legal_info { clear: both; text-align: center; padding: 30px 0px 5px 0px; } 
	#legal_info ul { display: block; margin: 0px;  padding: 0px; color: #828282; } 
	#legal_info ul li { list-style-type: none; display: inline; border-right: 1px solid #828282; padding: 0px 5px; } 
	#legal_info ul li.lastitem { border: 0px; }
	#legal_info a:link, #legal_info a:visited {color: #828282; font-weight: bold; text-decoration: none; }
	#legal_info a:active, #legal_info a:hover {color: #828282; font-weight: bold; text-decoration: underline;}
	
	

	
	
/* 	LINKS
	--------------------------------------------------------------------------- */
	.smallText a:link, .smallText a:visited {color: #4d4d4d; font-weight: bold; text-decoration: none; }
	.smallText a:hover, .smallText a:active {color: #4d4d4d; font-weight: bold; text-decoration: underline; }
	a.info_box_heading_link { color: #fff; font-weight: bold; text-decoration: none;} 
	a:hover.info_box_heading_link { color: #fff; font-weight: bold; text-decoration: underline;}
	
	td.infoBoxHeading a {color: #474747; font-weight: bold; text-decoration: none; display:block; height: 14px; background:#dddddd url("images/shading/infobox_shading.jpg") top left repeat-x; padding-left: 5px; }
	td.infoBoxHeading a:hover {color: #474747; font-weight: bold; text-decoration: underline;
	display:block; height: 14px; background-color: #a7a7a7; padding-left: 5px;}
	
	html>body td.infoBoxHeading a,
	html>body td.infoBoxHeading a:hover { height: 24px; } 
	
	.boxText a {color: #333333; font-weight: normal; text-decoration: none; line-height: 140%; }
	.boxText a:hover {color: #333333; font-weight: normal; text-decoration: underline;}
	
	
/* 	BOX STYLING
	--------------------------------------------------------------------------- */
	
	/* Manufacturers List */
	div ul#manufacturers_list {margin: 0px; padding: 0px; color: #fff; }
	div#manufacturers_box { padding: 5px; text-align: left; color: #fff; margin: 5px; }
	ul#manufacturers_list a:link,  ul#manufacturers_list a:visited{ color: #fff; text-decoration: none;} 
	ul#manufacturers_list a:hover,  ul#manufacturers_list a:active{ color: #fff; text-decoration: underline;} 
	.login_box 
	{ 
	border: 1px solid #dddddd; 
	padding: 5px;  
	background: #f8f8f9 url("images/shading/info_box.jpg") top left repeat-x;
	} 
	.info_box_text { line-height: 140%; text-align: left; color:#333333;} 
	
	
/* 	MODULE STYLING
	--------------------------------------------------------------------------- */
	
	.infoBox {background: #dddddd;}
	.infoBox img, .productListing-data img {  border: 1px solid #d8d8de;  } 
	.infoBox img.noborder, .productListing-data img.noborder { border: 0px; } 
	.infoBoxContents { background: #f8f8f9 url("images/shading/info_box.jpg") top left repeat-x;}
	
	
/* 	LEGACY STYLING
	--------------------------------------------------------------------------- */

	/* OSCommerce Styling */
	.boxText { line-height: 140%;}
	.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
	.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
	.productsNotifications { background: #f2fff7; }
	.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
	TR.header {
  	background: #ffffff;
	}

	TR.headerNavigation {
	  background: #bbc3d3;
	}
	
	TD.headerNavigation {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10px;
	  background: #bbc3d3;
	  color: #ffffff;
	  font-weight : bold;
	}
	
	A.headerNavigation { 
	  color: #FFFFFF; 
	}
	
	A.headerNavigation:hover {
	  color: #ffffff;
	}
	
	TR.headerError {
	  background: #ff0000;
	}
	
	TD.headerError {
	  font-family: Tahoma, Verdana, Arial, sans-serif;
	  font-size: 12px;
	  background: #ff0000;
	  color: #ffffff;
	  font-weight : bold;
	  text-align : center;
	}
	
	TR.headerInfo {
	  background: #00ff00;
	}
	
	TD.headerInfo {
	  font-family: Tahoma, Verdana, Arial, sans-serif;
	  font-size: 12px;
	  background: #00ff00;
	  color: #ffffff;
	  font-weight: bold;
	  text-align: center;
	}
	
	TR.footer {
	  background: #bbc3d3;
	}
	
	TD.footer {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10px;
	  background: #bbc3d3;
	  color: #ffffff;
	  font-weight: bold;
	}
	
	/* INFO BOXES */
	td.boxText form { margin: 0px; padding: 0px; } 
	
	.infoBoxNotice {
	  background: #FF8E90;
	}
	
	.infoBoxNoticeContents {
	  background: #FFE6E6;
	}
	
	TD.infoBoxHeading {
	  background:#dddddd url("images/shading/infobox_shading.jpg") top left repeat-x; 
	  color: #474747;
	}
	
	TD.infoBox, SPAN.infoBox {
	}
	
	
	
	TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
	  background: #f8f8f9;
	}
	
	TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
	  background: #f8f8f9;
	}
	
	TABLE.productListing {
	  border: 1px;
	  border-style: solid;
	  border-color: #dddddd;
	}
	
	.productListing-heading {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10px;
	  background:#dddddd url("images/shading/infobox_shading.jpg") top left repeat-x;
	  color: #474747;
	  font-weight: bold;
	}
	
	TD.productListing-data {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10px;
	}
	
	A.pageResults {
	  color: #0000FF;
	}
	
	A.pageResults:hover {
	  color: #0000FF;
	  background: #FFFF33;
	}
	
	TD.pageHeading, DIV.pageHeading {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 20px;
	  font-weight: bold;
	  color: #9a9a9a;
	}
	
	TR.subBar {
	  background: #f4f7fd;
	}
	
	TD.subBar {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10px;
	  color: #000000;
	}
	
	TD.main, P.main {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 11px;
	  line-height: 1.5;
	}
	
	TD.smallText, SPAN.smallText, P.smallText {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10px;
	}
	
	TD.accountCategory {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 13px;
	  color: #aabbdd;
	}
	
	TD.fieldKey {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 12px;
	  font-weight: bold;
	}
	
	TD.fieldValue {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 12px;
	}
	
	TD.tableHeading {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 12px;
	  font-weight: bold;
	}
	
	SPAN.newItemInCart {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10px;
	  color: #ff0000;
	}
	

	
	SPAN.greetUser {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 12px;
	  color: #f0a480;
	  font-weight: bold;
	}
	
	TABLE.formArea {
	  background: #f1f9fe;
	  border-color: #7b9ebd;
	  border-style: solid;
	  border-width: 1px;
	}
	
	TD.formAreaTitle {
	  font-family: Tahoma, Verdana, Arial, sans-serif;
	  font-size: 12px;
	  font-weight: bold;
	}
	
	SPAN.markProductOutOfStock {
	  font-family: Tahoma, Verdana, Arial, sans-serif;
	  font-size: 12px;
	  color: #c76170;
	  font-weight: bold;
	}
	
	SPAN.productSpecialPrice {
	  font-family: Verdana, Arial, sans-serif;
	  color: #ff0000;
	}
	
	SPAN.errorText {
	  font-family: Verdana, Arial, sans-serif;
	  color: #ff0000;
	}
	
	.moduleRow { }
	.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
	.moduleRowSelected { background-color: #E9F4FC; }
	
	.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
	.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
	
	/* message box */
	
	.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
	.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
	.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
	
	/* input requirement */
	
	.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


/*	FORMS
	------------------------------------------------------------------- */

	form { display: inline; }
	input, textarea, select, radio, checkbox {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	}
	input.post, textarea { 
	background: #fff url("images/shading/formfield.jpg") top left repeat-x; } 
	input.mainoption { padding: 2px; } 
	select, input.post, textarea { border: 1px solid #ccc;  }
	
	form#problem { color: #fff; padding: 10px; display: block; line-height: 140%; font-size: 100%; } 
	form#problem a:link, form#problem a:visited {color: #fff; text-decoration: none;}
	form#problem a:hover, form#problem a:active {color: #fff; text-decoration: underline;}