/* mac hide\*/
html, body {height:100%}
/* end hide */
* {margin:0;padding:0}
body {
	min-width:700px;/* for mozilla*/
	background: url(../images/footer/bot_bg.gif) repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#outer{
	min-height:100%;
	margin:0px;
	color: #000000;
	text-align:left;
	width: 100%;
	position:relative;
}
 
* html #outer{
	height:99.9%;
} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/
#main_body {
	position:relative;
	/*background-color: #FAF2EF;*/
	/*background-image: url(../images/header/left_col_bg.gif);*/
	background: url(../images/right_column/RightColumn_bg.jpg) no-repeat bottom left;
	background-color: #e2dbd8;
	border-right:1px solid #000;
}
#top {
	background: url(../images/header/header_bg.jpg) no-repeat top left;
	background-color: #23201a;
	padding: 0px 0px 0px 170px;/*17px 27px 14px 27px;*/
	height: 85px;
}
#navigation {
	background: url(../images/header/nav_bg.jpg) repeat-x left top;/*nav_bg.gif*/
	padding: 10px 0px 0px 291px;
	border-right:1px solid #000;
	height: 28px;
}
#column_left {
	position:relative;/*ie needs this to show float */
	width: 250px;/*210*/
	float: left;
	padding: 20px 0px;
	color: #9f190f;	
	background-color: #f8c041;
}
	.home {
		width: 80%;
	}
#column_left a:link, #column_left a:visited, #column_left a:active {
	font-size: 90%;
	text-decoration:none;
	color: #9f190f;	
}
#column_left a:hover {
	text-decoration: underline;
	color:#000000;

}
#inner-left{
	background: url(../images/left_column/bg.gif) repeat-y left top;
	padding: 0px 20px;
	width: 100%;
}
#inner-left-top {
	background: url(../images/left_column/top.jpg) no-repeat left top;
	height: 13px;
	width: 250px;
}
#inner-left-bottom {
	background: url(../images/left_column/bottom.jpg) no-repeat left top;
	height: 16px;
	width: 250px;		
}
#request_buttons {
	/*background: #F8C041 url(../images/left_column/but_bg.gif) no-repeat left top;*/
	height: 70px;
	width: 250px;
	margin: 10px 0px;
}
#new_products {
	/*background: url(../images/left_column/logo_mid.jpg) repeat-y;*/
	width: 245px;
}
	#new_products .DiNoc {
		background: url(../images/left_column/Di-NocBackground.jpg) no-repeat top left;
		margin-left:10px;
		padding:20px 0px 25px 20px;	
	}
	#new_products .SunscreenCat {
		background: url(../images/left_column/SunscreenCatBackground.jpg) no-repeat top left;
		margin-left:10px;
		padding:20px 0px 25px 20px;	
	}
#column_right {
	position:relative;/*ie needs this to show float */
	margin-left: 250px;
	padding: 25px;
	font-size: 140%;
	
	
}

#column_right #Gallery {
	height: 1%;
}

#column_right #Gallery .ImageArea {
	float: left;
	width: 200px;
	min-height: 200px;
	
	background: url(../../images/Thumb_Shadow.png) no-repeat top left;
}
#column_right #Gallery .ImageArea h2 {
	width: 150px;
	padding-top: 10px;
	text-align:left;
	
	font-size: 12px;
	color: #29211e;
	font-weight:normal;
	
	text-transform:capitalize;
}

	/*	TOOLTIP ON ROLLOVER SETTINGS
		============================  */
	#column_right #Gallery .Image a,
	#column_right #Gallery .Image a:hover {
		display: block; /* Fix for IE6, tooltip does not show without this */
	}
	#column_right #Gallery .Image a:hover img {
		width: 175px;
		height: 128px;
		border: 5px solid #f48420;
	}
	#column_right #Gallery .Image a span {
		visibility: hidden;
		position: absolute;
		width: 100px;
	
		color: #FFF;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		margin: 70px 0px 0px -70px;
		padding: 3px 6px;
		background-color: #adc92a;
	}
	#column_right #Gallery .Image a:hover span {
		visibility: visible;
	}


#column_right ul {
	margin: 0px 20px;
	padding: 5px;
}
#column_right li {
	margin: 0px;
	padding: 5px;
}
#inner-right{
	width:100%;
}
* html #inner-right {overflow:hidden;}
#right p {padding:2px}
#footer_top {
	background: url(../images/footer/footer_top.gif) repeat left bottom;
	height: 10px;
}
#footer {
	height: 50px;
	padding: 10px;
}
#clearfooter {width: 100%;height: 20px;clear: both} /* to clear footer */
.clear {
	clear: both;
} 

h1 {
	margin: 0px;
	font-size: 130%;	
}
h2 {
	margin: 0px 0px 10px 0px;
	color: #CD0E14;
	font-size: 120%;
}
h3 {
	margin: 10px 0px 0px;
	color: #CD0E14;
	font-size: 120%;
}
p {
	margin: 0px 0px 8px 0px;
}
hr {
	margin: 5px 0px;
}
a:link, a:visited, a:active {
	color: #000000;
	text-decoration:none;

}
a:hover {
	color: #CD0E14;
	text-decoration: underline;
}

.home_image {
	float: right;
	position: relative;
	padding: 0px 0px 10px 10px;
	border: none;
}
.gallery_image {
	float: left;
	position: relative;
	margin: 10px;
	border: none;
}
#outer #main_body #column_right iframe {
	height: 700px;
	width: 800px;	
	/*border: solid 1px red;*/
}
#column_right label {
	font-weight: bold;
	color: #9F190F;
}


.Red {
	color: #FF0000;
}