/*=========================== TAGS ============================*/

* { 
	border-width: 0px;
    margin: 0;
    padding: 0;
}

html {
	min-width:960px;
	height:100%;
} 

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-repeat: repeat-x;
	background-position: left 0px; /* you can adhust the 0px up or down to move the backgroung */
	height:100%;
	margin:0;
	padding:0;
	background-image: url(/images/sitebg.gif);
	z-index: -100;
}
ul, ol { 
	list-style:none;
}
blockquote {
	text-indent: 50px;
}

/*========================== ALIGMENT =========================*/

.clear { 
	clear:both;
}
.logo{
	overflow: hidden;
	background-image: url(/images/logoplus.png);
	background-repeat: no-repeat;
	float: left;
	height: 85px;
	width: 435px;
	margin-top: 14px;
}
.login
{
    padding: 10px;
    height: 126px;
    width: 254px;
    background-image: url(/images/Login.png);
    background-repeat: no-repeat;
    float: right;
    position: relative;
    top: -113px;
    right: 0px;
}

.login #loginForm {
	float: right;
	margin-top: 10px;
	margin-right: 14px;
}
.login #loginForm #ctl00_loginHeaderBar_LoginView2_Login1_UserName {
	width: 130px;
	position: relative;
	top: 8px;
	right: 0px;
	background:none;
	border:none;
}
.login #loginForm #ctl00_loginHeaderBar_LoginView2_Login1_Password {
	width: 130px;
	position: relative;
	top: 10px;
	right: 0px;
	background:none;
	border:none;
}
.login #loginForm #ctl00_loginHeaderBar_LoginView2_Login1_CreateUserLink {
	position: relative;
	left: -70px;
	top: 25px;
	color: #FFFFFF;
	text-decoration: none;
	border:none;
	font-size: 1em;
}
.login #loginForm #ctl00_loginHeaderBar_LoginView2_Login1_LoginLinkButton {
	position: relative;
	top: -3px;
	color: #FFFFFF;
	font-size: 1em;
	text-decoration: none;
	border:none;
	float: right;
}

.loginButton 
{
    -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  background:              white url('/images/button.png') 0 0 repeat-x; 

/* Image fallback */

  background:             -moz-linear-gradient(0% 170% 90deg, #c4c4c4, white);
  background:             -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4));
  border:                  1px solid;
  border-color:            #e6e6e6 #cccccc #cccccc #e6e6e6;
  border-radius:           3px;
  color:                   #404040;
  display:                 inline-block;
  font-family:            "helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
  font-size:               11px;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  text-shadow:             1px 1px 0 white; 
  white-space:             nowrap;
}


.loginButton:hover {
    background:           -moz-linear-gradient(0% 170% 90deg, #b8b8b8, white);
    background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#b8b8b8));
    border-color:          #99ccff;
    color:                 #333333; }

  .loginButton:active {
    position:              relative;
    top:                   1px; }

  .loginButton:active, .loginButton:focus {
    background-position:   0 -25px;
    background:           -moz-linear-gradient(0% 170% 90deg, white, #dedede);
    background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white));
    border-color:          #8fc7ff #94c9ff #94c9ff #8fc7ff;
    color:                 #1a1a1a;
    text-shadow:           1px -1px 0 rgba(255, 255, 255, 0.5); }






.Wrapper {
	width:960px;
	margin-right: auto;
	margin-left: auto;
}
.Header {
	height: 150px;
	width: 960px;
	float: left;
}
#content {
	float: left;
	height: 100%;
	width: 900px;
	position: relative;
	top: -113px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
	padding-right: 25px;
	padding-bottom: 135px;
}
#Right {
	float: right;
	width: 250px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	height: 300px;
	position: relative;
	top: -110px;
}

.Footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.BottomBar{
	height: 100px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	color: #FFFFFF;
	position: relative;
	bottom: 0;
	background-color: #0E3A5F;
}
/*========================== Drop Menu ===============================*/
ul.dropmenu {
	float: left;
	margin: 0px;
	padding: 0px;
	display:block;
	height:31px;
	background-color: transparent;
	background-image: url(/images/navigation.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	position: relative;
	top: -5px;
	background-attachment: scroll;
	z-index: 10;
	width: 666px;
}

.dropmenu li a, .dropmenu li{
	float: left;
}
.dropmenu li a:hover, .dropmenu li.open > a{
	color: #0657AD;
	background: #FFFFFF url("/images/gradient.png") repeat-x scroll 0 0;	
}

.dropmenu li{
	list-style: none;
	position: relative;	
	top: 1px;
}

.dropmenu li span{
	display: block;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 12px;
	right: 10px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/arrow_up.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.dropmenu li a:hover span, .dropmenu li.open > a span{
	background-image: url(/images/arrow_hover.png);
}

.dropmenu li a, .dropmenu li div{
	text-decoration: none;
	color: #FFF;
	border-right:1px solid #4A779D;
	text-transform:uppercase;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}

/* Submenu */
.dropmenu li > ul, .dropmenu li > div {
	display: none;
	position: absolute;
	left: 0px;
	top: 100%;
	padding: 0px;
	background:url("images/gradient.png") repeat-x scroll 0 0 #FFFFFF;
	margin-top: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.dropmenu li:hover > ul, .dropmenu li:hover > div{
	display: block;
}

.dropmenu li ul li, .dropmenu li ul li a{
	float: none;	
	color: #0657AD;
	text-transform: none;
	#text-decoration: underline;
}

.dropmenu li ul li{
	_display: inline;	
}

.dropmenu li > div{
	width: 200px;
}

.dropmenu li ul li a span{
	background:url("images/arrow_sub.gif") repeat-x scroll 0 0 transparent;	
}

/* Sub submenu */

.dropmenu li ul li a{
	width: 150px;
	display: block;	
	border:1px solid #CCCCCC;
	border-top: none;
}

.dropmenu li ul li a:hover{
	color:#F67A00;
	background: #F0F0F0;
}

.dropmenu li ul li ul, .dropmenu li ul li > div{
	top: 0px;
	left: 101%;
}


/*******************************************************
Login form
*******************************************************/
.dropmenu li > div.login{
	border:1px solid #CCCCCC;
	width: 210px;	
}
.dropmenu li > div.login div{
	border: none;
}
.login label{
	display:block;
	padding:0 0 4px;
	color:#595959;	
}
.login input {
	border:1px solid #4A779D;
	margin-bottom:8px;
	padding:3px 8px;
	width:164px;
}
.login button {
	background:url("images/navigation.png") repeat-x scroll 0 0 #4A779D;
	border:1px solid #4A779D;
	color:#FFFFFF;
	padding:4px 10px;
	width:175px;
}

/*******************************************************
Solutions div
*******************************************************/
.dropmenu li > div.products{
	width: 280px;

}
.dropmenu li:hover > div.products ul{
	display: block;
}
.dropmenu li > div.products *{
	padding: 0px;
	margin: 0px;
	position: relative;	
	border: none;
}
.dropmenu li > div.products li{
	overflow: hidden;
	padding: 10px 0px;
	border-bottom:1px solid #CCCCCC;
}
.dropmenu li > div.products li img{
	float: left;
	margin:  0 15px;
}
.dropmenu li > div.products{
	border:1px solid #CCCCCC;
	color:#595959;
}

.dropmenu li > div.products ul li h2{
	font-size: 16px;
	margin: 0px;
	padding: 2px 0 3px;
}



.dropmenu li > div.products ul li p{
	color:#666666;
	font-size:10px;
	margin:0;
	padding:0;
}
.dropmenu li > div.products ul li p a {
	border:medium none;
	color:#666666;
	display:inline;
	margin:0;
	padding:0;
	text-transform:none;
	background: none;
}
.dropmenu li > div.products ul{
	padding: 0px;
	margin: 0px;	
}
.dropmenu li > div.products ul li p a:hover {
	color:#222;
	text-decoration: none !important;
}
.dropmenu li > div.products .small{
	padding: 15px;
	color:#595959;
	font-size: 9px;
	text-transform: none;
}
/*******************************************************
Contacts div
*******************************************************/

.dropmenu li > div.contacts{
	width: 300px;
	padding: 10px;
}
.dropmenu li:hover > div.contacts ul{
	display: block;
}
.dropmenu li > div.contacts *{
	padding: 5px;
	margin: 0px;
	position: relative;	
	border: none;
}
.dropmenu li > div.contacts li{
	overflow: hidden;
	padding: 10px 0px;
	border-bottom:1px solid #CCCCCC;
}
.dropmenu li > div.contacts li img{
	float: left;
	margin:  0 15px;
}
.dropmenu li > div.contacts{
	border:1px solid #CCCCCC;
	color:#595959;
}

.dropmenu li > div.contacts ul li h2{
	font-size: 1.5em;
	margin: 0px;
	padding: 2px 0 3px;
	text-decoration: none;
}
.dropmenu li > div.contacts ul li h5{
	font-size: 1.3em;
	margin: 0px;
	padding: 2px 0 3px;
	text-decoration: none;
	color: #F57E20;
}
.dropmenu li > div.contacts ul li p{
	color:#333333;
	font-size:1.1em;
	margin:0;
	padding:0;
	text-decoration: none;
}
.dropmenu li > div.contacts ul li a {
	#border:medium none;
	color:#3366CC;
	display:inline;
	margin:0;
	padding:0;
	text-transform:none;
	background: none;
}
.dropmenu li > div.contacts ul{
	padding: 0px;
	margin: 0px;	
}
.dropmenu li > div.contacts ul li p a:hover {
	color:#222;
	text-decoration: none !important;
}
.dropmenu li > div.contacts .small{
	padding: 15px;
	color:#595959;
	font-size: 9px;
	text-transform: none;
}
/*******************************************************
Tutorials div
*******************************************************/
.dropmenu li > div.tutorials *{
	display: none;	
}
/*========================== Social Links ============================*/
div#demo {
	text-align: left;
	float: left;
	width: 350px;
}

div#demo ul#smenu {
	list-style: none;
	display: inline-block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
    
div#demo ul#smenu li {
    padding: 0px;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 48px;
    height: 48px;
}

div#demo ul#smenu li a {
    position: absolute;
}

div#demo ul#smenu li img {
    position: absolute;
    width: 48px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 8px 0 0;
    border: none;
    overflow: hidden;
}

/*================= TXT, LINKS, LINES, TITLES =================*/
.small {}

a {}
a:hover{
	color: #3366FF;
}
p {
	margin:0;
	padding:0;
	line-height: normal;
	font-size: 1.2em;
	color: #333333;
}



h1 {font-size: 2.2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.45em;}
h4 {font-size: 1.30em;}
h5 {font-size: 1.15em;}
h6 {font-size: 1.00em;}
h1{
	color:#F47F1F;
	text-shadow:0px 1px 1px #333333;
	-moz-text-shadow:0px 1px 1px #333333;
	-webkit-text-shadow:0px 1px 1px #333333;
	-khtml-text-shadow:0px 1px 1px #333333;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*========================= CONTENT ===========================*/


.title{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:21px; text-align:left; line-height:30px; color:#0C6AA7; font-weight:bold;
}

.title a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 21px;
    text-align: left;
    line-height: 30px;
    color: #0C6AA7;
    font-weight: bold;
    text-decoration: none;
}

.title a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 21px;
    text-align: left;
    line-height: 30px;
    color: #FF9933;
    font-weight: bold;
    text-decoration: none;
}

.title a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 21px;
    text-align: left;
    line-height: 30px;
    color: #0C6AA7;
    font-weight: bold;
    text-decoration: none;
}

.qanda-question
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #008000;
    padding-bottom: 12px;
    font-weight: bold;
    padding-top: 6px;
}

.qanda-answer
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003399;
    padding-bottom: 8px;
}

.campaignLeads
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0066CC;
    padding: 5px;
    font-weight: bold;
}



.cart-type
{
     float:left; width:190px; height:35px; padding-left:5px;
}
.cart-amount{
     float:left; width:110px; height:35px; padding-left:5px;
}

.cart-total{
     float:left; width:180px; height:35px; padding-left:5px;
}


.timeline
{
    background-position: center bottom;
    width: 800px;
    height: 200px;
    background-image: url('/images/timeline-background.gif');
    background-repeat: no-repeat;

}


.timeline-date
{
     float:left; width:100px; height:25px;
}

.timeline-info
{
    float: left;
    width: 100px;
    padding-top: 20px;
 
}



.timeline-date-end
{
     float:left; width:60px; height:25px;
}




.pdfsamples
{
    float: left;
    width: 200px;
    height: 200px;
    padding-left: 5px;
    text-align: center;
}


.formboxhdr{
	background-color:#2D2E79;
	border-bottom:solid 1px #fff;
	font-size:15px;
	line-height:33px;
	color:#fff;
	font-weight:bold;
	padding:0 0 0 14px;
}





input.formName, input.formAddress, input.FormDatePostcode
{
	border:solid 1px #AFAFD2;
	height:22px;
	font-size:12px;
	padding:4px 0 0 5px;
}
input.formName{
	width:240px;
}
input.formAddress{
	width:500px;
}
input.inputFormDatePostcode{
	width:120px;
}


input.smallFormName
{
    border:solid 1px #AFAFD2;
	height:20px;
	font-size:10px;
	padding:2px 0 0 2px;
	width:150px;
}

input.smallFormNameWM
{
    border: solid 1px #AFAFD2;
    height: 20px;
    font-size: 10px;
    padding: 2px 0 0 2px;
    width: 150px;
    background-color: #FFFFCC;
    color: #808000;
}



#footer
{
    width: 96%;
    height: 75px;
    padding: 10px;
    background-color:#F5F5F4;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    z-index: 500;

}

#footer-left
{
     float:left; width:180px; margin-left:5px;
}

#footer-centre
{
     float:left; width:420px; padding-left:5px;
}
#footer-right{
     float:left; width:250px; height:37px; padding-left:5px;
}

.formDropDown
{
    background: white;
    border: 1px solid;
    border-color: #e6e6e6 #cccccc #cccccc #e6e6e6;
    height: 20px;
}

.formDropDown option {border-bottom:1px solid #dadada}


.formMultilines
{
	border:                  1px solid;
  border-color:            #e6e6e6 #cccccc #cccccc #e6e6e6;
	font-family:            "helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
  font-size:               13px;
  padding:                 5px 8px 5px;
	
}


.wide-left
{
     float:left; width:600px; margin-right:15px;
}

.wide-right
{
     float:left; width:270px;
}

.propcamp-thumb 
{
 width: 100px;
 float: left;      
}

.propcamp-add 
{
 width: 300px;
 margin-left: 10px;
 float: left;      
}

.propcamp-options 
{
 width: 390px;
 margin-left: 10px;
 float: left;      
}

.campaignAddress
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FF6600;
    text-decoration: none;
    
}

.campaignAddress a:link, a:visited
{
    text-decoration: none;
}

.campaignAddress a:hover
{
    color: #003399;
    text-decoration: underline;
}

.campaignRent
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #008000;
}

.leadsLink
{
    width: 90px;
    height: 73px;
    background-image: url('/images/leads-background.png');
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
    float: right;  
}

.leadsLink a
{
    font-size: large;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}

.leadContactLeft
{
 width: 580px;
 float: left;      
}

.leadContactRight
{
 width: 300px;
 margin-left: 10px;
 float: left;      
}


.quickApplication
{
    border: 2px solid #FF6600;
    padding: 8px;
    background-color: #D8EDFE;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}