/** turner fishing css **/

/* by boris grudinin */
/* http://www.connexion.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

* { margin: 0; padding: 0; }
body { background: url(../img/bg/bg-main.jpg) left top repeat-x #ded5c1; font-family: Georgia, "Times New Roman", Times, serif; }

.left { float: left; }
.right { float: right; }

a img { border: none; }

/* ---------------------------- */
/*** setting up the page ***/

div#main { position: relative; width: 778px; margin: 0 auto; }
div#top { position: relative; background: url(../img/bg/bg-top-small.jpg) left top no-repeat; width: 736px; height: 180px; padding: 0px 22px; }
div#content { position: relative; background: url(../img/bg/bg-content.jpg) left top repeat-y; width: 680px; padding: 20px 49px; overflow: hidden; }
div#footer { position: relative; background: url(../img/bg/bg-footer.jpg) left top no-repeat; width: 698px; height: 55px; padding: 5px 40px 0px; overflow: hidden; }

div#main.home div#top { background: url(../img/bg/bg-top.jpg) left top no-repeat; height: 277px !important; }

/* ---------------------------- */
/*** top ***/

div#top span.text { display: block; text-indent: -9999px; }

/* nav */

div#top ul.nav { list-style: none; overflow: hidden; line-height: 100%; position: absolute; bottom: 32px; left: 36px; }
div#top ul.nav li { float: left; }
div#top ul.nav li a { display: block; width: 103px; height: 33px; }
div#top ul.nav li a span { display: block; text-indent: -9999px; }

div#main.home div#top ul.nav li.reels a { background: url(../img/nav/reels.jpg) left bottom no-repeat; }
div#main.home div#top ul.nav li.reels a:hover, div#top ul.nav li a.reels-active { background: url(../img/nav/reels.jpg) left top no-repeat; }
div#main.home div#top ul.nav li.rods a { background: url(../img/nav/rods.jpg) left bottom no-repeat; }
div#main.home div#top ul.nav li.rods a:hover, div#top ul.nav li a.rods-active { background: url(../img/nav/rods.jpg) left top no-repeat; }
div#main.home div#top ul.nav li.accessories a { background: url(../img/nav/accessories.jpg) left bottom no-repeat; }
div#main.home div#top ul.nav li.accessories a:hover, div#top ul.nav li a.accessories-active { background: url(../img/nav/accessories.jpg) left top no-repeat; }

div#top ul.nav li.reels a { background: url(../img/nav/reels2.jpg) left top no-repeat; }
div#top ul.nav li.reels a:hover, div#top ul.nav li.reels-active a { background: url(../img/nav/reels2.jpg) left bottom no-repeat; }
div#top ul.nav li.rods a { background: url(../img/nav/rods2.jpg) left top no-repeat; }
div#top ul.nav li.rods a:hover, div#top ul.nav li.rods-active  a{ background: url(../img/nav/rods2.jpg) left bottom no-repeat; }
div#top ul.nav li.accessories a { background: url(../img/nav/accessories2.jpg) left top no-repeat; }
div#top ul.nav li.accessories a:hover, div#top ul.nav li.accessories-active a { background: url(../img/nav/accessories2.jpg) left bottom no-repeat; }

/* topnav */

div#top ul.topnav { list-style: none; overflow: hidden; padding: 29px 0px 0px 68px; line-height: 100%; }
div#top ul.topnav li { float: left; padding: 0px 5px; background: url(../img/bg/bg-topnav.gif) right 5px no-repeat; text-transform:lowercase;}
div#top ul.topnav li.last { background: none; }
div#top ul.topnav li a { font-size: 75%; font-weight: bold; color: #f2ceb9; }
div#top ul.topnav li a:hover, div#top ul.topnav li a.CMSListMenuLinkHighlighted { text-decoration: none; color: #ffffff; }

/* subnav */

div#top ul.subnav { position: absolute; bottom: 12px; left: 60px; list-style: none; overflow: hidden; }
div#top ul.subnav li { float: left; margin-right: 18px; }
div#top ul.subnav li a { color: #dcdcdc; font-size: 75%; font-weight: bold; }
div#top ul.subnav li a:hover, div#top ul.subnav li a.CMSListMenuLinkHighlighted { text-decoration: none; color: #ffffff; }

/* quick-search */

div#top div.quick-search { position: absolute; top: 0px; right: 30px; padding: 10px; }
div#top div.quick-search ul { list-style: none; overflow: hidden; }
div#top div.quick-search ul li { float: left; }
div#top div.quick-search ul li label { display: block; color: #ffffff; padding: 3px 4px 0px 0px; font-weight: bold; font-style: italic; }
div#top div.quick-search ul li input.text { float: left; width: 90px; padding: 2px; font-size: 75%; margin: 1px 4px 0px 0px; }
div#top div.quick-search ul li input.button { float: left; width: 23px; height: 23px; background: url(../img/go-button.gif) left top no-repeat; border: none; }

/* ---------------------------- */
/*** content ***/

/* home */

div#main.home div#content div.left { width: 400px; }
div#main.home div#content div.right { width: 256px; }
div#main.home div#content div.right img { margin-bottom: 20px; }

/* headers */

div#content h1 { font-size: 120%; color: #773208; margin-bottom: 8px; }
div#content h2 { font-size: 90%; color: #773208; text-transform: uppercase; margin-bottom: 8px; }
div#content h3 { font-size: 90%; color: #77725f; }

/* paragraphs */

div#content p { margin-bottom: 18px; color: #454545; font-size: 80%; line-height: 150%; }
div#content p.breadcrumbs { background: url(../img/bg/bg-dotted-line.gif) left bottom repeat-x; padding-bottom: 6px; margin: -10px 0px 7px; color: #773208; font-size: 75%; }
div#content p.product-list-link { background: url(../img/bg/bg-dotted-line.gif) left top repeat-x; padding-top: 4px; margin-top: 7px; text-align: right; }

/* links */

div#content a { font-weight: bold; color: #318946; }
div#content a:hover { text-decoration: none; }
div#content p.breadcrumbs a { color: #773208; }

/* lists */

div#content ul.product-list { list-style: none; overflow: hidden; }
div#content ul.product-list li { padding: 4px; overflow: hidden; height: 1%; margin: 2px 0px; }
div#content ul.product-list li.alt { background: url(../img/bg/bg-lines.gif) left top; }
div#content ul.product-list li img { border: 1px solid #c6c0ac; }
div#content ul.product-list li div.right { width: 580px; overflow: hidden; line-height: 140%; } 
div#content ul.product-list li div.right h3 { margin-top: -3px; }
div#content ul.product-list li div.right h3 span { padding-right: 5px; }
div#content ul.product-list li div.right span.price { font-weight: bold; color: #773208; margin-top: -3px; }
div#content ul.product-list li div.right p.desc { clear: both; background: url(../img/bg/bg-dotted-line.gif) left top repeat-x; padding-top: 1px; margin-bottom: 1px; font-size: 75%; }
div#content ul.product-list li div.right p { margin-bottom: 0; }
div#content ul.product-list li div.right p span { font-weight: bold; color: #77725f; padding-right: 8px; }
div#content ul.product-list li div.right p span strong { color: #773208; }
div#content ul.product-list li div.right p span.link, div#content ul.product-list li div.right p span.link a { color: #773208; font-weight: normal; }

div#content ul.text { list-style: square; line-height: 150%; margin: 0px 0px 0px 15px; font-size: 80%; color: #454545; }
div#content ul.text li { margin-bottom: 4px; }

/* forms */

div#content ul.orderform { list-style: none; overflow: hidden; }
div#content ul.orderform li { overflow: hidden; height: 1%; color: #454545; font-size: 80%; line-height: 150%; margin-bottom: 4px; }
div#content ul.orderform li label { float: left; width: 100px; color: #773208; font-weight: bold; }
div#content ul.orderform li input { float: left; margin-right: 5px; }
div#content ul.orderform li textarea { float: left; margin-right: 5px; }
div#content ul.orderform li span.EditingFormErrorLabel { color: #ff3300; font-size: 90%; }

div#content input.FormButton { font-weight: bold; font-size: 80%; }

div#content span.ErrorLabel { display: block; font-size: 80%; color: #ff3300; margin-bottom: 10px; }

div#content span.EditingFormInfoLabel { display: block; font-size: 80%; color: #ff3300; margin-bottom: 10px; }


/* divs */
div#content div.pictures { margin: 4px 0px 10px;  overflow: hidden; height: 1%;  }
div#content div.pictures div.product-image { background: url(../img/bg/bg-lines.gif) left top; padding: 12px; overflow: hidden; height: 1%; width: 516px; float: left; text-align: center; }
div#content div.pictures div.product-image img { border: 1px solid #a09b84;  }
div#content div.pictures div.thumbnails {width: 125px; float: right; padding-top: 0px; display: none;}
div#content div.pictures div.showthumbs {display:block!important;}
div#content div.pictures div.thumbnails a {display: block; margin-bottom: 10px; width: 115px; text-align: center; background-color: #e6e0cc; padding: 5px; }
div#content div.pictures div.thumbnails a:hover {background-color: #d6d0bc;}
div#content div.pictures div.thumbnails a:focus {outline: none;}

div#content div.product-desc h3 { margin-bottom: 3px; }
div#content div.product-desc h3 span { padding-right: 5px; }
div#content div.product-desc span.price { font-weight: bold; color: #773208; margin-top: -3px; }
div#content div.product-desc p.desc { clear: both; background: url(../img/bg/bg-dotted-line.gif) left top repeat-x; padding-top: 3px; margin-bottom: 1px; font-size: 75%; }
div#content div.product-desc p { margin-bottom: 0; }
div#content div.product-desc p span { font-weight: bold; color: #77725f; padding-right: 8px; }
div#content div.product-desc p span strong { color: #773208; }
div#content div.product-desc p span.link, div#content div.product-desc p span.link a { color: #773208; font-weight: normal; }

div#content div.SearchResult p { margin-bottom: 2px; font-size: 70%; background: url(../img/bg/bg-dotted-line.gif) left bottom repeat-x; padding-bottom: 4px; }
div#content div.SearchResult p span { display: block; font-size: 140%; font-weight: bold; margin-bottom: 2px; }

div#content div.search-table { border-bottom: 1px solid #cdcdcd; margin-bottom: 6px; padding-bottom: 7px; }
div#content div.search-table table { font-size: 80%; color: #454545; }
div#content div.search-table table input { font-size: 100%; padding: 2px; }
div#content div.search-table table input.CMSSearchDialogSearchButton { margin-left: 3px; width: 23px; height: 23px; background: url(../img/go-button.gif) left top no-repeat; border: none; }
div#content div.search-table table label { font-weight: bold; color: #773208; padding-right: 5px; }

/* ---------------------------- */
/*** footer ***/

div#footer p { color: #e0aa8a; font-size: 75%; }
div#footer a { color: #e0aa8a; font-size: 75%; }
div#footer a:hover { text-decoration: none; }