/* Key styles for: BTP Central*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 10 February 2010 */

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #f4f5f5; color: #333;}
img, div { behavior: url(iepngfix.htc) }

/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 650px; background: #fff;}
#banner{overflow: hidden;}
#logo{float: left; padding: 20px 10px;}
#content {background-color: #fff; width: 650px; overflow: hidden;}

#right {float: right; width: 450px; padding: 20px;}
#left {float: left; width: 430px; padding: 40px;}
#middle-1{width: 445px; padding: 20px 102px 0 102px; overflow: hidden}
#middle-2{width: 520px; padding: 20px 65px;}

#middle-1 .col {position: relative; float: left;}
#col1 {width: 250px;}
#col2 {width: 195px;}

#footer {clear: both; padding: 10px 0; width: 650px; overflow: hidden;}
#footer-right{float: right; width: 480px; overflow: hidden; text-align: right}
#footer-left{float: left; width: 170px; overflow: hidden;}

#copyright{background: #a8a9ab; overflow: hidden; height: 35px;}
#copyright-wrapper{float: right; width: 470px}

/*Navigation Styles*/
#navigation{clear: both; background: #7bd043; overflow: hidden; height: 45px; font-family: "Swiss";}
#navigation ul {padding: 15px 10px;}
#navigation li {margin: 0; zoom: 1; display: inline; list-style: none; border-right: 1px solid #fff; padding-right: 3px;}
#navigation li a{margin: 0 4px; text-decoration: none; color: #fff; font-size: 1.2em; padding: 5px 2px 0 2px; text-transform: uppercase;}
#navigation li a:hover {color: #fff; border-bottom: 1px solid #fff;}
#navigation li.last {border-right: none;}
#navigation li.current a{color: #fff; border-bottom: 1px solid #fff;}

*html #navigation li{padding-top: 2px;}
*html #external-site li{padding-top: 2px;}

html>body #navigation li{*padding-top: 2px;}
html>body #external-site li{*padding-top: 2px;}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
  head~body  #navigation ul {padding: 17px 10px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#external-site ul {padding: 17px 10px;}
}

@media only screen and (max-device-width: 480px)
{
#external-site ul {padding: 17px 10px;}
}

#external-site {float: right; margin-top: -46px; background: #4d8cb1; height: 47px;}
#external-site li{border-right: none;}

/*Link Styles*/
a {color: #4d8cb1;}
a:link{color: #4d8cb1;}
a:visited {color: #4d8cb; }
a:hover {color: #7bd043;}

#copyright a{color: #fff; text-decoration: none; border-bottom: none;}
#copyright a:hover{color: #333; border-bottom: none;}

a .red {color: #bd3d37; text-decoration: none; border-bottom: 1px solid #bd3d37;}
a:hover .red{color: #333; border-bottom: 1px solid #333;}

a .white{color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}
a:hover .white{color: #333; border-bottom: 1px solid #333;}

/*Paragraph Styles*/
h1 {font-size: 1.4em; color: #7bd043; padding-bottom: 2px; font-family: "Swiss"; text-transform: uppercase; font-weight: bold;}
h2 {font-size: 1.2em; color: #7bd043; padding-bottom: 2px; font-family: "Swiss"; text-transform: uppercase; font-weight: bold;}
h3 {font-size: 1.0em; color: #888; padding-bottom: 2px; font-family: "Swiss"; text-transform: uppercase; font-weight: bold;} 
p {font-weight: 1em; padding-bottom: 15px; line-height: 1.3em;}
#sidebar p {color: #666; line-height: 1.5em}
#banner-content p{font-size: 1.4em;}
#copyright p{color: #fff; padding: 10px 0;}

/*Table Styles*/
table {background: #fff; border: 1px solid #fff; margin-bottom: 15px;}
table td{padding: 5px; background: #fff; color: #888; border: 1px solid #fff; font-size: 10px;}

/*List Styles*/
#content ul, #content ol {font-size: 10px; margin-left: 30px; padding-bottom: 15px;}

/*Image Styles*/
img {padding: 0px;}
#content img{padding: 5px;}
#content img.left{padding: 5px 10px 5px 0;}
#content img.right{padding: 5px 0 5px 10px;}
#footer img{padding: 10px 0px 10px 10px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.red{color: #bd3d37;}

/*Gallery Styles*/
.thumbscontainer ul{margin-left: 0px !important; width: 510px;}
#lbBottomContainer a{color: #006699; text-decoration:none; border-bottom: none;}
#lbBottomContainer a:hover { color: #333; border-bottom: none;}
#lbCenter a{color: #006699; text-decoration:none; border-bottom: none;}
#lbCenter a:hover { color: #333; border-bottom: none;}


.thumbs {height: 70px !important; padding: 2px !important; margin: 0;}
img.thumbnail {height: 75px; width: 105px;  margin: 0!important; padding: 0!important;}
.thumbs p {display: none;}

html>body .thumbs{*margin-bottom: 10px !important;}
body:nth-of-type(1) .thumbs{margin-bottom: 10px !important;}

/*Agents Login*/
#WebLoginLayer0 {width: 260px;}
#WebLoginLayer0 ol{list-style: none; margin-left: 0 !important;}
#WebLoginLayer0 label{display: block; margin-bottom: 2px;}
#WebLoginLayer0 li{margin-bottom: 10px;}
#WebLoginLayer0 ol{margin-bottom: -5px !important;}
#WebLoginLayer0 ol input{width: 250px;}

#WebLoginLayer0 p{width: 50px; float: left;}
#WebLoginLayer0 p input{width: 50px;}

#WebLoginLayer0 ol#remember-me {float: right; text-align: right;}
#WebLoginLayer0 ol#remember-me label{float: left;}
#WebLoginLayer0 ol#remember-me input {width: 10px; margin-top: -1px;}
#WebLoginLayer0 ol#remember-me li{margin-bottom: 5px;}

/*Forgot Login*/
#WebLoginLayer2 input{width: 220px;}
#WebLoginLayer2 p input{width: 80px; margin-top: 10px;}

/*Downloadable Files*/
input#submit {float: right; width: 80px;}
#upload-buttons {width: 375px;}
#browse {float: left;}