/* @override 
	http://local.oarsport.co.uk/assets/css/master.css
*/

/* @group shite */

/*

Teal - #01764C
Red - #E20026
Dark Gray - #7E7E7E
Light Gray - #B9C928

*/

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	display: block;
}

.noborder {
	border: 0px!important;
}

.nomargin {
	margin: 0;
}

.hidden {
	display: none;
}

input.example {
	color: #666666;
}

body {
	background-image: url("/assets/images/bg.jpg");
	margin: 0px auto;
	font-family: Helvetica;
}

/* -------------------- HEADER -------------------- */

#container {
	background-image: url("/assets/images/container.png");
	width: 1006px;
	margin: 0 auto;
}

#header {
	margin: 0 17px;
	height: 83px;
}

#mainlogo {
	margin: 20px;
}

#quicklinks {
	margin: 33px 20px;
	list-style: none;
	height: 30px;
}

#quicklinks li {
	float: right;
}

#quicklinks li a {
	padding: 7px 9px 5px;
	margin: 3px 5px;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	color: #E20026;
	border: 1px solid #E20026;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#quicklinks li a:hover {
	border: 1px solid  #E20026;
	background-color: #E20026;
	color: white;
}

#banner {
	margin: 0 17px;
	height: 200px;
	border-top: 1px solid gray;
}

#toprighttools {
	padding: 10px;
	float: right;
	width: 542px;
	margin-top: 17px;
	margin-right: 25px;
}

#toprighttools a {
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	padding: 5px 15px;
	border: 1px solid  #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 8px;
	float: right;
}

#toprighttools a span.basketcount {
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	padding: 2px 5px;
	background-color: #EEE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 6px;
	font-size: 11px;
	margin-right: -6px;
}

#toprighttools a:hover span.basketcount {
	color: #FFF;
	background-color: #A60511;
}

#toprighttools a:hover {
	border: 1px solid  #E20026;
	background-color: #E20026;
	color: white;
}

#toprighttools form {
	float: right;
	margin-left: 11px;
}

#toprighttools input[type="text"] {
	height: 28px;
	font-size: 12px;
	padding: 0 20px 0 10px;
}

#toprighttools input[type="submit"] {
	border: none;
	height: 30px;
	font-size: 12px;
	margin-left: -8px;
	padding: 0 15px;
}

/* -------------------- MENU -------------------- */

#menucontainer {
	width: 983px;
	height: 58px;
	margin: 0 17px;
	padding: 0px;
}

#mainmenu {
	background-image: url("/assets/images/greengradientback.jpg");
	background-position: center bottom;
	float: left;
	width: 972px;
	list-style: none;
	border-top: 1px solid white;
	margin: 0px;
}

#mainmenu li {
	float: left;
}

#homemenu li {
	padding: 6px 20px 4px 20px;
	float: left;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
}

#mainmenu li a {
	background-image: url("/assets/images/greengradientback.jpg");
	background-position: center bottom;
	padding: 6px 20px 4px 20px;
	border-right: 1px solid white;
	float: left;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
}

#mainmenu li a.selected {
	background-image: url("/assets/images/redgradientback.jpg");
}

.submenu {
	float: left;
	background-image: url("/assets/images/redgradientback.jpg");
	background-position: center bottom;
	width: 972px;
	list-style: none;
	border-top: 1px solid white;
	margin: 0px;
}

.submenu li {
	float: left;
}

.submenu li a {
	background-image: url("/assets/images/redgradientback.jpg");
	background-position: center bottom;
	padding: 6px 15px 4px 15px;
	border-right: 1px solid white;
	float: left;
	color: white;
	text-decoration: none

;
	/*text-transform: uppercase;*/
font-size: 13px;
}

.submenu li a:hover {
	background-position: center top;
	background-color: #f60f36;
}

#leftmenucontainer {
	width: 180px;
	height: 250px;
	margin: 14px 0 0 2px;
	padding: 0px;
}

#leftmenu {
	float: left
padding: 0px
font-size: 14px;
	text-decotration: none;
	list-style: none;
}

#leftmenu li {
	float: left;
}

/* -------------------- HOMEPAGE -------------------- */

.homeintro {
	font-size: 13px;
}

#topboxes {
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

#searchbox, #news, #weather, #newsletterbox {
	width: 277px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	height: 15px;
	margin: 0;
	float: left;
	padding: 7px 0 7px 31px;
}

#news {
	background: #EBEBEB url(/assets/icons/newspaper.png) no-repeat scroll 8px 50%;
}

#newslines {
	float: left;
	width: 215px;
	list-style: none;
	margin-left: 5px;
}

#newslines li a {
	color: #303030;
	text-decoration: none;
}

#newslines li a:hover {
	color: black;
	text-decoration: underline;
}

#weather {
	background: #EBEBEB url(/assets/icons/cog.png) no-repeat scroll 8px 50%;
	margin-left: 10px;
}

#weathertype {
	margin-left: 4px;
}

.weatherspot {
	position: relative;
	cursor: pointer;
}

.weatherpopup {
	position: absolute;
	display: none;


/* keeps the popup hidden if no JS available */
width: 294px;
	height: 88px;
	padding: 25px 24px 18px 26px;
	font-size: 11px;
	margin-left: 336px;
	margin-top: 0px;
	background-image: url(/assets/images/weatherbubble.png);
}

#searchbox {
	background: #EBEBEB url(/assets/icons/magnifier.png) no-repeat scroll 8px 50%;
	height: 24px

;
	/*48px;*/
padding: 3px 0 2px 31px;
	margin-left: 10px;
}

#searchinput {
	font-size: 11px;
	border: 1px solid #CCC;
	height: 14px;
	padding: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 159px;
}

#searchsubmit {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #01764C;
	border: medium none;
	color: white;
	font-size: 10px;
	height: 23px;
	border: 1px solid #CCC;
}

#searchsubmit:hover {
	cursor: pointer;
	background-color: #016042;
}

#newsletterbox {
	background: #EBEBEB url(/assets/icons/email.png) no-repeat scroll 8px 50%;
	height: 24px;
	padding: 3px 0 2px 31px;
	width: 342px;
}

#newsletterinput {
	font-size: 11px;
	border: 1px solid #CCC;
	height: 14px;
	padding: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 140px;
}

#newslettersubmit {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #01764C;
	border: medium none;
	color: white;
	font-size: 10px;
	height: 23px;
	border: 1px solid #CCC;
}

#newslettersubmit:hover {
	cursor: pointer;
	background-color: #016042;
}

.areadesc {
	padding: 8px 10px 2px;
	background: #01764C;
	color: white;
	font-size: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#00875f), to(#005f41));
}

.areatitle {
	padding: 16px 10px 10px;
	background: #E20026;
	color: white;
	font-size: 25px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1a2b), to(#ac0f1a));
}

.prodarea a, .prodtitle a {
	text-decoration: none;
}

.prodarea a:hover > .areatitle {
	background: white!important;
	color: #E20026;
}

.prodarea a:hover > .areadesc {
	background: white!important;
	color: #01764C;
}

.roundbr {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.roundtl {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}

.advertbox {
	padding: 3px;
	border: 1px solid #CCC;
	margin-top: 10px;
}

.twitterbox, .potdbox {
	height: 210px;
}

.twitterinnerbox {
	background-image: url(/assets/images/twitterbox.png);
	font-size: 10px;
	height: 151px;
	padding: 49px 27px 10px 21px;
	color: black;
}

.twitterinnerbox:hover {
	text-decoration: underline;
}

#latestnews {
	padding: 3px;
	border: 1px solid #CCC;
	margin: 0 0 10px 0;
	width: 367px;
}

.latestnewsbox {


/*background-image:url(/assets/images/latestnewsback.png);*/
background-image: url(/assets/images/specialofferback.png);
	font-size: 12px;
	height: 114px;
	padding: 42px 14px 9px 14px;
}

/* -------------------- BLOG -------------------- */

.alignright {
	float: right;
	margin: 10px;
	border: 1px solid #CCC;
	padding: 5px;
}

/* -------------------- TABLE -------------------- */

.container table {
	padding: 5px;
	background: white;
	empty-cells: show;
}

.container table td {
	padding: 5px;
	background-color: white;
}

.container table.center td {
	text-align: center;
}

.container table.border td {
	border: 1px solid #CCC;
	padding: 10px !important;
}

.container table th {
	background-color: #01764C;
	color: white;
	padding: 3px;
	text-align: center;
	margin: 1px;
	font-weight: normal;
	vertical-align: middle;
}

table {
	border-spacing: 2px;
	border-collapse: separate;
}

/* -------------------- FORMS -------------------- */

ul.nobullets {
	margin: 0;
}

ul.nobullets li {
	list-style-type: none;
	margin: 0;
	padding: 10px 20px;
}

ul.nobullets li.focused {
	background-color: #DEDEDE;
}

.button {
	padding: 5px;
	background-image: url(/assets/images/greengradientback.jpg);
	background-position: center bottom;
	-moz-border-radius: 3px;
	color: white;
	text-decoration: none;
	border: 3px solid transparent;
	font-size: 11px;
}

.infotip {
	padding: 5px;
}

.infotip img {
	vertical-align: middle;
}

.button img {
	vertical-align: top;
	padding-left: 3px;
}

.button.disabled {
	background-image: none!important;
	background-color: #7E7E7E!important;
	border: 3px solid #DDD!important;
}

.button span {
	padding: 2px;
	color: white;
}

.button:hover {
	text-decoration: none;
	color: white;
	background-image: url(/assets/images/greengradientback.jpg);
	background-position: center top;
	border: 3px solid #005f41;
	cursor: pointer;
}

input {
	padding: 2px;
}

/* -------------------- CONTENT -------------------- */

a {
	color: #E20026;
}

a:hover {
	text-decoration: underline;
}

#content {
	margin: 12px 27px;
	float: left;
	font-size: 14px;
	line-height: 17px;
}

#content h1 {
	clear: both;
	font-size: 30px;
	margin-bottom: 10px;
}

#content h4 {
	clear: both;
	font-size: 15px;
	font-style: italic;
	margin-bottom: 5px;
}

.sidelinks li {
	list-style: none;
	margin-right: -30px;
}

.sidelinks li a {
	padding: 7px 15px 7px 10px;
	background-color: #DEDEDE;
	margin-bottom: 1px;
	float: left;
	width: 110px;
	clear: both;
	font-size: 12px;
	text-decoration: none;
}

.sidelinks li a:hover {
	background-color: #CCC;
}

.sidelinks li a.selected {
	background-color: #EEE;
	font-weight: bold;
	outline: none;
	color: black;
	border-left: 5px solid #E20026;
}

#sidelinkscontent {
	border-left: 0;
	padding: 15px;
	background-color: #EEE;
	min-height: 567px;
}

.price {
	font-size: 15px;
	font-weight: bold;
}

.partnerimage {
	margin: 3px 0;
	padding: 10px;
	border: 1px solid #C5D0D3;
}

.border {
	border: 1px solid #C5D0D3;
	padding: 0.7em;
}

.posttitle {
	float: left;
	font-size: 20px;
	color: red;
}

.posttitle a {
	color: lime;
}

.productbannerimage {
	margin: 0px 0 0 2px;
	padding: 0px;
	border: 1px solid black;
}

.productimageboat {
	margin: 0px 0 0 2px;
	padding: 0px;
	border: 1px solid black;
}

.imageborder {
	border: 1px solid #01764C;
	padding: 5px;
	margin: 5px;
}

.roundedsidebar {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	padding: 10px;
}

.oarwiztab li {
	background-color: #DEDEDE;
	float: left;
	font-size: 12px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-right: 10px;
	padding: 10px 15px;
	text-decoration: none;
}

.oarwiztab li.selected {
	background-color: #EEEEEE;
	border-top: 5px solid #E20026;
	color: black;
	font-weight: bold;
	padding: 7px 15px 8px 15px;
}

.oarwizsection {
	background-color: #EEEEEE;
	width: 630px;
	padding: 15px;
	clear: both;
	height: 650px;
}

.oarwizinfo {
	clear: both;
}

.oarwizoption {
	background: white none repeat scroll 0 0;
	border: 1px solid #CCCCCC;
	float: left;
	font-size: 11px;
	height: 128px;
	margin: 3px;
	padding: 10px;
	text-align: center;
	width: 128px;
}

.oarwizoption.wide {
	background: white none repeat scroll 0 0;
	border: 1px solid #CCCCCC;
	float: left;
	font-size: 12px;
	height: 15px;
	margin: 3px;
	padding: 10px;
	text-align: center;
	width: 320px;
}

.oarwizoption:hover {
	padding: 9px;
	cursor: pointer;
	border: 2px solid #CCCCCC;
}

.oarwizoption.selected {
	padding: 9px;
	border: 2px solid #01764C;
	background-color: #C9E8D9;
}

.youveselected {
	font-size: 13px;
	margin: 5px;
}

.youveselected li {
	margin-left: 5px;
}

.addtobasketlarge {
	margin-left: 30px;
	margin-top: 10px;
	padding: 15px;
}

.addtobasketlarge:hover {
	cursor: pointer;
}

img.big {
	display: block;
	padding: 8px;
	margin-left: 23px;
	border: 1px solid #CCCCCC;
}

.thumb li a {
	display: block;
	padding: 3px 3px 0 3px;
	margin: 3px;
	border: 1px solid #CCCCCC;
}

.thumb li a.selected {
	border: 1px solid #555555;
}

/* -------------------- PRODUCT -------------------- */

.productlarge {
	border: 1px solid #DDD;
	margin: 20px;
	padding: 20px;
}

.prodtd {
	border: 1px solid #47a58b;
	padding: 15px;
	height: 200px;
	width: 25%;
	vertical-align: middle;
}

/* -------------------- CALENDAR -------------------- */

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}

div#dp-popup {
	position: absolute;
	z-index: 199;
}

div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 5px 0;
	padding: 0;
}

a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}

a#dp-close:hover {
	text-decoration: underline;
}

div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}

div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}

div.dp-popup div.dp-nav-prev a {
	float: left;
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */

div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}

div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}

div.dp-popup div.dp-nav-next a {
	float: right;
}

div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}

div.dp-popup td {
	cursor: pointer;
}

div.dp-popup td.disabled {
	cursor: default;
}

.dp-nav-prev-month, .dp-nav-next-month, .dp-nav-prev-year, .dp-nav-next-year {
	padding: 1px 2px;
	margin: 2px;
}

.dp-choose-date {
	display: none;
}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
	border-collapse: separate;
	border-spacing: 2px;
}

table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}

table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}

table.jCalendar td.today {
	background: #666;
	color: #fff;
}

table.jCalendar td.selected {
	background: #E20026;
	color: #fff;
}

table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}

table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}

table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* -------------------- FOOTER -------------------- */

#footer {
	background-color: #B3B3B3;
	float: left;
	margin: 0 17px;
	width: 972px;
}

#footer h1 {
	font-size: 26px;
	color: white;
	text-shadow: 0px 0px 5px #000;
	margin-bottom: 10px;
}

#footer h2 {
	font-size: 22px;
	color: white;
	text-shadow: 0px 0px 5px #000;
	margin-bottom: 10px;
}

#footeraddress {
	font-size: 11px;
	border-left: 1px dotted white;
	line-height: 18px;
	padding-left: 10px;
	margin: 20px 0;
}

#addresslines {
	font-size: 12px;
	color: black;
	line-height: 15px;
	margin-left: 25px;
}

#footersitemapbox {
	margin-left: 5px;
}

#footersitemap {
	margin-left: 5px;
	width: 530px;
}

#footersitemap th {
	text-align: right;
}

#footersitemap tr {
	height: 23px;
}

#footersitemap th a {
	text-decoration: none;
	padding: 4px 10px 3px 10px;
	font-size: 12px;
	background-color: white;
	color: gray;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#footersitemap th a:hover {
	background-color: gray;
	color: white;
}

#footersitemap td {
	padding-left: 5px;
}

#footersitemap td a {
	color: black;
	text-decoration: none;
	padding: 0 2px;
	font-size: 12px;
}

.addressicon {
	-moz-border-radius: 3px;
	background-color: white;
	padding: 5px;
}

.thumb li {
	float: left;
	list-style: none;
}

.quote {
	font-style: italic;
	margin-top: 12px;
}

.quoter {
	font-weight: bold;
}

#socialicons ul {
	list-style-type: none;
}

/* Search Styles */

#searchentrybox {
	text-align: left;
	clear: both;
	padding: 15px;
}

#searchresultbox {
	clear: both;
	padding: 20px;
}

#searchresultimagebox {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 20px;
}

.homerightbox {
	background-image: url("/assets/images/bggrad.png");
}

.searchresultimage {
	float: left;
}

/* @end */

/* @group Homepage */

/* @group Boxes */

#leftside, #rightside {
	float: left;
}

#leftside {
	width: 566px;
}

#rightside {
	width: 374px;
}

#rightside .homerightbox, #leftside .narrowbox, #leftside .widebox {
	border: 1px solid #CCC;
	border-top-color: #DDD;
	border-bottom-color: #BBB;
	padding: 15px 15px 1px;
	margin-bottom: 12px;
}

#leftside .narrowbox {
	width: 246px;
	float: left;
}

/* @end */

/* @group Sculls & Sweets */


#sweeps, #sculls {
	background-image: url(/assets/images/home_sweepscull_back.jpg);
}

#sweeps p, #sculls p {
	margin-left: 147px;
}

#sweeps p a, #sculls p  a{
	color: #25537b;
	text-decoration: none;
	font-weight: bold;
	font-size: 19px;
}

#sweeps p a:hover, #sculls p a:hover{
	color: #183852;
	text-decoration: underline;
}

#sculls {
	margin-right: 10px;
}


/* @end */

/* @group Wintech */

#wintechboats {
	clear: both;
	background: url(/assets/images/home_area_images_wintech.jpg) no-repeat 0 -10px;
}

#wintechboats ul {
	float: none;
	list-style: none;
	margin-left: 322px;
	margin-top: 42px;
}

#wintechboats p {
	font-size: 19px;
	margin-left: 425px;
	color: #db1a1d;
	font-weight: bold;
	margin-top: -28px;
	margin-bottom: 17px;
}

#wintechboats h2 {
	margin-left: 320px;
	margin-bottom: 0;
}

#wintechboats ul li {
	margin-bottom: 10px;
}

#wintechboats ul li a {
	padding: 5px 8px;
	text-decoration: none;
	background-color: #db1a1d;
	color: #FFF;
}

#wintechboats ul li a:hover {
	background-color: #b31517;
	text-decoration: underline;
}

/* @end */

/* @group NK */

#nkelectronics {
	clear: both;
	background-image: url(/assets/images/home_area_images_nk.jpg);
	background-repeat: no-repeat;
}

#nkelectronics ul {
	float: none;
	list-style: none;
	margin-left: 323px;
	margin-top: 15px;
	margin-bottom: 32px;
}

#nkelectronics p {
	font-size: 19px;
	color: #25408e;
	font-weight: bold;
	margin-top: -38px;
	float: right;
	margin-right: 1px;
}

#nkelectronics h2 {
	margin-left: 320px;
	margin-bottom: 0;
}

#nkelectronics ul li {
	margin-bottom: 10px;
}

#nkelectronics ul li a {
	padding: 5px 8px;
	text-decoration: none;
	background-color: #25408e;
	color: #FFF;
}

#nkelectronics ul li a:hover {
	text-decoration: underline;
	background-color: #18295c;
}

/* @end */

/* @group Accessories */

#accessories {
	clear: both;
	background-image: url(/assets/images/home_acc_back.jpg);
	background-repeat: no-repeat;
}

#accessories ul {
	float: none;
	list-style: none;
	margin-left: 323px;
	margin-top: 15px;
	margin-bottom: 32px;
	width: 159px;
}

#accessories p {
	font-size: 19px;
	color: #01764c;
	font-weight: bold;
	clear: both;
	float: right;
	margin-right: 2px;
	margin-top: -14px;
}

#accessories h2 {
	margin-left: 320px;
	margin-bottom: 0;
}

#accessories ul li {
	margin-bottom: 10px;
	float: left;
	margin-right: 4px;
}

#accessories ul li a {
	padding: 5px 8px;
	text-decoration: none;
	background-color: #01764c;
	color: #FFF;
}

#accessories ul li a:hover {
	text-decoration: underline;
	background-color: #005a3a;
}

/* @end */

/* @group Fundraising */

#fundraising{
	border: 1px solid #AAA;
	display: block;
	padding: 15px 15px 5px 19px;
	text-decoration: none;
	background-image: url("/assets/images/bggrad.png");
	color: #666;
}

#fundraising img{
	float: right;
	margin-top: -4px;
	margin-right: -15px;
	padding-left: 23px;
}

/* @end */

/* @end */