/* 
mywormkan.co.uk: /css/main.css
copyright: Smithtec Ltd
*/


/* =BASIC DEFINITIONS----------------------------- */

 body {
	font-family: Verdana, Sans-serif;
	font-size: 13px;
	color: #2f2f2f;
	background: #ffffff;
}
 
html, body {
	margin: 0;
	padding: 0;
	background: #f8f8f8;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	font-weight: bold;
	font-size: 20px;
}

select { padding: 5px; font-size: 14px; width: 500px; border: 1px solid #c1c1c1;}
textarea {padding: 5px; font-size: 14px; width: 500px; }
input[type=text] {padding: 5px; font-size: 14px; width: 500px; border: 1px solid #c1c1c1;}
input[type=password] {padding: 5px; font-size: 14px; width: 500px; border: 1px solid #c1c1c1; }
input[type=submit] { padding: 5px; font-size: 14px; cursor: pointer;}


/* =LINKS ---------------------------------------*/

a { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #0030ff;text-decoration: none; }
a:visited{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #0030ff;text-decoration: none;}
a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #0030ff;text-decoration: underline; cursor: pointer; }
a:active{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #0030ff;text-decoration: none;}
a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #0030ff;text-decoration: underline; cursor: pointer; }

a img {border: none; }

.basiclink { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #0030ff;text-decoration: underline; }
.basiclink:visited{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #0030ff;text-decoration: underline;}
.basiclink:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #0030ff;text-decoration: underline;}
.basiclink:active{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #0030ff;text-decoration: underline;}
.basiclink:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #0030ff;text-decoration: underline;}

.browse-sidebar-link { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #3a3a3a;text-decoration: underline; }
.browse-sidebar-link:visited{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #3a3a3a;text-decoration: underline;}
.browse-sidebar-link:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #3a3a3a;text-decoration: underline;}
.browse-sidebar-link:active{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #3a3a3a;text-decoration: underline;}

.orangebtn:link { padding: 0.1cm; font-family:Verdana,Helvetica,sans-serif; font-size:10pt;color:white;text-decoration: none; font-weight: bold; background: #ec652d;
BORDER-BOTTOM: #ae4217 1px solid; BORDER-RIGHT: #ae4217 1px solid; 
BORDER-TOP: #ef8257 1px solid; BORDER-LEFT: #ef8257 1px solid}
.orangebtn:visited{padding: 0.1cm; font-family: Verdana, Helvetica,sans-serif;font-size: 10pt;color: white;text-decoration: none;font-weight: bold; background: #ec652d;
BORDER-BOTTOM: #ae4217 1px solid; BORDER-RIGHT: #ae4217 1px solid; 
BORDER-TOP: #ef8257 1px solid; BORDER-LEFT: #ef8257 1px solid}
.orangebtn:hover{ padding:0.1cm; font-family: Verdana, Helvetica,sans-serif;font-size: 10pt;color:white;text-decoration: underline;font-weight: bold; background-color: #ed9720; 
BORDER-BOTTOM: #ae4217 1px solid; BORDER-RIGHT: #ae4217 1px solid; 
BORDER-TOP: #ed9720 1px solid; BORDER-LEFT: #ed9720 1px solid}
.orangebtn:active{ padding: 0.1cm; font-family: Verdana, Helvetica,sans-serif;font-size:10pt;color:white;text-decoration: underline;font-weight: bold; background-color: #ec652d; 
BORDER-BOTTOM: #ae4217 1px solid; BORDER-RIGHT: #ae4217 1px solid; 
BORDER-TOP: #ed9720 1px solid; BORDER-LEFT: #ed9720 1px solid}
.orangebtn:hover{ padding: 0.1cm; font-family: Verdana, Helvetica, sans-serif;font-size: 10pt;color: white;text-decoration: underline;font-weight: bold; background-color: #ed9720; 
BORDER-BOTTOM: #ae4217 1px solid; BORDER-RIGHT: #ae4217 1px solid; 
BORDER-TOP: #ed9720 1px solid; BORDER-LEFT: #ed9720 1px solid}

.bluebtn:link { padding: 0.1cm; font-family:Verdana,Helvetica,sans-serif; font-size:10pt;color:white;text-decoration: none; font-weight: bold; background-color: #024176; 
BORDER-BOTTOM: #042e52 1px solid; BORDER-RIGHT: #042e52 1px solid; 
BORDER-TOP: #5e83b0 1px solid; BORDER-LEFT: #5e83b0 1px solid}
.bluebtn:visited{padding: 0.1cm; font-family: Verdana, Helvetica,sans-serif;font-size: 10pt;color: white;text-decoration: none;font-weight: bold; background-color: #024176; 
BORDER-BOTTOM: #042e52 1px solid; BORDER-RIGHT: #042e52 1px solid; 
BORDER-TOP: #5e83b0 1px solid; BORDER-LEFT: #5e83b0 1px solid}
.bluebtn:hover{ padding:0.1cm; font-family: Verdana, Helvetica,sans-serif;font-size: 10pt;color:white;text-decoration: underline;font-weight: bold; background-color: #5e83b0;
BORDER-BOTTOM: #042e52 1px solid; BORDER-RIGHT: #042e52 1px solid; 
BORDER-TOP: #5e83b0 1px solid; BORDER-LEFT: #5e83b0 1px solid}
.bluebtn:active{ padding: 0.1cm; font-family: Verdana, Helvetica,sans-serif;font-size:10pt;color:white;text-decoration: underline;font-weight: bold; background-color: #024176; 
BORDER-BOTTOM: #042e52 1px solid; BORDER-RIGHT: #042e52 1px solid; 
BORDER-TOP: #5e83b0 1px solid; BORDER-LEFT: #5e83b0 1px solid}
.visited.bluebtn:hover{ padding: 0.1cm; font-family: Verdana, Helvetica, sans-serif;font-size: 10pt;color: white;text-decoration: underline;font-weight: bold; background-color: #5e83b0; 
BORDER-BOTTOM: #042e52 1px solid; BORDER-RIGHT: #042e52 1px solid; 
BORDER-TOP: #5e83b0 1px solid; BORDER-LEFT: #5e83b0 1px solid}



a.page-white-text { background: url(/images/icons/page_white_text.png) no-repeat left center; padding: 0 0 0 22px; }
a.page-white-stack { background: url(/images/icons/page_white_stack.png) no-repeat 2px center; padding: 0 0 0 22px; }
a.stop { background: url(/images/icons/stop.png) no-repeat left center; padding: 0 0 0 22px; }
a.pencil { background: url(/images/icons/pencil.png) no-repeat 2px center; padding: 0 0 0 22px; }
a.pencil-go { background: url(/images/icons/pencil_go.png) no-repeat 2px center; padding: 0 0 0 22px; }
a.email-go { background: url(/images/icons/email_go.png) no-repeat 2px center; padding: 0 0 0 22px; }
a.email{ background: url(/images/icons/email.png) no-repeat 2px center; padding: 0 0 0 22px; }
a.comment { background: url(/images/icons/comment.png) no-repeat 2px center; padding: 0 0 0 22px; }
a.star { background: url(/images/icons/star.png) no-repeat 2px center; padding: 0 0 0 22px; }
a.user-edit { background: url(/images/icons/user_edit.png) no-repeat 2px center; padding: 0 0 0 22px; }
a.user-comment{ background: url(/images/icons/user_comment.png) no-repeat 2px center; padding: 0 0 0 22px; }
a.arrow-refresh{ background: url(/images/icons/arrow_refresh.png) no-repeat 2px center; padding: 0 0 0 22px; }
a.building{ background: url(/images/icons/building.png) no-repeat 2px center; padding: 0 0 0 22px; }

a.image-button {  font-weight: bold; padding: 5px 10px 5px 22px; border-top: 2px solid #f96218; border-right: 2px solid #f96218; border-left: 2px solid #cb4301; border-bottom: 2px solid #cb4301; background-color: #e85510; color: #fff;text-transform:uppercase; }

a.rounded-button { -webkit-user-select: none; background-color: #D14836;  background-image: -webkit-linear-gradient(top, rgb(221, 79, 57), rgb(209, 79, 54)); color: white; cursor: pointer; display: inline-block; height: 27px; line-height: 27px; margin: 0; min-width: 97px; padding: 5px 10px 5px 10px; text-align: center; text-transform: uppercase; -moz-border-radius: 5px; border-radius: 5px; } 

/* =BASIC STRUCTURE  ----------------------------------*/

#header {
	margin: 0.1cm 0.5cm 0 0.5cm;
	height: 90px;
}

#page-container {
	width: 970px;
	background: #FFFFFF;
	border-bottom: 1px solid #b5b4b4;
	border-right: 1px solid #b5b4b4;
	border-left: 1px solid #b5b4b4;
	border-top: 1px solid #FFFFFF;
	margin: auto;
	text-align: left;
}

#footer {
	clear: both;
	margin: 0.5cm;
	padding: 0.1cm;
	text-align: center;
	height: 20px;
	background: #ececec;
}

#sub-footer{
	width: 970px;
	margin: auto;
	text-align: center;
}

#sub-footer a{
	font-size: 7pt;
}



/* =MAIN-MENU ------------------------------- */

#main-menu{
float: right;
margin-left: 4px;
margin-top:0px;
padding: 0;
width: 550px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#main-menu ul{
font: bold 13px Arial, Verdana, sans-serif;
margin:0 10px 0 0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#main-menu li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}


#main-menu a{
float:right;
color: white;
background: #024176 url(../images/menus/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#main-menu a span{
float:left;
display:block;
background: transparent url(../images/menus/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#main-menu a span{
float:none;
}


#main-menu a:hover{
background-color: #5e83b0;
}

#main-menu a:hover span{
background-color: #5e83b0;
}

#main-menu #current a, #main-menu #current span{ /*currently selected tab*/
background-color: #5e83b0;
}

#left-part{
	margin: 0 550px 0 0;
}

#left-part img {
	margin: 15px 0 0 0;
	
}

.cat-list {

	list-style:none;
	margin:0 0 0 5px;
	padding:0;

}

.rest {
	clear:left;
}


/* =BUSINESS-MENU ------------------------------- */

#business-menu{
float: left;
margin-left: 0.5cm;
margin-top:0px;
padding: 0;
width: 900px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 0px;
display: inline;
}

#business-menu ul{
font: bold 9px Arial, Verdana, sans-serif;
margin:0 5px 0 0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#business-menu li{
display:inline;
margin:0 2px 0 0;
padding:0;
line-height: 1.5em;
}


#business-menu a{
float:left;
color: white;
background: #024176 url(../images/menus/color_tabs_left_top.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#business-menu a span{
float:left;
display:block;
background: transparent url(../images/menus/color_tabs_right_top.gif) no-repeat right top;
padding:3px 9px 3px 6px;
}

#business-menu a span{
float:none;
}


#business-menu a:hover{
background-color: #5e83b0;
}

#business-menu a:hover span{
background-color: #5e83b0;
}

#business-menu #current a, #business-menu #current span{ /*currently selected tab*/
background-color: #5e83b0;
}

/* =HOMEOWNER MENU ------------------------------- */

#homeowner-menu{
float: left;
margin-left: 0.5cm;
margin-top:0px;
padding: 0;
width: 900px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 0px;
display: inline;
}

#homeowner-menu ul{
font: bold 9px Arial, Verdana, sans-serif;
margin:0 5px 0 0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#homeowner-menu li{
display:inline;
margin:0 2px 0 0;
padding:0;
line-height: 1.5em;
}


#homeowner-menu a{
float:left;
color: white;
background: #024176 url(../images/menus/color_tabs_left_top.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#homeowner-menu a span{
float:left;
display:block;
background: transparent url(../images/menus/color_tabs_right_top.gif) no-repeat right top;
padding:3px 9px 3px 6px;
}

#homeowner-menu a span{
float:none;
}


#homeowner-menu a:hover{
background-color: #5e83b0;
}

#homeowner-menu a:hover span{
background-color: #5e83b0;
}

#homeowner-menu #current a, #homeowner-menu #current span{ /*currently selected tab*/
background-color: #5e83b0;
}





/* =GENERAL STYLING ELEMENTS -----------------------------------------*/

.blueboxhead {
	background: url(../images/tables/tl_blue6.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 31px;
}

.blueboxhead div {

	background: url(../images/tables/tr_blue6.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 31px;
}

.blueboxhead div div {
	margin: 0 15px 0 15px;
	padding: 0;
	text-align: center;
	line-height: 31px;
	height: 31px;
	background: url(../images/tables/t_blue6.gif) repeat;
	font-family: Verdana, Sans-serif;
	font-size: 13px;
	color: #3a3a3a;
	font-weight: bold;
}


.darkblueboxhead {
	background: url(../images/tables/dark_tl.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 31px;
}

.darkblueboxhead div {

	background: url(../images/tables/dark_tr.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 31px;
}

.darkblueboxhead div div {
	margin: 0 15px 0 15px;
	padding: 0;
	text-align: center;
	line-height: 31px;
	height: 31px;
	background: url(../images/tables/dark_t.gif) repeat;
	font-family: Verdana, Sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

.darkerblueboxhead {
	background: url(../images/tables/darker_tl.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 31px;
}

.darkerblueboxhead div {

	background: url(../images/tables/darker_tr.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 31px;
}

.darkerblueboxhead div div {
	margin: 0 15px 0 15px;
	padding: 0;
	text-align: center;
	line-height: 31px;
	height: 31px;
	background: url(../images/tables/darker_t.gif) repeat;
	font-family: Verdana, Sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}



.boxbody {
	margin: 0;
	padding: 5px 5px 5px;
	border-bottom: 1px solid #b5b4b4;
	border-right: 1px solid #b5b4b4;
	border-left: 1px solid #b5b4b4;
}

.bluebanner {
	height: 31px;
	line-height: 31px;
	margin:  0 0.5cm 0 0.5cm;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 23px;
	background: #5e83b0;
	color: #FFFFFF;
	text-align: center;
}



/* =STEPS Structure ------------------------------------------------------ */

#steps{
	
}

#steps ol {
	margin:0 0 10px 21px;
	padding: 0;	
	text-indent:0;
}
#steps li {
	margin:0;
	float:left;
	list-style-type:none;
}

#steps .step1 {}
#steps .step1 a {
	width:233px;
	background: url(/images/steps/step1.jpg) no-repeat;
}
#steps .step2 {}
#steps .step2 a {
	width:230px;
	background:url(/images/steps/step2.jpg) no-repeat;
}
#steps .step3 {}
#steps .step3 a {
	width:235px;
	background:url(/images/steps/step3.jpg) no-repeat;
}
#steps .step4 {}
#steps .step4 a {
	width:232px;
	background:url(/images/steps/step4.jpg) no-repeat;
}
#steps a {
	display:block;
	height:162px;
}



/* =HOME PAGE STRUCTURE ----------------------------------------------*/


#content {
	margin: 0;
	padding: 0;
	margin-right: 33%;
}

#customer-main-box {
	text-align: center;
	background: #FFFFFF;
	margin: 0cm auto 0cm 0.5cm;
	width: 620px;
}

#customer-main-box ul {
	width: 450px;
	margin: 0.1cm auto 0.1cm auto;
	list-style:none;
	text-align:left;
}

#customer-main-box li {
	margin: 7px 0 0 0;
}


#customer-ratings-box {
	position: relative;
	background: #FFFFFF;
	margin: 0.5cm auto 0cm 0.5cm;
	width: 620px;
}

#customer-ratings-box hr {
	width:100%;
	color: #b5b4b4;
	background-color: #b5b4b4;
	height: 1px;
	border: none;
}

#customer-more-info-box{
	position: relative;
	text-align: center;
	background: #FFFFFF;
	margin: 0.5cm auto 0.5cm 0.5cm;
	width: 620px;
}

#sidebar-a {
	float: right;
	width: 33%;
}

#trade-reg-box {
	position: relative;
	text-align: center;
	background: #FFFFFF;
	margin: 0 auto 0cm auto;
	width: 90%;
}

#trade-latest {
	position: relative;
	background: #FFFFFF;
	margin: 0.5cm auto 0cm auto;
	width: 90%;
}

#trade-latest ul{
	list-style:none;
	margin:0 0 0 5px;
	padding:0;
}

#trade-latest li{
	margin-bottom: 5px;
}


#trade-cats {
	position: relative;
	background: #FFFFFF;
	margin: 0.5cm auto 0.5cm auto;
	width: 90%;
}




/* =TENDER pages */

.tender-list{
	margin: 0.5cm 0 0.5cm 0;
	border: 1px solid #024176;
}

.tender-list li{
	margin-bottom: 10px;
}

.customer-info-list{
	margin: 0.5cm 0 0.5cm 0;
	padding: 0.5cm;
	border: 1px solid #024176;
}

.customer-info-list li{
	margin-bottom: 10px;
}

/* =ARTICLE style pages -------------------------------*/

#article {
	margin: 0.5cm 0.5cm 0.5cm 0.5cm;
}

#banner{
	margin: 0.5cm 0.5cm 0 0.5cm;
	border: 1px solid #00187e;
	text-align: center;
}

#article img{
	margin: 0 50px 0 50px;
	border: 1px solid #00187e;
	
}


/* =SITEMAP ------------------------------------------- */

#sitemap-main {
	margin-left: 0.5cm;	
}

/* =MY ACCOUNT & MYPAGES -> GENERAL USE ---------------------------------------- */

.general-content{
	margin: 0.5cm 0.5cm 0 0.5cm;
}

/* =MY ACCOUNT -> MY CREDITS ---------------------------------------- */

#top-up{
	margin: 0 0.5cm 0 0.5cm;
}

#top-up h2 {
	margin: 0.5cm 0 0 0;
	padding: 0;
}

#account-message{
	margin: 0 0 10px 0;
	padding: 10px;
	border: 2px solid green;
}

.account-activity{
	border: 2px solid #e1e1e1;
}

/* = MYACCOUNT -> MY PROFILE ------------------------------------------*/

#stats{
	margin: 0.5cm;
	padding: 2px;
}

#ratings{
	margin: 0.5cm;
	border: 2px solid #e1e1e1;
}




/* = MYACCOUNT -> MY DETAILS ------------------------------------------*/

#mydetails-form{
	margin: 1cm 0.5cm 0 0.5cm;
}



/* MYPAGES -> MYPAGES1 ---------------------------------------------------*/

.greyboxselected {
        background-color: #b2b2b2; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; font-weight: bold; 
}

.greybox {
        BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; 
}