BODY.default {
	/* sets font on entire site, unless otherwise specified */
	margin-top : 5px;
	margin-left : 6px;
	margin-right : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px;
	color : #333333;
	/* sets background color and/or background image if specified */
	background-color : #8C8A8C;
	
}

BODY.clear {
	/* use for printer friendly pages */
	margin-top : 3px;
	margin-left : 4px;
	margin-right : 3px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #333333;
	background-color : #ffffff;
}

/* #################################################################################### */
/* The following styles are used to set the various widths of main elements of the site */
/* #################################################################################### */

.topsection
{
	/* sets style on top section of page (control = common\topsection.ascx) */
	width : 765px;
	background-image : url(../StyleImages/topsection_bg.gif);
}

.dropcategories
{
	/* sets style on dropdown categories */
	width : 765px;
	border-style : solid;
	border-color : #9C1818;
	border-width : 1px;
	background-color : #E7E7E7;
}

.topdivider
{
	/* sets style divider section between top categories and main section */
	width : 765px;
	background-image : url(../StyleImages/top_divider.gif);
}


.mainsection
{
	/* sets style on main section of page (includes leftsection, middlesection and rightsection) */
	width : 765px;
	border-style : solid;
	border-color : #000000;
	border-width : 1px;
}

.leftsection 
{
	/* sets style on left section of page (categories) */
	width : 142px;
	padding : 3px 3px 3px 3px;
	background-color : #DEDFDE;
	background-image : url(../StyleImages/leftsection_bg.gif);	
}

.secdiv
{
	/* sets style on vertical divider between the leftsection, mainsection, and rightsection */
	background-color : #000000;
	width : 1px;
}

.middlesection 
{
	/* sets style on middle section of page (main body) */
	width : 490px;
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #333333;
	background-color : #FFFFFF;
	padding : 3px 5px 3px 5px;
}

.middlesectionhome 
{
	/* sets style on middle section of page (main body) */
	/* This is identical to the middlesection style, with the exception
	of the padding, which is set to 0 to allow for full use of the space. */
	width : 490px;
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #333333;
	background-color : #FFFFFF;
	padding : 0px 0px 0px 0px;
}

.middlesectionALT
{
	/* sets style on middle section of page when the right section is not shown (main body) */
	width : 620px;
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #333333;
	background-color : #FFFFFF;
	padding : 3px 5px 3px 5px;
}

.rightsection 
{
	/* sets style on right section of page (what's new, recently viewed) */
	width : 129px;
	background-color : #DEDFDE;
	text-align : center;
	padding : 3px 3px 3px 3px;
}

.whatsnewsection
{
	width : 123px;
	background-color : #989898;
}

.footer
{
	width : 765px;
	padding : 3px 3px 3px 3px;
}


/* ######################################################################### */
/* END of styles used to set the various widths of main elements of the site */
/* ######################################################################### */

.whitetext
{
	color : #FFFFFF;
}

span.plaintext
{
	/* for plain text */
	font-size : 11px;
	padding : 3px;
}

span.tabletext
{
	/* for table text, less padding */
	font-size : 11px;
	padding : 2px;
}

span.contentTitle 
{
	/* used for Managed Content titles, where the managed
	contents consists of a title and body that loops */
	/*font-size : 14px;
	font-weight: bold;
	border: none;
	padding : 4px 4px 2px 4px;
	background-color : #b0bbc8;
	background : url(../StyleImages/content_bg.gif);*/
	
	font-size : 14px;
	font-weight: bold;
	width : 50%;
}

span.red 
{
	font-size : 11px;
	color : Red;	
	font-weight: normal;
}

span.bold
{
	font-size : 11px;
	font-weight: bold;
}

H1 {
	/* sets the style of the specified header */
	font-size : 16px;
	color : #333333;
}
H2 {
	/* sets the style of the specified header */
	font-size : 15px;
	color : #333333;
}
H3 {
	/* sets the style of the specified header */
	font-size : 14px;
	color : #333333;
}

table.aspxtable
{
	/* sets 'table' bgcolor */
	/*background-color : #6d7d96;*/
	background-color : #b3b3b3;
	border : none;
}

table.details {
	/* sets style on tables that display
	various fields i.e. User account info 
	column colours determined by td.detailsleft
	and td.detailsright*/
	border: 1px solid;
	border-color : #747a85 #747a85 #747a85 #747a85;
	background-color : #C9C9C9;
}

table.detailstitle {
	/* sets style on Product Details - Product Name */
	border: 1px solid #DBDBDB;
	padding : 0px;
}

table.login {
	/* sets style on the Login table */
	border: 1px solid;
	border-color : #747a85 #747a85 #747a85 #747a85;
	padding : 0px;
	background-color : #CACACA;
}

table.search 
{
	background : url(../images/ENG/searchbar_background.gif);
}

td {
	/* sets basic font family in table data without a defined style */
	font-family : arial,sans-serif;
	font-size : 11px;
}

td.aspxheader
{
	/* sets column header bgcolor and 'cellpadding' */
	font-size : 12px;
	font-weight : bold;
	background-color : #DEDFDE;
	padding : 2px;
	border: 1px solid;
	border-color : #FFFFFF #cccccc #cccccc #FFFFFF;
	border-bottom-width : 0px;
	border-right-width : 0px;
	
}

td.aspxheaderalt
{
	/* sets column header bgcolor and 'cellpadding' 
	same as above, but used for variety */
	background-color : #DEDFDE;
	font-weight : bold;
	padding : 2px;
	border: 1px solid;
	border-color : #FFFFFF #cccccc #cccccc #FFFFFF;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.aspxitem
{
	/* sets 'td' bgcolor and 'cellpadding' */
	background-color : whitesmoke;
	/* padding set to 0, since padding is set by
	aspxlinks class below */
	padding : 0px;
}

td.IPAD
{
	/* sets 'td' bgcolor and 'cellpadding' */
	font-size : 11px;
	background-color : #F1F1F1;
	padding : 0px 3px 0px 3px;
	border: 1px solid;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.INOPAD
{
	/* sets 'td' bgcolor and 'cellpadding' */
	background-color : #ffffff;
	padding : 0px 0px 0px 0px;
	border: 1px solid;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.breadleft {
	/* sets style on the breadcrumb cell */
	padding : 4px;
	background-color : #FFFEE7;
	font-size : 11px;
	border: 1px solid;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}
td.breadright {
	/* sets style on the breadcrumb cell */
	padding : 4px;
	background-color : #EBEBEB;
	font-size : 11px;
	border: 1px solid;
	border-color : #ffffff #cccccc #cccccc #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.detailstitle {
	/* sets style on the item name above the Details */
	border: 0px outset;
	/*padding : 0px 0px 0px 0px;*/
	background-color : #EFF3F8;
	font-size : 12px;
	font-weight : bold;
}

td.detailsleft {
	/* sets style on the left part of the Details section
	(Manufacturer SKU, Description, Web Price etc.) */
	padding : 0px 2px 0px 3px;
	background-color : #E1E1E1;
	font-size : 11px;
}
td.detailsright {
	/* sets style on the right part of the Details section */
	padding : 2px 0px 2px 2px;
	/*background-color : whitesmoke;*/
	background-color : whitesmoke;
	font-size : 11px;
}

td.detailsheader {
	/* sets style on the header section of reports */
	padding : 1px;
	background-color : #DEDFDE;
	font-size : 11px;
	
	border: 1px solid;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
	
}

td.reg {
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #333333;
}
td.large {
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #333333;
}
td.larger {
	font-family : arial,sans-serif;
	font-size : 13px;
	color : #333333;
}

td.mausover {
	background-color : #cacaca;
}
td.mausnotover {
	background-color : whitesmoke;
}

td.padded
{
	/* sets 'td' bgcolor and 'cellpadding' */
	font-size : 11px;
	background-color : #B3B3B3;
	padding : 3px 0px 0px 0px;
}

td.categories {
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #474765;
	font-weight : bold;
}
td.leftcattitle 
{
	/* Sets the style on the title section of the small windows
	on the left and right sections of the page, i.e. left
	categories, what's new, etc. */
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #ffffff;
	background-color : #213C84;
	padding : 2px 0px 2px 0px;
	background-image : url(../StyleImages/cattitle_bg.gif);
}

td.leftcat {
	background-color : #FFFFFF;
}
td.leftcatON {
	background-color : #9C1818;
}

td.leftcatFOCUS {
	background-color : #000000;
}

td.whatsnew {
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #474765;
}
td.navwhite {
	font-family : verdana,arial,sans-serif;
	font-size : 11px;
	color : #ffffff;
}
td.navwhitesmall {
	font-family : arial,sans-serif;
	font-size : 10px;
	color : #ffffff;
}
td.cartsummary {
	font-family : arial,sans-serif;
	font-size : 10px;
	color : #333333;
}


.opacityit img {
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity : 0.6;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}



A.aspxlinks {
	/* sets style on links */
	font-size : 11px;
	padding : 3px;
	color : #333366;
	text-decoration : none;
	display : block;
	position : relative;
}
A:HOVER.aspxlinks {
	/* changes the link color and places
	a color bar behind the link on hover by
	changing the 'color' and 'background-color' settings */
	font-size : 11px;
	padding : 3px;
	color : #ffffff;
	background-color : #5a647c;
	text-decoration : none;
	display : block;
	position : relative;
}

A.dvpsubcat {
	/* sets style on Left Subcategory links */
	font-size : 11px;
	color : #003399;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
}

a.leftcat {
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #000000;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}
a:HOVER.leftcat {
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
	background-color : #9C1818;
}
a.leftcatON {
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

A.more {
	/* sets style on navigation links such as  A-C D-F */
	color : #003399;
	text-decoration : none;
	font-size : 11px;
	padding-bottom : 2px;
	padding-left : 0px;
	padding-right : 2px;
	padding-top : 2px;
}
A:HOVER.more {
	/* sets style on navigation links such as  A-C D-F */
	text-decoration : none;
	font-size : 11px;
	padding-bottom : 2px;
	padding-left : 0px;
	padding-right : 2px;
	padding-top : 2px;
}

a.cartsummary {
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #414167;
	text-decoration : none;
}

a.moreinfo 
{
	/* Used for the link at the bottom of the 
	Recently Viewed and Left Cart Summary controls */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
}

A.related {
	/* sets style on Related Items, specifically the 
	Item Name that acts as a link */
	color : #333366;
	text-decoration : none;
	font-size : 11px;
	display : block;
	position : relative;
	padding: 3px;
}

a.topcategories {
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #474765;
	font-weight : bold;	
	text-decoration : none;
}

A.productdetails 
{
	/* Product listing title link */
	color : #333333;
	text-decoration : none;
	display : block;
	position : relative;
	font-weight : bold;
}

a.gray {
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #333333;
	text-decoration : none;
}
a.navwhite {
	font-family : verdana,arial,sans-serif;
	font-size : 11px;
	color : #ffffff;
	text-decoration : none;
}

A.others {
	color : #4A59A5;
	text-decoration : none;
	font-size : 11px;
}

A.whatsnew {
	/* sets style on What's New links at the right of page,
	in the What's New section */
	color : #003399;
	text-decoration : none;
	display : block;
	position : relative;
	font-size : 11px;
	font-weight : bold;
}

font.title 
{
	font-size : 13px;
	font-weight : bold;
}

/* ################### */
/* FORM element styles */
/* ################### */

.standard 
{
	/* Used for input fields */
	font-family : Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	font-size : 11px;
	color : #333333; 
	margin-bottom: 0px; 
	margin-top: 0px;
	background-color : #ffffff;
}

.solid {
	/* Use for input text */
	font-family : Arial, Helvetica, sans-serif;
	border-color : #999999;
	border-style : solid;
	border-width : 1px;
	font-size : 11px;
	color : #000000; 
	background-color : #ffffff;
	margin-bottom: 0px;
	margin-top: 0px;
	padding : 1px 1px 1px 3px;
}

.solidform {
	/* Use for input text */
	font-family : Arial, Helvetica, sans-serif;
	border-color : #999999;
	border-style : solid;
	border-width : 1px;
	/*border: 1px outset;*/
	font-size : 11px;
	color : #000000; 
	background-color : #ffffff;
	margin-bottom: 0px; 
	margin-top: 0px;
	padding : 1px 1px 1px 3px;
	width : 129px;
}

/* Start Paging control styles */
input.pageon {
	font-weight : bold;
	background-color : whitesmoke;
	color : #333366;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	border-width : 0px;
	border : 1px solid #cccccc;
	/* both cursor values are required for browsers other than IE*/
	cursor : pointer;
	cursor : hand;
	padding : 0px 1px 0px 1px;
	margin : 0px 0px 0px 0px;
}

input.pageoff {
	font-weight :normal;
	background-color : #FFFFFF;
	color : #333333;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	border-width : 1px;
	border : 1px solid #FFFFF7;
	/* both cursor values are required for browsers other than IE*/
	cursor : pointer;
	cursor : hand;
	padding : 0px 1px 0px 1px;
	margin : 0px 0px 0px 0px;
}

select.nav 
{
	color : #0A0A1A;
	border: 0px;
	background-color : #C0C0DB; 
	font-size : 11px;
}
select.cc 
{
	font-size : 11px;
}

/* End Paging control styles */

/* ####################### */
/* END FORM element styles */
/* ####################### */


/* START Dropdown Account Navigation related styles */

.MenuBox {
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
}

a.MenuHeader
{
	COLOR: #ffffff;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	margin-left: 4px;
	margin-top: 5px;
	cursor : default;
}

a.MenuHeader:visited
{
	COLOR: #ffffff;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	margin-left: 4px;
	margin-top: 5px;
}

a.MenuItem
{
	COLOR: #ffffff;
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	margin-left: 5px;
	margin-bottom: 3px; 
	margin-top: 2px;
}

a.MenuItem:visited
{
	COLOR: #ffffff;
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	margin-left: 5px;
	margin-bottom: 3px; 
	margin-top: 2px;
}

/* END Dropdown Account Navigation related styles */


/* These values below are used for the Textarea manager in
Content Manager, these should not be modified unless you
know what you are doing */
font.fontminus2 {
	font-size: 9px;
}
font.fontminus1 {
	font-size: 10px;
}
font.fontstandard {
	font-size: 11px;
}
font.fontplus1 {
	font-size: 12px;
}
font.fontplus2 {
	font-size: 13px;
}
font.fontplus3 {
	font-size: 14px;
}
font.fontplus4 {
	font-size: 15px;
}
font.fontplus5 {
	font-size: 16px;
}
font.fontplus6 {
	font-size: 17px;
}
font.fontplus7 {
	font-size: 18px;
}
font.fontplus8 {
	font-size: 19px;
}
font.fontplus9 {
	font-size: 20px;
}