/* Core Attributes */
body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#container {
	background:url(/skin/AdvancedWaterSolutions/images/topbg.gif) top repeat-x;
	height:auto;
	text-align:justify;
	width:auto;
}

h1 {
	color:#9b1212;
	font-size:13pt;
	font-weight:bold;
	font:"Book Antiqua",Times New Roman, Times, serif;
	margin:10px 0px 20px 0px;
}

h2 {
	color:#9b1212;
	font-size:11pt;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:3px;
	_padding-left:4px;
}
.image_left img{
  display: block;
  position: relative;
  background-color: #fff;
  border: 4px solid #6b6b6b;
  margin: -6px 6px 6px -6px;
}

.image_right img{
  display: block;
  position: relative;
  background-color: #fff;
  border: 4px solid #6b6b6b;
  margin: -6px 6px 6px -6px;
}

img{
  display: block;
  position: relative;
  background-color: #fff;
  border: 4px solid #6b6b6b;

}


.mceEditor img{
float:left;
}

.image_left{
  float:left;
  background: url(/skin/AdvancedWaterSolutions/images/shadowAlpha.png) no-repeat bottom right    !important; /*To prevent IE6 and older using this atrribute line - it doesnt undernstand !important so it'll jus go the to the next one, where as all the other browsers to understand it and thus will use this one. This ensures the browsers with PNG uses the png bg and the ones that dont use the gif*/
  background: url(/skin/AdvancedWaterSolutions/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.image_right{
  background: url(/skin/AdvancedWaterSolutions/images/shadowAlpha.png) no-repeat bottom right    !important; /*To prevent IE6 and older using this atrribute line - it doesnt undernstand !important so it'll jus go the to the next one, where as all the other browsers to understand it and thus will use this one. This ensures the browsers with PNG uses the png bg and the ones that dont use the gif*/
  background: url(/skin/AdvancedWaterSolutions/images/shadow.gif) no-repeat bottom right;
  float:right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.image_right img{

}

/* Top Attributes */
#topbanner {
	background:url(/skin/AdvancedWaterSolutions/images/banner.jpg) no-repeat;
	width:775px;
	height:139px;
}

#topmenu {
	background:url(/skin/AdvancedWaterSolutions/images/menubg.gif) repeat-x;
	height:25px;
	margin:0;
	padding:0;
	color:#FFFFFF;
}

#topmenu li {
	list-style:none;
	display:block;
	padding:0px 10px 0px 7px;
	background:url(/skin/AdvancedWaterSolutions/images/menusplitter.gif) bottom right no-repeat;
	font-weight:bold;
	line-height:25px;
	float:left;
}

#topmenu li a {
	color:#FFFFFF;
	text-decoration:none;
}

#topmenu li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
/* Middle Attributes */
#content {
	background:url(/skin/AdvancedWaterSolutions/images/pagebg.jpg) top center no-repeat;
	height:auto;
	overflow:visible;
	width:760px;
	padding:0px 0px 40px 15px;
	text-align:justify;
	float:left;
}

#featuredartist {
	width:215px;
	height:220px;
	float:left;
	clear:both;
}

#featuredartist image_left {
height:148px;
width:185px;
overflow:hidden;
}
#rightpictures {
	width:185px;
	float:right;
	height:285px;
	margin-top:15px;
}

.picturecaption {
	font-size:10px;
	font-weight:bold;
	text-align:right;
	float:right;
	padding-right:17px;

}

.picturedescription {
	font-size:10px;
	float:left;
	text-align:justify;
	font-style:italic;
	padding-right:17px;
}

#maintext {
	padding-top:1px;
	margin-bottom:50px;
}

/* Bottom Attirbutes */
#footer {
	height:120px;
	overflow:hidden;
	width:100%;
	background:url(/skin/AdvancedWaterSolutions/images/bottombg.gif) repeat-x;
	border-bottom:3px solid #000;
	color:#FFFFFF;
	float:left;
	clear:both;
}

#footermenu {
	margin:20px 0px 0px 0px;
	_margin:20px 0px 0px 9px;
	padding:0;
	width:300px;
}

#footermenu li {
	list-style:none;
	display:block;
	padding:0px 10px 0px 7px;
	background:url(/skin/AdvancedWaterSolutions/images/bottommenusplitter.gif) bottom right no-repeat;
	line-height:12px;
	float:left;
}

#footerwrapper {
	width:775px;
	height:120px;
	float:left;
	overflow:hidden;
}
#footer #lefttext {
	display:block;
	float:left;
	padding:20px 0px 0px 7px;
	_padding:0;
	_margin:25px 0px 0px 7px;
	
}

#footermenu a {
	text-decoration:none;
	color:#FFFFFF;
}

#righttext a {
	text-decoration:none;
	color:#FFFFFF;
}

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

#righttext a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
#footer #righttext {
	display:block;
	float:right;
	padding:20px 0px 0px 7px;
	_padding:0;
	_margin:25px 0px 0px 7px;
}


#CategoryList .ImageThumb .Link a{
	color:#000000;
}


#CategoryList {
margin:6px 0 0 0;
}

#CategoryList a {
	margin:10px 0px 4px 0px;
	color:#9b1212;
}

#CategoryList a:hover {
	color:#000000;
}

#ProductList a:hover {
	color:#000000;
}

#ProductList a{
	color:#9b1212;
}


.ImageThumb {
}

#ProductList {
width:auto;
}

/*Commented Out Feb. 28th 2008

.ThumbImage {
margin:40px 50px 0px 10px;
}*/

.ProductThumb {
float:left;
margin:5px;
}

/*added Feb. 28th 2008 */
.CategoryThumb, .ProductThumb {
float:left;
height:250px;
width:250px;
}

#ProductList .ProductThumb {
width:200px;
height:200px;
margin:0px 10px 10px 0px;
}

.CategoryThumb .ImageThumb, .ProductThumb .ImageThumb {
float:left;
clear:both;
height:170px;
width:170px;
}

.CategoryThumb .Link, .ProductThumb .Link {
float:left;
clear:both;
}

.ThumbImage {
float:left;
clear:both;
}

#ProductList {
float:left;
clear:both;
margin-top:15px;
border-top:4px solid #ccc;
padding-top:15px;
}

#gallery .ThumbImage {
margin:10px 0px 10px 0px;
}

#homepageimg2 {
margin-bottom:15px;
}