/** STANDARD EDITING **/

.colour{color: #945734;}

/** Disable Images **/

.orange {}
.green {DISPLAY: none;}
.blue {DISPLAY: none;}
.none {DISPLAY: none;}


/** Blocks **/

.block1 {padding:5px 4px 5px 4px;border:1px solid #999999;background-color:#FFCC99;width:200px;}
.block2 {padding:8px;border:1px solid #999999;background-color:#FFFFFF;width:360px;}
.block3 {padding:5px 4px 5px 4px;border:1px solid #999999;background-color:#FFCC99;width:150px;}
.block4 {padding:10px;border:1px solid #999999;background-color:#FFFFFF;width:740px;}
.block5 {padding:0px 8px 0px 8px;}

.vertspace {width:7px;}
.vertspace2 {width:15px;}
.horizspace {height:7px;}


/** Heading Settings **/
 
.productListing-heading {
  font-family: Verdana, Arial, Helvetica, Sans-Serif, Helvetica;
  font-size: 11px;
  font-weight: bold;
  padding:0px 0px 10px 0px;
  border-bottom:1px dashed #ffffff;
}

TD.productListing-data {
  font-family: Verdana, Arial, Helvetica, Sans-Serif, Helvetica;
  font-size: 10px;
  padding:10px 0px 10px 0px;
  border-bottom:1px dashed #ffffff;
  }

.borderTop {
  font-family: Verdana, Arial, Helvetica, Sans-Serif, Helvetica;
  font-size: 10px;
  padding:10px 0px 10px 0px;
  border-top:1px dashed #ffffff;
  }

.borderLeft {
border-left: 1px dashed #ffffff;
  }
  
.pageHeading, .head1, H1 {font-size: 13px;color: #5781B8;text-decoration : none;line-height : 15px;font-weight: bold;font-family: Verdana, Arial, Helvetica, Sans-Serif, Helvetica, Georgia;border-top:0px solid #FFFFFF;padding:8px 0px 20px 0px; text-align:left;}

.head2, H2   {font-size: 12px;color: #FFFFFF;text-decoration : none; line-height : 15px;font-weight: bold; font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;}

.head3, H3   {letter-spacing:1px;font-size: 14px; color:#E97B12;font-weight:bold;font-style:italic;}

.head4, H4   {padding-top:20px;font-size: 13px; color: #945734; font-weight:bold;font-style:normal;}

.head5, H5   {padding-top:15px;font-size: 16px; color: #2675B2; font-weight:bold;font-style:normal;}

/** Text-Content Settings **/


p,th,tr,td,table,form,div,span {font-size: 11px;color: #f2f2f2;text-decoration : none;line-height : 15px;font-weight: normal;font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;vertical-align:top;}

span.bottom {font-size: 11px;color: #000000;text-decoration : none;line-height : 15px;font-weight: normal;font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;vertical-align:top;}

.imgBorder { border: #CCCCCC 1px solid;}

BODY  {
    background-color:#808080;
    
	scrollbar-face-color : #B52D1B;
    
	scrollbar-shadow-color : #000000;
	scrollbar-highlight-color : #000000;
    scrollbar-arrow-color : #000000;
    
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-darkshadow-color : #FFFFFF;
	scrollbar-track-color : #FFFFFF;
	
    
    
	margin-left : 0pt;
	margin-right : 0pt;
	margin-top : 0pt;
	margin-bottom : 0pt;
	margin : 0pt;
	padding-left : 0pt;
	padding-right : 0pt;
	padding-top : 0pt;
	padding-bottom : 0pt;
	padding : 0pt;
	border-left-width : 0pt;
	border-right-width : 0pt;
	border-top-width : 0pt;
	border-bottom-width : 0pt;
	border-width : 0pt;
	top : auto;
}


/** Anchor Settings **/


A,A:Visited {color : #0E81E0;font-weight: normal;text-decoration : underline;}
A:Hover,A:Active {color : #E97B12;font-weight: normal;text-decoration : none;}

A.productListing-heading,A:Visited.productListing-heading {color : #0E81E0;font-weight: bold;text-decoration : underline;}
A:Hover.productListing-heading,A:Active.productListing-heading {color : #E97B12;font-weight: bold;text-decoration : none;}

A.bottom,A:Visited.bottom {color : #999999;font: normal 11px arial, verdana, helvetica : underline;}
A:Hover.bottom,A:Active.bottom {color : #E97B12;font: normal 11px arial, verdana, helvetica : none;}

A.other,A:Visited.other {color : #000000;font: bold 11px arial, verdana, helvetica;text-decoration : none;padding:1px 21px 1px 20px;border: 1px solid #E97B12;background-color:#FFCC99;}
A:Hover.other,A:Active.other {color : #FFFFFF;font: bold 11px arial, verdana, helvetica;text-decoration : none;padding:1px 21px 1px 20px;border: 1px solid #000000;background-color:#E97B12;}



A.other1,A:Visited.other1  {color : #0E81E0;font: normal 10px Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; text-decoration : underline;padding:10px 0px 0px 0px;}
A:Hover.other1,A:Active.other1 {color : #E97B12;font: normal 10px Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; text-decoration : none;padding:10px 0px 0px 0px;}






/** Style for Form**/


.submit {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, tahoma; LETTER-SPACING: 1px; BACKGROUND-COLOR: #4E97BD; BORDER: #000000 solid 1px;  cursor:hand; padding:3px;}

.clear {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: grey; FONT-FAMILY: verdana, arial, helvetica, tahoma; LETTER-SPACING: 1px; BACKGROUND-COLOR: #C99576; BORDER: #000000 solid 1px;  cursor:hand; padding:3px;}

.field1{text-align:left; padding-right: 20px; padding-top: 5px; vertical-align:middle;}
.field2{padding-top: 5px; vertical-align:middle; }

.caps{text-transform : uppercase;font-size : 10px; }

.star{color:#FF0000; font-size:12px; FONT-WEIGHT: bold;}


option, select, textarea, input  {
	font-size : 11px;
	color : #4E97BD;
	text-decoration : none;
	font-family : Arial, Sans-Serif, Tahoma, Veranda, Helvetica, Georgia;
	line-height : 11px;
    BORDER: #000000 solid 1px; 
    FONT-WEIGHT: bold;  
    BACKGROUND-COLOR: #E9E9E9; 
    padding: 2px;
    vertical-align:middle;
}

input.button {
	font-size : 11px;
	color : #4E97BD;
	text-decoration : none;
	font-family : Arial, Sans-Serif, Tahoma, Veranda, Helvetica, Georgia;
	line-height : 11px;
    BORDER: #000000 solid 1px; 
    FONT-WEIGHT: bold;   
    padding: 2px;
    vertical-align:middle;
    BACKGROUND-COLOR: transparent;}

#hand{ cursor:hand;}




/** TRANS MENU STYLES **/

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	width:119px;
    border-left:1px solid #494949;
    border-right:1px solid #494949;
    border-bottom:1px solid #494949;
    }

.transMenu.top .items {
    border-left:1px solid #494949;
    border-right:1px solid #494949;
    border-bottom:1px solid #494949;
	}

/* each TR.item is one menu item */
.transMenu .item td {
    color:white;
    border-top:1px solid #494949;
    font-size:11px;
    font-family:arial;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.9;
	filter:alpha(opacity=90);
    background-color:black;
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background-color:#B52D1B;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
	}
    
    .menuInside {border-top:1px solid #CC3333;font-size:11px;}