@import "reset.css";
@import "forms.css";


/* Generic elements */

body {
 background: url(images/bg.gif) repeat;
 color: Black;
 font: .76em/1.5em Arial, Helvetica, sans-serif;
 text-align: center;
}

a,a:link,a:visited { 
 color: #7ba846;
 text-decoration: underline;
} 
a:hover,a.important,a.on { 
 color: #7ba846;
}

p { 
 padding: .5em 0; 
}

img.fltr {
 float: right;
 margin: 0 0 10px 10px;
}
img.fltl {
 float: left;
 margin: 0 10px 10px 0;
}

ul {
 list-style: disc;
 padding: .5em 0 .5em 2em;
}
ol {
 list-style: decimal;
 padding: .5em 0 .5em 2em;
}

ul.reset, ul.reset ul, #nav {
 list-style: none;
 margin: 0;
 padding: 0;
}

small {
 font-size: .9em;
}


/* Custom paragraphs, links, images */

.pic {
 border: solid 5px White;
}

.hide { display: none; }
.show { display: block; }

a.button2, a.button2:visited {
 display: block;
 width: 179px;
 padding-left: 30px;
 background: transparent url(images/bg1.gif) center left no-repeat;
 color: #fff !important;
 font-weight: bold;
 line-height: 22px;
 text-decoration: none !important;
}

a.button2:hover {
 color: #7ba846 !important;
 text-decoration: none; 
}

a.button2-smaller, a.button2-smaller:visited {
 width: 64px;
 background-image: url(images/bg1-smaller.gif);
}

a.button3-smaller, a.button3-smaller:visited {
 width: 110px;
 background-image: url(images/bg3-larger.gif);
}

a.button4-smaller, a.button4-smaller:visited {
 width: 90px;
 background-image: url(images/bg4-larger.gif);
}

a.button3, a.button3:visited {
 padding: 5px;
 border: solid 1px #9ac161;
 border-top-color: #adcd7f;
 background: #96bf5c url(images/grad8.gif) top left repeat-x; 
 color: #fff;
 font-family: Verdana, Tahoma, Arial, sans-serif;
 text-decoration: none;
}



/* Headings */

h1,h2,h3,h4,h5,h6 {
 line-height: normal;
}

h1 { font-size: 140%; }
h2 { font-size: 135%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 16px; font-weight: normal; font-family: Arial;}
h6 { font-size: 100%; }

h2 {
 margin-bottom: .5em;
 color: #0b397c;
 font-size: 20px;
 font-weight: normal;
}

/* Custom headings */

#logo {
 float: right;
 padding: 0;
}

#logo img { display: block; }

#outline {
 padding: .7em 0;
 margin: 0;
 font-size: 18px;
 font-weight: normal;
}

#outline strong { float: left; margin: 0 5px .5em 0; }

#home h3 {
 color: #3385a3;
}





/* Main layers */

#container {
 width: 750px;
 margin: 10px auto 0;
 border: solid 1px #d0d0d0;
 background-color: #ededed;
 color: Black;
 text-align: left;
}

#header {
 float: left;
 width: 100%;
 padding-bottom: 17px;
 border-bottom: solid 1px #999;
}

#header .master {
 padding: 8px 25px 0 45px;
 background: White url(images/grad4.gif) top right repeat-y;
}

#content {
 clear: left;
 width: 720px;
 padding: 15px 15px 0;
 border-top: solid 2px White;
}

#content .inner {
 padding: 0 10px 10px;
}

#content .col .inner {
 padding: 10px;
}

#portcol {
 float: left;
 width: 356px;
}

#starcol {
 float: right;
 width: 354px;
}

#sidebar {
 float: left;
 width: 147px;
 margin-right: 36px;
}

#mainbar {
 width: 505px;
 float: left;
}

#footer {
 clear: both;
 padding: 0 50px;
 color: #9cc464;
 border-top: solid 1px #a2c76d;
 font-family: Verdana, sans-serif;
 font-size: .9em;
}

.col { margin-bottom: 15px; }




/* Search compare form */

#search-compare { margin-top: 20px; }
#search-compare input, #search-compare select { vertical-align: middle; }
#search-compare select { padding: 3px 2px; border: solid 1px #c3dba0; color: #005a7f; font-family: Verdana, sans-serif; font-size: 13px; }




/* Newsletter signup */

#newsletter fieldset input.text {
 width: 119px;
}

#sidebar #newsletter fieldset input.text {
 margin-bottom: 5px;
}

#newsletter fieldset input.submit {
 width: 70px;
}



/* Navigation */

#navbar {
 float: left;
 width: 100%;
 border-bottom: solid 1px #4e7f25;
 background: #98c15f url(images/grad1.gif) bottom left repeat-x;
 color: White;
}

#nav { padding: 0 29px; }

#nav li { display: inline; }
#nav li a, #nav li a:visited {
 float: left;
 padding: .7em 12px .7em 13px;
 background: url(images/grad2.gif) bottom left no-repeat;
 font-size: 15px;
 color: White;
 text-decoration: none;
}

#nav li a.on,
#nav li a:hover {
 text-decoration: underline !important;
}

#nav li.first a {
 background-image: none !important;
}




/* Box model */

.box {
 margin-bottom: 10px;
 background: #3385a3 url(images/grad3.gif) top left repeat-x;
 color: White;
}

.box .w1 {
 padding-left: 10px;
 background: url(images/corners.gif) top left no-repeat;
}

.box .w2 {
 padding-top: 10px;
 background: url(images/corners.gif) top right no-repeat;
}

.box .w3 {
 background: url(images/corners.gif) bottom right no-repeat;
}

.box .w4 { 
 min-height: 1%;
 margin-right: 10px;
 margin-left: -10px;
 padding: 0 0 10px 10px;
 background: url(images/corners.gif) bottom left no-repeat;
}

.boxtype2 .w1,
.boxtype2 .w2,
.boxtype2 .w3,
.boxtype2 .w4
{ background-image: url(images/corners2.gif); }

* html .box .w4 { height: 1%; }

.boxtype2 .w4 a{ text-decoration:none !important; color:#fff !important;  }


/* Custom box modules */

#newsletter h3 {  padding-bottom: .5em; color: Black; font-weight: normal; }

#tips { background-color: #5198b1; background-image: url(images/grad5.gif); }
#tips h3 { color: White; }

#seetopbrokers { background-color: #79afc3; background-image: url(images/grad7.gif); }
#seetopbrokers .w4 { padding: 10px 30px 10px 30px; }

#sidebar #register { background-color: #247c9c; background-image: url(images/grad6.gif); }


/* Services module */
#services h3 { margin-bottom: .5em; color: White; }
#services ul.port { float: left; }
#services ul.star { float: right; }
#services ul li a, #services ul li a:visited { color: White; text-decoration: none; }
#services ul li a:hover { text-decoration: underline; }


#home #newsletter {
 margin-top: 4em;
 background-color: #3385a4; 
 background-image: url(images/grad9.gif);
}



table { background-color: #d2d2d2; }
table th, table td { vertical-align: top; padding: 8px; }
table th { padding: 8px 14px; background-color: #50a7c6; color: White; }
table tbody td { border-width: 2px 5px; border-color: White; border-style: solid; background-color: #f4f4f4; }

table .checkbox { padding: 8px 0; width: 25px; border-left: none; text-align: center; }
table th.checkbox { padding: 8px 5px 8px 0; }
table .name { width: 145px; }
table td.name { font-size: 16px; }
table .profile { width: 150px; }
table .cost {}
table .cost dl{ margin:0; padding:0; }
table .cost dl dt{margin:0; padding:0; font-weight:bold;}
table .cost dl dd{margin:0 0 8px 0; padding:0;}
table .cost dl.blue dt{ color:#50A7C6; }
table .link { width: 94px; }

dl.hideme{ margin:0; padding:0; }
dl.hideme dt{ margin:0; padding:0; font-weight:bold; color:#50A7C6; }
dl.hideme dt.heading{ background-color:#50A7C6; color:#fff; font-size:15px; }
dl.hideme dd{ margin:0 0 8px 0; padding:0; }

/* Footer */

#tld {
 width: 710px;
 margin: 5px auto 0;
 font-size: .9em;
 text-align: right;
}

#TB_ajaxContent ul{  }
#TB_ajaxContent ul li{ margin-bottom: 12px; }