/*Powells core style*/

body {
/* OVERALL TEXT SIZE CONTROLLED HERE */
 font-size: 0.8em; 
 font-family: Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px; }

h2 {
 font-size: 1.3em;
 font-weight: bold;
 color: #197657;
 padding-top: 15px; }

h3 {
 font-size: 1.2em;
 font-weight: bold;
 color: #197657;
 padding-top: 10px; }

.titles {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.05em;
 font-weight: bold;
 color: #FFFFFF;
 text-transform: uppercase; }

.titles a {
 color: #FFFFFF;
 }

.fixedfeeheadertitle {
 color: #999999;
 text-transform: none; }

.fixedfeeheadertitle a {
 color: #FFFFFF;
 text-transform: none; }

.text {
 color: #999999;
 }

.boldtext {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 color: #197657; }

.boldtextlarge {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.4em;
 font-weight: bold;
 color: #197657; }

td#main-content p {
 font-size: 1.0em;
 font-weight: normal;
 color: #666666; }

td#main-content ul.services {
 padding-left: 25px;
 padding-bottom: 5px;
 padding-top: 1px; }

td#main-content ul.services li {
 font-size: 1.0em;
 font-weight: normal;
 color: #666666;
 line-height: 1.4em;
list-style-type: circle;
margin-left: 20px; }

td#main-content ul.fixedfees {
 padding-left: 15px;
 padding-bottom: 5px;
 padding-top: 0px; }

td#main-content ul.fixedfees li {
 font-size: 1.0em;
 font-weight: normal;
 color: #333333;
 list-style-type: circle;
 margin-left: 20px;
margin-bottom: 7px; }

td#main-content ul.fixedfees li a {
 font-weight: normal; }

td#main-content ul.bullets {
}

td#main-content ul.bullets li {
 font-size: 1.0em;
 font-weight: normal;
 color: #666666;
 background: transparent url(../images/circle.jpg) no-repeat 0px 0px;
 list-style-type: none;
 line-height: 1.4em;
padding-left: 25px;
 padding-bottom: 8px;
 padding-top: 1px; }

#main-content a:link {
 color: #333333;
 font-weight: bold;
 text-decoration: underline; } 

#main-content a:visited {
 color: #666666;
 font-weight: bold; }

#main-content a:hover {
 color: #333333;
 background-color: #cccccc;
 text-decoration: none; }

#main-content a:active {
 color: #000000;
 text-decoration: underline; }

#worldpaylogos {
 float: left;
 padding-bottom: 50px;
 padding-top: 50px;
 }

#fixedfeebutton {
 border: 1px #000000 solid;
 background-color: #cccccc;
 width: 70%;
 text-align: center;
 padding: 10px;
 }

#product {
 border: 1px #000000 solid;
 width: 70%;
 text-align: center;
 padding: 10px;
 }

form,fieldset{
 margin:0;
 padding:0;
 border-style:none;
}

.form {padding-top:7px;
 background:#ffffff;}

.row {
 width:500px;
 overflow:hidden;
 padding-bottom:4px;
}
.rowheader1a{
 width:500px;
 overflow:hidden;
 padding:4px;
 background-color: #77777a;
 color: #FFFFFF;
 font-weight: bold;
 padding-right:10px;
 margin: 20px 0em 10px 0em;
}
.rowheader1b{
 width:500px;
 overflow:hidden;
 padding:4px;
 background-color: #77777a;
 color: #FFFFFF;
 font-weight: bold;
 padding-right:10px;
 margin: 20px 0em 0px 0em;
}
.rowheader2a{
 width:500px;
 overflow:hidden;
 padding:4px;
 background-color: #b5b5b6;
 color: #000000;
 font-weight: bold;
 padding-right:10px;
 margin: 20px 0em 10px 0em;
}
.rowheader2b{
 width:500px;
 overflow:hidden;
 padding:4px;
 background-color: #b5b5b6;
 color: #000000;
 font-weight: bold;
 padding-right:10px;
 margin: 3px 0em 10px 0em;
}
.row label {
 float:left;
 width:200px;
 padding-right:10px;
 margin: 3px 0em 0px 0em;
 font:1em/1.166em Arial, Helvetica, sans-serif;
 color:#333;
 text-align:right;
}
.row select {
 float:left;
 padding:0;
 font:1em/1.166em Arial, Helvetica, sans-serif;
 margin-top: 0em;
 margin-right: 10px;
 margin-bottom: 0em;
 margin-left: 0em; 
}
.row-text {
 width:500px;
 overflow:hidden;
 padding-bottom: 10px;
 padding-top: 10px; 
 color:#666666;
}
.row-error {
 width:500px;
 overflow:hidden;
 padding-bottom: 10px;
 padding-top: 10px; 
 color:#FF0000;
}
.row-text-nopadding {
 width:500px;
 overflow:hidden;
 padding-bottom: 10px;
 padding-top: 0px; 
 color:#666666;
}
input.field {
 float:left;
 width:204px;
 background:#ffffff;
 margin:0;
 padding:2px 3px 1px;
 font:1em/1.166em Arial, Helvetica, sans-serif;
}
.row .required {
 float:left;
 margin:0 0 0 8px;
 padding-bottom:3px;
}
.address input.field {
 margin:0 0 0 160px;
 background:#ffffff;
 display:inline;
}
.postcode input.field {
 width:86px;
 background:#ffffff;
}
.row textarea {
 width:204px;
 background:#ffffff;
 margin:0;
 padding:1px 3px;
 font:1em/1.166em Arial, Helvetica, sans-serif;
 height:95px;
}
.button {
 margin: 10px 0px 10px 0px;
 display:block;
}
.special {padding-bottom:10px;
}
.special label {margin-top:4px;
}
label.none {display:none;
}
label.submit {
margin-top: 12px;
margin-bottom: 10px; 
}
.adr em {font-style:normal;}

.boldgreytext {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 color: #666666;
 line-height: 15px; }

.quote {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.6em;
 font-style: italic;
 font-weight: bold;
 color: #FFFFFF;
 line-height: 1.2em; }

.whitetext {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-style: normal;
 color: #FFFFFF; }

.phone {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.7em;
 font-style: normal;
 font-weight: bold;
 color: #FFFFFF; }

.bolddarkgrey {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 color: #333333; }

.boldblacklarge {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.4em;
 font-weight: bold;
 color: #000000; }

.bolddarkgreyservices {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 color: #333333;
margin-left: 20px; }

.smallerquote {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.4em;
 font-style: italic;
 font-weight: bold;
 color: #FFFFFF;
 line-height: 18px; }

.greenlinks {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 color: #197657; }

.address, .address1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 line-height: 23px;
 font-weight: normal;
 color: #666666; }

img.FeatureImgRight {
 float: right;
 margin-left: 12px;
 margin-bottom: 6px; }

img.FeatureImgLeft {
 margin-bottom: 6px;
 margin-right: 12px;
 float: left; }

div#we-offer-title {
 width: 210px;
 float: right;
 margin-right: 25px;
 padding-right: 0px; }

div#we-offer {
 width: 250px;
 float: right; }

div#we-offer li {
 background: transparent url(../images/circle.jpg) no-repeat 0px 0px;
 list-style-type: none;
 line-height: 1.2em;
 padding-left: 25px;
 padding-bottom: 8px;
 padding-top: 1px; }

table#quote-box {
 width: 210px;
 float: right;
 margin-bottom: 5px; }

div#rightcolumn-wrapper {
 width: 250px;
 float: right;
 margin-right: 25px;
 margin-top: 15px; }

div#quote-box-img {
 margin-left: 40px; }

div#text-size {
 width: 180px;
 float: right;
 margin-left: 0px;
 margin-top: 10px;
 margin-bottom: 15px;
 background-image: url(../images/textbox.jpg);
 background-color: #666666;
 padding-top: 12px;
 padding-bottom: 12px;
 padding-left: 15px;
 padding-right: 15px; }

div#text-size p {
 margin: 0px;
 padding-top: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 10px; }



/*------------------------------------------------------------------------- 1st LEVEL */

#menucontainer ul#nav,
#menucontainer ul#nav ul {
	margin: 0;
	list-style: none;
	line-height: 1;
	float:left;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 7px; }

#menucontainer ul#nav li {
	float: left;
}

#menucontainer ul#nav li a {
	display: block;
	padding: 9px 10px 9px 10px;
	color:#FFFFFF;
	text-decoration:none; }

#menucontainer ul#nav li a:hover {
	background:#9f0000;
}	

/*------------------------------------------------------------------------- 2nd LEVEL */
#menucontainer ul#nav li ul {
	position: absolute;
	width: 200px;
	padding-left: 0px;
	left: -999em; /* display:none is not read by screen readers, so we use "left" here */
}

#menucontainer ul#nav li ul li a {
	width: 190px;
	border-bottom:1px solid #FFFFFF;
	padding:9px 0 9px 10px;
	background-image: url(../images/but1.jpg);
	background-position: right; }

#menucontainer ul#nav li ul li a.first {
	border-top:1px solid #FFFFFF;
}

#menucontainer ul#nav li ul li a.nav_last {
	border:0;
}

#menucontainer ul#nav li ul li a:hover {
	background-image: url(../images/but2.jpg);
	background-position: right;
	width: 190px;
}

#menucontainer ul#nav li:hover ul,
#menucontainer ul#nav li.sfhover ul {
	left: auto;
}


/* nav bar start */

td#navtd { 
 width: 270px;
 height: 160px; }

td#navtd2 { 
 width: 320px;
 height: 160px; }

