/* -------------------------------------------------------------

	V I N T A G E   E S T A T E S
	
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Description:	Screen Style

	Filename:		style.css

	Version:		1.1

	Date:			27 February 2009

	Typefaces:  	Myriad Pro, Myriad Pro Black,  

---------------------------------------------------------- 

    Table of Contents (subject to change):

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


	+ Re-defined Styles

	+ Custom Classes

		- Document Setup

		- Masthead

		- Messaging

		- Sidebar

		- Body

		- Footer


/* -------------------------------------------------------------

	Re-defined Styles

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff url(/img/bg-2.gif) 0 12px repeat-x;
	font: 10pt "Trebuchet MS", helvetica, serif;
	padding-top: 10px;
	behavior:url("/csshover.htc");
}

a {
	color: #8A1F03;
}

a:visited {
	color: #777;
}

a:hover {
	color: #B32804;
}

p {
	margin: 0 0 6px;
}

ol,ul {
	padding-left: 30px;
}

h1 { 
	font-size: 16pt;
}

h1.rounded { 
	display: block; 
	clear: both;
	background: transparent;
	padding-top: 0; 
	padding-bottom: 5px;
	font-family: "Trebuchet MS";

}
h1.rounded strong {
	font-weight: normal;
	padding: 0 10px;
	display: block;
}
h1.rounded .background-color { 
	background-color: transparent;
}
h1.rounded .color { 
	color: #E7F1F8;
	background-color: #122352; 
}
h1.rounded .transparent { 
	background-color: transparent; 
}
h1.rounded .border-color {
	border-color: #555;
}
h1.rounded strong.border-color {
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
}


/*  General headers                
- - - - - - - - - - - - - - - - - - - - - 
h2 {
	background: url(/img/header.gif) top left repeat-x;
	height: 28px;
	padding: 5px 0 0 7px;
	margin: 3px 0 5px;
	font-weight: normal;
	color: #fbfbfb;
	border-bottom: 3px solid #ccc;
}
*/

/* -------------------------------------------------------------

	Custom Classes
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.hidden {
	display: none !important;
}

#vessel {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

/*	Global header
- - - - - - - - - - - - - - - - - - - - - */
#vessel #bow {
	position: relative;
	height: 236px;
	display: block;
	padding: 0;
	margin: 0;
	width:960px;
	z-index: 10000;
	background: url(/img/cge3.gif) 575px 84px no-repeat;
}

#vessel #bow h1 a {
	margin: 0;
	width: 121px;
	height: 0;
	padding: 162px 0 0;
	background: url(/img/logo.gif) top left no-repeat;
	overflow: hidden;
	display: block;
}

#vessel #bow h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 12px;
	left: 0px;
	width: 260px;
	height: 162px;
	overflow: hidden;
}

#vessel #bow span {
	position: absolute;
	top: 6px;
	right: 3px;
	font-size: 10pt;
	text-align: right;
	width: 520px; overflow:hidden;
}

#vessel #bow span form {
	display: block;
	float: right;
	width: 490px;
	position: relative;
}
#vessel #bow span form span {
	width: 400px;
	clear:both;
	height: 70px;
	float:right;
	display: block;
	position: relative;	
}
#vessel #bow span form a {
	font-size: 13px;
	color: #3a7a94;
}

#vessel #bow span a,#vessel #bow span:visited {
	color: #3a7a94;
}

/*	Global main
- - - - - - - - - - - - - - - - - - - - - */
#vessel #deck {
	float: left;
	width: 940px;
	z-index: 0;
	padding-top: 10px;
	position: relative;
}

#vessel #tall {
	float: left;
	display: block;
	width: 170px;
	height: 300px;
	margin: 10px 0 0;
}

#vessel #tall #login {
	margin-bottom: 7px;
	padding: 5px;
	background: #fff;
	float: left;
	width: 160px;
	border: none;
	background: #fff url(/img/home/login.png) top left no-repeat;
}

#vessel #tall #login h6 {
	margin: 0;
	padding: 29px 0 0;
	display: block;;
	height: 0;
	overflow: hidden;
	background: none;
}

#vessel #tall #login input {
	float: left;
	clear: right;
	width: 115px;
	background: #999999;
	border: none;
	margin-bottom: 7px;
	font-size: 9pt;
	height: 16px;
	padding: 1px;
}

#vessel #tall #login .login {
	float: left;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	margin: 2px;
}

#vessel #tall #login .login:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}

#vessel #tall #login label {
	float: left;
	clear: left;
	width: 0px;
	font-size: 9pt;
	padding: 0px 0 0 37px;
	overflow: hidden;
	height: 20px;
}

#vessel div#error {
	margin-bottom: 10px;
	width: 697px;
	float: left;
	background: #F9F8ED url(/img/field.gif) top left repeat-x;
	border: 3px double #ccc;
	padding: 10px;
}

input.submit {
	background: #a1a3a0 url(/img/button.gif) top left repeat-x !important;
	border: 2px solid #fff !important;
	cursor: pointer;
}

/*	Standard blue-format rounded header
- - - - - - - - - - - - - - - - - - - - - */
div#htext,div#htext.light {
	margin: 0 0 10px; 
	padding: 0;
	background: #53adcf;
	position: relative;
	clear: both; 
}

#htext h1 {
	padding: 5px 10px;
	margin: 0;
	clear:both;
	font-size: 20px;
	color: #f6f6f6;
}

div#htext b.rtop,div#htext b.rbottom {
	display: block;
	background: #ddd;
}

div#htext b.rtop b,div#htext b.rbottom b {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #53adcf;
}

div#htext b.r1 {
	margin: 0 5px;
}

div#htext b.r2 {
	margin: 0 3px;
}

div#htext b.r3 {
	margin: 0 2px;
}

div#htext b.rtop b.r4,div#htext b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px;
}

div#htext.light b.rtop,div#htext.light b.rbottom {
	background: #fff !important;
}

/*	Standard red-format rounded header
- - - - - - - - - - - - - - - - - - - - - */
div#hsub {
	margin: 0 0px 10px;
	background: #c20404;
	position: relative;
	clear: both;
	display: block;
	width: 250px;
}

#hsub h3 {
	padding: 5px 10px;
	margin: 0;
	font-size: 15px;
	color: #f6f6f6;
}

div#hsub b.rtop,div#hsub b.rbottom {
	display: block;
	background: #ddd;
}

div#hsub b.rtop b,div#hsub b.rbottom b {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #c20404;
}

div#hsub b.r1 {
	margin: 0 5px;
}

div#hsub b.r2 {
	margin: 0 3px;
}

div#hsub b.r3 {
	margin: 0 2px;
}

div#hsub b.rtop b.r4,div#hsub b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px;
}

div#hsub.light b.rtop,div#hsub.light b.rbottom {
	background: #fff;
}

/*	Panels, stamps and windows
- - - - - - - - - - - - - - - - - */
div.panel,.standard fieldset {
	float: left;
	background: #F9F8ED url(/img/field.gif) top left repeat-x;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 7px;
	position: relative;

}

div.stamp,.standard fieldset.stamp {
	width: 148px;
	float: left;
	margin: 0 0 5px 5px;
}

div.stamp p,.standard fieldset.stamp p {
	padding: 3px 0 10px 0;
}

div.window {
	float: left;
	background: transparent;
	border: none;
	padding: 0px;
	margin-bottom: 7px;
}

.white {
	background: #FFFFFF !important;
}

.window.hang-right {
	padding: 0px !important;
	float: right !important;
}

.panel.hang-right {
	width: 128px !important;
	padding: 19px !important;
	float: right !important;
}

.three-quarters-with-header {
	padding: 0 !important;
	width: 615px !important;
}

.textbox {
	padding: 10px;
	float: left;
}

div.panel iframe {
	float: left;
	position: relative;
}

/* headers */
.three-quarters-with-header h3 {
	background: #998;
	border-color: #fff #665 #665 #fff;
	border-style: solid;
	border-width: 1px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 0px;
	padding: 5px 10px;
}

.window h1,.panel h1 {
	font-size: 18px;
	font-weight: bold;
	background: none;
	padding: 0;
	margin-top: 10px;
	padding-top: 10px;
}

/* sizes */
div.full,.standard fieldset.full {
	width: 920px;
}

div.three-quarters,.standard fieldset.three-quarters {
	width: 597px;
}

.panel.three-quarters {
	width: 597px !important;
}

div.panel.one-third {
	width: 229px;
}

div.panel.left {
	margin-right: 7px;
}

div.two-thirds,.standard fieldset.two-thirds {
	width: 620px !important;
}

div.window.two-thirds {
	width: 620px;
}

div.window.one-third {
	width: 310px;
}

div.window-one-third {
	width: 310px;
	overflow: hidden;
}

div.window.three-quarters {
	width: 721px;
}

div.window.one-fourth {
	width: 175px;
}

.one-fourth div#hsub {
	width: 175px;
}

/* Paragraph settings 
- - - - - - - - - - - - - - - - - - - - - */

.small-type {
	font-size: 10px;
}

.clear { clear:both; }

.spaced-on-top { padding-top: 10px;}

/*	Wrapper with white area rounded top
- - - - - - - - - - - - - - - - - - - - - */
.wrapper {
	background: #fff;
	display: block;
	float: left;
	padding: 7px 11px;
	width: 918px;
}

.wrapper {
	margin: 0 0 10px;
	background: #fff;
	position: relative;
	clear: both;
}

#topper {
	height: 5px;
	overflow: hidden;
}

#topper h6 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #D9DBD7;
}

#topper b.rtop,#topper b.rbottom {
	display: block;
	background: #bfbfbf;
}

#topper b.rtop b,#topper b.rbottom b {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #fff
}

#topper b.r1 {
	margin: 0 5px
}

#topper b.r2 {
	margin: 0 3px
}

#topper b.r3 {
	margin: 0 2px
}

#topper b.rtop b.r4,#topper b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px
}

#topper b.rtop,#topper b.rbottom {
	background: #bfbfbf;
}

/*  Basic form settings 
- - - - - - - - - - - - - - - - - - */
.standard .new {
	margin-top: 20px;
}

.standard fieldset .row, .standard div.row {
	clear: both;
	width: 580px;
	float: left;
	margin-bottom: 10px;
	font-size: 16px;
}
.standard span.row {
	clear: both;
	float: left;
	margin-bottom: 10px;
}

.standard .row .column {
	width: 290px;
	float: left;
	display: block;
}

.standard input, .standard select {
	float: left;
	clear: both;
	border: 1px solid #ccc;
	width: 190px;
	padding: 5px;
	font-size: 13px;
}

.standard textarea {
	margin-bottom: 3px;
	float: left;
	clear: both;
	border: 1px solid #ccc;
	width: 190px;
	padding: 5px;
	height: 50px;
	font-size: 13px;
}

.standard label {
	float: left;
	clear: both;
}

.standard .hl {
	color: #f00;
}

.standard input.checkbox {
	width: auto;
	float: left;
	border: 1px solid #000;
}

.standard label.checkbox {
	font-size: 12px;
	float: left;
	clear: none;
	margin-left: 2px;
}

.standard .wide {
	width:380px;
}
/*	Buttons, both <button> and <a>
- - - - - - - - - - - - - - - - - - */
.buttons a,.buttons button {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	background-color: #FFFCF2;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-size: 13px;
	line-height: 130%;
	text-decoration: none;
	color: #565656;
	cursor: pointer;
	padding: 5px 10px 6px 7px; /* Links */
}

.buttons button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px; /* IE6 */
}

.buttons button [type] {
	padding: 5px 10px 5px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}

.buttons button img,.buttons a img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

button:hover,.buttons a:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}

.buttons a:active {
	background-color: #6299c5;
	border: 1px solid #6299c5;
	color: #fff;
}

/* positive */
button.positive,.buttons a.positive {
	color: #529214;
}

.buttons a.positive:hover,button.positive:hover {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}

.buttons a.positive:active {
	background-color: #529214;
	border: 1px solid #529214;
	color: #fff;
}

/* negative */
.buttons a.negative,button.negative {
	color: #d12f19;
}

.buttons a:hover,button:hover {
	background: #F0DBD1;
	border: 1px solid #fbc2c4;
	color: #723526;
}

.buttons a.negative:active {
	background-color: #d12f19;
	border: 1px solid #d12f19;
	color: #fff;
}

/* Side nav link
 - - - - - - - - - - - - - - - */
.asterisk {
	margin-bottom: 3px;
	padding: 8px 0 0 50px;
	height: 28px;
	width: 196px;
	display: block;
	overflow: hidden;
	font-size: 15px;
	text-decoration: none;
	color: #fff !important;
	background: url(/img/link.gif) 0 0 no-repeat;
}

.asterisk:hover {
	background-position: 0 -36px;
}

/* Side nav link
 - - - - - - - - - - - - - - - */
#stern {
	clear: both;
	width: 943px;
	margin: 40px 0 20px;
	float: left;
	background: #f4eed7 url(/img/field.gif) 0 -40px repeat-x;
	border: 1px #f3f3f3 solid;
	display: block;
}

#stern ul {
	float: right;
	margin: 10px;
}

#stern ul li {
	list-style: none;
	float: left;
	padding: 0 10px;
}

#stern a,#stern a:visited {
	color: #444; text-decoration: none;
}
#stern a:visited { 
	font-style: normal;
}
/*  Search form 
- - - - - - - - - - - - - - - - - - */
#k-input {
	float: right;
	margin-top: 5px;
	margin-bottom: 4px;
	width: 124px;
	padding: 2px 0 2px 20px;
	height: 24px;
	font-size: 11px;
	background: url(/img/search.gif) top left no-repeat;
	border: none;
}

#k-go {
	margin-top: 6px; margin-left: 4px;
	width: 29px;
	height: 18px;
	padding: 0;
	overflow: hidden;
	float: right;
	background: url(/img/go.gif) 0 0 no-repeat;
	border: none;
}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */
b.niftycorners,b.niftyfill {
	display: block
}

b.niftycorners * {
	display: block;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	border-style: solid;
	border-width: 0 1px
}

/*normal*/
b.r1 {
	margin: 0 3px;
	border-width: 0 2px
}

b.r2 {
	margin: 0 2px
}

b.r3 {
	margin: 0 1px
}

b.r4 {
	height: 2px
}

b.rb1 {
	margin: 0 8px;
	border-width: 0 2px
}

b.rb2 {
	margin: 0 6px;
	border-width: 0 2px
}

b.rb3 {
	margin: 0 5px
}

b.rb4 {
	margin: 0 4px
}

b.rb5 {
	margin: 0 3px
}

b.rb6 {
	margin: 0 2px
}

b.rb7 {
	margin: 0 1px;
	height: 2px
}

b.rb8 {
	margin: 0;
	height: 2px
}

b.rs1 {
	margin: 0 1px
}

/*transparent inside*/
b.t1 {
	border-width: 0 5px
}

b.t2 {
	border-width: 0 3px
}

b.t3 {
	border-width: 0 2px
}

b.t4 {
	height: 2px
}

b.tb1 {
	border-width: 0 10px
}

b.tb2 {
	border-width: 0 8px
}

b.tb3 {
	border-width: 0 6px
}

b.tb4 {
	border-width: 0 5px
}

b.tb5 {
	border-width: 0 4px
}

b.tb6 {
	border-width: 0 3px
}

b.tb7 {
	border-width: 0 2px;
	height: 2px
}

b.tb8 {
	border-width: 0 1px;
	height: 2px
}

b.ts1 {
	border-width: 0 2px;
}

/* Tabbed menu
- - - - - - - - - - - - - - - - - - - - */


ul#helm {
	list-style-type: none;
	margin: 11px 0 0;
	padding: 0;
	float:right;
	width:965px;
}
ul#helm li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: url(/img/menu.gif) 0 0 no-repeat;
}
ul#helm {

	margin: 191px 0 0;
	padding: 0;
	float: left !important;
	z-index: 9500;
	clear:both;
	width: 965px;
	position: relative;
}

ul#helm li {

	display: block;
	vertical-align: middle;
	position: relative;
	float:left;
	border: none;
	padding: 0;
	margin: 0;
}
ul#helm li.home, ul#helm li.home a {	width: 70px; background-position: 0 0;}
ul#helm li.about, ul#helm li.about a {	width: 125px; background-position: -70px 0;}
ul#helm li.buy, ul#helm li.buy a {	width: 190px; background-position: -195px 0;}
ul#helm li.search, ul#helm li.search a {	width: 190px; background-position: -385px 0;}
ul#helm li.guides, ul#helm li.guides a {	width: 100px; background-position: -565px 0;}
ul#helm li.contact, ul#helm li.contact a {	width: 140px; background-position: -665px 0;}
ul#helm li.newsletter, ul#helm li.newsletter a {	width: 130px; background-position: -805px 0;}

ul#helm li.home a:hover { background-position: 0 -16px;}
ul#helm li.about a:hover {	background-position: -70px -16px;}
ul#helm li.buy a:hover {	 background-position: -195px -16px;}
ul#helm li.search a:hover {	 background-position: -385px -16px;}
ul#helm li.guides a:hover {	 background-position: -565px -16px;}
ul#helm li.contact a:hover { background-position: -665px -16px;}
ul#helm li.newsletter a:hover {	background-position: -805px -16px;}


ul#helm .one-liner a, ul#helm li.newsletter a {
	padding: 16px 10px 0px;
	height:  0px;
}
ul#helm a {
	display: block;
	vertical-align: middle;
	height: 0px;
	overflow:hidden;
	padding: 16px 0 0;
	color: #000;
	border: 16px solid #f6f2df;
	border-left: none;
	border-right: none;
	background: url(/img/menu.gif) 0 0 no-repeat;
	text-decoration: none;
}

ul#helm a:hover {
background-position: 0 -16px;
	color: #fff;
}

ul#helm li.activelink a,ul#helm li.activelink a:hover {
	background: #e1e1e1;
	color: #003;
}

/*
ul#helm li ul { display: none; } 
ul#helm li ul { top:46px; left: 0; position: absolute; background: none; width: 152px; margin: 0px; padding: 4px 0 0; list-style-type:none; color:#fff; height: auto;}
ul#helm li ul a { border: none;color: #000; background: #eee;  width: 130px; height: 22px;}
ul#helm li:hover ul, ul#helm li ul.CSStoShow { display: block; }
ul#helm li.first {  }
ul#helm li { float:left; list-style:none; text-align:center; padding: 0; }


ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav li{float:left;width:7em;margin-right:2px;text-align: center}
ul#nav a{display:block;text-decoration:none;padding:2px 0 5px;background: #BEFF9A;
    color: #999}
ul#nav li.activelink a,ul#nav a:hover{color: #000}*/

/* Image sizes for default 
- - - - - - - - - - - - - - - - - - - - */
.tiny {
	width: 40px;
	height: 40px;
}


.buttons span.excempt {
	padding-top: 6px;
	display: block;
}
.buttons span.excempt a, .buttons span.excempt a:hover {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	display: inline;
	float: none;
	color: #8A1F03;
}



 /* common styling */

ul#helm li {
float:left; position:relative;
}
ul#helm li.group {display:block; text-indent:10px; background:#805424; color:#fff; width:152px; padding:4px 0;}

ul#helm li a, ul#helm li a:visited {
float:left; display:block; text-decoration:none; color:#444; 
}

ul#helm li:hover {width:auto;}

ul#helm li ul {
display: none; background: none; padding: 0;
}
ul#helm li ul li {
	 list-style-type: none;
}
ul#helm table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
ul#helm li:hover ul {
display:block; border-bottom: 1px solid #cba; position:absolute;top:46px; padding-top: 4px; background:none; margin-top:1px; left:20px; width:152px; list-style-type: none;
}

ul#helm li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

ul#helm li:hover ul.endstop {
left:-90px;
}
ul#helm li:hover ul li ul {
display: none;
}
ul#helm li:hover ul li a {
display:block; background:#D6CBA3; border: 1px solid #cba; border-top: none; border-bottom: none; color:#333;height:auto;line-height:15px;padding:4px 16px; width:120px;
}
ul#helm li:hover ul li a.drop {
background:#D6CBA3;
}
ul#helm li:hover ul li a:hover {
color:#fff; background: #805424;
}
ul#helm li:hover ul li a:hover.drop {
background: #805424; color:#fff;
}
ul#helm li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#805424;
}
ul#helm li:hover ul li:hover ul li a {background:#805424;}
ul#helm li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


ul#helm li:hover ul li:hover ul.left {
left:-172px;
}


/* specific to IE5.5 and IE6 browsers */
ul#helm li a:hover ul {
display:block;position:absolute;top:46px; t\op:45px; padding-top: 4px; background:none;left:20px; marg\in-top:1px;
}
ul#helm li a:hover ul.scroller {
height:138px; overflow:auto;}

ul#helm li a:hover ul.endstop {
left: -90px;
}
ul#helm li a:hover ul li a {
display:block; color:#fff; height:14px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;
}
ul#helm li a:hover ul li a.drop {
background:#805424; padding-bottom:5px;
}
ul#helm li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
ul#helm li a:hover ul li a:hover {
color:#fff; background: #805424;
}
ul#helm li a:hover ul li a:hover.drop {
 background: #805424; color:#fff;
}
ul#helm li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#805424;
}
ul#helm li a:hover ul li a:hover ul.left {
left:-170px;
}






.ask-question {
	width:200px;
	height: 0;
	padding: 45px 0 0;
	overflow:hidden;
	background: url(/img/ask.gif) 0 0 no-repeat;
	float:left;
	clear:both;
	display: block;
}