/*  Table of Contents
==============================================================


  Table Of Contents:

  1. General Pages Styles

  2. Accessibility Menu

  3. Site Branding (Header)
     3a. Site Logo
     3b. Site Tagline

  4. Navigation
     4a. Primary Navigation
     4b. Secondary Navigation

  5. Page Content
     5a. Feature Content
     5b. Primary Content
     5c. Secondary Content

  6. Legal (Footer)




#sample-declaration {

	display:;
	position:; left:; right:;
	float:;
	clear:;

	width:; height;
	margin:; padding;
	border:;
	color:; background:;

	font:;
	text-decoration:;
	text-align:; vertical-align:;
	list-style:;
	white-space:;

	}


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


/*  Lists
==============================================================*/


#content-secondary li, #navigation-secondary li {
	margin: 0; padding: 0;
	}


#content ul, #content ol {
	margin: 0 0 1em 0; padding: 0 0 0 1.25em;
	}

	#content-primary li {
		margin: 0 0 1em 0; padding: 0;
		}

#content-secondary ul.thumbs {
	list-style: none;
	margin: 0 0 15px 0; padding: 16px 0 0 16px;
	background: #eee;
	float: left;
	display: inline;
	}

	*html #content-secondary ul.thumbs {
		padding-bottom: 16px;
		}

#content-secondary ul.thumbs li {
	list-style: none;
	float: left;
	margin: 0 12px 12px 0; padding: 3px;
	width: 100px;
	border: 1px solid #ccc;
	background: #fff;
	display: inline;
	}

	#content-secondary ul.thumbs li ul {
		position: absolute;
		left: -3000px;
		}

ul.thumbs img {
	width: 100px; height: 80px;
	}

ul.thumbs .label {
	display: block;
	width: 100px;
	text-align: center;
	}

#content ul.features {
	margin: 0 0 20px 0; padding: 0;
	list-style: none;
	}

#content ul.features li {
	margin: 0 0 5px 0; padding: 0 0 0 22px;
	background: url(/img/gbl/ico-checkmark.gif) no-repeat;
	}


/*  Page
==============================================================

  Used for general page styles and backgounds. It is possible 
  to add 2 background images to the XHTML document by adding 
  background to both the HTML and BODY tags.

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


html {
	background: #fff url(/img/gbl/bg-html.gif) repeat-x;
	}




body {
	margin:0; padding: 0; 
	font: 12px/17px verdana, arial, helvitica, sans-serif;
	background: #d8fffb;
	background-image:url(../../img/gbl/bg.gif);
	background-repeat:repeat-x;
	}
p {
	margin: 0 0 15px 0;
	color: #17618e;
}

/*  Links
==============================================================*/


a:link {
	color: #2f636c; /* Dark Blue-Green */
	text-decoration:underline;
	}

a:visited {
	color: #2f636c; /* Dark Blue-Green */
	text-decoration:underline;
	}

a:hover {
	color: #4cb484; /* light green */
	text-decoration:none;
	}

/*  Headings
==============================================================*/
h1, h2, h3, h4, h5, h6 { /* Global Heading Styles */
	margin: 0 0 15px 0; padding: 0;
	font: 24px normal Geneva, Arial, Helvetica, sans-serif;color: #0f3f64;
	}
h1 {
	font-size: 20px;color: #3da4d7;background-image:url(../../img/gbl/header-icon.gif);background-repeat:no-repeat;padding-left:60px;background-position:left;height:42px;padding-top:15px;
	}
h2 {
	font-size: 18px;color:#17618e;
	}
h3 {
	font-size: 16px; color:#17618e;
	}
h4 {
	font-size: 14px;
	}
h5 {
	font-size: 18px;
	text-decoration:underline; color:#17618e;
	}	
h6 {
	font-size: 10px;
	font-weight: bold; 
	}


/*  Lists
==============================================================*/

ul {
	padding: 0; margin: 0 0 15px 18px;list-style-type:none;color:#17618e;
	}
	
dl {
	margin: 0 0 15px 0;
	}
dt {
	font-weight: bold;
	}
dd {
	margin: 0 0 5px 0;
}
/*  Forms
==============================================================*/

/*  Misc
==============================================================*/

hr {
	margin: 0; padding: 0;
	border: none;
	height: 2px; overflow: hidden;
	}
blockquote {
	margin: 0 0 15px 0; padding: 10px 10px 10px 45px;
	background-color: #fff;background-image:url(../../img/gbl/blockquote.gif);background-position:left;background-repeat:repeat-y;border:#cffff4 solid 1px;
	}
.clear {
	clear: both;
}
.hide {
	display: none;
}



#page {
	width: 775px;
	margin: 0 auto;
	position: relative;
	background-color:#fff;
	}

			#page-inner {
				}


/*  Accessibility Menu (Usualy Hidden)
==============================================================

  These styles control the display the "skip to content" and
  "Skip to Navigation" Links. These links are normaly hidden
  from Web browsers.

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


#accessibility {
	display: none;
	}


	#nav-skipto-content {
		}


	#nav-skipto-navigation {
		}


/*  Site Branding (Header)
==============================================================

  These style control the header styles (Logo, tagline). To 
  add a linked logo, use image replacement technique to 
  replace the h3's a tag.

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


/*  Site Branding (Header)
==============================================================*/

.photo{margin:10px;padding:10px;border:solid 1px #a5c17b;}
.photo2{margin:10px;padding:10px;}

#branding {
	height: 130px;
	width:508px;
	position: relative;
	background-image:url(../../img/gbl/bg-header.gif);repeat:repeat-x;
	}
#branding-logo a {
	width: 360px; height: 130px;
	position: absolute;
	left: 0px; top: 0px;
	text-align: center;
	overflow: hidden;
	background: #fff url(../../img/gbl/logo.gif) no-repeat 0 0;
	}
#branding-tagline {
	width: 240px; height: 30px;
	position: absolute;
	right: 25px; top: 32px;
	text-align: right;
	}


/* Featured home listing  aspect ratio 3:4 for image... (199 x 149)
==========================================================*/

#feature{background:/*url(../../img/gbl/listing-PH.gif)*/ #dcf0f8;width:231px;height:181px;border-left:4px solid #fff; position:relative; float:left;}
#feature-details{float:left;background-image:url(../../img/gbl/listing-bg.gif);background-repeat:repeat-x;padding-left:20px;padding-top:30px;line-height:1.1em;background-color:#dcf0f8; position:relative; margin:0 0 0 1px;}
#feature-details dl{color:#124a71;font-size:11px;width:238px;height:136px;padding-right:13px; float:left;position:relative; }
*html #feature-details dl{height:152px;}
*:first-child+html #feature-details dl{height:152px;}
*html #feature-details dl{margin-bottom:-1px;}
#feature-details dt{float:left;padding-right:10px;font-weight:lighter;}
#feature-details dd{color:#07314e;}
#view-details{margin-top:10px;}
#view-details a{text-transform:uppercase;color:#23856d;background-image:url(../../img/gbl/view-details-bg.gif);background-repeat:repeat-x;padding:4px;font-size:10px;}
#view-details a:hover{color:#;}

a img{border:none;}

/* feature placeholder
=================================================== */
#feature-ph a{background:url(http://www.sellurboat.com/img/gbl/bg-feature.jpg) #dcf0f8;width:504px;height:181px;border-left:4px solid #fff; position:relative; float:left; display:block;}
#feature-ph a:hover{background-position: 0 -181px;}


/*Flash propellar image with searches
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#flash{float:right;margin-top:-176px;margin-right:0px;z-index:0;}

objects = document.getElementsByTagName("object");
for (var i = 0; i < objects.length; i++)
{
objects[i].outerHTML = objects[i].outerHTML; 
}

/* Quick Search
============================================================*/
#quick-search{float:left;background-image:url(../../img/gbl/search-bg.gif);background-repeat:repeat-x;clear:both;height:115px;width:775px;border-top:#d6e8be solid 1px;}
#quick-search-title{background-image:url(../../img/gbl/quick-search.gif);width:190px;height:40px;margin-left:15px;margin-bottom:10px;}
#quick-search dl{float:left;margin-left:5px;margin-top:-2px;}
#quick-search dd{color:#18486c;font-size:10px;}
#quick-search dt{color:#18486c;font-size:10px;margin-right:0px;}
#quick-search .submit-btn{border:none;background:none;}

#quick-search input{border:1px solid #6f95af;margin-top:2px;}
#quick-search textarea{border:1px solid #6f95af;margin-top:2px;}
#quick-search select{margin-top:2px;}

/*Manufacturer Close Button*/

#quick-search div img{margin:0 0 0 95px; position:absolute;}


#search a{background-image:url(../../img/gbl/search.gif);display:block;width:56px;height:32px;float:left;margin-left:25px;margin-top:5px;}
#search a:hover{background-image:url(../../img/gbl/search-over.gif);display:block;float:left;}

#advanced-search a{background-image:url(../../img/gbl/advanced-search.gif);display:block;width:112px;height:31px;float:left;margin-left:0px;margin-top:5px;}
#advanced-search a:hover{background-image:url(../../img/gbl/advanced-search-over.gif);display:block;float:left;}


/* SUCKER FISHY DROP DOWNS
===================================================================*/
*html ul.nav iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	margin-bottom: -10px;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

#main-nav{
  width:775px;
  height:97px;
  background-image:url(../../img/gbl/mainnav-bg.gif);
	float:left;position:relative; z-index:500;}
#main-nav a:link{font-weight:normal;}
#main-nav a:visited{font-weight:normal;}
*html #main-nav{
  width:775px;
  height:97px;
	background-color: #00529a;
	float:left;position:relative; z-index:500;margin-top:0px;
	z-index:500;
	padding-bottom:0px;}
	
	/* all lists */
#main-nav ul { 
 padding: 0;
  margin: 0;
  list-style: none;
  padding-left:0px;
  z-index:500;margin-left:173px;}
  
  ul#link { 
 padding: 0;
  margin: 0;
  list-style: none;
  padding-left:0px;
  z-index:500;margin-left:0px;}
  
  /* all list items */
#main-nav li.main { 
  float: left;
  position: relative;
  /*width: 9.4em;*/margin-top:0px;
color:#fff;font-size:12px;
z-index:500;}

/* second-level lists */
#main-nav li.main ul{  
  position: absolute;   
  background-color:#fff;
  top: 96px;
  left: -3000px;
  padding-left:3px;
  padding-right:3px;
  width:170px;
  padding-bottom:50px;
  z-index:500;background-image:url(../../img/gbl/header-icon.gif);
  margin-left:-7px;
}
  #main-nav li.main ul a{
  text-decoration:none;
  color:#8cbeec;
  font-size:11px;
  padding:5px 10px 5px 10px;
  display:block;
  width:150px;
  font-size:10px;
  position:relative;
  z-index:550;
  margin-top:3px;}
html> body   #main-nav li.main ul a{
text-decoration:none;
color: #186ea2;
font-size:11px;
padding:5px 10px 5px 10px;
display:block;
width:150px; 
position:relative;z-index:550;}
  #main-nav li.main ul a:hover{
  text-decoration:none;
color: #2b7675;
  font-size:13px;
  padding:5px 10px 5px 10px; 
  position:relative;
  z-index:550;
  background-color:#e6fcf5;}
#main-nav li.no-dropdown a:hover {  
position:relative;z-index:550;}

/*1st level******/
#main-nav li.main a{
text-decoration:none;
color: #2b7675;
font-size:12px;
padding: 73px 13px 6px 8px;
display:block;text-transform:uppercase;
    letter-spacing:-1px;}
	
	/*second level and 1st level...*/
#main-nav li.main a:hover{
text-decoration:none;
color: #186ea2;
font-size:12px;
padding: 73px 13px 6px 8px;}
#main-nav li:hover ul, #main-nav li.sfhover ul {
display: block;
background-color: #fff;
background-position:bottom;
border:solid 4px #eafbfb;
background-repeat:repeat-x;
left: 0;}

.over-bg a:hover{
background-color:#ccc;
width:100px;}
/***************************************************************/	
	
	/*HOME NAV link
	==================================*/
	#home a{margin-top:0px;position:absolute;color:#2b7675;text-transform:uppercase;margin-top:67px;font-size:10px;margin-left:70px;z-index:600;}
#home a:hover{text-decoration:none;margin-top:0px;position:absolute;color:#186ea2;text-transform:uppercase;margin-top:67px;margin-left:70px;font-size:10px;}



/* Rightnav 
======================================================== */	
#navigation-section {
	width: 170px;
	padding: 0px;
	float: right;
	margin-top:10px;
	}
#navigation-section ul {
	margin: 0 0 10px 0;
	}
#navigation-section li {
	list-style: none;
	border-bottom:1px solid #d6eab6;
	line-height:1.9em;
	}
#navigation-section a {
text-decoration:none;
color:#3fa5d7;
/*background-image:url(../../img/gbl/arrow.gif);*/
background-repeat:no-repeat;
background-position:left;
padding-left:15px;width: 155px;display:block;background-color:#fff
	}
#navigation-section a:hover {
text-decoration:none;
/*background-image:url(../../img/gbl/arrow-over.gif);*/
background-repeat:no-repeat;
background-position:left;width: 155px;background-color:#def2be;
	}	

/*  Page Content
==============================================================

  This space is reserved for styles that control the layout of
  the content areas of the site. #content-feature is reserved
  for a Flash slideshow or a call-to-action graphic.

------------------------------------------------------------*/
/*  Main Page Content
==============================================================*/

#content {
	width: 530px;
	padding-left: 20px;padding-right:20px;padding-top:20px;
	float: left;
}

#content2 {
	width: 775px;
	padding-left: 0px;padding-right:0px;padding-top:20px;
	float: left;
}

#content2 iframe{border:none;}

#content ul li{color:#258a88;background-image:url(../../img/gbl/arrow-over.gif);padding-left:15px;background-repeat:no-repeat;}

#content-main {
margin-bottom:60px;
	}
#content-support {
	border-top: 1px solid #eee;
	padding-top: 15px;
	}
	
#footer-logo{background-image:url(../../img/gbl/footer-logo.gif);width:360px;height:90px;float:left;clear:both;margin-bottom:83px;}	
	
#add-a-link{background-image:url(../../img/gbl/add-a-link-bg.gif);width:380px;height:60px;margin-left:-20px;margin-top:-60px;position:absolute;float:left;}	
#add-a-link a{float:right;margin-top:35px;margin-right:70px;color:#2f636c;font-size:11px;text-decoration:none;}
#add-a-link a:hover{float:right;margin-top:35px;margin-right:70px;color:#00FF66;font-size:11px;text-decoration:none;}

#add-a-link2{background-image:url(../../img/gbl/add-a-link-bg.gif);width:380px;height:60px;margin-left:0px;margin-top:-60px;position:absolute;float:left;}	
#add-a-link2 a{float:right;margin-top:35px;margin-right:70px;color:#2f636c;font-size:11px;text-decoration:none;}
#add-a-link2 a:hover{float:right;margin-top:35px;margin-right:70px;color:#00FF66;font-size:11px;text-decoration:none;}



	/* General Typography Classes */


	.callout {
		width: 100%;
		float: right; padding: 0 0 20px 20px;
		color: #0d3050; background: #fff;
		}

	.caption {
		background: #fff;
		border: 1px solid #ccc;
		margin-bottom: 15px;
		padding: 10px;
		}

		.caption img {
			}

		.caption h4 {
			padding: 0; margin: 0;
			color: #184E8A;
			}

		.caption p {
			padding: 0; margin: 0 0 10px 0;
			color: #444;
			line-height: 1.33;
			}

	.note {
		border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
		padding: 15px 0 15px 65px;
		background: transparent url(../../img/ico/pencil.gif) no-repeat 12px 12px;
		}

	.smallprint {
		color: #666;
		}

	.tip {
		border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
		padding: 15px 0 15px 95px;
		background: transparent url(../../img/bulb.gif) no-repeat 15px 20px;
		line-height: 1.33;
		}

	.warning {
		border-top: 1px solid #990000; border-bottom: 1px solid #990000;
		padding: 15px 0 15px 65px;
		background: transparent url(../../img/ico/warning.gif) no-repeat 3px 8px;
		line-height: 1.33;
		}

	.posted {
		padding: 20px;
		background: #fffee3 url(/img/gbl/bg-posted.gif) repeat-x;
		border: 1px solid #d8dbbd;
		}

		.posted h5 {
			color: #CF6600;
			}

			.posted p {
				line-height: 1.5;
				}

		.posted hr {
			border-color: #e5e8cd; color: #e5e8cd; background: #e5e8cd;
			}

		.team-member {
			color: #333;
			width: 100%;
			margin: 0 0 5px 0; padding: 0 0 5px 0;
			float: left;
			border-bottom: 1px solid #eee;
			}

		.team-member h5 {
			font-weight: normal;
			font-size: 12px;
			float: left;
			width: 140px;
			padding: 8px 0; margin: 0;
			}

		.team-member h5 em {
			font-weight: bold;
			display: block;
			}

		.team-member img {
			float: left;
			margin: 0 8px 0 0; padding: 0;
			border: 1px solid #ccc;
			margin: 0; padding: 0;
			}

			#content-primary blockquote {
				background: #fff url(../../img/gbl/bg-quote.gif) no-repeat; 
				margin: 0 0 20px 0; padding: 0 0 0 22px;
				color: #555; font-size: 100%;
				}

			#content-secondary blockquote {
				background: #fff url(../../img/gbl/bg-quote.gif) no-repeat; 
				margin: 0 0 20px 0; padding: 0 0 0 18px;
				color: #555; font-size: 85%;
				}

			.quote-author {
				display: block; padding: 0 0 8px 18px;
				position: relative; font-size: 85%;
				top: -15px; color: #999;
				border-bottom: 1px solid #ccc;
				}

			.portfolio-item {
				width: 50%; height: 160px;
				float: left;
				padding-bottom: 15px; margin-bottom: 15px;
				border-bottom: 1px solid #ccc;
				overflow: hidden;
				}

			.portfolio-item img {
				border: 5px solid #ccc;
				padding: 2px; margin: 0 15px 0 0;
				float: left !important;
				}

			.portfolio-item .desc {
				width: 210px;
				float: left;
				}

			.portfolio-item .desc p {
				}

			.portfolio-item .desc a, a.more {
				padding-right: 13px; margin-right: 5px;
				background: url(/img/gbl/ico-arrow.gif) no-repeat right center;
				}



/*  Legal Information (Footer)
==============================================================

  These styles are used for the footer: Copyright notice, etc.

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


	/*login
===========================================*/
#login{	width: 150px;
	float: right;
	padding-top:10px;
	margin-bottom:0px;
}
#login h4{text-transform:uppercase;}
#login a{margin-left:-10px;color:#258a88;background-image:url(../../img/gbl/arrow-over.gif);padding-left:15px;background-repeat:no-repeat;background-position:left;}
#login a:hover{margin-left:-10px;color:#4cb484;}
#login dl{color:#a5c17b;line-height:.7em;}
#login dd{font-size:11px;}
#login ul li{list-style-type:none;}
#login input{border:solid 1px #b5d3e2;color:#39a2d6;font-size:11px;}
	
	/*NAV EXTRAS.... save to favorites and view 5 most recent searches
	++++++++++++++++++++++++++++++++++++*/
#nav-extras {
	width: 170px;
	float: right;
	padding-top:10px;
	border-bottom:1px solid #d6eab6;
	border-top:1px solid #d6eab6;
	margin-bottom:100px;
	}
#nav-extras h4{margin-left:20px;text-transform:uppercase;}	
		
#nav-extras ul li{list-style-type:none;}		
	
#nav-extras a {
color:#fff;
font-size:13px;
text-decoration:none;
background-image:url(../../img/gbl/my-saved.gif);
background-repeat:repeat-x;
background-position:left;
display:block;
width:132px;
height:25px;padding:17px 10px 5px 10px;
	}
#nav-extras a:hover {
background-image:url(../../img/gbl/my-saved-over.gif);
background-repeat:repeat-x;
background-position:left;
background-color:#eff6f9;
display:block;
	}		

	/*  Navigation big buttons
==============================================================*/
#big-buttons {
	height: 28px;
	background: #94bdd4;
	width:508px;
	font-family:Arial, Helvetica, sans-serif;
	}
*:first-child+html #big-buttons{height:46px;}	
#big-buttons ul {
	margin: 0;
	}
#big-buttons li {
	list-style: none;
	display: inline;
	}
#big-buttons a {
	display: block;
	height: 27px;
	float: left;
	color: #0f3f63;
	padding: 5px 10px;
	text-decoration: none;
	font-size:17px;
	text-align:center;
	padding-top:14px;
	}
#big-buttons a:hover {
	background: #94bdd4;
	}
	
	#sell a{background-image:url(../../img/gbl/sell.gif);width:211px;border-left:4px solid #fff;}
	#sell a:hover{background-image:url(../../img/gbl/sell-over.gif);width:211px;border-left:4px solid #fff;}
	
	#buy a{background-image:url(../../img/gbl/buy.gif);width:251px;border-left:1px solid #fff;border-right:1px solid #d2ebf6;}
	#buy a:hover{background-image:url(../../img/gbl/buy-over.gif);width:251px;border-left:1px solid #fff;border-right:1px solid #d2ebf6;}
	
/* ASK EARL BUTTON
===============================================*/
#ask-earl{position:absolute;margin-left:590px;margin-top:-70px;z-index:500;float:right;}/*position relative in FF works here*/
#ask-earl a{background-image:url(../../img/gbl/ask-earl.gif);width:175px;height:140px;position:absolute;z-index:500;display:block;}
#ask-earl a:hover{background-image:url(../../img/gbl/ask-earl.gif);width:175px;height:140px;
}	
/*  Accessibility Menu (Hidden)
==============================================================*/
#accessibility {
	display: none;
	}
/*  Legal Information (Footer)
==============================================================*/
#footer-stretch {
	width: 100% !important;
	height: 100px !important;
	background: url(/img/gbl/footer-bg.gif) repeat-x !important;
	}
html>body #footer-stretch{margin-top:0px;}
*:first-child+html #footer-stretch{background: none;margin-top:0px;}
#legal {
	background: #1a98d1;
	padding: 10px;
	font: 11px verdana;
	height:100px;
	border-top: 7px solid #2f636c;	
	position:relative;
	}
*html #legal {z-index:-1;}
*:first-child+html #legal{z-index:-1;}	
	
#legal ul {
	margin: 0; padding: 0;margin-top:20px; 
	}
#legal li {
	list-style: none;
	display: inline;
	color:#e4dec6;position:relative;
	}
	
#legal ul li a {
	margin: 0 0 10px 0; 
	color: #fff ; 
	}
	

#btm-links{margin:-100px 0 0 10px;position:absolute; z-index:600;}
#btm-links ul {width:600px; position:relative; z-index:700;}
#btm-links .AuthorizeNetSeal{width:100px; position:relative; float:left; margin:0 15px 0 0 ;}
#btm-links .AuthorizeNetSeal img{ border:#d6ffff solid 2px;}
#btm-links .godaddy{width:125px; position:relative; float:left; margin:0 15px 0 0 ;}
#btm-links .godaddy img{ border:#d6ffff solid 2px;}


#btm-links ul li {
	list-style: none;
	display: inline;
	color:#e4dec6;position:relative;
	}
	
#btm-links ul li a {
	margin: 0 0 10px 0; 
	color: #fff ; 
	}


/*  Forms
==============================================================*/


form * {
	margin: 0; padding: 0;
	}

form h4 {
	color: #235995;
	margin: 0 0 2px 0; padding: 0;
	}

form hr {
	clear: left;
	border: none;
	background: #eee; color: #eee;
	height: 2px;
	}

form p {
	margin: 0 0 14px 0; padding:  0 0 5px 0;
	border-bottom: 2px solid #eee;
	}

#form-request-quote fieldset {
	padding: 8px 8px 14px 8px;
	border: 1px solid #ccc;
	}

#form-request-quote label {
	display: block;
	position: relative;
	width: 100%;
	}

*html #form-request-quote label.radio {
	margin: 0; padding: 0;
	}

#form-request-quote span.txt {
	}

#form-request-quote label input {
	position: absolute;
	width: 200px;
	right: 0; top: 0;
	}

#form-request-quote label.radio {
	display: block;
	font-size: 85%;
	position: relative;
	width: 33%; float: left;
	vertical-align: middle;
	line-height: 1;
	}

#form-request-quote label.radio input {
	width: auto; position: static;
	vertical-align: middle;
	line-height: 1;
	}

#content-secondary form {
	padding: 15px;
	background: #eee;
	}

		#content-secondary fieldset {
			border: 1px solid #ccc;
			padding: 10px; margin: 0 0 15px 0;
			}

			#content-secondary form .txt {
				display: block;
				}

					#content-secondary form label input, #content-secondary form textarea {
						width: 325px;
						margin: 0 0 5px 0;
						}


/*  Nuances
==============================================================*/

.package {
	border: 1px solid #CFE5FF;
	padding: 10px 10px 0 10px; margin: 0 0 15px 0;
	background: #fff url(/img/gbl/bg-package.gif) repeat-x;
	}

	.package h4 {
		border-bottom: 1px solid #ccc;
		padding: 0 0 5px 17px; margin: 0 0 10px 0;
		background: url(/img/gbl/ico-box.gif) no-repeat 0 4px;
		}

	.package table {
		border-collapse: collapse;
		width: 100%;
		font-size: 85%;
		margin: 0 0 10px 0;
		}

		.package table td, .package table th {
			padding: 3px 6px;
			border: 1px solid #CFE5FF;
			text-align: center;
			width: 25%;
			}

		.package table th {
			background: #CFE5FF;
			}

		.package table td img {
			float: none !important;
			display: inline;
			}

	.post-date {
		font-size: 85%;
		}


/*  Page/Section-Specific
==============================================================*/


.home #content-feature {
	width: 583px; height: 194px;
	margin: 20px 0 0 0;
	background: url(/blogs/img/blog-feat.jpg) no-repeat;
	border-bottom: 2px solid #255F9F;
	}

.home #content-primary {
	width: 100%;
	}

	.home #content-secondary {
		display: none;
		}

	.portfolio #content-primary {
		float: left;
		width: 100%;
		}

	.portfolio-detail #content-primary {
		float: left;
		width: 50% !important;
		}

	.blogs #content-primary,
	.directory #content-primary {
		position: relative;
		left: 25%;
		}

	.blogs #content-secondary,
	.directory #content-secondary {
		position: relative;
		left: -50%;
		}


	.blogs #content-secondary-inner,
	.directory #content-secondary-inner {
		margin: 0; padding: 20px 20px 0 0;
		}

		.blogs #content-secondary h4,
		.blogs #content-secondary li,
		.directory #content-secondary h4,
		.directory #content-secondary li {
			margin: 0; padding: 3px 9px;
			font-size: 100%;
			}

		.blogs #content-secondary h4,
		.directory #content-secondary h4 {
			border: 1px solid #ccc;
			font-weight: bold;
			background:  #eee;
			}

		.blogs #content-secondary ul,
		.directory #content-secondary ul {
			list-style: none;
			margin: 0 0 15px 0; padding: 0;
			border: 1px solid #ccc;
			border-top: none;
			}

			.blogs #content-secondary li,
			.directory #content-secondary li {
				list-style: none;
				border-top: 1px solid #ccc;
				}

				.blogs #content-secondary li a,
				.directory #content-secondary li a {
					text-decoration: none;
					}

/*  Microformats
==============================================================*/


.vcard {
	margin-bottom: 1.5em;
	}

#content-tertiary .vcard {
	font-size: 85%;
	}

	.vcard img {
		float: right;
		}

	.vcard .org {
		font-weight: bold;
		}

	.vcard .adr {
		margin: 1em 0 0 0;
		}

	#content-tertiary .vcard {
		padding: 15px;
		border: 1px solid #ccc;
		}

	#content-tertiary .vcard .org {
		font-weight: normal;
		}

	#content-tertiary .vcard .org {
		font-weight: normal;
		margin: 1em 0 0 0;
		}

	#content-tertiary .vcard a {
		font-size: 10px;
		}


/*  Thickbox
==============================================================*/


*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#portfolio-slides {
	position: relative;
	margin-bottom: 18px;
	height: 198px;
	overflow: hidden;
	border: 1px solid #ccc;
	}

	#portfolio-slides img {
		position: absolute;
		left: 0;
		top: 0;
		width: auto;
		height: 200px;
		}

.call {
	padding: 5px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}


.post {
	padding-bottom: 10px;
	}

.user img, .userpic {
	width: 60px; height: 60px;
	float: left;
	margin: 0 10px 5px 0;
	border: 1px solid #ccc;
	}

/*  styles for the unit rater     */
.ratingblock {
	/*width: 130px;*/
	display:block;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 13px;
	background: url('http://www.simonconway.net/blogs/inc/lib/ajax_rating_bar_v1-1/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 13px;
	position: relative;
	background: url('http://www.simonconway.net/blogs/inc/lib/ajax_rating_bar_v1-1/images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:zz0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:13px;
	height: 13px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('http://www.simonconway.net/blogs/inc/lib/ajax_rating_bar_v1-1/images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px; margin: 0px; padding: 0px; }
.unit-rating a.r1-unit:hover{width:13px; margin: 0px; padding: 0px; }

.unit-rating a.r2-unit{left:13px; margin: 0px; padding: 0px; }
.unit-rating a.r2-unit:hover{width: 26px; margin: 0px; padding: 0px; }

.unit-rating a.r3-unit{left: 26px; margin: 0px; padding: 0px; }
.unit-rating a.r3-unit:hover{width: 39px; margin: 0px; padding: 0px; }

.unit-rating a.r4-unit{left: 39px; margin: 0px; padding: 0px; }	
.unit-rating a.r4-unit:hover{width: 52px; margin: 0px; padding: 0px; }

.unit-rating a.r5-unit{left: 52px; margin: 0px; padding: 0px; }
.unit-rating a.r5-unit:hover{width: 65px; margin: 0px; padding: 0px; }

.unit-rating a.r6-unit{left: 65px; margin: 0px; padding: 0px; }
.unit-rating a.r6-unit:hover{width: 78px; margin: 0px; padding: 0px; }

.unit-rating a.r7-unit{left: 78px; margin: 0px; padding: 0px; }
.unit-rating a.r7-unit:hover{width: 91px; margin: 0px; padding: 0px; }

.unit-rating a.r8-unit{left: 91px; margin: 0px; padding: 0px; }
.unit-rating a.r8-unit:hover{width: 104px; margin: 0px; padding: 0px; }

.unit-rating a.r9-unit{left: 104px; margin: 0px; padding: 0px; }
.unit-rating a.r9-unit:hover{width: 117px; margin: 0px; padding: 0px; }

.unit-rating a.r10-unit{left: 117px; margin: 0px; padding: 0px; }
.unit-rating a.r10-unit:hover{width: 130px; margin: 0px; padding: 0px; }

.unit-rating li.current-rating {
	background: url('http://www.simonconway.net/blogs/inc/lib/ajax_rating_bar_v1-1/images/starrating.gif') left bottom;
	position: absolute;
	height: 13px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	margin: 0px;
	padding: 0px; 
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
		
.unit-rating { /* the UL */
	height: 12px;
	margin: 0 !important; padding: 0 !important;
	overflow: hidden;
	}

.unit-rating li {
	margin: 0 !important; padding: 0 !important;
	}

.unit-rating li a:hover{
	background-position: 0 27px;
	}

.unit-rating li.current-rating {
	background-position: 0 12px;
	}

.comment {
	margin: 0 0 10px 0; padding: 0 0 10px 0;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc;
	float: left;
	}

.date {
	font-size: 85%;
	}

.today {
	color: #617F17;
	}

.yesterday {
	color: #DB5A1F;
	}

.blog-user-listing {
	width: 70px; height: 104px;
	overflow: hidden;
	float: left;
	border: 1px solid #ccc;
	margin: 2px;
	display: inline;
	}

	.blog-user-listing img {
		margin: 4px 4px 0 4px; padding: 0;
		float: none;
		overflow: hidden;
		}

	#content .blog-user-listing h4 {
		text-align: center;
		font-size: 85%;
		margin: 0; padding: 0;
		line-height: 1;
		}

	.blog-user-listing .user-label {
		display: block;
		padding: 5px;
		}

		.blog-user-listing .user-label {
			font-size: 85%;
			}

.blogroup {
	width: 100%;
	float: left;
	padding: 0 0 20px 0;
	}

	.blogroup h4 {
		margin: 0; padding: 0;
		}
		
		
span.required {
    font-weight: bold;
    color: #FF0000;
}


/*Profile side navigation
=====================================================================*/

#profile p{font-size:11px;}