@import "../stylesheet.css";

body 
{
		font-family: Trebuchet MS;
		font-size:12px;
		color: #ffffff;
		background-color: #000000;
		background-position:center;
		padding:0px;
		margin:0px;
}

div.Wrapper 

{ 
    position: relative;
    left: 50%;
    width: 930px;
    margin-left: -465px;   
    border: 1px solid #888888;
    float:left;
}

/*.banner*/

div.topBanner

{
	width: 930px;
	height: 150px;
	margin-left: 290px;
}

.aveda
	{
		float:left;
		background-image: url(images/aveda.png);
		background-repeat: repeat-x;
		width: 100px;
		height: 35px;
		margin-left: -285px;
		margin-top: -95px;
	}


/*.navigation*/

DIV.navigation 

{
	
	float:right;
	height: 27px;
	width: 930px;
	margin-top: -20px;
	border-top: 1px solid #888888;
    border-bottom: 1px solid #888888;
}
	.navigation ul {
		margin: 0;
		padding: 0;
	}
	
	.navigation ul ul 
	{
		
		position: absolute;
		width: 180px;
		display: none;
		padding-top:3px;
		padding-bottom:5px;
		background-color: #000000;
		border: 1px solid #ffffff;
		background-position: left top;
	}
	
	.navigation ul ul li ul {
		position: absolute;
		margin-top:-25px;
		display: none;
		left: 180px;
	}
	.navigation ul li 
	{
		height: 30px;
		cursor:pointer;
		display: block;
		float: left;
		height: 27px;
		margin-left: 13px;
	}
	.navigation ul li a {
		display:block;
		color:#ffffff;
		padding: 4px 13px 5px 13px;	
		font-weight:bold;
	}
	
	.navigation ul li a:hover 
	{
		color:#888888;
	}
	.navigation ul ul li {
		background-image: none;
		display: block;
		clear: left;
		border: none;
		width: 180px;
		height: auto;
		padding:0px;
	}
	.navigation ul ul li a {
		padding: 2px 8px 2px 8px;	
		color:#ffffff;
	}
	.navigation ul ul li a:hover {
		padding: 2px 8px 2px 8px;	
		width: 150px;
		color:#888888;
	}
	.navigation ul ul ul li {
		display: block;
	}
	.navigation ul li:hover ul {
		display: block;
	}
	.navigation ul li:hover ul ul {
		display: none;
	}
	.navigation ul ul li:hover ul {
		display: block;
	}

/*.navigation/Breadcrumb#*/

	.breadcrumb {
		height:18px;
		padding-left: 20px;
		padding-top: 20px;
		
	}
	.breadcrumb ul {
		list-style: none;
	}
	.breadcrumb ul li {
		display: inline;
	}
	
		.breadcrumb ul li a {
		color: #888888;
		text-decoration: none;
	}
	
		.breadcrumb a:link
	
	{
	
		text-decoration:none;
		font-weight:normal;
		color:#888888;
		
	}
		
	.breadcrumb a:visited
	{
		text-decoration:none;
		font-weight:normal;
		color:#888888;
	}
	
	.breadcrumb a:hover
	{
		text-decoration:none;
		font-weight:normal;
		color:#ffffff;
	}

/*.maincontent*/

.flash

	{
		width: 717px;
		height: 341px;
		padding-top: 70px;
		padding-bottom: 70px;
		margin-left: 107px;
		float: left;
	}
	
	
.maincontent

	{
		background-image: url(images/content-bg.jpg);
		background-repeat: repeat-x;
		height: 440px;
		margin-top: 235px;
	}
	
/* content */
	

.contact

 {
 	float:right;
 	font-size: 14px;
 	color: #fff100;
 }

.singlecol
{
	float:left;
	padding:20px;
	width: 875px;
	margin-bottom: 20px;
}

.text
{
	width: 350px;
	padding: 10px;
	margin-right: 20px;
	float: left;
}

.text h1
{
	font-size:18px;
	color: #fff100;
}

.text p

{
	color: #ffffff
}

.text h1

{
	font-size:18px;
	color: #0077c0;
}

.Customgalleryitem

{
	width: 480px;
	float:left
}

.edittext

{
	width: 520px;
	margin-right: 25px;
	float: left;
}

.edittext h1
{
	font-size:18px;
	color: #888888;
}

.edittext p

{
	color: #ffffff;
	margin-right: 20px;
}

.edittextshort

{
	width: 320px;
	padding: 10px;
	float: left;
	margin-right: 20px;
}

.edittextshort a 
{
	text-decoration: none;
	color: #888888;
	
}

	.edittextshort a:link
	
	{
	
		text-decoration:none;
		font-weight:normal;
		color:#888888;
		
	}
		
	.edittextshort a:visited
	{
		text-decoration:none;
		font-weight:normal;
		color:#888888;
	}
	
	.edittextshort a:hover
	{
		text-decoration:none;
		font-weight:normal;
		color:#ffffff;
	}

.edittextshort p

{
	color: #000000;
}

.edittextshort h1

{
	font-size:18px;
	color: #0077c0;
}


.edittextlong

{
	width: 488px;
	float: left;
	background-color: #ffffff;
	border: 1px solid #acabab;
	margin-top: 10px;

}

.edittextlong p

{
	color: #ffffff;
	padding-left: 10px;
	margin-right: 30px;

}

.edittextlong h1

{
	font-size:18px;
	padding-left: 10px;
	color: #fff100;
}


{
	width: 320px;
	padding: 10px;
	float: left;
	margin-right: 20px;
}


/* Gallery Styles */

.Customgallery

{
	width: 300px;
	float:left
}

.ProductImages
{
	width:300px;
	float:left;
	margin-bottom:20px;
	margin-top: 20px;
	margin-left: 20px;
}
	.ProductImages #pnlMainIage
	{
		float:left;
	}
		.ProductImages #pnlMainIage .mainProductImage
		{
			float:left;
			width:300px;			
		}
		.ProductImages  IMG{
			border:solid 2px #888888;
			padding:3px;
		}
	.ProductImages .ProductThumbImagesContainer
	{
		float:left;
	}
		.ProductImages .ProductThumbImagesContainer .ProductThumbImage
		{
			float:left;
			margin:10px 5px 0px 0px;
		}
		.ImageRepeaterImage_normal_ img
		{
			opacity:0.7;
		}


.ProductItem

	{
		float: left;
		margin-right: 18px;
	}
	
	.ProductItem  IMG{
			border:solid 2px #888888;
			margin-top: -5px;
		}
	
		.ProductItem a:link
	{
		text-decoration:none;
		font-weight:normal;
		color:#000000;
	}
		
	.ProductItem a:visited
	{
		text-decoration:none;
		font-weight:normal;
		color:#000000;
	}
	
	.ProductItem a:hover
	{
		text-decoration:none;
		font-weight:normal;
		color:#000000;
	}
	
	

DIV.MainNews
{
	background-image:url(images/top-newsheading.jpg);
	background-repeat:no-repeat;
	padding-top:1px;
	padding-left: 3px;
	height: 29px;
	width: 400px;
	margin-bottom: 5px;
}

DIV.News
{
	background-image:url(images/newsheading.jpg);
	background-repeat:no-repeat;
	padding-top:1px;
	padding-left: 3px;
	height: 29px;
	width: 400px;
	margin-bottom: 5px;
}

DIV.Right

{
	float: right;
}

/* footer */
	
.footer 

{
		color: #ffffff;
		padding:10px;
		float:left;
		width: 910px;
}

.footerleft
	
	{
		float:left;
		font-size: 14px;
		color: #00aff0;
		padding-bottom: 10px;
	}

.footerright
	
	{
		float:right;
		padding-bottom: 10px;
	}
	
.footerrighttemplate
	
	{
		float:right;
	}
	
.footer LI
	{
		display:inline;
		margin: 0px 0px 0px 0px;
	}

.footer A:link
	{
		text-decoration:none;
		padding:4px;
		font-weight:bold;
		color:#888888;
		
	}

.footer A:visited
	{
		text-decoration:none;
		padding:4px;
		font-weight:bold;
		color:#888888;
	}

.footer A:hover
	{
		text-decoration:none;
		padding:4px;
		font-weight:bold;
		color:#ffffff;
	}



	.login DIV LABEL
	{
		display:inline-block;
		width:150px;
		
	}
	
/* contact form */

	.contact INPUT[type="text"], .contact INPUT[type="submit"]
	{
		border:solid 1px #666666;
		font-size:12px;
		padding:2px;
	}
	.contact TABLE
	{
		margin-left:80px !important;
		margin-top:30px !important;
	}
	.contact DIV
	{
		margin-bottom:5px;
	}
	.contact LABEL
	{
		font-weight:bold;
		float:left;
		width:110px;
		vertical-align:middle;
	}
	
	INPUT.Enquiry
	{
		width : 300px;
		border:solid 1px #666666;
		font-family:Verdana;
		font-size:12px;
		padding:2px;
	}
	
Div.padding
 {
 	padding-top: 10px;
 }
 
/* sitemap */ 

Div.sitemap
  {
  	color: #0077c0;
  }
  
	  Div.sitemap a:link
		
		{
			text-decoration:none;
			font-weight:normal;
			color:#0077c0;
		}
			
		Div.sitemap a:visited
		{
			text-decoration:none;
			font-weight:normal;
			color:#0077c0;
		}
		
		Div.sitemap a:hover
		{
			text-decoration:none;
			font-weight:normal;
			color:#000000;
		}