/* RESETTER */
* { margin: 0px; padding: 0px; }


/* COMMON */
.clear { clear: both; }
.rel { position: relative }
.abs { position: absolute; }
.fl { float: left; }
.fr { float: right; }

ul { list-style:none; }
ol { list-style: decimal; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

/* MAIN  LAYOUT ITEMS */
/*body { behavior: url(/csshover.htc); }*/

body {
    background: #2d1e04 url(../images/main-background.jpg) top center repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff;
    line-height: 17px;
}

.headerBanner {
    background: url(../images/header-background.png) bottom repeat-x;
    height: 254px;
    margin: 0 auto;
}

.headerContainer {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

.intro {
    position: absolute;
    width: 545px;
    top: 45px;
    left: 400px;
}

.mainContainer {
    width: 940px;
    margin: 0 auto;
}

.mainContentContainer {
    width: 940px;
    float: left;
}

.mainLeftContainer {
    width: 620px;
    float: left;
}

.mainRightContainer {
    width: 305px;
    margin-right: -5px;
    float: right;
}

.footerBanner {
    background: url(../images/footer-background.png) bottom repeat-x;
    height: 129px;
    padding-top: 50px;
    margin: 0 auto;
}

.footerContainer {
    position: relative;
    width: 940px;
    margin: 0 auto;
    overflow: hidden; /* IMPORTANT FOR OPACITY TO WORK IN ALL BROWSERS */
}

.footerContainer .transparency {
    position: absolute;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    background-color: #000000;
    width: 940px;
    height: 4500px;
    top: 20px;
    left: 0px;
}

.footerContent {
    position:relative;
    width: 870px;
    height: 70px;
    padding: 20px 0px 20px 0px;    
    text-align: center;
    margin: 0 auto; 
}

.footerContent p.footer { margin-top: 10px; } /* see ie6.css for alternative */
.footerContent p.footer a { color: #ffffff !important; }

.fullColumn {
    width: 600px;
    padding-top: 20px;
    margin: 0 auto;
}



/* HOME ITEMS */
.flashContainer {
    width: 620px;
    height: 396px;
    float: left;
}

.featuredListings_headerContainer, .featuredListings_bottomContainer { position: relative; width: 620px; float: left; z-index: 100; }

.featuredListings { /* see ie6.css for alternative */
    position: relative;
    width: 620px;
    margin-top: 20px;
    float: left;
    overflow: hidden; /* IMPORTANT FOR OPACITY TO WORK IN ALL BROWSERS */
}

.featuredListings .transparency {
    position: absolute;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    background-color: #000000;
    width: 620px;
    height: 4500px;
    top: 0px;
    left: 0px;
}

.featuredListings_content {
    position: relative;
    padding: 60px 0px 45px 10px;
}

.featuredListings_content ul { list-style: none; float: left; position: relative; padding-bottom: 30px; }
.featuredListings_content ul li { width: 199px; height: 400px; margin: 0px 1px 0px 0px; float: left; }
.featuredListings_content ul li p { margin-left: 10px; margin-right: 10px; }

.featuredFishBox {
    background: url(../images/featured-fish-background.png) top no-repeat;
    width: 305px;
    height: 303px;
    margin-bottom: 10px;
    float: left;
}

.featuredFishBox .formItems { /* see ie6.css for alternative */
    background: url(../images/featured-dropdown-background.png) top no-repeat;
    width: 264px; /* full width: 276px; - padding */
    height: 72px; /* full height: 87px; - padding */
    margin: 15px 0px 0px 10px;
    padding: 15px 0px 0px 12px;
    float: left;
}

.getReeledBox {
    background: url(../images/getreeled-background.png) top no-repeat;
    width: 258px; /* full width: 305px; - padding */
    height: 304px; /* full height: 364px; - padding */
    padding: 60px 25px 0px 22px;
    margin-bottom: 10px;
    float: left;
}



/* PROFILE ITEMS */
.profileInfoContainer, .brownContainer, .dashboardWelcomeContainer, .brownContainerTop {
    position: relative;
    background: #241601 url(../images/brown-background.jpg) top no-repeat;
    width: 900px; /* full width: 940px; - padding */
    padding: 85px 20px 30px 20px;
    margin-top: 20px;
    float: left;
}

.brownContainerTop {
    padding: 85px 20px 30px 20px;
    margin-top: -9px;
    float: left;
    z-index: 98;
}

.profileDetailsContainer, .whiteContainer, .greenContainer, .blueContainer {
    position: relative;
    background-color: #ffffff;
    width: 900px; /* full width: 940px; - padding */
    padding: 0px 20px 40px 20px;
    float: left;
}

.greenContainer {
    background-color: #ccce2a;
}

.blueContainer {
    background-color: #c4eaff;
}

.whiteContainer_left {
    color: #3c2704;
    width: 440px;
    padding-right: 20px;
    float: left;
}

.whiteContainer_right {
    color: #3c2704;
    width: 440px;
    float: left;
}

.defaultContainer {
    position: relative;
    background-color: #ffffff;
    width: 900px; /* full width: 940px; - padding */
    margin-top: 20px;
    padding: 90px 20px 40px 20px;
    float: left;
    color: #3c2704;
}

.defaultContainer_left {
    color: #3c2704;
    width: 435px;
    padding-right: 30px;
    float: left;
}

.defaultContainer_right {
    color: #3c2704;
    width: 435px;
    float: left;
}


.profileLeft {
    width: 320px;
    padding-top: 20px;
    float: left;
}

.profileRight {
    width: 580px;
    padding-top: 20px;
    float: right;
}

.profilePhoto {
    background: url(../images/profile-photo-background.png) top no-repeat;
    width: 279px; /* full width: 302px; - padding */
    height: 252px; /* full height: 270px; - padding */
    padding: 23px 0px 0px 18px;
    float: left;
}

.profileInfo {
    width: 580px;
    float: left;
}

.catchContainer {
    background: url(../images/what-can-i-catch.jpg) top no-repeat;
    width: 300px;
    height: 363px; /* full height: 478px; - padding */
    padding-top: 115px;
    float: left;
}

.catchContainer ul { width: 300px; float: left; padding-left: 10px; list-style: none; }
.catchContainer ul li { padding-bottom: 2px; float: left; width: 130px; padding-left: 10px; }
.catchContainer ul li a { color: #3c2704; text-decoration: none; }
.catchContainer ul li a:hover { text-decoration: underline; }



/* DASHBOARD ITEMS */
.welcome {
    width: 590px;
    margin-top: 30px;
    padding-bottom: 40px;
    float: left;
}

.dashboardLeft {
    width: 600px;
    padding-top: 20px;
    float: left;
}

.dashboardRight {
    width: 280px;
    padding-top: 20px;
    float: right;
}

.dashboardHeader { /* see ie6.css for alternative */
    margin-top: -39px;
    padding-bottom: 40px;
    float: left;
}

.whatYouNeedContainer {
    position: relative;
    background: url(../images/what-you-need-background.png) top no-repeat;
    width: 579px; /* full width: 599px; - padding */
    height: 299px; /* full height: 319px; - padding */
    margin: 20px 0px 20px 0px;
    padding: 20px 0px 0px 20px;
    float: left;
}

.whatYouNeedContainer .step1 { position: absolute; top: 71px; left: 75px; width: 490px; }
.whatYouNeedContainer .step2 { position: absolute; top: 114px; left: 75px; width: 490px; }
.whatYouNeedContainer .step3 { position: absolute; top: 157px; left: 75px; width: 490px; }
.whatYouNeedContainer .step4 { position: absolute; top: 202px; left: 75px; width: 490px; }
.whatYouNeedContainer .step5 { position: absolute; top: 263px; left: 75px; width: 490px; }

.benefitsBox {
    background: url(../images/benefits-background.png) top no-repeat;
    width: 285px;
    height: 330px;
    margin-right: -5px;
    margin-bottom: 10px;
    float: left;
}

.benefitsBox ol { list-style-position: outside; padding: 0 0 20px 12px; } 

.benefitsBox .step1 { position: absolute; top: 123px; left: 32px; width: 220px; }
.benefitsBox .step2 { position: absolute; top: 171px; left: 32px; width: 220px; }
.benefitsBox .step3 { position: absolute; top: 238px; left: 32px; width: 220px; }

.progressBar {
    margin: 10px 0px 20px 0px;
    float: left;
}

.checkListContainer {
    width: 240px;
    float: left;
}

.checkListContainer_left {
    width: 65px;
    padding-left: 10px;
    float: left;
}

.checkListContainer_right {
    width: 165px;
    float: left;
}

.checkListContainer_listContainer {
    width: 165px;
    float: left;
}

.checkListContainer_checkMark {
    width: 15px; /* full width: 23px; - padding */
    padding-left: 8px;
    padding-top: 4px;
    float: left;
}

.checkListContainer_list {
    font-size: 14px;
    color: #ffffff;
    width: 142px;
    float: left;
}

.completed { color: #e4ff03; }
.checkListContainer_right .brownHorizontalDivider { margin: 1px 0px 2px 0px; }



/* REGISTRATION ITEMS */
.loginFull {
    width: 600px;
    padding-top: 10px;
    margin: 0 auto;
}

.registerFull {
    width: 600px;
    padding-top: 80px;
    margin: 0 auto;
}

.registerLeft {
    width: 600px;
    padding-top: 170px;
    float: left;
}

.registerRight {
    width: 280px;
    padding-top: 170px;
    float: right;
}

.registerSteps, .registerSteps_basic {
    position: absolute;
    width: 723px;
    height: 219px;
    top: 150px;
    left: 110px;
    text-indent: -9999px;
    /*background: url(../images/steps.png) top no-repeat;*/
}

.registerSteps_basic { left: 228px; }

.registerSteps .step1, .registerSteps .step1Done,
.registerSteps_basic .step1, .registerSteps_basic .step1Done {
    background: url(../images/steps.png) top left no-repeat;
    background-position: 0 0;
    width: 231px;
    height: 219px;
    float: left;
}

.registerSteps .step1Done, .registerSteps_basic .step1Done { background-position: 0px -219px; }

.registerSteps .step2, .registerSteps .step2Done,
.registerSteps_basic .step2, .registerSteps_basic .step2Done {
    background: url(../images/steps.png) top left no-repeat;
    background-position: -231px -219px;
    width: 246px;
    height: 219px;
    float: left;
}

.registerSteps .step2Done, .registerSteps_basic .step2Done { background-position: -231px 0; }

.registerSteps .step3, .registerSteps .step3Done {
    background: url(../images/steps.png) top left no-repeat;
    background-position: -477px -219px;
    width: 246px;
    height: 219px;
    float: left;
}

.registerSteps .step3Done { background-position: -477px 0; }


/* LISTING ITEMS */
.listingLeft {
    width: 590px;
    padding-top: 20px;
    float: left;
}

.listingRight {
    width: 280px;
    padding-top: 20px;
    float: right;
}

.listingSmall {
    width: 260px;
    margin-bottom: 8px;
    float: left;
}

.listingSmall_left {
    width: 100px;
    padding: 0px 10px 0px 5px;
    float: left;
}

.listingSmall_right {
    width: 145px;
    float: left;
}



/* SEARCH ITEMS */
.searchBox {
    position: relative;
    background: url(../images/search-background.png) top no-repeat;
    width: 305px;
    height: 262px;
    margin-bottom: 10px;
    float: left;
}

.searchBox .formItems { position: absolute; top: 148px; left: 15px; z-index: 99; }
.searchBox input.searchTextBox { position: absolute; top: 95px; left: 22px; }

.searchBoxFooterContainer {
    width: 953px;
    height: 128px;
    margin: 0 auto;
}

.searchBoxFooter { /* see ie6.css for alternative */
    position: relative;
    background: url(../images/search-footer-background.png) top no-repeat;
    width: 953px;
    height: 128px;
    top: -20px;
    left: 3px;
    float: left;
}

.searchBoxFooter .formItems { position: absolute; top: 22px; left: 454px; z-index: 99; }
.searchBoxFooter input.searchTextBox { position: absolute; top: 35px; left: 183px; }

.logoFooterContainer {
    width: 953px;
    margin: 0 auto;
    margin-top: 50px;
}

.gr_searchBox {
    position: relative;
    background: url(../images/gr_search_box.png) top no-repeat;
    width: 476px;
    height: 278px;
    float: left;
}

* html .gr_searchBox { background: url(../images/gr_search_box.jpg) top no-repeat; }

.gr_searchBox .formItems { position: absolute; top: 152px; left: 35px; z-index: 99; }
.gr_searchBox .formItems p { margin-bottom: 3px; }
.gr_searchBox input.searchTextBox { position: absolute; top: 98px; left: 40px; height: 29px; width: 240px; font-size: 20px; padding-left: 5px; }

.gr_searchBox_small {
    position: relative;
    background: url(../images/gr_search_box_small.png) top no-repeat;
    width: 181px;
    height: 254px;
    float: left;
}

* html .gr_searchBox_small { background: url(../images/gr_search_box_small.jpg) top no-repeat; }

.gr_searchBox_small .formItems { position: absolute; top: 136px; left: 6px; z-index: 99; }
.gr_searchBox_small .formItems p { margin-bottom: 4px; }
.gr_searchBox_small .formItems select { font-size: 11px; }
.gr_searchBox_small input.searchTextBox { position: absolute; top: 92px; left: 16px; height: 20px; width: 138px; font-size: 16px; padding-left: 5px; font-weight: bold; }




/* GRAY BOX ITEMS */
.grayBorderContainer {
    position: relative;
    width: 268px; /* full width: 300px; - border & padding */
    border: 1px solid #d2d1d1;
    padding: 20px 10px 20px 20px;
    margin-bottom: 20px;
    float: left
}


/* BROWN BOX ITEMS */
.brownShortContainer {
    position: relative;
    background: #281901 url(../images/brown-background-short.jpg) top no-repeat;    
    width: 590px; /* full width: 620px; - padding */
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 40px 15px 30px 15px;
    float: left
}

.brownSideHomeContainer {
    position: relative;
    background: #281901 url(../images/brown-side-background-wide.jpg) top no-repeat;    
    width: 270px; /* full width: 300px; - padding */
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 80px 15px 30px 15px;
    float: left
}

.brownSideContainer, .brownSideContainer2 {
    position: relative;
    background: #281901 url(../images/brown-side-background.jpg) top no-repeat;    
    width: 260px; /* full width: 280px; - padding */
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 80px 10px 30px 10px;
    float: left
}

.brownSideContainer2 {
    width: 240px; /* full width: 280px; - padding */
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 20px 20px 30px 20px;
}


/* YELLOW BOX ITEMS */
.yellowSideContainer, .yellowContainer, .yellowHalfContainer {
    position: relative;
    background-color: #f6fcc5;
    width: 240px; /* full width: 280px; - padding */
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px 20px 15px 20px;
    float: left;
    color: #3c2704;
}

.yellowContainer {
    width: 560px; /* full width: 600px; - padding */
    margin-top: 20px;
    padding: 80px 20px 15px 20px;
}

.yellowHalfContainer {
    width: 410px; /* full width: 440px; - padding */
    height: 370px; /* full height: 380px; - padding */
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 10px 15px 0px 15px;
}

.featuresContainer {
    width: 410px;
    margin-bottom: 20px;
    float: left;
    color: #3c2704;
    font-size: 15px;
}

.featuresLeft {
    width: 65px;
    float: left;
}

.featuresRight {
    width: 345px;
    float: left;
}

.benefitsContainer {
    width: 410px;
    margin-bottom: 15px;
    float: left;
    color: #3c2704;
    font-size: 15px;
}

.benefitsLeft {
    width: 35px;
    float: left;
}

.benefitsRight {
    width: 375px;
    float: left;
}



/* BASIC AND PREMIUM BOX ITEMS */
.basicContainer {
    position: absolute;
    background: url(../images/basic-background.png) top no-repeat;
    width: 300px;
    height: 343px;
    top: 153px;
    left: 160px;
    z-index: 100;
}

.premiumContainer {
    position: absolute;
    background: url(../images/premium-background.png) top no-repeat;
    width: 312px;
    height: 381px;
    top: 153px;
    left: 475px;
    z-index: 100;
}



/* WOOD BOX ITEMS */
.woodBox {
    background: url(../images/generic-wood-background.jpg) top no-repeat;
    width: 285px;
    height: 341px; /* full height: 361px; - padding */
    padding-top: 20px;
    margin-right: -5px;
    margin-bottom: 20px;
    float: left;
}

.woodBoxContainer { 
    position: relative;
    width: 250px;
    margin-left: 15px;
    margin-top: 3px;
    overflow: hidden; /* IMPORTANT FOR OPACITY TO WORK IN ALL BROWSERS */
}

.woodBoxContainer .transparency {
    position: absolute;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    background-color: #000000;
    width: 250px;
    height: 4500px;
    top: 0px;
    left: 0px;
}

.woodBoxContainer_content {
    position: relative;
    padding: 8px 15px 8px 15px;
}

.woodBox p.btn_join { margin-top: 10px; }


/*.benefitsBox ol { list-style-position: outside; padding: 0 0 20px 12px; } 

.benefitsBox .step1 { position: absolute; top: 123px; left: 32px; width: 220px; }
.benefitsBox .step2 { position: absolute; top: 171px; left: 32px; width: 220px; }
.benefitsBox .step3 { position: absolute; top: 238px; left: 32px; width: 220px; }
*/


/* TAB ITEMS */
ul.smallTab {
    position: absolute;
    top: 56px;
    left: 0px;
    width: 298px;
    height: 49px;
    list-style: none;
}

ul.smallTab li {
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

ul.smallTab li a { padding-top: 10px; color: #ffffff; height: 39px; background: url(../images/tab-small3-background.gif) no-repeat; display: block; text-decoration: none; }

ul.smallTab li a.li_first { width: 298px; background-position: 0 0; }
ul.smallTab li a.li_first:hover, ul.smallTab li.ui-tabs-selected a.li_first { background-position: 0 -49px; text-decoration: none; }

/*ul.smallTab li a.li_resort { width: 149px; background-position: 0 0; }
ul.smallTab li a.li_resort:hover, ul.smallTab li.ui-tabs-selected a.li_resort { background-position: 0 -49px; text-decoration: none; }

ul.smallTab li a.li_guide { width: 149px; background-position: -149px 0; }
ul.smallTab li a.li_guide:hover, ul.smallTab li.ui-tabs-selected a.li_guide { background-position: -149px -49px; text-decoration: none; }
*/

.smallTabContent {
    padding-top: 65px;
}

ul.smallTab2 {
    position: absolute;
    top: 140px;
    left: 0px;
    width: 280px;
    height: 49px;
    list-style: none;
}

ul.smallTab2 li {
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

ul.smallTab2 li a { padding-top: 10px; color: #ffffff; height: 39px; background: url(../images/tab-small2-background.gif) no-repeat; display: block; text-decoration: none; }

ul.smallTab2 li a.li_convo { width: 140px; background-position: 0 0; }
ul.smallTab2 li a.li_convo:hover, ul.smallTab2 li.ui-tabs-selected a.li_convo { background-position: 0 -49px; text-decoration: none; }

ul.smallTab2 li a.li_photos { width: 140px; background-position: -140px 0; }
ul.smallTab2 li a.li_photos:hover, ul.smallTab2 li.ui-tabs-selected a.li_photos { background-position: -140px -49px; text-decoration: none; }

.smallTabContent2 {
    padding-top: 90px;
}

ul.smallTab4 {
    float: left;
    width: 420px;
    height: 49px;
    list-style: none;
}

ul.smallTab4 li {
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

ul.smallTab4 li a { padding-top: 10px; color: #ffffff; height: 39px; background: url(../images/tab-small4-background.gif) no-repeat; display: block; text-decoration: none; }

ul.smallTab4 li a.li_forums { width: 140px; background-position: 0 0; }
ul.smallTab4 li a.li_forums:hover, ul.smallTab4 li.ui-tabs-selected a.li_forums { background-position: 0 -49px; text-decoration: none; }

ul.smallTab4 li a.li_blogs { width: 140px; background-position: -140px 0; }
ul.smallTab4 li a.li_blogs:hover, ul.smallTab4 li.ui-tabs-selected a.li_blogs { background-position: -140px -49px; text-decoration: none; }

ul.smallTab4 li a.li_photos { width: 140px; background-position: -280px 0; }
ul.smallTab4 li a.li_photos:hover, ul.smallTab4 li.ui-tabs-selected a.li_photos { background-position: -280px -49px; text-decoration: none; }

.smallTabContent4 {
    padding-top: 10px;
}


ul.largeTab, ul.largeTab2, ul.largeTab3 {
    width: 580px;
    height: 51px;
    margin-top: 30px;
    list-style: none;
    float: left;
}

ul.largeTab li, ul.largeTab2 li, ul.largeTab3 li {
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

ul.largeTab3 li { text-align: left; }

ul.largeTab li a { padding-top: 12px; color: #ffffff; height: 39px; background: url(../images/tab-large-background-6.jpg) no-repeat; display: block; text-decoration: none; }

ul.largeTab li a.li_map { width: 97px; background-position: 0 0; }
ul.largeTab li a.li_map:hover, ul.largeTab li.ui-tabs-selected a.li_map { background-position: 0 -51px; text-decoration: none; }

ul.largeTab li a.li_videos { width: 97px; background-position: -97px 0; }
ul.largeTab li a.li_videos:hover, ul.largeTab li.ui-tabs-selected a.li_videos { background-position: -97px -51px; text-decoration: none; }

ul.largeTab li a.li_photos { width: 96px; background-position: -194px 0; }
ul.largeTab li a.li_photos:hover, ul.largeTab li.ui-tabs-selected a.li_photos { background-position: -194px -51px; text-decoration: none; }

ul.largeTab li a.li_comments { width: 96px; background-position: -290px 0; }
ul.largeTab li a.li_comments:hover, ul.largeTab li.ui-tabs-selected a.li_comments { background-position: -290px -51px; text-decoration: none; }

ul.largeTab li a.li_downloads { width: 97px; background-position: -386px 0; }
ul.largeTab li a.li_downloads:hover, ul.largeTab li.ui-tabs-selected a.li_downloads { background-position: -386px -51px; text-decoration: none; }

ul.largeTab li a.li_news { padding-top: 6px; height: 45px; width: 97px; background-position: -483px 0; line-height: 14px; }
ul.largeTab li a.li_news:hover, ul.largeTab li.ui-tabs-selected a.li_news { background-position: -483px -51px; text-decoration: none; }

ul.largeTab2 li a { padding-top: 12px; color: #ffffff; height: 39px; background: url(../images/tab-large-background-2.jpg) no-repeat; display: block; text-decoration: none; }

ul.largeTab2 li a.li_tab1 { width: 141px; background-position: 0 0; }
ul.largeTab2 li a.li_tab1:hover, ul.largeTab2 li.ui-tabs-selected a.li_tab1 { background-position: 0 -51px; text-decoration: none; }

ul.largeTab2 li a.li_tab2 { width: 141px; background-position: -141px 0; }
ul.largeTab2 li a.li_tab2:hover, ul.largeTab2 li.ui-tabs-selected a.li_tab2 { background-position: -141px -51px; text-decoration: none; }

ul.largeTab2 li a.li_tabBlank { width: 298px; background-position: -282px 0; cursor: default; }

ul.largeTab3 li { width: 560px; padding-top: 12px; padding-left: 20px; color: #ffffff; height: 39px; background: url(../images/tab-large-background-brown.jpg) no-repeat; display: block; text-decoration: none; }


.largeTabContent {
    width: 538px; /* full width: 580px; - border & padding */
    border-left: 1px solid #d2d1d1;
    border-right: 1px solid #d2d1d1;
    border-bottom: 1px solid #d2d1d1;
    padding: 10px 20px 20px 20px;
    float: left;
}

.largeTabContent_noPadding {
    width: 578px; /* full width: 580px; - border & padding */
    border-left: 1px solid #d2d1d1;
    border-right: 1px solid #d2d1d1;
    border-bottom: 1px solid #d2d1d1;
    padding: 10px 0px 20px 0px;
    float: left;
}



/* CATEGORY BAR ITEMS */
.listingContainer {
    position: relative;
    width: 590px;
    float: left;
    z-index: 99;
}

.companySort { position: absolute; top: 9px; left: 260px; z-index: 2000; }
.companySortDown { position: absolute; top: 17px; left: 260px; z-index: 2000; }

.ratingSort { position: absolute; top: 9px; left: 571px; z-index: 2000; }
.ratingSortDown { position: absolute; top: 17px; left: 571px; z-index: 2000; }

.listingContainer ul.categories, .listingContainer ul.categoriesFish { width: 590px; height: 33px; list-style: none; float: left; }
.listingContainer ul.categories li, .listingContainer ul.categoriesFish li { float: left; }

.listingContainer ul.categories li a, .listingContainer ul.categoriesFish li a { padding-top: 6px; height: 27px; color: #ffffff; font-size: 14px; font-weight: bold; background: url(../images/category-bar.jpg) no-repeat; display: block; }
.listingContainer ul.categories li a:hover, .listingContainer ul.categoriesFish li a:hover { text-decoration: none; }

.listingContainer ul.categoriesFish li a { background: url(../images/category-bar-fish.jpg) no-repeat; }

.listingContainer ul.categories li.company a { padding-left: 10px; width: 269px; background-position: 0 0; cursor: default; }
.listingContainer ul.categories li.company a.selected { background-position: 0 -33px; }

.listingContainer ul.categories li.phone a { padding-left: 10px; width: 150px; background-position: -279px 0; cursor: default; }

.listingContainer ul.categories li.rating a { padding-left: 10px; width: 141px; background-position: -439px 0; cursor: default; }
.listingContainer ul.categories li.rating a.selected { background-position: -439px -33px; }

.listingContainer ul.categoriesFish li.fish a { padding-left: 10px; width: 384px; background-position: 0 0; }
.listingContainer ul.categoriesFish li.number a { padding-left: 10px; width: 186px; background-position: -394px 0; }

ul.searchListing { width: 590px; list-style: none; float: left; margin-bottom: 20px; }
ul.searchListing li { width: 590px; float: left; color: #241802; padding: 10px 0px 10px 0px; border-bottom: 1px solid #e6e6e6; }

.companyContainer { padding-left: 10px; padding-right: 5px; width: 264px; float: left; }
.phoneContainer { padding-left: 10px; width: 150px; float: left; }
.ratingContainer { padding-left: 5px; width: 146px; float: left; }

.fishContainer { padding-left: 10px; padding-right: 5px; width: 379px; float: left; }
.numberContainer { padding-left: 10px; width: 186px; float: left; }

.listingFullContainer {
    position: relative;
    width: 900px;
    margin-top: 20px;
    float: left;
    z-index: 99;
}

.listingFullContainer ul.categoriesFish { width: 900px; height: 33px; list-style: none; float: left; }
.listingFullContainer ul.categoriesFish li.freshwater { width: 440px; float: left; }
.listingFullContainer ul.categoriesFish li.saltwater { width: 440px; float: right; }

.listingFullContainer ul.categoriesFish li.freshwater, .listingFullContainer ul.categoriesFish li.saltwater { padding-top: 6px; height: 27px; color: #ffffff; font-size: 14px; font-weight: bold; background: url(../images/category-bar-full.jpg) no-repeat; display: block; }

.listingFullContainer ul.categoriesFish li.freshwater a { color: #ffffff; padding-left: 10px; width: 440px; background-position: 0 0; }
.listingFullContainer ul.categoriesFish li.saltwater a { color: #ffffff; padding-left: 10px; width: 440px; background-position: -450px 0; }

.listingFullContainer ul.categoriesFish li.freshwater a:hover, .listingFullContainer ul.categoriesFish li.saltwater a:hover { text-decoration: none; }

ul.fishListing { width: 430px; list-style: none; float: left; margin-bottom: 20px; margin-right: 30px; }
* html ul.fishListing { margin-right: 20px; }
ul.fishListing li { width: 430px; float: left; color: #241802; padding: 10px 0px 0px 0px; }

.freshwaterFish { padding: 0px 10px 10px 10px; width: 420px; float: left; border-bottom: 1px solid #e6e6e6; }
.saltwaterFish { padding: 0px 10px 10px 10px; width: 420px; float: left;  border-bottom: 1px solid #e6e6e6; }
* html .saltwaterFish { width: 410px; }







/* LIST ITEMS */
ul.photoList {
    list-style: none;
    float: left;
    padding-left: 15px;
}

ul.photoList li {
    position: relative;
    padding: 0px 10px 0px 0px;
    margin-bottom: 20px;
    height: 160px;
    float: left;
}

ul.videoList {
    list-style: none;
    float: left;
}

ul.videoList li {
    position: relative;
    width: 250px;
    padding: 0px 18px 0px 0px;
    margin-bottom: 20px;
    float: left;
}

ul.defaultList { padding: 20px 0px 20px 40px; }

ul.defaultList li {
	list-style-type: disc;
	padding: 0px 0px 10px 2px;
}

ul.amenitiesList {
    list-style: disc !important;
    list-style-position: inside !important;
    float: left;
}

ul.amenitiesEditList {
    list-style: none;
    margin-top: 5px;
    float: left;
}

ul.amenitiesEditList li, ul.amenitiesList li {
    color: #3C2704;
    width: 130px;
    padding-bottom: 4px;
    float: left;
}

ul.amenitiesEditList li input { margin-right: 4px; }

ul.basicList, ul.premiumList { list-style-type: none; padding: 25px 0px 0px 0px; text-align: center; }
ul.premiumList { padding-top: 15px; }

ul.basicList li, ul.premiumList li {
	font-size: 17px;
    color: #608d2b;
    padding: 6px 0px 6px 0px;
    border-bottom: 1px solid #608d2b;
    margin: 0px 25px 0px 25px;
}

ul.premiumList li {
    color: #168fcd;
    font-weight: bold;
    border-bottom: 1px solid #3f7db3;
    margin: 0px 30px 0px 30px;
}

ul.basicList li a { color: #608d2b; text-decoration: none; }
ul.premiumList li a { color: #168fcd; text-decoration: none; }
ul.basicList li a:hover, ul.premiumList li a:hover { text-decoration: none; }

ul.premiumMembers {
    width: 640px;
    float: left;
    padding: 25px 0px 25px 140px;
    list-style: none;
}

ul.premiumMembers li {
    width: 300px;
    float: left;
    margin-right: 20px;
    border-top: 1px dotted #004f77;
    text-align: center;
    padding: 12px 0px 12px 0px;
}

ul.premiumMembers li a { font-size: 18px; color: #004f77; text-decoration: none; }
ul.premiumMembers li a:hover { text-decoration: underline; }



/* NAVIGATION ITEMS */
.topNav {
    position: absolute;
    top: 5px;
    right: 20px;
}

.navContainer {
    background: url(../images/navigation-background.png) bottom no-repeat;
    height: 59px;
    width: 940px;
    margin-top: 186px;
    float: left;
}

.navContainer ul {
    width: 940px;
    height: 59px;
    list-style: none;
    float: left;
}

.navContainer ul li {
    float: left;
    text-align: center;
}

.navContainer ul li a { padding-bottom: 15px; color: #ffffff; font-size: 12px; line-height: 13px; font-weight: bold; letter-spacing: -0.01em; text-decoration: none; display: block; }
.navContainer ul li a:hover { color: #e4ff03; text-decoration: none; }

.navContainer ul li.gearBaitTackle a { width: 135px; padding-top: 16px; }
.navContainer ul li.travelAccommodations a { width: 134px; padding-top: 16px; }
.navContainer ul li.guidesCharters a { width: 134px; padding-top: 16px; }
.navContainer ul li.events a { width: 135px; padding-top: 16px; }
.navContainer ul li.publications a { width: 134px; padding-top: 16px; }
.navContainer ul li.fishSpecies a { width: 134px; padding-top: 25px; }
.navContainer ul li.associations a { width: 134px; padding-top: 25px; }



/* LOGIN DROP DOWN ITEMS */
.loginContainer { 
    position: relative;
    width: 220px;
    overflow: hidden; /* IMPORTANT FOR OPACITY TO WORK IN ALL BROWSERS */
}

.loginContainer .transparency {
    position: absolute;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    background-color: #000000;
    width: 220px;
    height: 4500px;
    top: 0px;
    left: 0px;
}

.loginContainer_content, .myAccount_content {
    position: relative;
    padding: 20px 15px 20px 15px;
}


/* DASHBOARD DROP DOWN ITEMS */
.dashboardContainer {
	position: absolute;
    width: 166px;
	height: 31px;
	top: 70px;
	right: 30px;	
	background: url(../images/dashboard-button.png) no-repeat top;
	z-index: 10000;
}

.dashboardWelcomeContainer .dashboardContainer {
    width: 280px;
	top: 90px;
	right: 20px;
    background: url(../images/dashboard-wide-button.png) no-repeat top;
}

.dashboardContainer ul li a {
    font-size: 15px;
    font-weight: bold;
    color: #e4ff03;
    letter-spacing: -0.02em;
    display: block;
    text-decoration: none;
    padding: 7px 0px 0px 15px;
    width: 166px;
    height: 31px;
}

.dashboardWelcomeContainer .dashboardContainer ul li a { width: 242px; }

.dashboardContainer ul li a:hover { text-decoration: none; }

.dashboardContainer ul li ul { display: none; }
.dashboardWelcomeContainer .dashboardContainer ul li ul { display: block; position: absolute; top: 35px; right: 3px; z-index: 10001;
    background-color: #2d1e04;
    padding: 10px 12px 10px 12px;
}

.dashboardContainer ul li:hover ul { display: block; position: absolute; top: 35px; right: 3px; z-index: 10001;
    background-color: #2d1e04;
    padding: 10px 12px 10px 12px;
}

.dashboardContainer ul li ul li {
    background: #2d1e04 url(../images/brown-horizontal-divider-2.png) repeat-x bottom;
}

.dashboardContainer ul li ul li a, .myAccount_content ul li a {
    font-size: 14px;
	display: block;
	text-decoration: none;
	color: #ffffff;
    letter-spacing: -0.02em;
    font-weight: normal !important;
    height: 15px !important;
    padding: 5px 0px 7px 10px !important;
    width: 200px;
}

.dashboardContainer ul li ul li a:hover, .myAccount_content ul li a:hover {
	text-decoration: none;
	color: #e4ff03;
}


/* CONTENT COLUMN ITEMS */
.twoColumn {
    width: 600px;
    float: left;
}

.twoColumn .first {
    width: 260px; /* full width: 280px; - padding */
    padding-left: 20px;
    margin-right: 50px;
    float: left;
}

.twoColumn .second {
    width: 260px; /* full width: 270px; - padding */
    padding-right: 10px;
    float: left;
}

.twoColumn .firstSecond {
    width: 570px; /* full width: 600px; - padding */
    padding-left: 20px;
    padding-right: 10px;
    float: left;
}



/* IMAGE ITEMS */
h1.logo { position: absolute; top: 5px; left: 0px; width: 338px; height: 186px; }
.searchBoxFooter .smallLogo { position: absolute; top: 22px; left: 792px; width: 127px; height: 68px; }

.featuredHomeThumb { margin-bottom: 5px; }

h2.featuredListings_header { background: url(../images/featured-listings.png) no-repeat top; position: absolute; top: 0px; left: -1px; width: 628px; height: 70px; text-indent: -9999px; }
h3.yourBusinessHere { background: url(../images/your-business-here.png) no-repeat top; position: absolute; top: 5px; right: 30px; width: 238px; height: 52px; }

.featuredListings_bottom { position: absolute; top: -40px; left: -1px; width: 624px; height: 70px; }

h2.featuredListingsSmall_header { background: url(../images/featured-listings-small.png) no-repeat top; position: absolute; top: -10px; left: -5px; width: 292px; height: 67px; text-indent: -9999px; }

h2.businessListing_header, h2.businessListing_header_dashboard, h2.businessListing_header_promote
{ position: absolute; top: -10px; left: -5px; width: 953px; height: 78px; text-indent: -9999px;  }

h2.businessListing_header { background: url(../images/business-listing.png) no-repeat top; }
h2.businessListing_header_dashboard { background: url(../images/dashboard.png) no-repeat top; }
h2.businessListing_header_promote { background: url(../images/promote-my-business.png) no-repeat top; }

h2.searchResults_header, h2.searchResults_header_gear, h2.searchResults_header_travel, h2.searchResults_header_guides,
h2.searchResults_header_events, h2.searchResults_header_publications, h2.searchResults_header_fish,
h2.searchResults_header_associations, h2.copyright_header, h2.privacy_header
{ position: absolute; top: -10px; left: -5px; width: 953px; height: 78px; text-indent: -9999px; }

h2.searchResults_header { background: url(../images/search-results.png) no-repeat top; }
h2.searchResults_header_gear { background: url(../images/gear-bait-tackle.png) no-repeat top; }
h2.searchResults_header_travel { background: url(../images/travel-accomodations.png) no-repeat top; }
h2.searchResults_header_guides { background: url(../images/guides-charters.png) no-repeat top; }
h2.searchResults_header_events { background: url(../images/events.png) no-repeat top; }
h2.searchResults_header_publications { background: url(../images/publications.png) no-repeat top; }
h2.searchResults_header_fish { background: url(../images/fish-species.png) no-repeat top; }
h2.searchResults_header_associations { background: url(../images/associations.png) no-repeat top; }

h2.copyright_header { background: url(../images/copyright.png) no-repeat top; }
h2.privacy_header { background: url(../images/privacy-policy.png) no-repeat top; }

h2.relatedContent_header { background: url(../images/related-content.png) no-repeat top; position: absolute; top: -10px; left: -5px; width: 292px; height: 67px; text-indent: -9999px; }

h2.edit_header_business, h2.edit_header_personal, h2.edit_header_badge
{ position: absolute; top: 25px; left: 162px; width: 604px; height: 68px; z-index: 100; text-indent: -9999px; }

h2.edit_header_business { background: url(../images/business-information.png) no-repeat top; }
h2.edit_header_personal { background: url(../images/contact-information.png) no-repeat top; }
h2.edit_header_badge { background: url(../images/member-badge.png) no-repeat top; }

h2.login_header_login, h2.login_header_password
{ position: absolute; top: 25px; left: 162px; width: 604px; height: 68px; z-index: 100; text-indent: -9999px; }

h2.login_header_login { background: url(../images/login.png) no-repeat top; }
h2.login_header_password { background: url(../images/forgot-password.png) no-repeat top; }

h2.anglersNA { background: url(../images/anglers-north-america.png) no-repeat top; position: absolute; top: 30px; left: 40px; width: 856px; height: 38px; text-indent: -9999px; }
h2.basic { background: url(../images/basic.png) no-repeat top; position: absolute; top: 138px; left: 251px; width: 111px; height: 43px; text-indent: -9999px; z-index: 101; }
h2.basicWhite { background: url(../images/basic-white.png) no-repeat top; position: absolute; top: 138px; left: 251px; width: 111px; height: 43px; text-indent: -9999px; z-index: 101; }
h2.premium { background: url(../images/premium.png) no-repeat top; position: absolute; top: 131px; left: 507px; width: 249px; height: 55px; text-indent: -9999px; z-index: 101; }
h2.premiumWhite { background: url(../images/premium-white.png) no-repeat top; position: absolute; top: 131px; left: 507px; width: 249px; height: 55px; text-indent: -9999px; z-index: 101; }
h2.becomePremiumMember { background: url(../images/become-premium-member.png) no-repeat top; position: absolute; top: -18px; left: 230px; width: 474px; height: 37px; text-indent: -9999px; z-index: 101; }

h2.officalBlog_header { background: url(../images/ufd-official-blog.png) no-repeat top; position: absolute; top: -10px; left: -5px; width: 312px; height: 67px; text-indent: -9999px; }
h2.memberNewsUpdates_header { background: url(../images/member-news-updates.png) no-repeat top; position: absolute; top: -10px; left: -5px; width: 312px; height: 67px; text-indent: -9999px; }

h2.grCommunityNews_header { background: url(../images/gr-community-news.png) no-repeat top; position: absolute; top: 0px; left: -1px; width: 628px; height: 70px; text-indent: -9999px; }

.arrow { position: absolute; top: 173px; left: 392px; width: 113px; height: 48px; z-index: 101; }

.registration_header { position: absolute; top: 95px; left: 162px; width: 604px; height: 68px; z-index: 100; }

.popup_header { position: absolute; top: -20px; left: -10px; width: 622px; height: 78px; z-index: 100; }

.getReeledSmall { position: absolute; top: -20px; left: 112px; width: 170px; height: 79px; }

.profilePhotoThumb { border: 10px solid #ffffff; }

.photoThumb { border: 1px solid #d2d1d1; background-color: #ffffff; padding: 5px; }
.profileThumb { margin-right: 10px; }

.brownHorizontalDivider { background: url(../images/brown-horizontal-divider.png) top repeat-x; height: 2px; width: 100%; margin: 10px 0px 20px 0px; float: left; }
.brownVerticalDivider { background: url(../images/brown-vertical-divider.png) top repeat-y; width: 2px; margin: 0px 10px 0px 10px; float: left; }
.grayHorizontalDivider { background-color: #D2D1D1; height: 1px; width: 100%; margin: 20px 0px 20px 0px; float: left; }

.claimBusiness { position: absolute; top: 30px; left: 140px; }
.promoteBusiness { position: absolute; top: 30px; left: 120px; }
.promoteImage { position: absolute; top: 130px; left: 160px; z-index: 100; }
.fishHook { position: absolute; top: 60px; left: -25px; z-index: 99; }
.laptop { position: absolute; top: 24px; right: -15px; z-index: 99; }
.getreeledBrowser { position: absolute; top: 684px; left: 0px; z-index: 99; }
.gainAccessTo { position: absolute; top: 760px; left: 400px; z-index: 99; }
.gainAccessTo_GR { position: absolute; top: 740px; left: 740px; z-index: 99; }

.priceBadge { position: absolute; top: -58px; left: 160px; }

.photoContainer {
    text-align: center;
    margin-bottom: 20px;
}

.photoContainer img {
    border: 10px solid #ffffff;
    margin-bottom: 10px;
}


a.deletePhoto {
    filter: alpha(opacity=70) !important;
	-moz-opacity: 0.7 !important;
	-khtml-opacity: 0.7 !important;
	opacity: 0.6 !important;
    width: 15px !important;
    height: 15px !important;
    border: none !important;
    position: absolute;
    top: 6px;
    right: 16px;
    /*z-index:100 !important;*/
    display: block !important;
    background: url(../images/delete-x.gif) no-repeat top right !important;
    text-decoration: none;
}

a.deletePhoto:hover {
    filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	-khtml-opacity: 1 !important;
	opacity: 1 !important;
	text-decoration: none;
}



/* FONT ITEMS */
a { color: #c04f4a; text-decoration: none; }
a:hover { text-decoration: underline; }

.bold { font-weight: bold; }
.noBold { font-weight: normal; }

a.loginNav, a.homeNav { color: #ffffff; font-size: 14px; background-color: #0d0b09; padding: 2px 4px 3px 4px; display: block; text-decoration: none; float: left; margin-left: 10px; }
a.loginNav:hover, a.homeNav:hover { color: #daf205; text-decoration: none; }

.standard11 { font-size: 11px; }
.standard12 { font-size: 12px; }
.standard13 { font-size: 13px; }
.standard14 { font-size: 14px; }
.standard15 { font-size: 15px; }
.standard16 { font-size: 16px; }
.standard17 { font-size: 17px; line-height: 19px; }
.standard18 { font-size: 18px; line-height: 20px; }
.standard20 { font-size: 20px; line-height: 20px; }
.standard24 { font-size: 24px; line-height: 24px; }
.standard28 { font-size: 28px; line-height: 30px; }

.lineheight15 { line-height: 15px; }
.lineheight20 { line-height: 20px; }
.lineheight22 { line-height: 22px; }
.lineheight25 { line-height: 25px; }

.letterspacing { letter-spacing: -0.02em; }
.letterspacingFull { letter-spacing: -1px; }
.noLetterspacing { letter-spacing: 0px; }

h3 { font-size: 30px; letter-spacing: -1px; font-weight: bold; line-height: 34px; }
h4 { color: #3c2704; font-size: 20px; letter-spacing: -1px; font-weight: bold; line-height: 24px; margin-bottom: 15px; }

.yellow { color: #e4ff03; }
.darkYellow { color: #e4ff03; }
.brown { color: #3c2704; }
.gray { color: #666666; }
.lightGray { color: #dddddd; }
.red { color: #a6281f; }
.green { color: #88a002; }
.black { color: #000000; }
.lightBlue { color: #168fcd; }
.darkBlue { color: #004f77; }

.error { font-size: 12px; color: #a6281f; font-weight: bold; }
.subTitle { font-size: 16px; line-height: 18px; font-weight: bold; margin-bottom: 5px; }
.content { font-size: 13px; line-height: 18px; margin-bottom: 30px; }



/* FORM ITEMS */
.searchBox p select, .searchBoxFooter p select { width: 180px; margin-bottom: 2px; }
.searchBox input.searchTextBox, .searchBoxFooter input.searchTextBox { font-size: 18px; height: 26px; width: 252px; }

.featuredFishBox .formItems p select { width: 250px; margin-top: 6px; }

.bigSearchBox { color: #30220c; font-size: 25px; height: 36px; width: 360px; font-weight: bold; float: left; }

textarea.short {
    width: 250px;
    height: 100px;
    margin-top: 15px;
}

textarea.long {
    width: 580px;
    height: 100px;
    margin-top: 15px;
}

input.register { font-size: 20px; color: #3c2704; margin-bottom: 10px; width: 100%; }
input.registerSmall { font-size: 14px; color: #3c2704; margin-bottom: 10px; width: 100%; }


/* BUTTON ITEMS */
.getStarted, .moreInfo, .find, .checkItOut, .submit, .sendMessage, .find2, .sortArrow, .claimIt, .continue,
.pay, .cancel, .tellUsMore, .delete, .submitReview, .login, .update, .submitLarge, .sendFeedback, .joinNow,
.findRelatedBus, .submitSmall, .next, .previous, .submitComment, .recommend, .sortArrow_up, .sortArrow_down,
.submitUpdate, .gs_find, .gs_find2, .plansPricing, .plansPricingWhite, .basicSignUp, .premiumSignUp, .premiumSignUp2,
.upgradeAccount, .editMyAccount, .thisIsMe {
    text-indent: -9999px !important;
    display: block;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.getStarted { position: absolute; top: 90px; left: 360px; }
.getStarted { height: 48px; width: 176px; background: url(../images/get-started.png) left no-repeat; }
.getStarted:hover { background-position: -176px 0px; } /* see ie6.css for alternative */

.find { position: absolute; top: 178px; left: 208px; z-index: 100; }
.find, .find2, .gs_find, .gs_find2 { height: 44px; width: 81px; background: url(../images/find.png) left no-repeat; }
.find:hover, .find2:hover, .gs_find:hover, .gs_find2:hover { background-position: -81px 0px; }
.searchBoxFooter .find { top: 22px; left: 645px; z-index: 100; }
.find2 { margin-left: 10px; float: left; }
.gs_find { position: absolute; top: 185px; left: 240px; z-index: 100; }
.gs_find2 { position: absolute; top: 204px; left: 48px; z-index: 100; }

.moreInfo { height: 16px; width: 72px; margin-top: 8px; background: url(../images/more-info.png) left no-repeat; }
.moreInfo:hover { background-position: -72px 0px; }

.checkItOut { height: 48px; width: 176px; background: url(../images/check-it-out.png) no-repeat; }
.checkItOut:hover { background-position: -176px 0px; } /* see ie6.css for alternative */

.submit { height: 16px; width: 51px; margin-top: 15px; background: url(../images/submit.png) left no-repeat; }
.submit:hover { background-position: -51px 0px; }

.sendMessage { height: 42px; width: 145px; background: url(../images/send-message.png) no-repeat; }
.sendMessage:hover { background-position: -145px 0px; } /* see ie6.css for alternative */

.sortArrow { height: 15px; width: 11px; background: url(../images/sort-arrows.gif) top left no-repeat; }
.sortArrow:hover { background-position: -11px 0px; }

.sortArrow_up { height: 6px; width: 11px; background: url(../images/sort-arrows-up.gif) top left no-repeat; }
.sortArrow_up:hover { background-position: -11px 0px; }

.sortArrow_down { height: 6px; width: 11px; background: url(../images/sort-arrows-down.gif) top left no-repeat; }
.sortArrow_down:hover { background-position: -11px 0px; }

.claimIt { height: 25px; width: 59px; background: url(../images/claim-it.png) top left no-repeat; }
.claimIt:hover { background-position: -59px 0px; } /* see ie6.css for alternative */

.delete { height: 25px; width: 59px; background: url(../images/delete.png) top left no-repeat; }
.delete:hover { background-position: -59px 0px; } /* see ie6.css for alternative */

.edit, .upload { height: 25px; width: 67px; background: url(../images/edit-button.png) top left no-repeat;
    color: #e4ff03; font-size: 15px; letter-spacing: -0.02em; text-decoration: none; display: block; border: none;
    text-align: center; padding-top: 6px; font-weight: bold; }
.upload { width: 112px; background: url(../images/upload-button.png) top left no-repeat; }
.edit:hover, .upload:hover { color: #ffffff; text-decoration: none; }

.continue { height: 43px; width: 163px; background: url(../images/continue.png) top left no-repeat; }
.continue:hover { background-position: -163px 0px; }

.login { height: 43px; width: 163px; background: url(../images/login-button.png) top left no-repeat; }
.login:hover { background-position: -163px 0px; } /* see ie6.css for alternative */

.pay { height: 43px; width: 163px; background: url(../images/pay.png) top left no-repeat; }
.pay:hover { background-position: -163px 0px; }

.cancel { height: 43px; width: 163px; background: url(../images/cancel.png) top left no-repeat; }
.cancel:hover { background-position: -163px 0px; }

.tellUsMore { height: 67px; width: 276px; background: url(../images/tell-us-more.png) top left no-repeat; }
.tellUsMore:hover { background-position: -276px 0px; } /* see ie6.css for alternative */

.submitReview { height: 42px; width: 146px; background: url(../images/submit-review.png) no-repeat; }
.submitReview:hover { background-position: -146px 0px; } /* see ie6.css for alternative */

.update { height: 48px; width: 168px; background: url(../images/update.png) top left no-repeat; }
.update:hover { background-position: -168px 0px; }

.submitLarge { height: 48px; width: 168px; background: url(../images/submit-large.png) top left no-repeat; }
.submitLarge:hover { background-position: -168px 0px; }

.submitSmall { height: 42px; width: 145px; background: url(../images/submit-small.png) no-repeat; }
.submitSmall:hover { background-position: -145px 0px; }

.sendFeedback { position: absolute; top: 90px; left: 360px; }
.sendFeedback { height: 43px; width: 171px; background: url(../images/send-feedback.png) top left no-repeat; }
.sendFeedback:hover { background-position: -171px 0px; } /* see ie6.css for alternative */

.joinNow { height: 48px; width: 168px; background: url(../images/join-now.png) top left no-repeat; }
.joinNow:hover { background-position: -168px 0px; } /* see ie6.css for alternative */

.findRelatedBus { height: 67px; width: 276px; background: url(../images/find-related.png) top left no-repeat; }
.findRelatedBus:hover { background-position: -276px 0px; } /* see ie6.css for alternative */

.previous { height: 42px; width: 145px; background: url(../images/previous.png) no-repeat; }
.previous:hover { background-position: -145px 0px; } /* see ie6.css for alternative */

.next { height: 42px; width: 145px; background: url(../images/next.png) no-repeat; }
.next:hover { background-position: -145px 0px; } /* see ie6.css for alternative */

.submitComment { height: 42px; width: 145px; background: url(../images/submit-comment.png) no-repeat; }
.submitComment:hover { background-position: -145px 0px; } /* see ie6.css for alternative */

.recommend { height: 42px; width: 216px; background: url(../images/recommend.png) no-repeat; }
.recommend:hover { background-position: -216px 0px; } /* see ie6.css for alternative */

.submitUpdate { height: 42px; width: 145px; background: url(../images/submit-update.png) no-repeat; }
.submitUpdate:hover { background-position: -145px 0px; } /* see ie6.css for alternative */

.plansPricing { position: absolute; top: 330px; left: 20px;
    height: 66px; width: 316px; background: url(../images/plans-and-pricing.png) top left no-repeat; }
.plansPricing:hover { background-position: -316px 0px; } /* see ie6.css for alternative */

.plansPricingWhite { height: 66px; width: 316px; background: url(../images/plans-and-pricing-white.png) top left no-repeat; }
.plansPricingWhite:hover { background-position: -316px 0px; } /* see ie6.css for alternative */

.basicSignUp { position: absolute; top: 464px; left: 217px; z-index: 101;
    height: 56px; width: 187px; background: url(../images/basic-signup.png) top left no-repeat; }
.basicSignUp:hover { background-position: 0px -56px; } /* see ie6.css for alternative */

.premiumSignUp, .premiumSignUp2 { position: absolute; top: 501px; left: 536px; z-index: 101;
    height: 58px; width: 189px; background: url(../images/premium-signup.png) top left no-repeat; }
.premiumSignUp2 { position: absolute; top: 345px; left: 372px; z-index: 101; background: url(../images/premium-signup-2.png) top left no-repeat;}
.premiumSignUp:hover, .premiumSignUp2:hover { background-position: 0px -58px; } /* see ie6.css for alternative */

.upgradeAccount { height: 42px; width: 216px; background: url(../images/upgrade-account.png) no-repeat; }
.upgradeAccount:hover { background-position: -216px 0px; } /* see ie6.css for alternative */

.editMyAccount { height: 67px; width: 276px; background: url(../images/edit-my-account.png) top left no-repeat; }
.editMyAccount:hover { background-position: -276px 0px; } /* see ie6.css for alternative */

.thisIsMe { height: 25px; width: 70px; background: url(../images/this-is-me.png) top left no-repeat; }
.thisIsMe:hover { background-position: -70px 0px; } /* see ie6.css for alternative */




/* EDIT ITEMS */
.editContainer {
    margin-bottom: 30px;
}

.uploadContainer {
    margin-bottom: 30px;
    padding-left: 15px;
}

.editCatchContainer {
    position: absolute;
    top: -100px;
    left: 300px;
    z-index: 20000;
}

.editCatch { 
    position: relative;
    width: 660px;
    padding: 30px 0px 30px 0px;
    overflow: hidden; /* IMPORTANT FOR OPACITY TO WORK IN ALL BROWSERS */
}

.editCatch .transparency {
    position: absolute;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    background-color: #000000;
    width: 660px;
    padding-right: 30px;
    height: 4500px;
    top: 0px;
    left: 0px;
}

.editCatch_content {
    position: relative;
    padding: 20px 15px 20px 15px;
    height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.editCatch_content ul { width: 600px; list-style: none; position: relative; margin-top: 20px; }
.editCatch_content ul li { width: 150px; margin-bottom: 2px; float: left; }
.editCatch_content ul li input { margin-right: 6px; }


/* TABLE ITEMS */
table.profileTable {
    width: 580px;
    margin-bottom: 10px;
    font-size: 14px;
    float: left;
}

table.profileTable td.heading { font-weight: bold; width: 80px; }
table.profileTable td.field { padding-bottom: 10px; }

table.registration {
    width: 560px;
    margin-top: 20px;
    float: left;
}

table.registration td.field {
    width: 250px;
}

table.confirmation {
    width: 360px;
    margin-top: 20px;
    float: left;
}

table.confirmation td.field, table.confirmation td.field2 {
    width: 130px;
    padding-right: 10px;
    text-align: left;
}

table.confirmation td.field2 { width: 220px; }

table.confirmation td { padding-bottom: 10px; }
    


/* PAGER ITEMS */
.pagerContainer {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
    float: left;
}

.pagerContainer ul {
    list-style: none;
    float: left;
}

.pagerContainer ul li {
    margin-left: 5px;
    font-size: 12px;
    color: #241802;
    float: left
}

.pagerContainer ul li a {
    font-size: 12px;
    padding: 0px 4px 0px 4px;
    border: 1px solid #000000;
    color: #241802;
    display: block;
}

.pagerContainer ul li a:hover, .pagerContainer ul li a.selected { color: #ffffff; background-color: #000000; text-decoration: none; }


/* FEATURED FISH ITEMS */
.featuredFishContainer {
    background: url(../images/brown-vertical-divider.png) left top repeat-y;
    float: left;
    width: 334px;
    padding-left: 15px;
    padding-bottom: 10px;
}

.featuredFishContainer span {
    width: 334px;
    display: block;
}

.featuredFishContainer span div.fieldContainer { width: 334px; padding: 4px 10px 4px 10px; float: left; }
.featuredFishContainer span div.fieldTitle { width: 100px; float: left; }
.featuredFishContainer span div.field { width: 225px; float: left; }

.fishNameContainer { 
    position: relative;
    width: 334px;
    overflow: hidden; /* IMPORTANT FOR OPACITY TO WORK IN ALL BROWSERS */
}

.fishNameContainer .transparency {
    position: absolute;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    background-color: #000000;
    width: 334px;
    height: 4500px;
    top: 0px;
    left: 0px;
}

.fishNameContainer_content {
    position: relative;
    padding: 5px 10px 5px 10px;
}



/* IE6 BOX ITEMS */
.ie6Container { 
    position: relative;
    width: 900px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden; /* IMPORTANT FOR OPACITY TO WORK IN ALL BROWSERS */
}

.ie6Container .transparency {
    position: absolute;
    opacity: 0.9;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    background-color: #000000;
    width: 900px;
    height: 4500px;
    top: 0px;
    left: 0px;
}

.ie6Container_content {
    position: relative;
    padding: 15px 5px 15px 5px;
}



/* FACEBOOK FAN WIDGET ITEMS */
.facebookContainer  {
    position: relative;
    background: #281901 url(../images/brown-side-background-wide.jpg) top no-repeat;    
    width: 300px;
	margin-left: 3px;
    float: left
}


/* TOOLTIP ITEMS */
#tooltip {
	position: absolute;
	z-index: 3000;
    color: #ffffff;
    font-size: 12px !important;
    width: 204px;
	padding: 10px;
	border: 2px solid #608d2b;
	background-color: #bdc727;    
}

#tooltip.premiumTooltip {
	border: 2px solid #004f77;
	background-color: #47b9e1;
}

#tooltip h3, #tooltip div {
    font-size: 14px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    line-height: 18px !important;
    margin: 0;
}


/* Tabs - IMPORTANT
----------------------------------*/
.ui-tabs .ui-tabs-hide { display: none !important; }