/********************************************************* OCEAN FRESH SITE CONSTRUCTION ************************************************************/

* {margin:0; padding:0; border: 0;}
html {margin:0; padding:0; height:100%; width:100%;}
body {margin:0; padding:0; height:100%; width:100%; font-size:11px; font-family: Tahoma, Arial, Verdana;}

/************************************ SITE SETTINGS *****************************************/

img {border:0;}
ul, li {margin:0; padding:0;}
p {margin:0; padding:0; font-family: Tahoma, Arial, Verdana; font-size:11px;}
a {margin:0; padding:0; font-family: Tahoma, Arial, Verdana; font-size:11px;}
a:visited,a:active{outline:none;}
fieldset {border:0; margin:0; padding:0;}
input, select, textarea {font-family: Tahoma, Arial, Verdana; font-size: 11px; }

.clear {clear:both;} 
.clear0 {height:0px; line-height:0px; clear:both;}
.clear5 {height:5px; line-height:5px; clear:both;}
.clear10 {height:10px; line-height:10px; clear:both;}
.clear15 {height:15px; line-height:15px; clear:both;}
.clear20 {height:20px; line-height:20px; clear:both;}

.irt11px {padding: 11px 0 0 0; overflow: hidden; height: 0px !important; height /**/:11px;} 
.irt12px {padding: 12px 0 0 0; overflow: hidden; height: 0px !important; height /**/:12px;} 
.irt14px {padding: 14px 0 0 0; overflow: hidden; height: 0px !important; height /**/:14px;}
.irt15px {padding: 15px 0 0 0; overflow: hidden; height: 0px !important; height /**/:15px;}
.irt40px {padding: 40px 0 0 0; overflow: hidden; height: 0px !important; height /**/:40px;}

/****************************************** CONSTRUCTION ***************************************/

#outerContainer {position: relative; width: 950px; height: auto; margin: 0 auto;}
#header {position: relative; width: 100%; height: 138px; background: url(../img/header/headerBg.jpg) no-repeat top left;}
.lnkTesters {position:absolute; left:760px; height:105px; width:190px; z-index:4;}
#header.wide {background: url(../img/header/headerBgWide.jpg) no-repeat top left;}
#innerContainer {position: relative; width: 100%; height: auto; background: url(../img/header/greyShadow.gif) repeat-x top left;}
#leftNav {position:relative; float:left; display:inline; width: 172px; padding: 25px 0 0 1px;}
#mainContainer {position:relative; float:left; display:inline; width:766px; margin-left:11px;}
#footer {position: relative; width: 100%; height: 231px; background: url(../img/footer/footerBg.jpg) no-repeat top left;}

#breadCrumb {position:relative; height:25px; width:750px;}
#breadCrumb ol {padding-top:6px; margin:0px; height:19px;}
#breadCrumb ol li {display:inline; padding:0 0 0 8px; margin-right: 12px; background: url(../img/icons/breadcrumbBullet.gif) no-repeat left 4px; font-weight: bold; font-size:10px; color:#003333;}
#breadCrumb ol li a, #breadCrumb ol li a:visited, #breadCrumb ol li a:link, #breadCrumb ol li a:active  {color:#003333; font-weight: normal; text-decoration: none; font-size:10px;}
#breadCrumb ol li a:hover {text-decoration: underline;} 

#mainContent {position:relative; float:left; display:inline; width: 596px; margin: 0; padding: 0;}
#rightColumn {position:relative; float:left; display:inline; width: 170px; margin: 0; padding: 0;}

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

#header .logo {position:absolute; top:0; left:0; width:193px; height:108px;}

#header .topNav {position: absolute; top:11px; left:202px; width: 570px;}
#header .topNav ul {list-style: none;}
#header .topNav ul li {float: left; display: inline; margin-right: 11px; padding-left: 0px;}
#header .topNav ul li a {background: url(../img/icons/bulletGreySmall.gif) no-repeat left center; padding-left: 7px; color: #7f7f7f; text-decoration: none; font-size:11px; font-weight: normal;}
#header .topNav ul li a:hover {background: url(../img/icons/bulletBlueSmall.gif) no-repeat left center; text-decoration: none; color: #3c9dcf;}

#header .headerCatsContainer {position: absolute; top:69px; left:312px; width: 350px; height: 19px;}

#header a.fieldTesters {position: absolute; top:0; right:0; width: 177px; height: 107px; display:block; background: url(../img/trans1x1.gif);}

#header .bookmark {position: absolute; top: 116px; right: 6px; width:53px; height:18px; padding-left: 17px; background: url(../img/header/bookmarkIcon.gif) no-repeat left center;}
#header .emailFriend {position: absolute; top: 116px; right: 88px; width:63px; height:18px; padding-left: 12px; background: url(../img/header/emailIcon.gif) no-repeat left center;}

#header .bookmark a, #header .emailFriend a {color: #fff; font-size: 11px; font-weight: normal; text-decoration: none;}
#header .bookmark a:hover, #header .emailFriend a:hover {text-decoration: underline;}

#header .search {position: absolute; top: 108px; left: 370px; width: 230px; height: 30px;}
#header .search fieldset {width: 230px; height: 30px; margin: 0; position: relative;}
#header .search fieldset label {float: left; display: inline; width: 41px; height: 11px; margin: 9px 5px 0 0; background: url(../img/header/searchHeader.gif) no-repeat;}
#header .search fieldset input {float: left; display: inline; width: 127px; height: 13px; margin-top: 4px; padding: 3px 0 3px 4px; color: #000; font-size: 11px; font-weight: normal; border: 1px solid #7f9db9; font-family: Tahoma, Arial, Verdana;}

/******************************************* LEFT NAV *********************************************/

#leftNav .basket {position: relative; width:172px; height:176px; background: url(../img/leftNav/basketBg.jpg) no-repeat;}
#leftNav .basket h2 {position: absolute; top: 10px; left: 16px; width: 72px; height: 12px; background: url(../img/leftNav/headerBasket.gif) no-repeat;}

#leftNav .basket .content {position: absolute; top: 32px; left: 11px; width:150px; height: 22px; line-height: 21px; background: url(../img/leftNav/basketDots.gif) repeat-x top left;}
#leftNav .basket .content p {color: #fff; font-weight: normal; font-size: 11px; text-align: center;} 
#leftNav .basket .content p.items {float: left; display: inline; width: 65px; margin: 0;}
#leftNav .basket .content p.total {float: left; display: inline; width: 85px; margin: 0;}

#leftNav .basket p.message {position:absolute; top:70px; left:0; color:#fff; font-weight:normal; font-size:11px; width:100%; text-align:center;} 

#leftMenu {position: relative; width: 172px; margin-bottom: 0px; background-color: #03384a;}

.leftMenuContent {position: relative; width: 172px; margin-bottom: 0px; padding: 4px 0 0 0; background: url(../img/leftNav/headerBg.gif) no-repeat top left;}
.leftMenuContent ul {position:relative; list-style:none; margin: 0; padding: 5px 0 5px 0; width: 172px;} 
.leftMenuContent ul li {position:relative; list-style:none; margin: 0; padding: 0 0 1px 0; width: 172px; background: url(../img/leftNav/dotsGrey.gif) repeat-x bottom left;}
.leftMenuContent ul li a {background: url(../img/leftNav/menuRollover.gif) no-repeat 0px 0px; display:block; width:152px; line-height:13px; text-decoration:none; color: #fff; font-size: 11px; font-weight: normal; padding: 2px 0px 4px 20px;} 
.leftMenuContent ul li a:hover {text-decoration: none; background: url(../img/leftNav/menuRollover.gif) no-repeat 0px -32px; color: #fff;}
.leftMenuContent ul li.bottom {background: none; padding:0;}

.leftMenuContent h2 {position: relative; width: 172px; margin: 0; padding: 0 0 2px 0; background: url(../img/leftNav/whiteLine.gif) no-repeat 10px bottom;}
.leftMenuContent h2 a {display:block; line-height: 14px; width: 152px; margin: 0; padding: 4px 0 6px 20px; background: url(../img/leftNav/headerRollover.gif) no-repeat 0px 0px; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none;}
.leftMenuContent h2 a:hover {background: url(../img/leftNav/headerRollover.gif) no-repeat 0px -24px; text-decoration: none;}

.leftMenuBottom {position: relative; width: 172px; height: 14px; margin-bottom: 2px; background: url(../img/leftNav/leftMenuBottom.gif) no-repeat;}

#leftNav .specialsBg {position: relative; width: 172px; height: 190px; margin-bottom: 10px; background: url(../img/leftNav/specialsBg.jpg) no-repeat;}
#leftNav .specialsBg ul {position:relative; list-style:none; margin: 0; padding: 4px 0 0 0; width: 172px;} 
#leftNav .specialsBg ul li {position:relative; list-style:none; margin: 0; padding: 0 0 1px 0; width: 172px; background: url(../img/leftNav/dotsGrey.gif) repeat-x bottom left;}
#leftNav .specialsBg ul li a {background: url(../img/leftNav/menuRollover.gif) no-repeat 0px 0px; display:block; width:152px; line-height:13px; text-decoration:none; color: #fff; font-size: 11px; font-weight: normal; padding: 2px 0px 4px 20px;} 
#leftNav .specialsBg ul li a:hover {text-decoration: none; background: url(../img/leftNav/menuRollover.gif) no-repeat 0px -32px; color: #fff;}
#leftNav .specialsBg ul li.bottom {background: none; padding:0;}

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

#footer .bottomNav {position: absolute; top:143px; left:190px; width: 615px;}
#footer .bottomNav ul {list-style: none;}
#footer .bottomNav ul li {float: left; display: inline; margin-right: 14px; padding-left: 0px;}
#footer .bottomNav ul li a {background: url(../img/icons/bulletWhiteSmall.gif) no-repeat left center; padding-left: 8px; color: #fff; text-decoration: none; font-size:11px; font-weight: bold;}
#footer .bottomNav ul li a:hover {background: url(../img/icons/bulletBlackSmall.gif) no-repeat left center; text-decoration: none; color: #03384a;}

#footer .footerBottom {position: relative; width: 950px; top:175px; height: 56px; background: url(../img/footer/footerBottomBg.gif) repeat-x top left;}
#footer .footerBottom p.copyright {position: absolute; top: 8px; left: 15px; color: #fff; font-size: 11px; font-weight: normal;}
#footer .footerBottom p.copyright a {color: #fff; font-size: 11px; font-weight: normal; text-decoration: none;}
#footer .footerBottom p.copyright a:hover {text-decoration: underline;}

#footer .footerBottom .oceanFreshImages {position: absolute; top: 4px; left: 175px;}
#footer .footerBottom .oceanFreshImages img {float: left; display: inline; margin-right: 15px;}

#footer .footerBottom .madLink {position: absolute; top:6px; right:15px; height:20px;}
#footer .footerBottom .madLink p {float: left; display: inline; color: #fff; font-size: 11px; font-weight: normal; padding-top: 2px; margin-right: 15px;}
#footer .footerBottom .madLink p a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: none;}
#footer .footerBottom .madLink p a:hover {text-decoration: underline;}
#footer .footerBottom .madLink img {float: left; display: inline; margin: 0;}

#footer .footerBottom p.companyNumbers {position: absolute; bottom: 8px; left: 0; width:100%; text-align:center; color: #7F7F7F; font-size: 11px; font-weight: normal;}
#footer .footerBottom p.companyNumbers span.vat {margin-left:10px;}

/******************************************* RIGHT COLUMN *********************************************/

#rightColumn a.worldwideDelivery {position: relative; background: url(../img/rightColumn/worldwideDeliveryBg.jpg) no-repeat top; width: 118px; height: 26px; padding: 134px 0 0 52px;  margin-bottom: 10px; display: block; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none;}
#rightColumn a:hover.worldwideDelivery {background: url(../img/rightColumn/worldwideDeliveryBg.jpg) no-repeat bottom; text-decoration: none;}

#rightColumn .buyingGuides {position: relative; background: #8f9194 url(../img/rightColumn/buyingGuidesBg.jpg) no-repeat; width: 170px; padding: 145px 0 0 0;}
#rightColumn .buyingGuides ul {position:relative; list-style:none; margin: 0; padding: 0; width: 170px;}
#rightColumn .buyingGuides ul li {list-style:none; margin: 0; padding: 0 0 1px 0; background: url(../img/rightColumn/whiteDotsHoriz.gif) repeat-x left bottom;}
#rightColumn .buyingGuides ul li a {width: 134px; padding: 2px 13px 4px 23px; line-height: 13px; background: url(../img/rightColumn/buyingGuidesRollover.gif) no-repeat 0px 0px; display: block; color: #fff; font-size: 11px; font-weight: normal; text-decoration: none;}
#rightColumn .buyingGuides ul li a:hover {background: url(../img/rightColumn/buyingGuidesRollover.gif) no-repeat 0px -32px; text-decoration: none;}
#rightColumn .buyingGuides ul li.bottom {background: none; padding:0;}

#rightColumn .buyingGuidesBottom {position: relative; background: url(../img/rightColumn/buyingGuidesBottom.gif) no-repeat; width: 170px; height: 27px; margin-bottom: 10px;}
#rightColumn .buyingGuidesBottom .viewAll {position: absolute; top: 1px; left: 92px; background: url(../img/rightColumn/buyingGuidesView.gif) no-repeat; width: 44px; height: 20px; padding: 0px 0 0 12px;}
#rightColumn .buyingGuidesBottom a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; word-spacing: 1px;}
#rightColumn .buyingGuidesBottom a:hover {text-decoration: underline;}

#rightColumn .newsletter {position: relative; width: 170px; margin-bottom: 10px;}
#rightColumn .newsletter .signUpContent {position: relative; background: #3f4b33 url(../img/rightColumn/newsletterTop.jpg) no-repeat left top; width: 170px; margin-bottom: 10px;}
#rightColumn .newsletter .background {width: 170px; background: url(../img/rightColumn/newsletterBottom.jpg) no-repeat left bottom; padding-top:30px;}
#rightColumn .newsletter p.signUpText {position: relative; width: 158px; color: #fff; font-size: 10px; font-weight: normal; margin:0 0 12px 6px;}
#rightColumn .newsletter fieldset {position: relative; width: 160px; padding-left:10px;}
#rightColumn .newsletter fieldset .newsletterField {width: 150px; margin-bottom: 8px;}
#rightColumn .newsletter fieldset .newsletterField input {width: 144px; margin: 0px; padding: 2px 0 2px 4px; border: 1px solid #b9b9b9; color: #666; font-size: 11px; font-weight: normal;}
#rightColumn .newsletter fieldset p.errorMsg {background: url(../img/icons/errorIconTrans.gif) no-repeat; color: #e20c0c; font-weight: normal; margin: 0 0 5px 0; position: relative; text-indent: 20px;}
#rightColumn .newsletter fieldset .fieldError input {border-color: #e20c0c;}
#rightColumn .newsletter .thanksContent {position: relative; background: url(../img/rightColumn/newsletterBg.jpg) no-repeat; width: 170px; height: 115px; padding-top:65px; margin-bottom: 10px; text-align:center;}
#rightColumn .newsletter .thanksContent h2 {background: url(../img/rightColumn/thankYouHeader.png) no-repeat; width: 96px; margin:0 auto 10px auto; display:block;}
#rightColumn .newsletter .thanksContent p {color: #fff; font-size: 11px; font-weight: normal;}

#rightColumn .testimonials {position: relative; background: url(../img/rightColumn/testimonialsBg.jpg) no-repeat; width: 170px; height: 199px;}
#rightColumn .testimonials h2 {position: absolute; top: 115px; left: 0px; width: 170px; color: #fff; font-size: 16px; font-weight: normal; text-align: center; line-height: 20px;}
#rightColumn .testimonials p {position: absolute; bottom: 8px; left: 15px; width: 140px; color: #fff; font-size: 11px; font-weight: normal;}

#rightColumn .testimonialsBottom {position: relative; background: url(../img/rightColumn/testimonialsBottom.gif) no-repeat; width: 170px; height: 27px; margin-bottom: 10px;}
#rightColumn .testimonialsBottom .viewAll {position: absolute; top: 1px; left: 92px; background: url(../img/rightColumn/testimonialsView.gif) no-repeat; width: 44px; height: 20px; padding: 0px 0 0 12px;}
#rightColumn .testimonialsBottom a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; word-spacing: 1px;}
#rightColumn .testimonialsBottom a:hover {text-decoration: underline;}

#rightColumn .fishingArticles {position: relative; background: #06393c url(../img/rightColumn/fishingArticlesBg.jpg) no-repeat top left; width: 170px; padding: 96px 0 5px 0;}
#rightColumn .fishingArticles .article {position: relative; background: url(../img/rightColumn/blueDotsHoriz.gif) repeat-x left bottom; width: 170px; padding: 0 0 1px 0;}
#rightColumn .fishingArticles .article .placeholder {position: relative; float: left; display: inline; background: url(../img/rightColumn/fishingArticlesPlaceholder.gif) no-repeat; width: 32px; height: 24px; padding: 1px 0 0 1px; margin: 4px 6px 4px 10px;}
#rightColumn .fishingArticles .article .heading {position: relative; float: left; display: inline; width: 111px; padding-top: 2px;}
#rightColumn .fishingArticles .article .heading a {color: #fff; font-size: 11px; font-weight: normal; text-decoration: underline;}
#rightColumn .fishingArticles .article .heading a:hover {color: #15b9ff; font-size: 11px; font-weight: normal; text-decoration: underline;}

#rightColumn .fishingArticlesBottom {position: relative; background: url(../img/rightColumn/fishingArticlesBottom.gif) no-repeat; width: 170px; height: 27px; margin-bottom: 10px;}
#rightColumn .fishingArticlesBottom .viewAll {position: absolute; top: 1px; left: 92px; background: url(../img/rightColumn/fishingArticlesView.gif) no-repeat; width: 44px; height: 20px; padding: 0px 0 0 12px;}
#rightColumn .fishingArticlesBottom a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; word-spacing: 1px;}
#rightColumn .fishingArticlesBottom a:hover {text-decoration: underline;}