/********************** Town and Country brightonlettings.co.uk **********************/
body {
		margin:5px;
		height:100%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:8pt;
}


/********************** Layout **********************/
/* 	This section of the CSS controls the layout of the 
	general site. There should be only one of these present
	on any page of the site. They are identified by <div id="key"> 
	and referenced here by #key { }
*/
	
#topcontent {
		background:#fff;
		border:0px solid #000;
}
	
	
td.leftcontent {
		width:15%;
		background:#fff;
		border-right:0px solid #000;
		border-bottom:0px solid #000;
		margin:0px;
		padding:0px;
		vertical-align: top;
}


td.centercontent {
		width:83%; 
		background:#fff;
		border:0px solid #000;
		margin-right:0px;
		padding-bottom:0px;
		padding-left:10px;
		vertical-align: top;
}

div.content {
	width:100%;
	text-align:left;
	margin-right: 15px;
}


#bottomcontent 
{
		margin:0px;
		padding:0px;
		text-align: center;
}


#topnav {
		background:#fff;
		border:0px solid #000;
		}

#wrapper {
		width:100%;
}




/******************** Globals *********************/

td,th,input,textarea {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:8pt;
}



a {
	text-decoration: none;
	color: #00a;
}

a:hover {
	text-decoration: underline;
}



h1 {
	font-size:14pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:5px;
}
		
h2 {
	font-size:9pt;
	font-weight: 1000; 
/*	font-weight: bold; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#003399;
	margin-top:10px;
	padding: 3px;
	padding-left: 15px;
	color:#fff;
	vertical-align:middle;
	border:1px solid #000;
}

h3 {
	font-size:9pt;
/*	font-weight: bold; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:1px;
	color:#003399;
	vertical-align:middle;
	}

		
h2 a {
	color:#ccc;
	padding: 3px;
	vertical-align:middle;
}

h2 img {
	vertical-align:middle;
}


img {
	border: 0px;
}

hr {
	border: 0px;
     color: #000066;
     background-color: #000066;
	 height: 1px;	
}

th {
      	border: 1px solid #aaa;
	padding: 3px;
}

/* A div class to do a general two column layout. Don't modify this unless you mean to change
all the two column pages on the site. When in doubt, create another class specificially 
for the section you are modifying */ 
div.twocol {
		width:42%;
		float:left;
		background:#fff;
		border:0px solid #000;
		padding-right:4%;
		margin:0;
		padding-bottom:0px;
		text-align:justify;
}


/* A clearing DIV to properly position text after float divs -- Do not modify unless you really
know what you're doing */
div.clear   {
	   	clear:both;
	   	height: 0px;
	   	margin: 0px;
	   	padding :0px;
		font-size:1px;
	   	line-height:0px;
		}

/* A Generic float left div.. don't modify unless you want to change many things on the site.
When in doubt, create another class specificially for the section you are modifying */

div.floatleft  {
	   	float:left;
		margin-right :15px;
		margin-left :0px;
		}

/* A Generic float right div.. don't modify unless you want to change many things on the site. 
When in doubt, create another class specificially for the section you are modifying */
div.floatright  {
	   	float:right;
		margin-left :15px;
		margin-right :0px;
		}


.actionresults {
		color: #ff3300;
}
		


/****************** Top Menu Bar ***********************/
/* Style for the top menu bar */


#imagebar 
{
  	background: transparent url(images/topnav_image.jpg) repeat-x top left;
	padding:0px;
	margin:0px;
	border:0px;
}

#imagebar img {
	margin:0px;
	padding:0px;
}

/***************/
/* Meet Us Bar */

#menubar2 
{
  background-color: #003399;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	padding:0px;
	margin-top:1px; 
	border:0px;  
  	line-height:normal;
}

#menubar2 ul {
	background-color: #003399;
	margin:0;
	padding:0;
    	list-style-type: none;
    	float:right;
    	color: #fff;
	width: 100%;
    }

#menubar2 li {
    	padding-top: 2px;
    	padding-bottom: 2px;
    	float:right;
}

#menubar2 ul li.first {
	padding-left: 3px;
    	border-left: none;
    	list-style: none;
    	float:left;
}

#menubar2 ul li.first a{
	background-color: #003399;
	padding-left: 3px;
	border: 0px;
    	list-style: none;
    	float:left;
}

#menubar2 ul li.first a:hover {
	background-color: #003399;
	padding-left: 3px;
    	list-style: none;
    	float:left;
}


#menubar2 ul li.inactive {
	padding-left: 10px;
	padding-right: 10px;
    	float:right;
   	border-left: 1px dotted #fff;
	color: #eee;
}



#menubar2 a {
	border-left: 1px solid #fff;
	padding-right: 10px;
	padding-left: 10px;
    	padding-top: 2px;
    	padding-bottom: 2px;
	font-weight: bold;
	color: #fff;
}


#menubar2 li a:hover {
	text-decoration: none;
 	background: #FF3300;
 	color: #fffC00;
}

/*************************/
/* Contact bar  	 */


div.contactbar 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	padding:0px;
	margin-top:3px; 
	border:0px;  
  	line-height:normal;
	background-color: #ff3300;
	width:100%;
}

div.contactbar div.details {
	background-color: #ff3300;
	padding:3px;
	padding-right:10px;
}

div.contactbar a
{
	background-color: #ff3300;
	color:#fff;
}

div.contactbar a:hover
{
	color:#fffC00;
	text-decoration:underline;
}



/*************************/
/* Landlord Services Bar */



#menubar 
{
  background-color: #fffC00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
  line-height:normal;
}


#menubar ul {
	margin:0;
	padding:0;
    	list-style-type: none;
    	float:right;
    	color: #003399;
    	background-color: #fff;
    	width: 100%;
	border-right:1px solid #aaa;
}

#menubar li {
    	background-color: #fffC00;
    	float:right;
	border-left:1px solid #aaa;
	border-bottom:1px solid #aaa;
}

#menubar ul li.first {
	background-color: #fff;
	padding-left: 4px;
	padding-top: 4px;
    	border-left: none;
	border-bottom: none;
    	list-style: none;
    	float:left;
}


#menubar ul li.inactive {
	padding-left: 10px;
	padding-right: 10px;
	float:right;
   	border-left: 1px dotted #fff;
	color: #eee;
}



#menubar a {
	padding-right: 10px;
	padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
	font-weight: bold;
	color: #FF3300;
	display: block;
}


#menubar li a:hover {
	text-decoration: none;
 	background: #FF3300;
 	color: #fff;
}


/****************** Leftnav ***********************/
/* Style for the Left menu bar */		
#leftnav ul {
  margin:2px;
  margin-left:5px;
  margin-top:10px;
  padding:0px;
  list-style-type: none;
  border-bottom:1px solid #aaa;
  border-left:1px solid #aaa;
  border-right:1px solid #aaa;
	
}

#leftnav li {
	padding:3px;
	background:#ddddff;
}

#leftnav li.header {
	background: #003399;
	color: #fff;
	font-weight: bold;
	padding:5px;
}


	
 #leftnav li.loginBox {
   	margin: 0px;
   	padding: 5px;
} 
	


#leftnav li a {
	margin:0px;
	padding:5px;
	display: block;
}


#leftnav li a:hover {
	text-decoration: none;
	background: #ccc;
	color: #fff;
}


div.footermenu {
	text-align:center;
	border-top: 1px solid #ccc;
	margin-top: 15px;
	padding-top: 5px;
}

div.footermenu img {
	vertical-align: middle;
}

div.footertext {
	text-align:center;
}


/*********************** Page Menu style ******************************/
/* Style of the menu used in certain pages, like MyAccount and 
	Item and Department admin screens.
*/

div.pagemenu {
	border: 1px solid #fff;
	background-color: #000066;
	text-align: center;
}


div.pagemenu ul {
  margin:0;
  padding-left:0px;
  padding-right:0px;
  list-style-type: none;
}

div.pagemenu li {
	border: 1px solid #aaa;
	float:left;
	}


div.pagemenu a {
	font-weight: bold;
	padding:3px;
	display: block;
	}

div.pagemenu a:hover {
	font-weight: bold;
	background: #000066;
	color:#fff;
}

div.pagemenu a.selected {
	background-color: #ccc;
	color: #000066;
}


/****************** Generic item list *******/
/* Style for handling lists of items */

table.itemlist {
	/*border: 1px solid #aaa;*/
	margin:0px;
	padding:0px;
	border-spacing: 0px;
}

table.itemlist td {
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	vertical-align:top;
	padding:3px;
}

table.itemlist td.thumbnail {
	border: 0px;
	border-bottom:1px solid #aaa;
	vertical-align:top;
	text-align:center;
}


table.itemlist th {
	border-bottom:1px solid #aaa;
}


/****************** Content ********************/
/* Override and create new styles for your content after this point.  */



div#itemdetails {
	vertical-align:top;
}


div#itemdetails div.mainpicture {
	text-align:right;
	float:right;
	padding-left:15px;
	padding-bottom:5px;
}


div#itemdetails div.mainpicture img {
	border: 1px solid #000;
}

div#itemdetails div.description {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

div#itemdetails div.description p {
	text-align:justify;
}

div#itemdetails div.additionalpictures {
	float:left;
	background:#ddddff;
	border: 1px solid #000;
	text-align: center;
}

div#itemdetails div.additionalpictures div.picture {
	margin: 2px;
	padding:5px;
	height: 140px;
	width: 140px;
	float:left;
	text-align: center;
}

div#itemdetails div.additionalpictures div.picture table {
	height:100%;
}

div#itemdetails div.additionalpictures div.picture td {
	text-align:center;
	vertical-align:middle;
}

div#itemdetails div.additionalpictures div.picture img {
	border: 1px solid #000;
	margin-top:5px;
	vertical-align:middle;
}

div#itemdetails h2 {
	background-color:#003399;
	margin-top:10px;
	padding: 3px;
	color:#fff;
	vertical-align:middle;
}



table.searchresults {
	width:100%;
}

table.searchresults tr.headingbar td {
	background-color:#003399;
	font-size:10pt;
	color:#fff;
	font-weight: bold;
	padding:2px;
	padding-left:6px;
	vertical-align:middle;
}

table.searchresults tr.headingbar td a {
	color:#fff;
}

table.searchresults tr.headingbar td a:hover {
	color:#fffC00;
}

table.searchresults td.description {
	vertical-align:top;
}

table.searchresults td.thumbnail {
	vertical-align:middle;
	text-align: center;
	padding:5px;
}
table.searchresults td.footerbar {
	text-align: center;
}

ul.faqlist {
	list-style:none;
	margin:0px;
	max-width:600px;
}

ul.faqlist li {
	list-style:none;
	margin:0px;
	padding-bottom: 15px;
	padding-right: 50px;
}


ul.termsandconditions li {
	padding-bottom: 10px;
}




/***********************************************************************************************/
/* Item Boxes

*/
ul.itemlist {
	list-style-type: none;
	
}
li.itembox a {
display:block;
}
li.itembox {
	border-left: 1px solid #777;
	border-top: 1px solid #777;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 5px;
	float: left;
	height: 190px;
	width: 150px;
	background:#ddddff;
	text-align:center;
/*	overflow: hidden; */
/*	display:block;*/
	
}



li.itembox div.name {
    	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	height: 45px;
	overflow: visible;
}

html>body li.itembox div.name {overflow: auto;}

li.itembox a {
	font-weight: bold;
	color: #000;
}

li.itembox table {
	height:130px;
	width: 100%;
	/*height:130px;
	width:138px;*/
}
li.itembox td {
vertical-align:middle;
text-align: center;
}

li.itembox div.picture {
	margin: 0;
	padding: 0;
	display:block;
}
li.itembox div.picture img {
	text-align:center;
	vertical-align:middle;
	margin:5px;
}

li.itembox div.description {
	display:none;
	
}

li.itembox div.sku {
	display:none;
}

li.itembox div.buybutton {
	display:none;
}




/********************** Testimonials Table **********************/
/* 	This section of the CSS controls the style of the testimonials page.
*/
#testimonials div.review {
   margin-bottom: 20px;
   border-top: 1px solid #000;
   padding: 5px;
}

#testimonials div.floatright {
	margin-right:5px;
	margin-left:5px;
	margin-bottom: 5px;
	text-align: center;
}

#testimonials p {
	text-align: justify;
}

#testimonials img {
	border: 1px solid #000;
}