.AddProdDiv {border:1px solid #666;padding:10px;width:80%}
.HRC {color: #CCC;background-color: #CCC;height: 1px;}


body { 	
	color : #333;
	font-size : 9pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	background-color:#EEE;
}
th {
	color : #333;
	font-size : 12px;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	text-align:left;}

input, select {
	color : #333;
	font-size : 11px;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;}

img {border:0}

hr {
	color: #FF9900;
	background-color: #FF9900;
	height: 2px;}

hr.HRC {color: #CCC;background-color: #CCC;height: 1px;}
hr.darkline {color: #666;background-color: #666;height: 1px;}

.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px5 {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
h1 {
	color : #FF9933;
	margin-top:0px;
	font-size : 13pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	color : #000099;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
	text-transform: uppercase;
	font-size : 14px;
}

h3 {
	color : #666;
	margin : 3px 0 3px 0;
	font-size : 13pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
	text-align:left;
	text-transform: uppercase;
}
h4 {
	color : #000099;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
	text-transform: uppercase;
	font-size : 14px;
}

h4.specs {
	color : #000099;
	font-size : 13px;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
	text-transform: uppercase;}

h5 {
	font-size : 14px;
	color : #FF9933;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
	text-transform: uppercase;
}


TD {
	color : #333;
	font-size : 12px;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	vertical-align:top;
}
p {
	color : #333;
	font-size : 10pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
}

li {
	color : #333;
	padding-bottom: 5px;
	margin-bottm: 10px;
	font-size : 9pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
}
p a {
	color : #000000;
}
p a:hover {
	color : #333;
}

a.link {color:#999;font-size:11px;text-decoration:none;font-weight: normal}
a.hover {color:#666;font-size:11px;text-decoration:none;font-weight: normal}
a.active {color:#999;font-size:11px;text-decoration:none;font-weight: normal}
a.visited {color:#999;font-size:11px;text-decoration:none;font-weight: normal}

/*  --------------------------  HEADER CLASSES-------------------------- */
.SearchForm {text-align:right;padding:22px 5px 0px 0;}

.Header1 {background-image:URL(images/Dunlite_Top1_Sh.jpg);background-repeat:no-repeat; height:305px; width:238px;}
.Header2 {background-image:URL(images/Dunlite_Top2_Sh.jpg);background-repeat:no-repeat;}
.Header3 {background-image:URL(images/Dunlite_Top3_Sh.jpg);background-repeat:no-repeat;}

.Header1b {background-image:URL(images/Dunlite_Top1_Sh.jpg);background-repeat:no-repeat; height:305px; width:238px;}
.Header2b {background-image:URL(images/Dunlite_Top2_Sh.jpg);background-repeat:no-repeat;}
.Header3b {background-image:URL(images/Dunlite_Top3_Sh.jpg);background-repeat:no-repeat;}

.HeaderSpec {height:235px; background-image:URL(images/Dunlite-headerSpecials.jpg); background-repeat:no-repeat;}

.MenuBG {
	background-image:URL(images/Dunlite_Menu.gif);
	background-color:#FF9900;
	background-repeat:no-repeat;
	border-right: 3px solid #FFC978;}

.DownloadBroch {
	background-image:URL(images/Dunlite_Brochure.jpg);
	padding:30px 0 10px 8px;
	background-repeat:no-repeat;
	background-color:#FF9900;
	margin:30px 20px 20px 20px;}

.advsrch {padding:10px 20px 0 0; color:#FFF}

/*Honda warranty Div is placed in the left side of header in the Homepage */
.HondaWarDivH {
	width:146px; float:left; margin-left: 25px; margin-top: 198px;
}

/*Honda warranty Div is placed in the right side of header in the other pages */
.HondaWarDiv {
	width:146px; float:right; margin-right: 15px; margin-top: 78px;
}

/*Honda warranty Div is placed in the left side of header in the Specials */
.HondaWarDivSpec  {
	width:146px; float:left; margin-left: 25px; margin-top: 150px;
}

.ShopLink {
	width:160px; float:right; margin-right: 15px; margin-top: 85px;
}

.HomeLinkDiv {
	float: left; margin-top: 210px; width: 50px; text-align: left;
}

.subLinksDiv {
	float: left; margin-top: 210px; width: 320px; text-align: right;
}

/*  --------------------------  FOOTER CLASSES-------------------------- */
.footlinks1 {background-image:URL(images/Dunlite_Footer.jpg);color:#FFF;padding:3px 10px 5px 5px;text-align:center;border-bottom:2px solid #FFCC00}
.footerRight {padding: 10px 0 20px 0px;}
.gensearch {background-image:URL(images/WC_ModelSearch.jpg);color:#FFF;padding:40px 20px 10px 10px}

.WCFeature {background-image:URL(images/WC_Feature.jpg);color:#FFF;padding:55px 0px 10px 0px}
.WCFeature2 {
	background-image:URL(images/WC_Feature2.gif);
	padding:10px 40px 20px 30px;
	font-size:11pt;
	font-weight: bold;
	color:#666;}

.footerRight1 {
	background-image:URL(images/Dunlite_PowerBy.jpg);
	background-repeat:no-repeat;
	padding:0px 30px 20px 0px;
	text-align:center;}

.footerPatCalli {
	background-image:URL(images/pat_callinan_watch.jpg); 
	background-position: left bottom;
	background-repeat:no-repeat;
	padding:5px 40px 0 10px;
	text-align:center;
	height: 230px;
	}

.viewHonda {padding-top:45px}

.viewYamah {padding-top:55px}

.FeatArea {	
	background-image:URL(images/Gentech_Feature.gif);
	padding:40px 0 40px 15px;
	background-repeat:no-repeat;
	background-color:#FFF;
	margin:15px 20px 10px 0px;}
.footright {border-right:3px solid #FFCC00;border-bottom:3px solid #FFCC00}

.nofeat {padding:30px 0 120px 0px;font-size:11pt;font-weight: bold;color:#666}

.FeatArea4 {	
	padding:0px 0 10px 0px;
	margin:0px 0px 10px 0px;}

.DunFeat1 {background-image:URL(images/Gentech_Feat1.gif);padding-top:17px;background-repeat:no-repeat;}
.DunFeat2 {background-image:URL(images/Gentech_Feat2.gif);padding-top:17px;background-repeat:repeat-y;}
.DunFeat3 {background-image:URL(images/Gentech_Feat3.gif);padding-top:17px;background-repeat:repeat-y;}
.DunFeat4 {background-color:#FFFCF0;padding:10px;width:175px}

.LatestNews {background-color:#FF9900;margin:0px 20px 0 0px;}

.NewsSnap {
	padding:5px 8px 8px 8px; 
	color:#666; 
	border:2px solid #FF9900; 
	margin:0px 20px 0 0px;}

/*  --------------------------  PAGE CLASSES    -------------------------- */

.bodyclass {padding: 0 20px 20px 20px; border-bottom:3px solid #FFCC00}
.bodyclass2 {padding:20px;border-right:3px solid #FFCC00;border-bottom:3px solid #FFCC00;background:#FFF}
.indexbold {font-size : 11pt;font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;font-weight: bold;color:#000;}
.listsupplers {border: 2px solid #528936;padding:10px;}
.indexNormal {font-size : 12px;font-weight: normal;color:#000;}
.Indextable {border:0px;padding:10px;}

.listImage {float:left; width:60px;}
.listtd1 {background-color:#666666;padding:3px 0 3px 3px;color:#FFF;font-weight:bold}
.listtd2 {padding:3px 0 3px 3px;color:#000;font-weight:normal;vertical-align:middle;}

hr.contactHR1 { border:0;color:#000099;background:#000099;height: 1px;width: 100%;text-align: left;}
hr.contactHR2 { border:0;color:#000099;background:#000099;height: 1px;width: 95%;text-align: left;}

.conditions {font-size:9px; color:#666}
.disabled {color:#999}
.black{color:#000}
.colour {color:#000099}
.SubHead{color:#000099;font-size:12px; font-weight:bold;}

.listHR {color: #CCC;background-color: #CCC;height: 2px;}

.listdiv1 {float:left; width:450px;margin-left:4px}
.listdiv2 {text-align:right;}

/*Classes & ID being used for SPECIALS Page*/

.subHome {
	color : #333;
	margin-top:0px;
	font-size : 13px;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
	text-transform: uppercase;
	line-height:190%;
}

h2.h2STitle {
	color : #FD1724;		/*Dunlite red font*/
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
	text-transform: uppercase;
	font-size : 13px;
}
h2.h2Specs {
	color : #999;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
	text-transform: uppercase;
	font-size : 11px;
}

.specDetails {
	padding-left:2px; 
	font-size:11px; 
	color:#666;
}

#tabProducts
{
	width: 880px;
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #CCC;
	padding: 0px;
	background-color:#CCCCCC;
}

#tabCart
{
	width: 880px;
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #CCC;
	padding: 0px;
	margin-bottom: 30px;
	background-color:#CCCCCC;
}

#tabMessage {
	width: 90%;
	padding-top: 6px;
	float: right;
	height:40px;
	/* Controls radius */
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	background: #FC1921;
	box-shadow:
		rgba(0,0,0,0.4)
		2px 2px /* Blur amount > */3px
		0px /* spread */
}

.messageTxt {
	 color:#FFF; 
	 font-size: 16px; 
	 font-weight:bold;
}

.introSpecDiv {
	width:870px; 
	margin:10px 20px 10px 20px; 
	padding-top:10px; 
	background-color:#FFF;
}

p.specBody {
	color : #666;
	font-size : 10pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
}

.listProdTD {
	vertical-align:top; 
	background-color:#FFFFFF; 
	padding:20px 0 20px 0;
	
}

.cartContTD {
	vertical-align:top; 
	background-color:#FFFFFF; 
	padding:20px 0 20px 0;
	text-align:center;
	
}

.cartHeader {
	background-color:#000099;
	color: #FFF;
	font-weight: bold;
	padding:5px;
}

.prodTD {
	width:400px;
	vertical-align:top;
	padding:8px 0 10px 0; 
	background-color:#FFFFFF;
}

.prodInfoDiv {
	float:left;
	margin-left:5px; 
	margin-right:5px; 
	width:210px;
}

.prodPurchDiv {
	margin-left:25px; 
	width: 150px;
}

.prodPriceDiv {
	text-align:center; 
	height:40px; 
	color:#FF9900;
}

.prodDetailsDiv {
	float:left; 
	width:180px; 
	text-align:left;
}

.prodDesc {
	padding-left:2px; 
	font-size:14px; 
	font-weight:bold;
}

.noprods {
	font-size: 18px; font-weight:bold;
}

.conditionTD {
	vertical-align:top; 
	background-color:#FFFFFF; 
	padding:20px;
	height:500px; 
	text-align: left;
	
}


/*  --------------------------  LINK CLASSES  -------------------------- */

a.dark:link {color:#333;}
a.dark:hover {color:#000;}
a.dark:active {color:#333;}
a.dark:visited {color:#333;}

a.light:link {color:#FFF;}
a.light:hover {color:#999;}
a.light:active {color:#FFF;}
a.light:visited {color:#FFF;}

a.smlGrey:link {color:#999;font-size:11px;text-decoration:none;font-weight: normal}
a.smlGrey:hover {color:#666;font-size:11px;text-decoration:none;font-weight: normal}
a.smlGrey:active {color:#999;font-size:11px;text-decoration:none;font-weight: normal}
a.smlGrey:visited {color:#999;font-size:11px;text-decoration:none;font-weight: normal}

a.smlGreyU:link {color:#999;font-size:11px;font-weight: normal}
a.smlGreyU:hover {color:#666;font-size:11px;font-weight: normal}
a.smlGreyU:active {color:#999;font-size:11px;font-weight: normal}
a.smlGreyU:visited {color:#999;font-size:11px;font-weight: normal}

a.smlGrey2:link {color:#666;font-size:11px;text-decoration:none;font-weight: normal}
a.smlGrey2:hover {color:#333;font-size:11px;text-decoration:none;font-weight: normal}
a.smlGrey2:active {color:#666;font-size:11px;text-decoration:none;font-weight: normal}
a.smlGrey2:visited {color:#666;font-size:11px;text-decoration:none;font-weight: normal}

a.TinyGrey:link {color:#999;font-size:9px;text-decoration:none;font-weight: normal}
a.TinyGrey:hover {color:#666;font-size:9px;text-decoration:none;font-weight: normal}
a.TinyGrey:active {color:#999;font-size:9px;text-decoration:none;font-weight: normal}
a.TinyGrey:visited {color:#999;font-size:9px;text-decoration:none;font-weight: normal}

a.whiteSml:link {color:#FFF;font-size:8pt;text-decoration:none;}
a.whiteSml:hover {color:#DDD;font-size:8pt;text-decoration:none;}
a.whiteSml:active {color:#FFF;font-size:8pt;text-decoration:none;}
a.whiteSml:visited {color:#FFF;font-size:8pt;text-decoration:none;}

a.Aunderline:link {color:#000099;font-weight: normal}
a.Aunderline:hover {color:#666;font-weight: normal}
a.Aunderline:active {color:#000099;font-weight: normal}
a.Aunderline:visited {color:#000099;font-weight: normal}

a.AunderlineO:link {color:#FF9933;font-weight: normal}
a.AunderlineO:hover {color:#666;font-weight: normal}
a.AunderlineO:active {color:#FF9933;font-weight: normal}
a.AunderlineO:visited {color:#FF9933;font-weight: normal}

a.Aunderline2:link {color:#666;font-weight: normal}
a.Aunderline2:hover {color:#333;font-weight: normal}
a.Aunderline2:active {color:#666;font-weight: normal}
a.Aunderline2:visited {color:#666;font-weight: normal}

a.medLink:link {color:#FFF;font-size:12px;text-decoration:underline;font-weight: bold; margin-right: 20px;}
a.medLink:hover {color:#FFF;font-size:12px;text-decoration:none;font-weight: bold; margin-right: 20px;}
a.medLink:active {color:#FFF;font-size:12px;text-decoration:underline;font-weight: bold; margin-right: 20px;}
a.medLink:visited {color:#FFF;font-size:12px;text-decoration:underline;font-weight: bold; margin-right: 20px;}


/*  --------------------------  CSS MENU  -------------------------- */
	
ul.sidenav {
	background: #fff;
	list-style-type: none;
	display: block;
	margin: 0px;
	border: 1px solid black;
	width:200px;
}

li.folder	{
   position: relative;
	padding: 0px;
	z-index: 9;
	width:170px;
}

li.folder	{
	padding: 2px 3px 3px 10px;
	background-color: #FFF;
	border: 0px solid #FFF;
	margin-bottom: 5px;
	background-image:URL(images/Dunlite_Button1.jpg);
	color:#666;
}	

li.folder:hover {
	z-index: 10;
	background-color: #FFF;
	background-image:URL(images/Dunlite_Button2.jpg);
	color:#666;
}
		
li.folder ul {
	position: absolute;
	display: none;
	left: 200px; /* IE */
	top: 0px;
	background:transparent;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
				
li.folder>ul { 
	left: 200px;
	background:transparent;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
		
ul.level1 li.folder:hover ul.level2 {
	display: block;
	width: 200px;
}

a.cssmenu:link {text-decoration: none; color:#000;}
a.cssmenu:active{text-decoration: none; color:#000;}
a.cssmenu:hover {text-decoration: none; color:#000;}
a.cssmenu:visited {text-decoration: none; color:#000;}


li a.submenu {
	background-color: #96122C;
	color:#FFF;
	padding: 3px 0 4px 10px;
	display: block;
	margin:0px;

}
li a.submenu:hover {
	background-color: #D35F5F;
	color:#FFF;
	padding: 3px 0 4px 10px;
	display: block;
	margin:0px;
}
			
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html li.explain { 
	width: 200px;
	background:transparent;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
/* End hide from IE5/mac */


#menu {
    border: 0px solid #ccc;
    margin: 0px;
    padding: 0;
    width: 200px;
}

#link {
	padding: 0px 0px 0px 10px;
	margin-top: 15px;
}