@charset "utf-8";
/*----------------------------------
CSS - common and general styles
-------------------------------------*/

/*@import url("main_nav_style.css");
@import url("left_nav_style.css");
*/



/*-------------------------------------
html . no class or id . generic structure and text display
--------------------------------------*/	
/* Colours used 
text etc:
light orange:  #ffcc00;
dark orange:  #ff6700;

backgrounds:
light orange for backgrounds:  #ffbc00
*/

html {
	height:100%;
	}
body  {
	height:100%;
	font-size: 80%;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	margin: 0px auto;
	padding: 0px; 
	background: #000;
	}
table {
	}
tr,td,div {
	padding: 0px;
	border:0px none;
	text-align:left;
	}
h1 {
	font-size:2em;
	margin: 13px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
h2 {
	font-size: 1.6em;
	margin: 10px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
h2 a,h2 a:hover,h2 a:active {
	text-decoration:none;
	}	
	
h4.FormError, h4.dbError{
	background-color:#F9EBCD;
	color:red;
	border:1px solid red;
	padding:5px;
	}
form h4 {
	color:red;
	}
	
h3 {
	font-size: 1.7em;
	margin: 10px 0px;
	color:#ff6700; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
h4 {
	font-size: 1.1em;
	margin: 6px 0px;	
	}
h5 {
	font-size: 1em;
	margin: 4px 0px;
	}
h6 {
	font-size:1em;
	margin: 4px 0px;
	color:#ff6700; 
	}
p {
	margin:2px 0 10px 0;
	}
ul {
	margin:5px 5px 10px 15px;
	padding:0px;
	border:0px;
	}
li {
	margin:0px;
	padding:0px;
	}
a {
	color: #333;
	text-decoration: underline;
	outline:0 none;
	}
a:hover {
	color: #ff6700;
	text-decoration: none;
	}
a:active, a:focus {	
	outline:0 none;
	-moz-outline-style:none;
	border:0 none;
	}
	
img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	}
	
/*---------------------------------------
wrappers
---------------------------------------*/
#FullWrapper {
	/*width:950px;
	background: transparent;*/
	width:100%;
	background: #fff url("http://www.60minutemakeovertrades.co.uk/commonimages/body-background.gif") 0 0px repeat-x ;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	/*text-align:left;*/
	}

#HeaderNavWrapper {
	width:950px;
	margin:0px auto;
	height:auto;
	background: transparent;
	}

#MainWrapper {
	width:950px;
	background: #fff;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 15px 0px;
	clear:both;
	}

	
	
/*---------------------------------
header
-----------------------------------*/

#Header {
	width: 940px;
	height: 105px;
	background: #000;
	border: 0px solid #ffcccc;
	margin:0px auto 3px auto;
	padding:0 0px;
	font-size:11px;
	}
.HeaderTitle {
	visibility:hidden;
	overflow:none;
	line-height:0;
	font-size:0px;
	height:0;
	display:none;
	}
.HeaderIntro {
	text-align:left;
	margin:0px 0px 0px 0px;
	padding: 5px 0;
	color: #999; /*  #00cc33 #006633  */
	display:inline;
	float:left;
	}
.login {
	margin:0px 0px 0px 0px;
	text-align:right;
	padding: 5px 0;
	display:inline;
	float:right;
	color:#ccc;
}
.loginalt {
	margin:0px 0px 0px 0px;
	text-align:right;
	padding: 5px 0;
	display:inline;
	float:right;
	color:#999;
}
#HeadLogo {
	margin:0px 0 0 0px;
	clear:both;
	float:left;
	border: 0px solid red;
	display:inline;
	}
.header_right {
	height:auto;
	float:right;
	border: 0px solid red;
	display:inline;
	margin:0px;
	text-align:right;
	}

#HeaderSearch {
	border:0 none;
	background-color:#fff;
	width:200px;
	padding:4px;
}
#HeaderSearchSubmit {
	border:0 none;
	padding:2px;
	background-color:#ffbc00;
	color:#000;
	}


/*--------------------------------
titles
--------------------------------*/
.title {
	width:590px;
	border-bottom: 0px red solid;
	height:230px;
	margin:15px auto 5px auto;
	}
#title1 {
	background: url("../commonimages/60mmt-hometitle.jpg") no-repeat 0 0;
	}
/*end titles*/



.PageTitleText {
	width:auto;
	border: 0px red solid;
	height:auto;
	margin:0px auto;
	padding: 10px 15px 10px 15px;;
	color:#000;
	background: #ffbc00;
	}
.PageTitleText h1 {
	margin:0px;
	font-size:18px;
	}



/*---------------------------
common
----------------------------*/

/*.ContentWrap {
	background: #fff;
	width:950px;
	border: 0px none;
	margin: 5px 0px 15px 0px;
	font-size:1.2em;
	}*/
/*.FullSpanLeftCol {
	float:left;
	width:945px;
	height:auto;
	display:inline;
	font-size:1.2em;
	}
	*/
	
	








/*---- 
Page Layout 
------*/


/*#PageBodyWrapper {
	border:0px solid #333;
	background:#fff;
	margin: 5px 0;
	height:auto;
	width:950px;
	}*/
	
.LeftColumn{
	height:auto;
	width:160px;
	background:transparent;/*#F9EBCD*/
	margin-right:10px;
	float:left;
	}
	
.FullSpanColumn {
	float:left;
	width:770px;
	height:auto;
	display:inline;
	font-size:1em;
	border:0px solid green;
	}

.MiddleColumn {
	float:left;
	width:605px;
	height:auto;
	display:inline;
	font-size:1em;
	border:0px dashed green;
	padding:0x 0px 20px 0px;
	/*margin:5px 10px 20px 10px;*/
	}
.MiddleColumn li {
	margin-bottom:7px;
	padding:0px;
	}

.RightColumn {
	float:right;
	width:170px; /* 170px */
	height:auto;
	display:inline;
	background:#fff;
	color:#333;
	}
.adverts {
	width:150px;
	margin-left:20px;
	padding-top:10px;
	background:#F7ECDA;
	text-align:center;
	}
.adverts a img{
	margin:0px auto 10px auto;
	vertical-align:bottom;
	border:1px solid #fff;
	width:130px;
	height:130px;
	}
.adverts a:hover img{
	border:1px solid #F9DDB4;
	}


.TextContent {
	padding:5px 10px;
	height:auto;
	font-size:1em;
	}
.TextContent ul {
	margin-left:25px;
	}
	
.PropHoldup {
	float:right;
	width:0px;
	height:550px;
	display:inline;
	overflow:hidden;
	font-size:0px;
	line-height:0;
	background:red;
	visibility:hidden;
	}
.FloatControl {
	clear:both;
	float:none;
	height:0px;
	width:auto;
	overflow:hidden;
	line-height:0px;
	font-size:0px;
	}
a.AnchorTarget {
	text-decoration:none;
	}


.HorizLine {
	height:1px;
	width:auto;
	overflow:hidden;
	line-height:0px;
	font-size:0px;
	border-top:1px solid #00cc33;
	margin-bottom:5px;
	}

.PaginationNav {
	margin:5px 0px;
	text-align:right;
	color: #ff6700;
	border-bottom:1px solid #ccc;
	}
.PaginationNav a, .PaginationNav span{
	text-decoration: none;
	display:inline-block;
	padding:5px 3px;
	}
a.pagePrev {
	padding-right:25px;	
	background: url("../commonimages/pagePrev.gif") no-repeat right 50% #fff;
	}
a.pageNext {
	padding-left:25px;	
	background: url("../commonimages/pageNext.gif") no-repeat 0px 50% #fff;
	}
.pageOn {
	font-weight:bold;
	color: #ff6700;
	}

/* in content navigation */
.InContentNavWrap {	
	}
ul.InContentNav {
	float:left;
	display:inline;
	padding: 15px 40px 10px 0px;
	}
.BackTopPage {
	margin-top:20px;
	text-align:right;
	}

/*end common*/

.TraderGroupWrap {
	margin:15px;
	}

.TraderWrap {
	width:auto; /*180px*/
	float:none;
	padding:0px;
	margin:10px 5px;
	border: 1px solid #FCDC95;
	overflow:hidden;/*needed to stop elements of surrounding boxes being invisible somehow!*/
	}

.TraderLeft {
	width:450px;
	height:auto;
	padding-right:0px;
	margin:0;
	border: 0px solid #ccc;
	float:left;
	display:inline;
	}

.TraderWrap h3 {
	margin: 0px 0;
	color:#000; /* #71DBF4  lt blue*/
	background:#FCDC95; /* #ffbc00 */
	display:block;
	padding:2px 10px;
	}
.TraderWrap h4 {
	margin: 3px 0px;
	padding-left:15px;
	/*color:#fff; 
	background:#000;
	padding:2px;*/
	}
.TraderLeft p {
	margin: 3px 0px;
	padding-left:15px;
	}
.TraderWrap img {
	float:right;
	display:inline;
	}

.TraderBox {
	width:450px;
	height:auto;
	background: #fff;
	padding-right:7px;
	margin:0;
	border: 0px solid #ccc;
	float:left;
	display:inline;
	}

.list_phone {
	padding:5px 10px 0 25px;
	background: url("../commonimages/phone.gif") no-repeat 0px 0px;
}
.list_message {
	padding:5px 10px 0 25px;
	background: url("../commonimages/message.gif") no-repeat 0px 0px;
}
.list_visitsite {
	padding:5px 10px 0 25px;
	background: url("../commonimages/visitsite.gif") no-repeat 0px 0px;
}
.list_details {
	padding:5px 10px 0 25px;
	background: url("../commonimages/details.gif") no-repeat 0px 0px;
}

.ControlPanel a {
	background:#F4E0D0;
	padding:3px 8px;
	margin:5px 10px 5px 0px;
	display:inline-block;
	border:1px solid #FF7F00;
	text-decoration:none;
	}
#accDelete {
	background:#fff;
}




/*forms*/
label {
	display:inline-block;
	width:190px;
	vertical-align:top;
	margin-left:0px;
	}

input {
	display:inline-block;
	width:auto;
	}
select {
	width:240px;
	}
.formbox {
	border:1px solid #999;
	width:240px;
	}
.formbox:hover{
	border:1px solid #000;
	}

#HeadLogOut {
	display:inline;
	}
#LogOutHeadForm {
	height:30px;
	border:0px solid red;
	display:inline;
	}

	/*profile pages*/
#ShareLink {
	padding-right:75px;
	background: url("../commonimages/share-icons.png") right 0px no-repeat;
	}


/*#profilemsgform input, #profilemsgform label{
	margin-bottom:3px;
	}*/
form input, form label, form select, form textarea{
	margin-bottom:3px;
	}
div.SubmitButtons {
	text-align:right;
	border-top:1px solid #ccc;
	}
div.SubmitButtons input{
	width:150px;
	}
	
/*Account pages*/
#accIncomplete {
	background: #F9DAD2 url("http://www.60minutemakeovertrades.co.uk/commonimages/bigexmark.gif") 0 0 no-repeat;
	padding:5px 5px 0px 40px;
	border:1px solid #ED1C24;
	}
#accFlagged {
	background: #F4E0D0 url("http://www.60minutemakeovertrades.co.uk/commonimages/bigflag.gif") 0 0 no-repeat;
	padding:5px 5px 0px 40px;
	border:1px solid #FF7F00;
	}
#accReview {
	background: #F4E0D0 url("http://www.60minutemakeovertrades.co.uk/commonimages/eyes.gif") 0 0 no-repeat;
	padding:5px 5px 0px 40px;
	border:1px solid #FF7F00;
	}
#accLive {
	background: #CAEFCB url("http://www.60minutemakeovertrades.co.uk/commonimages/bigtick.gif") 0 0 no-repeat;
	padding:5px 5px 0px 40px;
	border:1px solid #64CE55;
	}


	
/*footer*/
#FooterWrap {
	width:100%;
	height:auto;
	background:#000;
	border-top: 3px solid #ffbc00;
	/*margin-top:15px;*/
	}
#footer {
	width:950px;
	margin:0px auto 0 auto;
	clear:both;
	background:  #000 url("http://www.60minutemakeovertrades.co.uk/commonimages/damask-wallpaper.gif") right -60px no-repeat;  /* #ffbc00 */
	height:auto;
	color:#ffcc00;
	border:0px solid #fff;
	font-size:0.9em;
	}
.FooterStrip {
	width:940px;
	/*height:1%;*/
	display:block;
	margin:0px auto;
	padding:5px 0px;
	border:0px solid #ccc;
	}
#footer ul {
	float:left;
	/*display:inline;*/
	margin: 0px;
	padding: 10px 25px 5px 0px;
	}
#footer li {
	list-style: none;
	}
#footer a {
	margin: 0px 0px;
	/*line-height: 1.2em;*/
	color: #ffcc00;
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: none;
	color: #fff;
	}
/*end footer*/
/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }