body {
	margin:0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	background-image: url(images/bg-waves.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

table {
	margin: 0;
	border: 1px solid #333;
}

td {
	height: 100%;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #06C;
}

th {
	text-align: left;
	background: #06C;
	color: #FFF;
	padding: 3px;
}

ul {
	margin-top: 0;
	margin-bottom: .5em;
	}

form { display: inline; }

h1,h2,h3 {font-weight: bold;}

h1 {
	font-size: 1.35em;
	padding: 0;
	margin: 0;
	color: #C00;
}

h2 {
	font-size: 1.2em;
	padding: 15px 0 8px 0;
	margin: 0;
}

h3 {
	font-size: 1.05em;
	font-style: italic;
	padding: 8px 0 8px 0;
	margin: 0;
}

hr {
	color: #000;
	background-color: #142E7A;
	height: 1px;
	border: 0;
	}

.skipNav {
	position: absolute;
	left: -999px;
	width: 990px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0066CC;
	text-decoration: underline;
}

a:visited {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #C00;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: underline;
}
	
.art:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #0066CC;
	text-decoration: underline;
}
.art:visted {
	color: #666666;
	text-decoration: underline;
}
.art:hover {
	color: #FF6600;
	text-decoration: none;
}
.art:active {
	color: #000000
	text-decoration: underline;
}
.seagulling-com {
	color: #092B76;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 55px;
}

#container {
    width: 780px;
    margin: 0 auto;
    }
	
#top-banner {
    width: 780px;
    margin: 7px 7px 0 7px;
    }

#Content {
	float: left;
	width:580px;
	margin:7px; /* Right and left margin widths set to "auto" */
	padding:15px;
	border:1px solid #CCC;
	background-color:#eee;
	}

#Content a.links {
	font-size: 1.1em;
	color: #000000;
	text-decoration: underline;
	padding: 0 0 0 8px;
}

#Content a:hover.links {
	text-decoration: none;
	color: #000000;	
}

#Content a:visited.links {
	text-decoration: none;
	color: #666666;	
}

#Content p {
	margin: 0;
	padding: 4px 0px 4px 0px;
}

#Content p.docs {
	margin: 0;
	padding: 4px 0px 4px 0px;
	color: #666666;
	font-size: .85em;
}

#topnav
{
	/*color above */
	margin: 0;
	float: left;
	width: 100%;
	font-weight: bold;
	padding: 0;
	list-style: none;
	font-size: 85%;
	border-top: 1px solid #0F297B;
	border-bottom: 2px solid #0F297B;
	
}

#topnav li
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#topnav a
{
	float: left;
	padding: 5px 6px;
	text-decoration: none;
	border-right: 1px dotted  #0F297B;
	border-bottom: 0;
	color: #fff;
}

#topnav a:hover, #topnav a.on
{
	color: #FC0;
	border-right: 1px dotted  #6699CC;
}

#topnav a.on { font-weight: bold; }

#topnav, #topnav a
{
	background-color: #6699CC;
	background-repeat: repeat-x;
}

#topnav a:hover { background: #0F297B; }

#topnav a.on { background: #0F297B; }
	
	/* Testing */
	
#outside {
	width:580px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:15px;
	border: 1px dashed #333;
	background-color: #eee;
	}
	
#left {
	border: 1px dashed #333;
	background-color: #CCC;
	position: relative;
	width: 50%;
	text-align: left;
	}
	
#right {
	border: 1px dashed #333;
	background-color: #CCC;
	position: realtive;
	width: 50%;
	text-align: right;
	}
	
td.table_title {
	color: #FFF;
	background: #333;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	border-right: none;
}

td.table_title a:link {
	color: #FF9900;
}

td.table_title a:visited {
	color: #FF9900;
}

td.table_title a:hover {
	color: #FF9900;
	text-decoration: none;
}
	
tr.light {
	background: #CCC;
	
}

.price {
	color: #900;
}

.new {
	font-weight: bold;
	color: #090;
}

.list_price {
	text-decoration: line-through;
}

.error {
	color:#C00;
}

/* Ad CSS */

#sidebar-a {
	float: left;
	width: 120px;
	padding: 0px;
	margin-top:7px;
}

/* intro text */

#intro {
	float: left;
	width: 430px;
}

#intro h1 {
	color: #000;
	font-size: 1.05em;
	font-style: italic;
	padding: 0 0 8px 0;
	margin: 0;
}

/* promos */

#jumpnav {
	margin-left: .5em;
	padding: .5em;
	float: left;
	width: 100px;
	text-align: center;
	border: 1px solid #CCC;
	background-color: #E1E1E1;
}
#jumpnav h4 {
	margin-top: 0;
	margin-bottom: 6px;
	font-size: .95em;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}

#jumpnav p {
	margin: 0;
	font-size: .85em;
	color: #000;
}

.item {
	height: 135px;
	padding: 5px;
	border: 1px solid #CCC;
}

/* Adverts */

.item-ad {
	height: ;
}

.item-ad h3 {
	font-size: 1.05em;
	font-style: italic;
	padding: 0px 0 2px 0;
	margin: 0;
}

.item-ad-img {
	float: left;
	padding: 5px;
}

.item-ad-desc {
	padding: 5px;
	margin-left: 110px;
}

.item-ad-break {
	clear: both;
	color: #000;
	background-color: #CCC;
	height: 1px;
	border: 0;
	margin: 1px;
	
}
/* End Adverts */

/* What's New */

#jumpnav2 {
	margin-left: .5em;
	float: right;
	width: 130px;
	text-align: center;
	border: 1px solid #0F297B;
	background-color: #FFF;
}
#jumpnav2 h4 {
	padding: .5em;
	margin-top: 0;
	margin-bottom: 6px;
	border-bottom: 1px solid #0F297B;
	font-size: .95em;
	font-weight: bold;
	color: #FFCC00;
	text-transform: uppercase;
	background-color:#0F297B;
}

#jumpnav2 p {
	padding: .5em;
	margin: 0;
	font-size: .9em;
	color: #000;
	border-bottom: 1px solid #CCC;
}


/* Gear Oil */

#gear-oil-logo {
	margin-left: .5em;
	padding: .5em;
	float: right;
	width: 220px;
	text-align: center;
	border: 1px solid #CCC;
	background-color: #E1E1E1;
}
#gear-oil-logo h4 {
	margin-top: 0;
	margin-bottom: 6px;
	font-size: .95em;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}

#gear-oil-logo p {
	margin: 0;
	font-size: .85em;
	color: #000;
}

/* Brochure */

#jumpnav1 {
	margin-left: .5em;
	padding: .5em;
	float: right;
	width: 100px;
	text-align: center;
	border: 1px solid #CCC;
	background-color: #E1E1E1;
}
#jumpnav1 h4 {
	margin-top: 0;
	margin-bottom: 6px;
	font-size: .95em;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}

#jumpnav1 p {
	margin: 0;
	font-size: .85em;
	color: #000;
}

/* ID box */

.id-box {
	margin: .5em;
	margin-left: 2em;
	padding: .5em;
	width: 260px;
	text-align: center;
	border: 1px solid #000;
	background-color: #FF9900;
	color: #000;
}

/* Image Caption */

.img-caption {
	margin-left: .5em;
	padding: .5em;
	float: right;
	width: 220px;
	text-align: center;
	background-color: #EEE;
}
.img-caption h4 {
	margin-top: 0;
	margin-bottom: 6px;
	font-size: .95em;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}

.img-caption p {
	margin: 0;
	font-size: .85em;
	color: #000;
}