/* ==================== top menu ==================== */

.country {padding: 0; margin-right: 10px; margin-top: 0; margin-bottom: 0; margin-left: 0; font-size: 12px; color: #81b737}
.menubar {list-style-type: none; margin: 0; padding: 0; } 
.topitem {font-weight: normal; float: left; display: block; height:34px;} 
.topitem a, .topitem a:visited {font-weight: bold; font-size: 11px; color: #595959; background: url('images/button_on.gif') repeat; text-align: center; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:0px; display: block; text-decoration: none; }
.topitem a:hover {font-weight: bold; color: #595959; background: url('images/button_off.gif') repeat; display: block; text-decoration: none; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:0px } 
.selected  {font-weight: normal; background: #afaea9  }



/* ==================== flyout menu ==================== */

/* ==================== flyout menu ==================== */

ul.submenu {list-style-type: none; position: absolute; margin: 0; padding: 0; display: none; width: 170px;  } 
ul.submenu li {padding: 0; margin: 0; font-size: 11px; text-align: left;} 
ul.submenu li a, ul.submenu li a:visited{padding: 3px 3px 3px 16px; color: #595959; background-image: none; text-align: left; font-weight: normal; border: 1px solid #e6e6e6; text-decoration: none; margin: 0;} 
ul.submenu li a:hover {padding: 3px 3px 3px 16px; text-decoration: none; background-image: none; background: #fff; color: #595959; font-weight: normal; border: 1px solid #f79762; } 
li:hover ul, li.over ul {margin: 0; padding: 4px; display: block; background: #ebebeb; border: 1px solid #f79762;} 

#dmenu li>ul {top: auto; left: auto;}



* ==================== flyout menu ==================== */
.submenu2{font-weight: normal; float: left; display: block; height:34px;} 
ul.submenu2 {list-style-type: none; position: absolute; margin: 0; padding: 0; display: none; width: 170px;  } 
ul.submenu2 li {padding: 0; margin: 0; font-size: 11px; text-align: left;} 
ul.submenu2 li a, ul.submenu2 li a:visited{padding: 3px 3px 3px 16px; color: #595959; background-image: none; text-align: left; font-weight: normal; border: 1px solid #e6e6e6; text-decoration: none; margin: 0;} 
ul.submenu2 li a:hover {padding: 3px 3px 3px 16px; text-decoration: none; background-image: none; background: #fff; color: #595959; font-weight: normal; border: 1px solid #f79762; } 
li:hover ul, li.over ul {margin: 0; padding: 4px; display: block; background: #ebebeb; border: 1px solid #f79762;} 

#dmenu li>ul {top: auto; left: auto;}
/* ========================= legacy style tags ============================== */


/* ========================= div rounded corner boxes ============================== */
.rbcontainer{
	width: 300px;
	
}
.leftalign{
	width: 115px;
	float:left;
	padding-right:8px;
}
.rbroundbox {
	width: 287px;
	background: url(images/divbox_bk.gif) repeat;
}
.rbtop div {
	width: 287px;
	height: 23px;
	background: url(images/divbox_top.gif) no-repeat top left;
}
.rbbottom div {
	width: 287px;
	height: 23px;
	background: url(images/divbox_bottom.gif) no-repeat bottom;
}
.rbcontent{
	margin-left: 7px;
	margin-right: 7px;
	padding-left: 7px;
	padding-right: 7px;
	text-align: left;
	vertical-align: text-top;
	font-size: 11px; 
	color: #595959; 
	line-height: 17px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	width: 90%;
}

.rbbigcontainer{
	width: 575px;
}
.rbbigbox {
	width: 550px;
	background: url(images/divbox_big550_bk.gif) repeat;
}
.rbbigtop div {
	width: 550px;
	height: 23px;
	background: url(images/divbox_big550_top.gif) top left;
}
.rbbigbottom div {
	width: 550px;
	height: 23px;
	background: url(images/divbox_big550_bottom.gif)  no-repeat bottom;
}
.rbbigcontent{
	margin-left: 7px;
	margin-right: 7px;
	padding-left: 7px;
	padding-right: 7px;
	text-align: left;
	vertical-align: center;
	font-size: 11px; 
	color: #595959; 
	line-height: 23px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	width: 90%;
}
.required{
	font-weight: bold;
	text-align: left;
	vertical-align: text-top;
	font-size: 13px; 
	color: #de9d45; 
	line-height: 23px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
.rborangetitle:link { text-align: left; font-size: 15px; color: #de9d45; line-height: 21px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-weight: normal;}
.rborangetitle:hover { text-align: left; font-size: 15px; color: #00aeef; line-height: 21px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; text-decoration: underline; font-weight: normal; }
.rborangetitle:visited { text-align: left; font-size: 15px; color: #de9d45; line-height: 21px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;  font-weight: normal;}
.rborangetitle:active { text-align: left; font-size: 15px; color: #de9d45; line-height: 21px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;  font-weight: normal;}

.rbbluetitle{
	font-weight: bold;
	text-align: left;
	font-size: 15px; 
	color: #6c898e; 
	line-height: 23px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;}

.rbbluetitle:hover {
	font-weight: bold;
	text-align: left;
	font-size: 15px;
	color: #FF9900;
	line-height: 23px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	text-decoration: underline;
}
.rbbluetitle:visited {
	font-weight: bold;
	text-align: left;
	font-size: 15px;
	color: #6c898e;
	line-height: 23px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	
}
.rbbluetitle:active {
	font-weight: bold;
	text-align: left;
	font-size: 15px;
	color: #6c898e;
	line-height: 23px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	
}


.suborangetitle{
	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
	font-size: 13px; 
	color: #de9d45; 
	line-height: 23px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
.sublightbluetitle{
	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
	font-size: 17px; 
	color: #33abff; 
	line-height: 23px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
.productlistitems{
	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
	font-size: 10px; 
	color: #595959; 
	line-height: 15px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	list-style-image: url(../website/images/arrow_little_over.gif);
	
}

.rbfullcontainer{
	width: 790px;
}
.rbfullbox {
	width: 725px;
	background: url(images/divbox_big725_middle.gif) repeat;
}
.rbfulltop div {
	width: 725px;
	height: 23px;
	background: url(images/divbox_big725_top.gif) top left;
}
.rbfullbottom div {
	width: 725px;
	height: 23px;
	background: url(images/divbox_big725_bottom.gif)  no-repeat bottom;
}

.rbhugecontainer{
	width: 1015px;
}
.rbhugebox {
	width: 1015px;
	background: url(images/divbox_big1015_bk.gif) repeat;
}
.rbhugetop div {
	width: 1015px;
	height: 23px;
	background: url(images/divbox_big1015_top.gif) top left;
}
.rbhugebottom div {
	width: 1015px;
	height: 23px;
	background: url(images/divbox_big1015_bottom.gif)  no-repeat bottom;
}

	#dhtmlgoodies_slideshow{
		width:600px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
.style2 {
	font-size: 16px;
	color: #FF6600;
	font-weight: bold;
}
.style3 {color: #e08b18;}
.style4 {color: #FF9900}
.style5 {
	font-size: 16px;
	color: #e08b18;
	font-weight: bold;
}


.todobar:link { font-size: 11px; background: url(images/rt_todobar_off.gif) no-repeat;  text-align: center; vertical-align: middle; height: 23px; width: 75px; color: #165596; font-weight: normal; text-decoration: none; padding: 5px;}
.todobar:visited { font-size: 11px;  background: url(images/rt_todobar_off.gif) no-repeat;  text-align: center; vertical-align: middle; height: 23px; width: 75px; color: #165596; font-weight: normal; text-decoration: none;  padding: 5px;}
.todobar:active { font-size: 11px;  background: url(images/rt_todobar_off.gif) no-repeat;  text-align: center; vertical-align: middle; height: 23px; width: 75px; color: #165596; font-weight: normal; text-decoration: none; padding: 5px;}
.todobar:hover { font-size: 11px;  background: url(images/rt_todobar_on.gif) no-repeat;  text-align: center; vertical-align: middle; height: 23px; width: 75px; color: #a3620a; font-weight: normal; text-decoration: none; padding: 5px;}