body { font-family: Verdana, Arial, Helvetica, sans-serif; }
.error, .notice, .success { border-width: 1px; }

/**
 * Skip to content links
 */
#skip a, #skip a:hover, #skip a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } 
#skip a:active, #skip a:focus { position:static; width:auto; height:auto; }

/* Make the mouse pointer change to a hand over all form labels */
label { cursor: pointer; cursor: hand; }
input.text { width: auto; }

/**
* Table Classes
*/
table { border-width: 0px; border-style: none; border-collapse: collapse; }
thead th { text-align: left; font-weight: bold; padding: 10px 0px 10px 5px; text-decoration: underline; background-color: #F1F1F1; border: 1px solid #ECE9D8; }
td { border: 1px solid #ECE9D8; padding: 5px 3px 5px 3px; }

tfoot td { font-weight: bold; font-style: normal; }
table td.legend { font-weight: bold; }

/**
 * Vertical and horizontal lists
 */
ul.horizontal-right,
ul.horizontal { margin: 0; padding: 0; list-style-type: none; }
ul.horizontal li { display: block; float: left; padding: 0.5em; }
ul.horizontal-right li { display: block; float: right; padding: 0.5em; }

ul.vertical { margin: 0; padding: 0; list-style-type: none; }
ul.vertical li { display: block; padding: 0.5em 0 0.5em 0.5em; }

/* Inline DL */
dl.inline { padding: 0; margin: 0; }
dl.inline dt { float: left; padding-right: 1em; }
dl.inline dt, dl.inline dd { padding-bottom: 0.4em; }

/* Column DL */
dl.column, dl.column dt, dl.column dd { padding: 0; margin: 0; }
/* adjust the width; make sure the total of both is 100% */
dl.column { width: 100%; overflow: hidden; }
dl.column dt { float: left; width: 35%; }
dl.column dd { float: left; width: 65%; padding-bottom: 1em; }

/**
 * Links
 */
a:link { color: #D90000; }
a:visited { color: #8A0000; }
a:hover { color: #8A0000; text-decoration: none; }

h1 { font-size: 1.9em; }
h2 { font-size: 1.8em; }
h1, h2, h3, h4, h5, h6 { color: #D90000; }

div.box { background-color: #F1F1F1; padding: 10px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
div.box h3 a:visited { color: #D90000; }
div.box a:link,
div.box a:visited { color: #000; text-decoration: none; }
div.box a:hover { color: #000; text-decoration: underline; }
div.fancy { -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #CCCCCC; }

div.box ul.advert { font-size: 1.4em; font-weight: bold;  margin: 0; padding: 0; list-style-type: none; text-align: center; }
div.box ul.advert li { margin-bottom: 0.8em; }

p.link { margin: 0; }
.right {text-align: right; }
.center {text-align: center; }

/**
 * Form Classes
 */
textarea { width: 600px; height:auto; }
fieldset dl { margin: 0; }

input.text { width: auto; }
input.blur { color: #999; }

p.hint { margin: 0 0 0.4em; color:#666; font-style: italic; }
dd.note { padding-bottom: 1em; }

fieldset { border-color: #ECE9D8; }
fieldset.disabled { background-color: #f9f9f9; color: #808080; border: 1px solid #bbbbbb; }
fieldset.disabled h2 { color: #bbbbbb; border-color: #bbbbbb; }
fieldset.hidden { padding: 0; border: 0; margin: 0; }

/**
 * Form error classes
 */
form ul.errors { color: #dd3c10; font-weight: bold; margin: 0px; border: 0px; list-style-type: none; }
form ul.errors li { margin: 5px 0px; }

/**
 * Pagination Classes
 */
/*div.paginator { }*/
div.paginator span.disabled { color: #696969; text-decoration: line-through; }
div.paginator span.browse { font-weight: bold; }

/**
* Buttons
*/
/*font: 14px/100% Arial, Helvetica, sans-serif;*/
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
.button { font-weight: bold; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .5em 1em .55em; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.button:hover { text-decoration: none; }
/*.button:active { position: relative; top: 1px; }
.medium { font-size: 12px; padding: .4em 1.5em .42em; }
.small { padding: .2em 1em .275em; margin: 0; }

div.box a.button:link { color: #e8f0de; }
div.box a.button:visited { color: #e8f0de; }
div.box a.button:hover { color: #e8f0de; text-decoration: none; }

/* green */
.green {
	color: #e8f0de!important;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
/* blue */
.blue {
	color: #d9eef7!important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* orange */
.orange {
	color: #fef4e9!important;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* red */
.red {
    font-weight: normal;
	color: #faddde!important;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
    font-weight: normal;
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
    font-weight: normal;
	color: #de898c!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
/* white */
.white {
	color: #606060!important;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
/**
 * Layout
 */
#outer { width:970px; margin:0 auto; padding: 0; background: #fff url(http://static.sheridanmarine.com/skins/sheridanmarineshop/images/background.gif) no-repeat; }

#masthead { position: relative; height: 8em; }
#masthead div.logo { position: absolute; top: 2.5em; left: 1em; }
#masthead p { color: #D90000; }
#masthead span.phone { font-size: 1.2em; font-weight: bold; }

/* Navigation */
/*url(http://static.sheridanmarine.com/skins/sheridanmarine/images/navigation-background.gif) repeat-x top*/
#navigation { font-size: 1.1em; background: #D90000; color: #fff; border-bottom: #fff solid 10px; }
#navigation ul li { margin: 0; padding: 0.4em 0; font-weight: bold; }
#navigation a:link, #navigation a:visited { color: #fff; text-decoration: none; border-right: solid 1px #fff; padding-right: 0.9em; padding-left: 0.9em; }
#navigation a:hover { color: #fff; text-decoration: underline; }

/* Basket Overview */
#basketinfo { background: #F1F1F1 url(http://static.sheridanmarine.com/skins/sheridanmarineshop/images/basket.gif) no-repeat 95% center; }
#basketinfo a { font-weight: bold; }
#basketinfo a:visited { color: #D90000; }
#basketinfo a:hover { color: #8A0000; }
#basketinfo li { padding-bottom: 0.2em }

/* Breadcrumbs */
#breadcrumbs { margin-top: 0.5em; }

/* Categories Sidebar */
#categories div.box {border: none; border-right: 1px solid #CCCCCC; }
#categories h4 { margin-bottom: 0.4em; margin-top: 1.2em; }

/*#categories li.active a,
#categories li li.active a { background-color: #F1FBCD; }*/

/*#categories li a,
#categories li li a { background-color: #F1F1F1; }*/

#categories ul li { padding: 0; margin: 0; border-bottom: 1px solid #CCCCCC; }
#categories ul li li { border: none; }
#categories ul li ul { padding: 0 0 0 1.2em; margin: 0; }
#categories ul li ul ul { padding: 0; margin: 0; }
#categories li a { display: block; padding: 0.5em; }
#categories ul li.active { background-color: #F1FBCD; }
#categories ul li.notactive { background-color: #F1F1F1; }

#teaser { background-color: #F1F1F1; margin-bottom: 1.5em; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC; }
#teaser p { font-size: 1.6em; line-height: 1.6em; }
/*  letter-spacing: 0.03em; */
#teaser div.teaser { padding-top: 1.5em; }

/*#categories ul li.active a,
#categories ul li.active a li.active a { background-color: #F1FBCD; }*/
/*#categories ul li.active li a { background-color: #F1F1F1; }*/

/* General Product Classes */
.price { color: #508712; font-size: 1.7em; }
.rrp { color: #6D6D6D; }
.save { color: #508712; }

/* Search Box */
#searchbox label.search{ margin-right: 0.3em; font-size: 0.9em; }
#query { margin-right: 1em; }

/* Bundle Overview Classes */
#buybox h4 { margin-bottom: 0.5em; color: #000; }
#buybox div.bundle dl { margin: 0 0 0.5em 0; }
#buybox div.bundle dt.quantity,
#buybox div.bundle dd.quantity { margin-top: 0.5em; float: left; }
#buybox .button { width: 10em; }
/*#buybox dl.inline dt, #buybox dl.inline dd { margin-bottom: auto; }*/

/* Product Overview Classes */
div.product { padding: 0.4em; border: 1px solid #CCCCCC; min-height: 15em; }
div.product div.title { min-height: 3em; }
div.product div.image { text-align: center; }
div.product div.priceinfo { text-align:right; min-height: 5.5em }

span.partno { font-weight: bold; font-size: 0.8em; color: #6D6D6D; }

/* Tip Box */
#tip { float: right; width: 18em; margin: 0 1em 1em 1em; padding: 1.5em; }
#tip h4 { font-weight: bold; }

/* Content Classes */
div.boatyard h3 { font-size: 1.4em; line-height: 1.2em; text-align:center; }
div.boatyard p { margin-bottom: 0.5em; }
div.boatyard p a { font-weight: bold; }

/**
 *
 */
#faq img { border: 1px solid #CCCCCC; }

/**
 * Footer
 */
#footer { background-color: #F1F1F1; color: #000; padding-top: 2em; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; }
#footer a:link, #footer a:visited { color: #000; }
#footer a:hover { text-decoration: none; }

#footer div.copyright { color: #999; }
#footer div.colborder { border-color: #CCCCCC; }

#footer h3 { color: #000; font-size: 1em; font-weight: bold; }
