/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * @copyright  Copyright (c) 2004-2007 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

/*-----------------Main styles-----------------*/



body {
	font-family:Verdana,Arial,Helvetica,sans-serif;;
	font-size:100%;
	line-height:1em;
	color:#444;
    background: #1B4361 url(../images/water_background.gif) repeat 0 0;
}

.spacer {font-size:0; line-height:0;}

p { padding:0;}

/*-----------------Header styles-----------------*/

.head-top {
	background:#9FD2D3 url(../images/header_back.jpg) 0 0 repeat-x;
	color:#424242;
	font-size:0.69em;
	padding:22px 0 18px;
	width:100%;
}

.welcome {float:left; width:165px; font-size:1.11em; }
.welcome .indent {padding:0 20px 0 26px;}
.welcome-text { padding-left: 8px; }

.navigation-1 {float:right; padding:1px 31px 3px 16px; border-left:1px solid #CECDC0;}
.navigation-1 label {font-weight:normal; color:#0C0C0C;}
.navigation-1 select {font-size:10px; width:109px; height:15px; margin-left:3px;}

.navigation-2 {float:right; padding:1px 16px 3px 16px; border-left:1px solid #CECDC0;}
.navigation-2 label {font-weight:normal; color:#0C0C0C;}
.navigation-2 select {font-size:10px; width:109px; height:15px; margin-left:3px;}

.navigation-3 {float:right; padding:2px 16px 3px 16px; color:#424242; font-size:0.91em;}
.navigation-3 a {color:#424242; text-decoration:none;}
.navigation-3 a:hover {color:#424242; text-decoration:underline;}

.navigation-3 ul {margin:0; padding:0; list-style:none;}
.navigation-3 ul li {padding:0 11px 0 8px; background:url(../images/links_line.gif) top right no-repeat; display:inline;}

.head-top h1 {
    background: transparent url(../images/logo.png) 0 0 no-repeat;
    text-indent: -9999px;
    width: 210px;
    height: 54px;
}

.head-center {
	background:#9FD2D3;
    width: 876px;
    height: 320px;
    overflow: hidden;
}

.head-center-1 {
    display: none;
}


.head-slider {
    width: 818px;
    margin: 0 auto;
}

.head-center-left {background:url(../images/logo_back.gif) top left no-repeat; height:175px;}

.search {float:right; background:#FED584 url(../images/search_t.gif) top repeat-x;}
li.search {float:none; background:none}
.search-left {background:url(../images/search_bl.gif) bottom left no-repeat;}
.search .indent {padding:16px 32px 20px 48px;}
.search label {color:#0C0C0C; font-size:1.27em; vertical-align:middle;}
.search input.input-text {font-size:1em; width:305px; margin:0 2px 0 4px;}

.logo {text-align:right; padding:6px 314px 0 0;}



.menu { height: 41px; background: #9FD2D3; }
.menu2 { height: 41px; background: transparent url(../images/menu_back.png) 0 0 no-repeat; width: 825px; margin: 0 0 0 28px; }
.menu .indent {padding:0 0 0 1px;}



/*-----------------Content styles-----------------*/

.middle-container {
	font-size:0.69em;
}


.tm_image {float:left; padding:0 20px 5px 0; display:inline;}


.box_body {padding:10px 0;}
.actions button {cursor: pointer; float:right; display:inline; background: url(../images/btn_bg.png) 0 0 repeat-x; border: 1px solid #85C6C8; padding: 2px; color: #fff; font-size: 10px; font-weight: bold;}
.product-shop button, .discount-form button, .btn-continue, .btn-update, .button {cursor: pointer; background: url(../images/btn_bg.png) 0 0 repeat-x; border: 1px solid #85C6C8; padding: 2px; color: #fff; font-size: 10px; font-weight: bold;}
.category-products .actions button {float: none;}

.btn-checkout {margin-top:20px; cursor: pointer; float:left; display:inline; background: url(../images/btn_bg.png) 0 0 repeat-x; border: 1px solid #85C6C8; padding: 2px; color: #fff; font-size: 10px; font-weight: bold;}
.checkout-types {float: none; margin: 10px 0;}
.checkout-types li {clear: both; width: 100%; display: block;}
.cart form {clear: both; float: left; margin: 20px 0; width:816px;}
/*-----------------Footer styles-----------------*/

.footer-container {
	font-size:0.69em;
}

.footer .informational {color:#FFF; padding:0 20px 0; text-align:center;}
.footer .informational a, .footer .legality a {color:#FFF; text-decoration:underline;}
.footer .informational a:hover, .footer .legality a:hover  {color:#0081A1; }

.footer .informational ul {margin:0; padding:0; list-style:none; display:inline;}
.footer .informational div {margin:0; padding:0; display:inline;}
.footer .informational ul li {padding:0 21px 0 17px; background:url(../images/links_line_foot.gif) top right no-repeat; display:inline;}
.footer .informational ul li.last {padding:0 21px 0 14px; background:url(../images/links_line_foot.gif) top right no-repeat; display:inline;}
.footer .informational div ul li.last {padding:0 21px 0 14px; background:none; display:inline;}

.footer .legality {margin:0; padding:5px 20px 15px; color:#FFF;}



/*--------------------Custom Pages---------------------*/
.zitem {
	width:195px;
	height:157px;	
	border:1px solid #1B4361;	
	margin:20px 10px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitlast {
    margin-right:0;
}

.zitem .caption {
	width:195px;
	height:30px;
	background:#000;
	color:#fff;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.zitem img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.come-visit, .tu-logo {
    float: right;
    clear: right;
    margin: 10px 0;
}

.come-visit {
    margin-right: 5px;
}

img.tu-logo {
    width: 328px;
}

.copy-left {
    width: 195px;
    float: left;
    padding-right: 10px;
}

.copy-main {
    width: 613px;
    float: right;
}

.copy-main-full {
    width: 818px;
    float: left;
}


.nivo-controlNav {display: none !important; }
.nivo-directionNav {display: none !important; }
/* HEADERS */

.cms-about .head-center-1 {
    display: block;
    background:#000 url(../images/headers/about.jpg) 0 0 no-repeat;
    width: 818px;
    height: 266px;
    margin: 0 auto;
}

.cms-services .head-center-1 {
    display: block;
    background:#000 url(../images/headers/services.jpg) 0 0 no-repeat;
    width: 818px;
    height: 266px;
    margin: 0 auto;
}

.cms-seminars .head-center-1 {
    display: block;
    background:#000 url(../images/headers/seminars.jpg) 0 0 no-repeat;
    width: 818px;
    height: 266px;
    margin: 0 auto;
}

.cms-guide-services .head-center-1 {
    display: block;
    background:#000 url(../images/headers/services.jpg) 0 0 no-repeat;
    width: 818px;
    height: 266px;
    margin: 0 auto;
}

.cms-weather-tides .head-center-1 {
    display: block;
    background:#000 url(../images/headers/seminars.jpg) 0 0 no-repeat;
    width: 818px;
    height: 266px;
    margin: 0 auto;
}
.cms-fly-fishing-expo .head-center-1 {
    display: block;
    background:#000 url(../images/EBFS_FF_Expo_9th.jpg) 0 0 no-repeat;
    width: 818px;
    height: 320px;
    margin: 0 auto;
}

.cms-reports .head-center-1 {
    display: block;
    background:#000 url(../images/headers/services.jpg) 0 0 no-repeat;
    width: 818px;
    height: 266px;
    margin: 0 auto;
}

/* other cms pages */
.float_left_border {
    border:medium solid #FFFFFF;
    float:left;
    margin-left:0;
    margin-right:15px;
    margin-top:0;
    padding-left:0;
    vertical-align:top;
}

.border_table {
    border-top:thin solid #666666;
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}

#sem1 {display: block;}
#sem2 {display: none;}
#sem3 {display: none;}
#sem4 {display: none;}
#sem5 {display: none;}
#sem6 {display: none;}
#sem7 {display: none;}
#sem8 {display: none;}

.photo-album img {
    float: left;
    height: 124px;
    margin: 5px;
    border:2px solid #1B4361;
}

.blog .head h4 {
    background: none !important;
    margin-top:20px;
}

.blog-cat-view .side-col, .blog-post-view .side-col {
    width: 220px;
    margin-right: 20px;
}

.postTitle {
    color:#333333;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:24px;
    font-weight:normal;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #333 !important;
    margin: 12px 0 5px !important;
}
.postTitle h2 {
    font-size: 24px !important;
}

.postTitle h2 a {
    text-decoration: none !important;
}
.postTitle h3 {
    float: right;
    margin:-19px 0 !important;
}

.postContent img {
    margin: 0 10px 10px 0;
    float: left;
}

.menu-recent h5, .menu-categories h5 {
    padding: 0 !important;
    margin: 10px 0 5px;
    font-weight: bold;
    color: #444;
}

.blog .menu-recent ul li, .blog .menu-categories ul li  {
    margin-left: 0 !important;
}


/* custom sidebar */
.block {
    margin: 0 0 15px 0;
}

.side-col h2, .block-layered-nav .block-title {
    color:#333333;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:18px;
    font-weight:normal;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
    margin: 20px 0 5px;
}
.product-view .product-name h1 {
    color:#333333;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:24px;
    font-weight:normal;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
    margin: 15px 0 5px;
}
#cart-sidebar .product-image {
    float: left;
}

#cart-sidebar .truncated {
    display: none;
}

#narrow-by-list dt {
    margin-top: 10px;
}

#narrow-by-list .price {
    font-size: 11px !important;
}

.toolbar {width:568px; float: left; padding: 2px 5px; margin-bottom: 10px;border-bottom:1px dotted #fff;}
.toolbar-bottom .toolbar { border-bottom: none; border-top: 1px dotted #fff; }
.pager {width: 50%; float: left;padding-top: 2px;}
.amount { width: 50%; float: left; margin: 0;}
.limiter {width: 50%; float: left;  }
.sorter {width: 50%; float: right; padding-top: 2px;  }
.view-mode {width: 45%; float: right; margin: 0;}
.sort-by { width: 55%; float: right; }

.pager select, .sorter select {
    margin-top: -2px;
}

.page-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
    margin-top: 15px;
}

.page-title h1 {
    color:#333333;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:24px;
    font-weight:normal;
}

.category-image {
    margin: 10px 0;
}
.products-grid {float: left; margin-bottom: 15px;}
.products-grid .item {
    width: 176px;
    margin: 0 10px;
    float: left;
    position: relative;
}
.products-grid .last {
    margin-right: 0;
}
.products-grid .product-image { width: 135px; margin: 0 20px; }
.products-grid .product-name { display: block;  text-align: center; font-size: 1em; min-height: 32px;}
.products-grid .ratings {display: none; }
.products-grid .add-to-links {display: none; }


.products-list .item { width: 100%; float: left; margin-bottom: 15px; }
.products-list .product-image { width: 135px; margin: 0 20px 0 0; float: left; }
.products-list .product-shop{ width: 423px; float: left; position: relative; min-height: 135px; }

.products-list .f-fix { position: relative; min-height: 135px; }
.products-list .f-fix  button{ position: absolute; bottom: 15px; right: 20px;}
.products-list .f-fix .desc { text-align: left; clear: both; }

.products-list .ratings {display: none; }
.products-list .add-to-links {display: none; }
.products-list .price-box { position: absolute; float: none !important; bottom: 15px; right: 100px; padding: 0; font-weight: bold; }

.product-shop .short-description { clear: both; float: left; }


.product-view .product-img-box #image {
    width: 276px;
}

.product-view .product-essential { position: relative; }
.product-view .product-essential .product-options-bottom { position: absolute; bottom: 40px; left: 0; width: 578px; margin-bottom: 20px; }
.product-view .product-essential .product-options-bottom  .price-box { position: absolute; padding: 0; right: 160px; top: 0; }
.product-view .product-essential .product-options-bottom  .add-to-cart { position: absolute; padding: 0; right: 15px; top: 0; }
.product-view .product-essential .price-box { position: absolute; top: 20px; right: 15px;}

.product-view .product-essential #product-options-wrapper { margin-bottom: 80px;}
.product-view .product-essential .availability { position: absolute; bottom: 60px; right: 15px;}

.disabled {
    display: none;
}
.paypal-logo {
    display: none;
}

.product-view .email-friend { width: 50%; position: absolute; bottom: 0; left: 0; }
.product-view .ratings, .product-view .no-rating { width: 50%; position: absolute; bottom: 0; right: 15px; text-align: right; }
.product-view .add-to-links {display: none; }


.product-shop .product-name { width: 100%; float: left; font-size: 1.3em;}
.product-collateral { background:none; border: 1px dashed #FFF; padding-top:15px; }

#main .cart { padding-top: 20px;}
.cart-collaterals .col2-set { width: 50%; float: left;}
.cart-collaterals .col2-set .col-1 { display: none;}
.cart-collaterals .col2-set .col-2 { width: 100%; }
#discount-coupon-form {margin: 0; }
.cart-collaterals .totals { width: 22%; float: right; padding-top: 80px; }
.cart h2 { font-size: 1.3em; } 
.price {font-size: 1.3em; }

#checkoutSteps {margin: 10px 0;}
#checkoutSteps li { padding: 10px; }
#checkoutSteps .active { background:#E4F3F3; border:2px solid #fff;}
#checkoutSteps .number { display: none; }
.step-title a { float: right; margin-top: -15px;}
#checkout-progress-wrapper {margin-top: 60px;}

#imageBox {
    position: fixed;
    width: 100%;
    top: 100px;
    left:0;
    text-align: center;
    z-index: 99999;
}
#imageBox img {
    margin: 0 auto;
    padding: 35px;
    background: #fff;
}
#imageBox button {
    margin-top: -55px;
}
#shader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999;
    opacity:0.4;
    filter:alpha(opacity=40);
}