body { 
color: #000000; 
background: #FFFFFF; 
margin: 0px; 
font-family:  arial, tahoma, verdana, helvetica; 
}

h1 {
font-size: 2em; 
margin:5px;
}

h3 {
font-size: 1.2em; 
color: #AAAAAA;

}

h2 {font-size: 12px; margin-left: 15px;}

img {border-style: none;}

p { font-size: 11px;  }

#headerImg {
float: left;
width: 400px;
position:relative;
margin: 0;
padding: 0 0 0 0px;
display:inline;
}

#headerImg2 {
float: left;
width: 400px;
position:relative;
margin: 0;
padding: 0;
display:inline;
}

.headerImg3 {
float: left;
width: 320px;
position:relative;
margin: 0;
padding: 0;
display:inline;
}

#headerImg2 ul {
margin: 0;
padding: 0;
}

.headerImg3 ul {
margin: 0;
padding: 0;
width: 320px;
float:left;
}

#image_rotate {
padding: 0;
margin: 0;
}


#first_image {
float: left;
width: 340px;
position:relative;
margin: 0 0 0 100px;
padding: 10px 0 0 0px;
display:inline;
}

#first_image1 {
float: left;
width: 450px;
position: relative;
margin: 0 0 0 100px;
padding: 0;
display:inline;
}

#first_image2 {
float: left;
width: 450px;
position: relative;
margin: 20px 0 0 0;
padding: 0;
display:inline;
}

#second_image {
float: left;
width: 106px;
position:relative;
margin: 0;
padding: 10px 0 0 0px;
}

#overall { 
margin:0px auto; 
padding:0px; 
text-align:left; 
width:981px; 
}

#flashintro { margin:10px auto; width: 599px; height:500px;   }
#flashintro a { margin:0px auto; text-align: center; font-family:  arial, tahoma, verdana, helvetica; color: #000000;  }


#content { 
width: 100%; 
text-align: left; 
font-family: arial, verdana, helvetica, sans-serif; 
background: #ffffff; 
float:left;
}

#maincontent { 
background: #ffffff; 
width: 100%;  
font-size: 11px;
float:left;
}

#maincontent a { 
font-size: 11px; 
color: #ababab; 
text-decoration: none; 

_
margin: 5px 0px 5px 30px; 
 
}

#maincontent a:hover { 
font-size: 11px;
color: #000000; 
text-decoration: none; 
}

#maincontent2 { 
background: #ffffff; 
height: 20px; 
font-size: 11px;  
float:left;
}
#maincontent2 p { padding: 5px 0px 5px 30px;  }
#maincontent2 a { font-size: 11px; color: #ababab; text-decoration: none; padding-left:15px;  }
#maincontent2 a:hover { font-size: 11px; color: #000000; text-decoration: none; }

#main_section_text { float: left; text-align: left; font-family:  arial, tahoma, verdana, helvetica; padding:5px; }
#main_section_text ul { list-style-type: none; }
#main_section_text li { text-decoration: none; padding-bottom: 20px; }

#main_section_text2 { float: left; text-align: left; font-family:  arial, tahoma, verdana, helvetica; padding:5px; }
#main_section_text2 ul { list-style-type: none; }
#main_section_text2 li { text-decoration: none; padding-bottom: 20px; }


.product_section ul { list-style-type: none; display: block; }
.product_section li { text-decoration: none; float:left; padding: 60px 0px 80px 15px; display: block;}

#TopBanner { 
margin-top: 40px; 
z-index: 1000; 
height: 75px; 
text-align: center; 
}

.lists {
	width: 100%;
	float:left;

	display: block;
	position: relative;
}
.lists ul {
	float:left;
	position: relative;
	margin: 0;
	padding: 0 12px 0 0;
	list-style: none;
	width: 250px;
}
.lists ul li {
	padding: 0 0 0 0;
	margin: 6px 0 0 0;
}

.lists ul li a {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.lists ul li h3 {
	color: #000000;
	font-size: 1em; 
}

.lists ul li h3 a.outlets, .lists ul li h3  a.outlets:hover  {
	color: #000000;
	font-size: 1em; 
}

.lists ul li p, .lists ul li h2 {
	position: relative;
	margin: 0;
	padding: 0;
	
}

.collections ul li h3 {
	color: #ababab;
	font-size: 1em; 
}

.collections ul {
	margin-bottom:20px;
}

.collection_img {
 float:left;
 margin-right:10px;
}

.lists a { 
font-size: 11px; 
color: #ababab; 
text-decoration: none; 

_
margin: 5px 0px 5px 30px; 
 
}

.lists a:hover { 
font-size: 11px;
color: #000000; 
text-decoration: none; 
}

.lists pre{
font-family:  arial, tahoma, verdana, helvetica; 
font-size: 11px;

_
}

.lists .tel {
font-size: 11px;

_
}
.product {
width: 100%;
float:left;
margin: 0 auto;
position: relative;
padding: 10px 0 0 80px;
}

.product1 {
width: 100%;
float:left;
margin: 0 auto;
position: relative;
padding: 10px 0 0 0;
}

#news {
width: 100%;
height: 400px;
float:left;
}

#sub_nav {
width:100%;
float:left;
padding: 0 0 0 10px;
position:relative;
}

#sub_nav a { 
font-size: 11px; 
color: #ababab; 
text-decoration: none; 
 
margin: 5px 0px 5px 30px; 
 
}

#sub_nav a:hover { 
font-size: 11px;
color: #000000; 
text-decoration: none; 
}


#contentimage { width:941px; height: 190px; margin: 60px 0px 50px 0px; background-image: url('/Images/main_home_image.jpg'); }

#left_column { float: left; width: 556px; background: url(http://www.jayhughes.co.uk/Images/base_bar.jpg) no-repeat;  }

#right_column  { float: right; width: 325px; height: 262px; overflow:auto; margin: 20px; text-align:left; }

#left_column_design { float: left; width: 200px; background: url(http://www.jayhughes.co.uk/Images/base_bar.jpg) no-repeat;  }

#right_column_design  {float: right; width: 681px; height: 262px; overflow:auto; margin: 20px; text-align:left; }

.textbox a { font-size: 11px; color: #5d1dff; }
.textbox a:hover { color: blue; }
.textbox ul { font-size: 12px; list-style:none; }

.downloads a { font-size: 11px; color: #5d1dff; padding: 5px 5px; }
.downloads a:hover { color: blue; }
.downloads { font-size: 12px; list-style:none; }


#base_menu { 
color: #ababab;
width: 50%; 
float: left; 
text-align: left; 
font-family: arial, verdana, helvetica, sans-serif; 
 letter-spacing:2px;
position: relative
}

#base_menu a {  color: #ababab; border:none; text-decoration:none; }
#base_menu a:hover {  color: #000000; border:none; text-decoration:none; }
#base_menu p { 
font-size: 9px; 
float: left; 
margin: 5px 0; 
padding: 0;
}
#base_menu .smaller { font-size:9.9px; }

#base_left { 
float: right; 
position: relative
}

#base_right p { 
font-family: arial, verdana, helvetica, sans-serif; 
 letter-spacing:2px;
font-size: 9px; 
color: #ababab; 
text-align: right; 
padding: 4px 40px 0 0; 
}

#base { 

	background: url(http://www.jayhughes.co.uk/Images/base_bar.jpg) no-repeat;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 935px;
	margin: 15px 0px 0px 3px; 
	padding: 10px 0px 0px 18px;
	clear:both;
	text-align:left;
}

#contact p { text-align: center; }

#base a {

	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
	border:none;
	padding: 5px;
	text-decoration: none;
}

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

#main-nav{
	
	width: 100%; 
	margin-bottom: 10px; 
	float:left;
	display:inline;
	position: relative;
	word-spacing: 2px;
	letter-spacing:1px;
	white-space: nowrap;
 
}

	

#main-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;

}

#main-nav ul li{
	display: block;
	
	float: left;
	text-align: center;
	padding: 2px 0px 0px 16px;
	margin: 0; }

#main-nav ul li a{
	margin:0px;
	padding:0px;
	display: block;
	font-size: 11px; color: #ababab;
	text-decoration: none;
}

#main-nav ul li a:hover {
	margin:0px;
	padding:0px;
	color: #000000;
}

#link_text { text-align: center;} 
#link_text a { font-size: 11px; color: #ababab; text-decoration: none;   }
#link_text a:hover { color: #000000; }
#link_text ul { padding: 0; margin: 12px 0 0 0; list-style: none; font-family: arial, tahoma,  verdana, helvetica;   }
#link_text ul li { padding: 0;  } 

.terms { text-align: center; margin-bottom: 20px; margin-top:-20px;}
.terms a { font-size: 11px; color: #ababab; text-decoration: none;  }
.terms a:hover { color: #000; }
/** #link_text { 
width: 941px; 
padding: 0; 
} **/

#terms_text {width:800px;margin:auto;}
#terms_text ul li {font-family: arial, tahoma,  verdana, helvetica; font-size: 11px; }
#terms_text ol li {font-family: arial, tahoma,  verdana, helvetica;  font-size: 11px;}
	
#slider {
	float: left;
	margin: 0;
	position: relative;
	margin: 0 0 0 200px;
	padding: 0;
	display: inline;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	width: 600px;
}
#slider li{ 
	width:600px;
	height:400px;
	overflow: hidden;
	margin: 0;
	padding: 0;

}

span#prevBtn, span#nextBtn {
width: 100px;
float: left;
margin: 10px 0 10px 280px;
padding: 0;
display: inline;
}

#prevBtn a, #nextBtn a {
margin: 0;
padding: 0;
float: left;
}
		
.email {
width: 400px;
margin: 0 auto;
}

.collection_info {
  width:140px;
  padding:0;
}
.collection_info table {
 margin:0;
 padding:0;
 width:100%;
}

.collection_info td {
  border-bottom:0px;
  text-align:right;
  font-size:11px;
  padding:0;
}
.collection_info input[type="image"] {
  border:1px;
  margin-right:-7px;
}
.collection_info select {
  font-size:11px;
  padding:1px;
  
}