/*DH - MAC HOMEPAGE FLASH HACK - 24.11.05 */
#flashBG {
	background: url(../images/flashHomeBG.jpg) no-repeat left top;
}

/* GEORGE !!! - please find new/updated styles below....
***************************************************/

#breadCrumbs { font: bold 11px Verdana; color:#666; padding:15px 10px; }
#breadCrumbs a { text-decoration:none; color:#FF9900; border-bottom:none; background:url(../images/subArrow.gif) right 4px no-repeat; padding-right:11px; margin-right:2px; }
#breadCrumbs a:hover { text-decoration:none; color:#FF6600; }

#pageContent { width:auto; margin:0px 10px 0px 210px; padding:5px 5px 5px 10px; clear:right; }

#pageBody p { font-weight: normal; margin:0px; padding:10px 30px 10px 10px; }
/*#pageBody a { text-decoration:none; color:#FF9900; border-bottom:1px dotted #999; }
#pageBody a:hover { text-decoration:none; color:#FF6600; border-bottom:1px solid #FF9900; }*/
#pageBody a { text-decoration:none; color:#FF9900; border:0; }
#pageBody a:hover { text-decoration:underline; color:#FF6600; }
/*OLD #pageBody h1 { margin:10px 0px; padding:5px 10px; font:bold 14px Arial, Helvetica, sans-serif; color:#656565; background:#e5e5e5 url(../images/h1BG.gif) left center repeat-y; border:4px solid #f5f5f5; }*/
/* NEW UPDATED MATEYYYY */
#pageBody h1 { margin:10px; padding:5px 16px; font:bold 14px Arial, Helvetica, sans-serif; color:#656565; border-bottom:1px dotted #ff9900; 
background:url(../images/h1BG.gif) 4px center no-repeat;
border-top:1px solid #eee; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #eee; }
#pageBody h2 { margin:0px; padding:5px 10px; font:bold 12px Arial, Helvetica, sans-serif; color:#333; }
#pageBody hr { border-bottom:1px dashed #bbb; border-top:none; border-left:none; border-right:none; background:#fff; color:#fff; margin:10px 30px 10px 10px; padding:0px;  }
* html #pageBody hr.hrNewsDisplay {	margin:0px 0px 0px 0px; }
#pageBody hr.hrNewsDisplay { margin: 5px 0px 5px 0px; }
#pageBody ul { list-style-image:url(../images/listBullet.gif); }
#pageBody img { border-bottom:1px solid #bbb; border-top:1px solid #ddd; border-right:1px solid #bbb; border-left:1px solid #ddd; margin:4px; padding:4px; text-decoration:none; background:#fff; }
#pageBody img.noBorder {
	border: none;
}
#pageBody table { margin-left:14px; border:1px solid #ccc; }

/* GH UPDATE TO GET h1 TAG WORKING ON HOMEPAGE */
#featuredProducts h1 { margin:10px 10px 10px 0px; padding:5px 16px; font:bold 14px Arial, Helvetica, sans-serif; color:#656565; border-bottom:1px dotted #ff9900; 
background:url(../images/h1BG.gif) 4px center no-repeat;
border-top:1px solid #eee; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #eee; }


/* **********************************************/
 
/*DH 071205 - THIS WAS CREATING HAVOC WITH MAC IE MENU??? FUCK KNOWS WHY... BUT I ADDED THE PAGEBODY ID TO PINPOINT THE NEWSLETTER CLASS*/
#pageBody .newsletter { border: none; }

#pageBody .newsletter_col {
	display: none;
}

#pageBody table {
	border: none;
}

.newsletter p.h1a {
	padding:9px 0px 0px 0px; margin: 0px; color: #FF6600; font: normal 18px Arial, Helvetica, sans-serif;
}

.newsletter p.h1b {
	padding:0px 0px 3px 20px; margin: 0px; color:#666666; font: normal 18px Arial, Helvetica, sans-serif;
}

/* I've laid this out in alphabetical order, I find it easier to find stuff like that, but u can move it around where-ever u want.
Just be aware of image paths. */

body {
	margin: 0px;
	padding: 0px;
	font: normal 11px verdana;
	color:#333333;
	background: url(../images/bodyBG.gif) repeat;
}

#borderRight { background:url(../images/bodyBorderRight.gif) repeat-y left top; }
#borderLeft { background:url(../images/bodyBorderLeft.gif) repeat-y top right; }
#borderMiddle { width:734px; background:#fff; border-bottom:1px solid #d5d5d5; } /*900px*/

.clear { float: none; width: 100%; clear: both; }

div.module { background:#D9D9D9; margin:10px 1px; padding:5px; }
div.module a { text-decoration:none; color:#FF6600; font-weight:bold; }
div.module a:hover { text-decoration:underline; }

div.odd {
	background: #FAFAFA;
	border-bottom: #EEE;
	margin: 2px 0;
}
div.odd {
	background: #F0F0F0;
	border-bottom: #EEE;
	margin: 2px 0;
}


#emailFriend { text-align:right; margin:0px 10px 0px 0px; padding:0px; text-decoration:none; }

#featuredProducts {
	float: left;
	width: 100%;
	background: #FFF;
	font-weight: bold;
}

#featuredProducts .product {
	float: left;
	width: 135px; 
	height: 120px;
	border-top:1px solid #eee; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #eee;
}

#featuredProducts .productSpacer {
	float:left; width: 39px;
}

#featuredProducts p {
	margin: 2px 0;
	padding: 0;
	text-align: center;
}

#featuredProducts a { text-decoration:none; color:#FF9900; border:0; }
#featuredProducts a:hover { text-decoration:underline; color:#FF6600; }

#header { height:75px; position:relative; }
#header a#homeLink { display:block; position:absolute; top:15px; left:45px; width:259px; height:56px; background:none; text-indent:-700em; text-decoration:none; }



#loginStatus { font: normal 10px Verdana; margin:0px; padding:0px; text-align:right; position:absolute; top:15px; right:10px; }
/* @@@ NEW/UPDATED @@@ */
/*#loginStatus a, #emailFriend a { background:#999999; text-decoration:none; border:none; }
#loginStatus a:hover, #emailFriend a:hover { background:#FF6600; border:none; }

#loginStatus a#logout { color:#999;  background:none; }
#loginStatus a#logout:hover { color:#ff6600;  background:none; }*/

/* @@@ NEW/UPDATED @@@ */
#loginStatus form { margin:2px 0px; padding:0px; border:none; }
#loginStatus input#login, #loginStatus input#password { width:135px; font:normal 11px verdana; color:#333333; padding:2px; margin:0px; border:1px solid #B2B2B2; }
/* @@@ NEW/UPDATED @@@ */
#loginStatus input#login {  }
#loginStatus input#password {  }

#loginStatus a { text-decoration:none; color:#FF9900; border:0; }
#loginStatus a:hover { text-decoration:underline; color:#FF6600; }

/* @@@@@@@@@@@@@@@@@@@@@ */


/* @@@ NEW/UPDATED @@@ */
#mailingList { border-bottom:1px dotted #ff9900; border-top:1px dotted #ddd; text-align:center; width:186px; }
#mailingList form { margin:0px; padding:5px 0px 10px 0px; }
#mailingList img { margin:0px; padding:2px 0px 5px 0px; }
#mailingList input#mail { width:182px; font:normal 11px verdana; color:#333333; padding:2px; margin-bottom:4px; border:1px solid #B2B2B2; text-align:center; }
/* @@@@@@@@@@@@@@@@@@@@@ */



/* $$$$$$$$$$$$ update NEW FOOTER $$$$$$$$$$$$ */
#pageFooter {
	text-align: right;
	font: normal 10px Verdana;
	color: #BCBEC0;
	line-height: 1.5em;
	/*background: url(../images/footerHR.gif) right top no-repeat;*/
	padding: 20px 0px 0px 0px;
	margin-right:8px;
	margin-top:35px;
	float:right;
}
#pageFooter a, #pageFooter p.copyright { text-decoration: none; color: #666666; }
#pageFooter a:hover { text-decoration: none; color:#ff6600; }



/* @@@ NEW/UPDATED @@@ */
#pageWrapper { background:url(../images/headerBG.jpg) left top no-repeat; margin-left:-5px; padding-left:5px; width: 740px; }
/* @@@@@@@@@@@@@@@@@@@@@ */


#recentNews {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #d1d1d1;
}
#recentNews td {
	padding: 2px;
	margin: 0;
}
#recentNews tr {
	background: url(../images/recentBG.gif) top repeat-x;
	margin: 2px 0;
}
#recentNews a, #recentNews a:hover {
	text-decoration: none;
	color: #333;
	border: none;
}

#recentNews p {
	font-size: 10px;
	padding:8px;
	margin: 0px;
}
#recentNews img {
	background: #fff;
}




/* @@@ */
#searchBox form { background-image:url(../images/btnMenuSearch.gif); background-position:left; background-repeat:no-repeat; width: 186px; height: 56px; padding:0px; margin:4px 0px; text-align:center; }
#searchBox input#search { width:104px; font:normal 11px verdana; color:#333333; padding:2px; margin:0px; border:1px solid #B2B2B2; }
#searchBox #searchBtn { padding:0px; margin:0px; vertical-align:middle; }
/* @@@@@@@@@@@@@@@@@@@@@ */



/* ###  START MAINMENU   ############################################################## */
ul#mainMenu {
	margin: 5px 0px 0px 10px;
	padding: 0;
	list-style: none;
	width: 186px;
	float:left;
}

ul#mainMenu li { position: relative; }

/* Main Menu Styles */
ul#mainMenu li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 186px;
	height: 56px;
	/*text-indent: -700em;*/
	text-decoration: none;
	border: none;
}


/* @@@ NEW/UPDATED @@@ */

/* @@@ GEORGE WE DON"T NEED EM ANYMORE... JUST COMMENT THEM OUT OR SOMETHING
ul#mainMenu li a.Products { background: url(../images/btnMenuProducts.gif) no-repeat; }
ul#mainMenu li a.Media { background: #999 url(../images/btnMenuMedia.gif) no-repeat; }
ul#mainMenu li a.Community { background: #999 url(../images/btnMenuCommunity.gif) no-repeat; }
ul#mainMenu li a.Outlets { background: #fff url(../images/btnMenuOutlets.gif) no-repeat; }
ul#mainMenu li a.Support { background: #999 url(../images/btnMenuSupport.gif) no-repeat; }

ul#mainMenu li a.Products:hover, ul#mainMenu li a.ProductsOn { background: url(../images/btnMenuProductsOn.gif) no-repeat; }
ul#mainMenu li a.Media:hover, ul#mainMenu li a.MediaOn { background: #999 url(../images/btnMenuMediaOn.gif) no-repeat; }
ul#mainMenu li a.Community:hover, ul#mainMenu li a.CommunityOn { background: #999 url(../images/btnMenuCommunityOn.gif) no-repeat; }
ul#mainMenu li a.Outlets:hover, ul#mainMenu li a.OutletsOn { background: #fff url(../images/btnMenuOutletsOn.gif) no-repeat; }
ul#mainMenu li a.Support:hover, ul#mainMenu li a.SupportOn { background: #999 url(../images/btnMenuSupportOn.gif) no-repeat; }
*/
/* @@@@@@@@@@@@@@@@@@@@@ */



/* Fix IE to stop Menu Jumping Around. Hide from IE Mac \*/
* html ul#mainMenu li { float: left; height: 1%; }
/* End */



/*Sub Menu UL */
ul#mainMenu li ul {
	position: absolute;
	left: 182px; /* Set 4px less than menu width = 186*/
	top: 0;
	display: none;
	color: #999999;
	background: url(../images/btnSubMenuBG.gif) no-repeat;
	width: 404px;
	height: 56px;

	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* Sub Menu Styles */
ul#mainMenu li ul li a {
	display: inline;
	color: #666666;
	text-decoration:none;
	background: url(../images/listBullet.gif) no-repeat 0px 3px;
	padding: 0px 3px 0px 10px;
	font: bold 10px verdana;
	line-height: 1.5em;
	text-indent: 0em;
	
}
ul#mainMenu li ul li a.on {
	color: #FF9900;
	background: none;
	background: url(../images/listBullet.gif) no-repeat 0px 3px;
	padding: 0px 3px 0px 10px;
}
ul#mainMenu li ul li a:hover, ul#mainMenu li ul li a.on:hover {
	color: #FF6600;
	background: none;
	background: url(../images/subArrow.gif) no-repeat 0px 3px;
	padding: 0px 3px 0px 10px;
}

ul#mainMenu li:hover ul, ul#mainMenu li.over ul { display: block; } /* The magic (li:hover ul) */
/* ###  END MAINMENU   ############################################################## */


#homeBox { background: #dcdcdc; margin:15px 0px; padding:4px; border:1px solid #ccc; width: 97%; }

#welcome {
	border: none;
	background: #ccc url(../images/welcomeBG.gif) top repeat-x;
	width: 100%;
}