html, body {
	margin:auto;
	height:100%;
	background: url(../images/bg.gif) repeat-x;
	margin:0;
	padding:0;
	font-family:helvetica, arial, sans-serif;
}

#frame { 
	margin:auto;
	width:863px; 
	height:100% auto !important;
	min-height:100%;
	background:url(../images/blueBg.gif) repeat-y;
	margin-bottom:-37px;
	padding:0px 4px;
	position:relative;
}

h2 {
	padding:0px 0px 0px 202px;
	margin:0;
	font-size:13px;
	color:#374f73;
	background-color:#ffffff;	
}

h3 {

}

.clear { clear:both; }

a { outline:none; }

/*********************/
/*		HEADER		 */
/*********************/

#header, #lowerHeader { 
	width:100%; 
	height:51px; 
	background-color:#051a37;
	border-bottom: 1px solid #9ba3af; 
}

#header img { float:left; margin:5px 0px 0px 7px; }

#header p { 
	float:right; 
	margin:0;
	padding:29px 15px 0px 0px;
}

#header p.facebook { padding:22px 15px 0px 0px; }
#header p.facebook img { margin:0; }

#header p.left { 
	float:left; 
	padding:29px 0px 0px 7px; 
	font-size:14px; 
	color:#ffffff; 
}

#header p a { text-decoration:none; font-size:13px; color:#ffffff; } 

#lowerHeader { height:193px !important; }


/*****************************/
/*		CONTENT GENERIC		 */
/*****************************/

#content { 
	width:863px;
}

#content .header {  
	width:863px;
	height:16px;
}

.paddingBottom { padding:0px 0px 10px 0px; }
img.paddingTop { padding:25px 15px 0px 12px !important; }
img.paddingTopTwo { padding: 20px 0px 15px 12px !important;  }
img.paddingTopThree { padding:20px 0px 0px 0px; }

#whiteWrapper.large { height:778px; }
#whiteWrapper.medium { height:655px; }

.riggingPage { height:653px; }

/*****************************/
/*		CONTENT LEFT		 */
/*****************************/

#innerContent {
	width:624px;
	background-color:#374f73;
}

#innerContent .innerHeader {  
	height:9px;
}

#whiteWrapper, #blueWrapper {
	width:613px;
	margin:30px 0px 0px 0px;
	padding:14px 0px 0px 0px;
	background:url(../images/whiteWrapperTop.jpg) top no-repeat;
	font-size:13px;
	color:#767676;
	line-height:21px;
	overflow:hidden;
}

#whiteWrapper img.wrapperFooter {
	margin:0;
	padding:0;
}

#blueWrapper { 
	margin:30px 0px 30px 0px;
	padding:9px 0px 0px 0px;
	background:url(../images/blueWrapperTop.jpg) top no-repeat; 
}

#whiteWrapper p, #blueWrapper p {  
	margin:0;
	padding:0px 15px 15px 17px;
	background-color:#ffffff;
	line-height:21px;
}

#whiteWrapper p.fill { height:406px; }
#whiteWrapper p.fill img { padding:0px 0px 5px 0px; }
#whiteWrapper p.fill img.store { padding:0px 0px 46px 0px !important; }

#whiteWrapper p.first { padding:0px 15px 15px 17px; }

#whiteWrapper p.title, #whiteWrapper p.yachtTitle {
	margin:0;
	padding:0px 15px 3px 16px;
	font-size: 15px;
	color:#374f73;
}

#whiteWrapper h1 { 
	/*width:300px;*/
	padding:0px 0px 5px 16px;
	margin:0;
	font-size:17px;
	color:#374f73;
	font-weight: 500;
	background-color:#ffffff;
}

#whiteWrapper h1.riggingOne { 
	padding:17px 0px 7px 9px;
	width:133px; 
	height:41px;
}

#whiteWrapper h1.riggingTwo { 
	padding:17px 0px 7px 9px;
	width:133px; 
	height:65px;
}

#whiteWrapper h1.headerChandlery { background-color:#FFFFFF; width:447px; }


#whiteWrapper #intro { 
	height:278px; 
	background-color:#ffffff;
}

#whiteWrapper #intro.small { height:195px !important; }

#whiteWrapper #intro.large { height:250px; } 

#whiteWrapper #intro.sailLoft { height:140px !important; }
#whiteWrapper #intro.sailLoftLarge { height:170px !important; }

#whiteWrapper.chandlery p { width:431px !important; }


#whiteWrapper ul, #whiteWrapper ul.sailLoft { 
	padding:0px 0px 10px 43px; 
	background-color:#ffffff;
}

#whiteWrapper ul.sitemap { margin:0; list-style:none; padding:0px 0px 0px 17px; }
#whiteWrapper ul.sitemap a { font-size:11px; padding:0px 0px 0px 10px; }
#whiteWrapper ul.sitemap li a.title { font-size: 12px; font-weight:bold; padding:0; }


#whiteWrapper ul li { color:#767676; }
#whiteWrapper ul li a { font-size:13px; color:#374F73; font-weight:500; text-decoration:none; cursor:pointer; }
#whiteWrapper ul li a:hover { text-decoration:underline; }
#whiteWrapper ul.sailLoft { width:200px; height:155px; float:left; }

#hydeSails { float:left; width:370px; height:165px; background-color:#ffffff; }
#chandleryLogos { float:right; width:130px; padding:0px 10px 0px 10px; background-color:#ffffff; }

#selden { 
	padding:0px 0px 15px 65px; 
	background-color:#ffffff;
}

#seldenRight { float:right; }

#whiteWrapper #promoImages {
	padding:0px 20px 0px 20px;
	width:573px;
	height:610px;
	background-color:#ffffff;
}

#whiteWrapper #promoImages div {
	padding:10px 0px 10px 0px;
	height:130px;
}


#whiteWrapper #promoImages div img { 
	float:left;
	padding:0px 10px 8px 0px;
}

#whiteWrapper #promoImages div p {
	margin:0;
	padding:0px 0px 5px 0px;
	width:370px;
	float:right;
}

#whiteWrapper #promoImages div p.header { color:#374F73; font-weight:bold; }

#boatsales { 
	float:right; 
	background-color:#ffffff;	
}

#boatsales img { padding:0px 10px 0px 10px; }


#whiteWrapper img.bmf {
	float:left;
	padding:0px 508px 0px 0px;
	background-color:#ffffff;
}

#whiteWrapper img.bmf_chandlery {
	float:left;
	padding:0px 3px 2px 0px;
	background-color:#ffffff;
}

#whiteWrapper img.bmf_chandlery_right {
	float:left;
	padding:2px 3px 0px 0px;
	background-color:#ffffff;
}

/*****************************/
/*		CONTENT RIGHT		 */
/*****************************/



#rightContainer {
	float:right;
	width:216px;
	margin:0px 10px 0px 0px;
}

#rightContainer div {  
	width:216px;
	margin:0px 0px 10px 0px;
	padding:10px 0px 0px 0px;
	background:url(../images/infoBoxTop.jpg) top no-repeat;
	font-size:13px;
	color:#ffffff;
	line-height:18px;
}

#rightContainer div ul {
	list-style:none;
	background-color:#374f73;
	padding:0px 0px 5px 33px;
} 

#rightContainer div ul li {
	font-size:11px;
}

#rightContainer div p.infoBoxHeader {
	margin:0;
	padding:0px 10px 6px 10px; 
	background-color:#374f73;
}

#rightContainer div p.infoBoxHeader img { float:left; padding:0px 2px 0px 0px; }
#rightContainer div p.infoBoxHeader span { display:block; padding:3px 0px 0px 0px; font-size:14px; }

#rightContainer div p.infoBoxHeader span a { 
	color:#ffffff;
	text-decoration:none;
}

#rightContainer div p.infoBoxHeader span a:hover { text-decoration:underline; } 

#rightContainer div p {
	margin:0;
	padding:0px 10px 6px 35px; 
	background-color:#374f73;
}

#rightContainer div p.moreInfo { padding:0px 0px 0px 140px; margin:0px 0px 0px 0px; }
#rightContainer div p.moreInfo a { text-decoration:none; color:#ffffff;  }

#rightContainer img.promo { padding:0px 0px 10px 0px; }

/*************************/
/*		NAVIGATION		 */
/*************************/

#nav { width: 618px; height:36px; }

#nav #globalnav { margin: 0px 0px 0px 0px; padding: 0;  }
#nav #globalnav li { display: inline; background-color:#000000; }
#nav #globalnav li a { float: left; width: 68px; height: 0; padding-top: 36px; overflow: hidden; }
#nav #globalnav li a, #nav #globalsearch { background-image: url(../images/nav.jpg); }

/* BUTTONS */
#nav #globalnav li#mmHome a { background-position: 0 0; }
#nav #globalnav li#mmYachting a { background-position: 550px 0px ;width:81px; }
#nav #globalnav li#mmChandlery a { background-position: 469px 0px;width:90px; }
#nav #globalnav li#mmSailLoft a { background-position: 379px 0px;width:78px; }
#nav #globalnav li#mmAbout a { background-position: 301px 0px;width:99px; }
#nav #globalnav li#mmContact a { background-position: 202px 0px;width:102px; }
#nav #globalnav li#mmEmpty a { background-position: 100px 0px;width:100px; }

/* OVER STATES */
#nav #globalnav li#mmHome a:hover { background-position: 0px 36px; }
#nav #globalnav li#mmYachting a:hover { background-position: 550px 36px; }
#nav #globalnav li#mmChandlery a:hover { background-position: 469px 36px; }
#nav #globalnav li#mmSailLoft a:hover { background-position: 379px 36px; }
#nav #globalnav li#mmAbout a:hover { background-position: 301px 36px; }
#nav #globalnav li#mmContact a:hover { background-position: 202px 36px; }
#nav #globalnav li#mmEmpty a:hover { background-position: 100px 36px; }

/* ACTIVE STATES */
#nav #globalnav li#mmHome a.activeState { background-position: 0px 36px; }
#nav #globalnav li#mmYachting a.activeState { background-position: 550px 36px; }
#nav #globalnav li#mmChandlery a.activeState { background-position: 469px 36px; }
#nav #globalnav li#mmSailLoft a.activeState { background-position: 379px 36px; }
#nav #globalnav li#mmAbout a.activeState { background-position: 301px 36px; }
#nav #globalnav li#mmContact a.activeState { background-position: 202px 36px; }
#nav #globalnav li#mmEmpty a.activeState { background-position: 100px 36px; }

/*********************/
/*		CONTACT		 */
/*********************/

#contactLeft, #contactRight {
	float:left;
	width:305px;
	background-color:#ffffff;
}

#contactLeft p { padding:0px 5px 6px 17px; }

#contactLeft p.address { padding:0px 0px 0px 78px; }

#contactLeft p span { 
	display:block;
	float:left;
	width:61px;
	color:#374f73;
}

#contactRight {
background-color:#ffffff;
}

#contactRight p { 
	width:303px;
	padding:0px 5px 5px 0px; 
	background-color:#ffffff;
}

#contactLeft fieldset { 
	height:225px;
	padding:5px 0px 0px 16px;
	border:none; 
}

label { display:block; float:left; width:60px; color:#374f73; }

input.text, textarea { 
	width:200px;
	padding:3px;
	margin:0px 0px 10px 0;
	border:1px solid #A3A3A3; 
}

input.submit { 
	float:right;
	margin:0px 15px 0px 0px;
}

/*************************/
/*		LINKS    		 */
/*************************/

#whiteWrapper a { font-size:12px; font-weight:bold; color:#767676; text-decoration:none; }

a.yachting, a.yachting:hover { padding:0px 0px 0px 30px; font-size:13px; color:#374F73; text-decoration:none; }
a.yachting:hover { color:#767676; }

a.yachtingActive, a.yachtingActive:hover { padding:0px 0px 0px 30px; font-size:13px; color:#374F73; font-weight:bold; text-decoration:none; }
a.yachtingActive:hover { color:#767676; }

a.subYachting, a.subYachting:hover { padding:0px 0px 0px 30px; font-size:12px; color:#767676; text-decoration:none; }
a.subYachting:hover { color:#374F73; }

#subNav #riggingNav p a { font-size:10px; color:#ffffff; text-decoration:none; }
#subNav #riggingNav p a:hover { text-decoration:underline; }

#subNav #riggingNav p a.activeState { font-weight:bold; text-decoration:underline; }

a.boatsales { font-size:16px !important; color:#374F73 !important; font-weight:500 !important; }

/*****************************/
/*		YACHTING     		 */
/*****************************/

#content .rigging { padding:1px 0px 0px 0px; }
#whiteWrapper  img.images { float:right; padding:0px 15px 0px 12px; }
#whiteWrapper  img.chandlery { float:right; width:130px; padding:10px 0px 10px 0px; }
#whiteWrapper #intro p.firstRigging { padding:0px 15px 15px 17px; float:right; width:400px; }

#whiteWrapper #intro p.firstRigging img { float:right; padding:0px 0px 15px 15px; }


#subNav {
	float:left;
	width:178px;
	padding:5px 0px 0px 0px;
	background:url(../images/subNavTop.jpg) top no-repeat;
}

#subNav p {
	margin:0;
	padding:0px 0px 0px 10px;
	background-color:#374f73;
	line-height:21px;
}

#subNav p a { font-size:12px; font-weight:500; color:#ffffff; text-decoration:none; }
#subNav a.subNavClose { padding:0px 0px 0px 117px; cursor:pointer; font-size:11px; color:#ffffff; text-decoration:none; }

#subNav p.border { border-top: 1px solid #dfdfdf; padding:2px 0px 0px 10px; }

#subNav #riggingNav {  
	background-color:#374f73;
	padding:5px 0px 0px 20px;
}



/*********************/
/*		FOOTER		 */
/*********************/

#spacer { height:50px; }

#footer { 
	margin:auto;
	width:863px;
	height:37px;
	/*padding:10px 0px 0px 30px;*/
	background-color:#051a37;
	position:relative;
	color:#ffffff;
}

.clearfooter {
	height: 0px;
	clear: both;
}

#footer p { margin:0; padding:12px 0px 0px 15px; }
#footer p.right { float:right; padding:12px 15px 0px 0px; }
#footer p a { text-decoration:none; font-size:13px; color:#ffffff; } 

#rightContainer #twitter ul { margin:0 !important; }
#rightContainer #twitter ul li { padding:3px 3px 3px 0px; list-style:circle; }
#rightContainer #twitter ul li a { color:#ffffff; text-decoration:none; }
#rightContainer #twitter a.twitter { display:block; background-color:#374F73; padding:0px 0px 0px 27px; color:#ffffff; }

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("../images/loader.gif") 1em center no-repeat;
}

a { outline:none; }


/* --------------- links --------------- */

ul#links { margin:0; padding:0px 15px 30px 31px; }
ul#links li { font-size:12px; }
ul#links li a { font-size:12px; }
ul#links li a:hover { text-decoration:none; }


/* --------------- facebook --------------- */

#facebook_frame {

}

/* --------------- newsletter --------------- */

#smr_newsletter {
	width:460px;
	height:230px;
	background-color:#374F73;
	padding:20px;
	font-size:14px;
}

#smr_newsletter p {
	margin:0;
	padding:0px 0px 20px 0px;
	font-size:14px;
	color:#ffffff;
	
}

#smr_newsletter label {
	float:left;
	display:block;
	width:90px;
	height:20px;
	color:#ffffff;
}

#smr_newsletter label.boat_owner { width: 175px; }

#smr_newsletter input.txt { 
	width:350px;
	height:15px;
	padding:5px;
	margin-bottom:15px;
}

#smr_newsletter input.postcode {
	width:60px;
	height:15px;
	padding:5px;
	margin-bottom:15px;
}