@import url("main-nav.css");
@import url("nav.css");
@import url("tabbed-content.css");

/* Makeshift CSS Reset */  
{  
    margin: 0;  
    padding: 0;  
}  
  
ul li img
{
  cursor:pointer;
}

img 
{
  border:0px;
}

/* render HTML 5 elements as block */  
header, footer, aside, nav, article, h1, h2, h3 {  
    display: block;  
    
}    

nav nobr a
{
  font-size:small;
  line-height:12px;
  padding:0px;
  color:#073861;
  font-weight:bolder;
  text-decoration:none;
  width:200px;
}





a{color:#e58300;} 
a:hover{color:#000;}
header{
	padding-top:5px;
	background:#023763;
	width:100%;
}

header img
{
  padding-top:5px;
}

body {  
    margin:0px auto 0px auto;
    padding:0px;  
    width: 1000px;  
    font: 13px/22px Helvetica, Arial, sans-serif;  
    background: #f6f6f6;
    background-image: url('../img/BG.gif');
	  background-repeat: repeat-y; 
	  background-position:center;
	  
}  

  #content {
	padding:10px 0px 10px 0px;
	margin-top:60px;
}	
#breadCrumbs
{
  z-index:2;
  position:relative;  
  font-weight:900;
  color:#e58300;
  margin:-10px 0 0 0;
  padding:0 0 30px;
}

#breadCrumbs a
{
    color:#023763;
}

#lbSearch
{
  font-weight:800;
  color:#023763;
  font-size:14px;
  text-decoration:none;
  padding:0 0 0 5px;
}
#lbSearch:hover
{
  color:#e58300;
}

#tbSearch
{
  width:185px;
  
}
#browseNav
{
  clear:both;margin:-25px 0 0 0; position:absolute;   z-index:2;
  width:520px;
  text-align:center;
}

#browseNav a
{
  text-decoration:none;
  color:#023763; 
  font-weight:bolder;
}

#bcCatNo
{
  font-size:11px;
}

#mainContent {
		padding:10px 13px 0px 10px;
		width: 785px;
		margin: 0px;
		float:left;
	}
	aside {
		width: 173px;
		float:left;
		padding:0px 0px 10px 13px;
		
	}
  aside img 
  {
    border:0px;
  }

footer{
	background-color:#023763;
	width:100%;
	height:75px;
	clear:both;
	background-image:url("/img/F4F-fLogo.gif");
	background-position:left;
	background-repeat:no-repeat;
	float:right;
	
	
}

#followUs
{
  position:absolute;
  margin: -10px 0px 0px 400px;
  color:#fff;
 
}

#followUs img
{
  margin-bottom:-7px;
  padding-left:5px;
}

#followUs p a
{
  padding:0 0 3px 0;
  text-decoration:none;
  color:#fff;
}

h2
  {
    color:#023763;
    font-size:medium;    
  }

	#tabCol1 {
  padding-top:5px;
	width:524px;
	height:350px;
	float:left;
	}
	#tabCol2{
padding-top:5px;
		width:256px;
		float:left;
	}



#searchBox{  
    width: 330px;  
    height: 40px;    
    text-decoration: none;  
    display: block;  
    text-align: left;  
	position:absolute;
	margin:45px 340px;
    /* BACKGROUND GRADIENTS */  
    background: #BBBBBB;  
    z-index:700;
  
    /* BORDER RADIUS */  
    -moz-border-radius: 4px;  
    -webkit-border-radius: 4px;  
     border-radius:4px;  
    
    border-top: 1px solid #c3d6df;  
	/* background colour */
	background: #efefef;
	background: -moz-linear-gradient(top, #efefef, #efefef 60%, #dbdfde 61%, #dbdfde);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(.52, #efefef), color-stop(.53, #dbdfde), to(#dbdfde)); 
	}

#searchBox p{ 
	margin: 8px 0px 0px 8px;
}

#basket{
	margin:34px 0px 0px 730px;
		position:absolute;	
		border:#e6e6e6 groove 1px;
	width:252px;
	padding:0px;
	position:absolute;
	height:62px;
	background:#fff;
    -moz-border-radius: 5px;
    -webkit-border-radius:  5px;
    z-index:9999;
    
}

ul.basketList li {
	float: left;
	position: relative; /*--Declare X and Y axis base--*/
	list-style:none;
	margin:-10px  0 0 -20px;
	text-align:left;
	    z-index:9999;
}
ul.basketList li a{
	color: #000;
	display: block;
	text-decoration: none;
	float: left;
}
ul.basketList li a:hover{
}
ul.basketList li img { /*--Drop down trigger styles--*/
  cursor:pointer;
  margin:18px 0px 0 18px;
	float: right;
	border:0px;
}
ul.basketList li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.basketList li ul.subBasket {
	list-style: none;
	position: absolute; /*--Important - Keeps subBasket from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #fff;
	margin: -7px 0 0 -21px; padding: 0;
	display: none;
	float: left;
	width: 246px;
	padding:4px 4px 4px 4px;

	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
ul.basketList li ul.subBasket li{
	margin: 0; padding: 5px;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 235px;
}
ul.basketList li ul.subBasket li img{

margin:0 12px 5px 0;
}

html ul.basketList li ul.subBasket li a {
	float: left;
	width: 249px;
}

html ul.basketList li ul.subBasket li a:hover { /*--Hover effect for subBasket links--*/
	background: #fff url(dropdown_linkbg.gif) no-repeat 10px center; 
}


#widget-head {
    color: #fff;
    width: 100%;
	height:20px;
	margin-bottom:4px;
		border:#e6e6e6 solid 1px;
	width:250px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius:  4px 4px 0px 0px;
	background: #e78101;
}  


#widget-head h3 {
    padding: 1px 0px 0px 8px;
    float: left;
	font-size:8pt;
	margin:0px;
	z-index:1;
}




/* Columns */
.column3{
				-webkit-column-count: 3;
				-webkit-column-gap: 10px;
				
				-moz-column-count: 3;
				-moz-column-gap: 10px;
				column-count: 3;
				column-gap: 10px;
			}
.column2{
				-webkit-column-count: 2;
				-webkit-column-gap: 10px;
				
				-moz-column-count: 2;
				-moz-column-gap: 10px;

			}


/* Colors */
.color-teal {background:#2c8d93;}
.color-red    {background:#b93133;}
.color-blue   {background:#073861;}
.color-grey {background:#b0a8a5;}
.color-orange {background:#e58300;}
.color-green  {background:#2c8d3c;}
.color-purple {background:#913250;}



.color-tealGrad{
	background: #2c8d93;
	background: -moz-linear-gradient(top, #2c8d93, #);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c8d93), to(#1d5d61));
	}
.color-redGrad{
	background: #b93133;
	background: -moz-linear-gradient(top, #b93133, #872425);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b93133), to(#872425));
	}
.color-blueGrad{
	background: #073861;
	background: -moz-linear-gradient(top, #073861, #041d33);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#073861), to(#041d33));
	}
.color-greyGrad{
	background: #b0a8a5;
	background: -moz-linear-gradient(top, #b0a8a5, #807a78);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b0a8a5), to(#807a78));
	}
.color-orangeGrad{
	background: #e58300;
	background: -moz-linear-gradient(top, #e58300, #b26600);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e58300), to(#b26600));
	}
.color-greenGrad{
	background: #2c8d3c;
	background: -moz-linear-gradient(top, #2c8d3c, #1c5926);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c8d3c), to(#1c5926));
	}
.color-purpleGrad{
	background: #913250;
	background: -moz-linear-gradient(top, #913250, #591f31);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913250), to(#591f31));
	}

.rounded{
	 /* TEXT SHADOW */
	 text-shadow: 1px 1px 1px black;
	 /* BOX SHADOW */
	 -moz-box-shadow: 0 1px 3px black;
	 -webkit-box-shadow: 0 1px 3px black;
	 box-shadow: 0 1px 3px black;

	 /* BORDER RADIUS */
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;
	 border: 1px solid #b0a8a5;
	 border-top: 1px solid #807a78;
}

.button, .nonbutton
{
  font-size:x-small;
	list-style:none;
	text-align:center;
	color:white;
  padding: 0px 4px 0px 4px;
  
 border: solid 2px #fff;
 -moz-box-shadow: 0 0 0 1px #fff;
 -webkit-box-shadow: 0 0 0 1px #fff;
 box-shadow: 0 0 0 1px #fff;

 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 
 
}

.nohover 
{
  cursor:default;
}

/* WHILE HOVERED */
	.button:hover {
		background: #014464;
	 	background: -moz-linear-gradient(top, #0c5f85, #0b5273 50%, #024869 51%, #003853);
	 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c5f85), color-stop(.5, #0b5273), color-stop(.51, #024869), to(#003853));

 border: solid 2px #fff;
 -moz-box-shadow: 0 0 0 1px #014464;
 -webkit-box-shadow: 0 0 0 1px #014464;
 box-shadow: 0 0 0 1px #014464;

	}
/* WHILE BEING CLICKED */
	.button:active {
		-moz-box-shadow: 0 2px 6px black;
		-webkit-box-shadow: 0 2px 6px black;
	}

/* SET BUTTON SIZES */
.small{
	width:auto; height:20px;
padding:0 6px 0 6px;
	}
.medium{
	width:auto;
	height:20px
}
.large{
	width:70px;
}
.sel 
{
 border: solid 2px #fff;
 
 -moz-box-shadow: 0 0 0 1px #e58300;
 -webkit-box-shadow: 0 0 0 1px #e58300;
 box-shadow: 0 0 0 1px #e58300;

 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
     }	


/* Clickable Cursor */
.clickable 
{
  cursor:pointer;
}
	
/* FISH HOLDER */
.fishHolder{
	padding:0px;
	margin:0px 3px 0px 0px;
	float:left;
	width:260px;
	background-color:#fff;

}
.fishHolderContent{
	width:260px;
	float:left;
}

.fishHolderContent a img{
  border:0px;
}

.fishHolder .fishHolderSide ul li{
	top:0px;
	left:0px;
	list-style:none;
	margin:0px 0px 0 -35px;	
}

.fishHolderSide{
	width:35px;
	float:left;
	position:absolute;
  background-color:#fff;
  filter:alpha(opacity=75);
  -moz-opacity:0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
	height:172px;
  z-index:1;
}


#overlay a
{
    filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
  font-size:larger;
}


a.over { position:relative; }
a.over div.overlay { display:none; position:absolute; z-index:100; }
a.over:hover div.overlay  
{
  padding:5px;
  margin:-178px 0 10px 0;
  overflow:hidden;
	width:250px;
	height:142px;
	float:left;
	position:absolute;
  background-color:#000;
  filter:alpha(opacity=70);
  -moz-opacity:0.70;
  -khtml-opacity: 0.70;
  opacity: 0.70;
  z-index:1;
  color:#fff;
  cursor:pointer;
  display:block; 
  line-height:20px;}
  a.over div.more{ display:none; position:absolute; z-index:100; }
a.over:hover div.more  
{
  margin:-26px 0 10px 0;
  padding:0 5px 0 5px;
	width:250px;
	height:20px;
	float:left;
	position:absolute;
  background-color:#000;
  filter:alpha(opacity=70);
  -moz-opacity:0.70;
  -khtml-opacity: 0.70;
  opacity: 0.70;
  z-index:1;
  color:#fff;
  cursor:pointer;
  display:block; 
  line-height:20px;
  text-align:right;}
div.overlay h2
{
  color:#e58300;
}

.fishHolderFooter{

	clear:both;
	background-color:#fff;
}

.fishHolderFooter h2, .fishHolderFooter h2 a{
	font-size:15px;
	color:#003459;
	line-height:12px;
	text-decoration:none;
}

.fishHolderFooter p{
	line-height:6px;
	font-size:13px;
	color:#EE8102;
}

/* Attribute Styling */
#attribs 
{
  float:left;
  width:250px;
  padding: 0 0 0 5px;
  margin:-25px 0 0 0;
}

h1
{
  color:#023763;
  font-size:14pt;
  padding-bottom:10px;
  margin-top:0px;
}

#attribs h2
{
  line-height:0px;
  font-weight:normal;
  font-size:inherit;
  margin-top:0px;
}


#attribs ul 
{
  margin:0 0 0 -40px;
  display:inline;
    text-align:center;  float:left;
}




#priceDisplay
{
  float:left;
  list-style:none;
  margin-left: -35px;

}

#bcCatNo
{
  float:right;
}


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:785px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#sliderDate
	{
	  position:absolute;
	  z-index:1;
	  width:200px;
	  font-weight:bold;
	  font-size:14pt;
	  text-align:left;
	  background-color:#000;
	}
	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls
	{
		padding:0;
		margin:5px auto 0 355px ;
		height:20px;	
		position:absolute;
		text-align:center;
		}
	ol#controls li{
		margin:0 0px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		color:#023763;
		padding:0 5px;		
		font-weight:800;
		text-decoration:none;
		}
	ol#controls li.current a{
		color:#000;
		font-weight:800;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/* home box */
.homeBox{width:790px;  padding:0px; margin:0px; float:left;}
.homeSlider {width:100%; height:400px; position:relative; z-index:10; padding:0px;}

.homeBox h2 a
{
  line-height:0px;
  color:#023763;
  font-size:11pt;
}
/*text overlay */

.F4Fslider span { display:none;color:#fff; bottom:5px; padding-left:10px; width:100%; left:0px; position:absolute!important; z-index:555; background:url('/img/slider/bg.png'); }

/* Validation */
.validatorCalloutHighlight

{
  background-color: #FFFACD;
}

#contact_form					{margin:0 auto;  padding:10px 0;
												background: transparent url() no-repeat;
                        position:relative; }

label									{ font-size:90%; display:block; float:left; width:10em; text-align:right;
												margin:.2em .2em 0 0; color:#000; font-weight:bold;padding:8px 0px; }
label .error           { font-weight:normal;color:red;text-align:left;width:140px; padding-left:25px;
                        background: transparent url(~/imag/icons/cancel.png) no-repeat scroll left; }
#popular
{
  vertical-align:text-top;
}

#popular td
{
  font-size:small;
  line-height:12px;
  padding:0px;
  color:#073861;
  font-weight:bolder;
  vertical-align:top;
  font-size:x-small;
}

#popular td a
{
  color:#e58300;
  text-decoration:none;
}

.similar
{
  line-height:12px;
  padding:0px;
  margin:0px;
  color:#073861;
  font-weight:bolder;
  font-size:x-small;
  width:250px;
}

.similar li
{
  display:inline-block;
  width:82px;
  height:100px;
  float:left;
}

.similar a
{
  color:#e58300;
  text-decoration:none;
}

#reminder {
	width: 250px;
	padding: 15px;
	margin: 0 0 0 250px ;
	border:1px solid black;
	position:absolute;
	background-color:#fff;
}

#reminder img
{
  float:left;
  padding:5px;
}


.arrow {
  border-color: #EDEDED transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:30px;
}


#tandc
{
  float:right;
  margin-right:10px;
  color:#fff;

}
#tandc ul
{
  list-style:none;
  line-height:normal;
}

#tandc ul li a
{
  text-decoration:none;
  color:#fff;
}
#tandc ul li a:hover
{
  text-decoration:underline;
  color:#fff;
}


#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}

#alertBox {
	position:relative;
	width:300px;
	min-height:80px;
	margin-top:200px;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(/img/icons/tick.gif);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#e58300;
	color:#fff;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:0.7em verdana,arial;
	height:50px;
	padding-left:5px;
  margin:20px auto 0 80px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	border:1px solid #000;
	width:70px;
	text-align:center;
	color:#023763;
	background-color:#fff;
	text-decoration:none;
}

/* Add Edit Form Styles */
.addEditForm
{
  color:#023763; 
  font-weight:bold; 
}

#social{
	float:left;
	font-size:11px;
		background: #efefef;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(.76, #efefef), color-stop(.83, #dbdfde), to(#dbdfde)); 
    background: -moz-linear-gradient(0% 76% 90deg, #dbdfde, #efefef, #efefef 85%) repeat-x scroll 0 0 #dbdfde;
    margin:-5px 0px 0 0px;
	color:#3f3f3f;
	padding:0px 10px 0px 10px;
	line-height:20px;
	width:980px;
	vertical-align:middle;
	text-align:right;
}
#social a
{
  text-decoration:none;
}
#social img{
  vertical-align:top;
	line-height:20px;
	padding:2px 0 0px 0;
}

#lblLogin
{
  float:left;
  text-align:left;
}
/* Catches */
 .thCatches
 {
   color:#023763;
   font-size: 12pt;
 }
 .thCatches2
 {
   color:#023763;
   font-size: 11pt;   
 }
 .calendar
 {
   display: none;
 }
 .basketH1
{
    font-size:13pt;
    padding:0px;
    margin:0px;
    
}

#prevOrdered
{
  list-style:none;
  
}

#prevOrdered
{
  width:100%;
  padding:0px;

  margin:0px;
  
}
#prevOrdered h2
{
  padding-top:5px;
  margin:0px;
  line-height:10px;
}
#prevOrdered h3
{
  padding-top:5px;
  margin:0px;
  line-height:10px;
}
.alt-row { background-color: #dddddd;
            }            


#smallCatContain ul
{
list-style: none; 
margin:0;
padding:0;
font-size:x-small;
line-height:12px;
font-weight:bolder;
}


#smallCatContain h2
{
  text-align:center;
  background:#023763;
  width:100%;
  color:#fff;
  padding:2px 0 2px 0 ;
  
}

.selected
{
  font-weight:bolder;
}

.selected a
{
  color:#023763;
}

#smallCatContain .lightBlue
{
  background:#3174A1;
}



#google_translate_element
{
    float:right;
    padding:0px;
    margin:2px 0 0 0;
}

#google_translate_element *
{
  font-size:x-small;
    height:14px;
    padding:0px 0 3px 0;
    margin:0px 0 0px 0;
    vertical-align:top;
}

#google_translate_element span
{
  padding:0 0 0px 0;
  margin:-3px 0 0px 0;
}
.goog-te-gadget-icon
{
  margin:0px;
  padding:0px;
  display:inline;
}
.goog-te-menu-value
{
    margin:-6px 0 0 0;    
}

#google_translate_element element .style
{
  margin:-5px 0 0 0;
    padding:-5px 0 0 0;
}

/* Catches */
 .thCatches
 {
   color:#023763;
   font-size: 12pt;
 }
 .thCatches2
 {
   color:#023763;
   font-size: 10pt; 
   font-weight: bold;  
 }
 .calendar
 {
   display: none;
 }
 .basketH1
{
    font-size:13pt;
    padding:0px;
    margin:0px;
    
}

#prevOrdered
{
  list-style:none;
  
}

#prevOrdered
{
  width:100%;
  padding:0px;

  margin:0px;
  
}
#prevOrdered h2
{
  padding-top:5px;
  margin:0px;
  line-height:10px;
}
#prevOrdered h3
{
  padding-top:5px;
  margin:0px;
  line-height:10px;
}
.alt-row { background-color: #dddddd;
            }            

#smallCatContain ul
{
list-style: none; 
margin:0;
padding:0;
}


#smallCatContain h2
{
  text-align:center;
  background:#023763;
  width:100%;
  color:#fff;
  padding:2px 0 2px 0 ;
}

.selected
{
  font-weight:bolder;
}

.selected a
{
  color:#023763;
}

#smallCatContain .lightBlue
{
  background:#3174A1;
}
 #divAddCatch
 {
  /* display: none;  */
  margin-top: 10px;
  background-image: url('/img/UploadCatchesBG.jpg');
 }
 #divCatches
 {
   /* display: none; */
   margin-top: 20px;
   padding-right: 5px;
   
 }
 #divEditCatch
 {
   margin-left: 20px;
   margin-top: 30px;

 }
 #divAddCatch1
 {
  display: inline-block;
  vertical-align: top; 
  margin-right: 80px; 
  margin-left: 70px;
  margin-top:10px;
  margin-bottom: 10px;
 }
 #divAddCatch2
 {
  display: inline-block;
  vertical-align: top;  
  margin-top:10px;
  margin-bottom: 10px;
 }