/* 

ToC

1. defaults
2. structure
3. links and navigation
4. fonts
5. images
6. PopDown Menus

*/



/* --------- 1. defaults  --------- */


body {/* set page background colour */
background: #fff url('../img/bg.jpg') repeat-x;
padding: 0 0 30px 0;
margin: 0;
}

body#dealer_site {/* set page background colour */
background: #fff url('../img/bg-dealer.jpg') repeat-x;
padding: 0 0 30px 0;
margin: 0;
}



/*  --------- 2. structure  --------- */

#masthead {/* add border to masthead */
background: url('../img/masthead-background.jpg') repeat-x;
width: 860px;
height: 97px;
_width: 800px;
padding: 0;
margin: 0;
}

#logo {/* logo container */
position: relative;
float: left;
top: 25px;  /* 25px for regular logo */
left: 45px;  /* 45px for regular logo */
width: 370px;  /* 370px for regular logo */
height: 50px;  /* 50px for regular logo */
}

#logo img {
/*position: relative;*/
top: -30px;
left: -10px;
margin: 0 -10px -30px 0; /* This fixes a weirdness that had to do with the extra space the PNG generates in Safari that was messing up the nav */

}


#right_of_the_logo {
position: relative;
float: right;
width: 325px;
text-align: left;
margin: 0 52px 0 0;
_margin: 0 18px 0 0;
}

/* "new! Anchorline" tag that hangs above the mini nav wherever a new anchorline is posted */
#anchorline_tag {
text-align: center;
width: 159px;
height: 29px;
margin-bottom: 36px;
}

/*mini_nav above main nav */
#mini_nav_A {
float: left;
text-align: left;
font: 1.1em 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #fff;
letter-spacing: .1em;
}

#social_tags {
width: 120px;
float: right;
margin: 0px 0 0 10px;
}

#social_tags a {
display: block;
margin: 10px 0 0 0;
}


/* ########################## */
/*mini_nav above main nav (ONLY for Grady Gear store) */
#mini_nav {
position: relative;
float: right;
text-align: left;
width: 300px;
font: 1.1em 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #fff;
letter-spacing: .1em;
margin: 65px 85px 0 0;
_margin: 65px 28px 0 0;
}
/* ######################### */


#mini_nav_A a, #mini_nav a{ 
color: #ccc;
text-decoration: none;
}

#mini_nav a:hover{ 
color: #fff;
text-decoration: underline;
}



#content {/* content container */
width: 860px;
font: 1.1em 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 0px 0 0 0;
text-align: left;
margin: 0px 0 0 0;
_margin: -300px 0 0 0;
}

/* ---------- 3. links and navigation ---------- */

a {/* default link style */
color: #213A72;
}



/* -- main navigation -- */


#mainNavigation {
font: 1.2em  'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
_font: 1.1em  'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
border-top: 1px solid #fff;
text-align: center;
letter-spacing: .1em;
height: 27px;
overflow: hidden;
_height: 28px;
}

#nav_wrapper {
width: 860px;
margin: 6px auto 0 auto;
_margin: 0;
padding: 0;
}

#nav_start {
display: inline;
width: 2px;
border-right: 1px solid #C1C1C1;
height: 27px;
padding: 6px 0;
_height: 28px;

}

#nav_end {
display: inline;
width: 2px;
border-left: 1px solid #FFF;
height: 27px;
padding: 6px 0;
_height: 28px;
}

#mainNavigation .off {
display: inline;
height: 27px;
color: #213A72;
margin: 0px;
padding: 6px 10px;
border-left: 1px solid #FFF;
border-right: 1px solid #C1C1C1;
text-decoration: none;
_padding: 9px 10px;
_height: 28px;
}

#mainNavigation .on {
display: inline;
height: 27px;
color: #152855;
background: #FBF9C9 url('../img/active_tab_bg.jpg') repeat-x top;
padding: 6px 10px;
border-left: 1px solid #FEFCCB;
border-right: 1px solid #C1C1C1;
text-decoration: none;
_padding: 9px 10px;
_height: 28px;
}

#mainNavigation .s_off {
display: inline;
height: 27px;
color: #152855;
padding: 6px 10px;
text-decoration: none;
background: url('../img/blue_tab_bg.jpg') repeat-x top;
border-left: 1px solid #FFF;
border-right: 1px solid #7B8FA9;
_padding: 9px 10px;
_margin: 0;
_height: 28px;
}

#mainNavigation .s_on {
display: inline;
height: 27px;
color: #000;
padding: 6px 10px;
text-decoration: none;
background: #E5ECF6 url('../img/blue_tab_hover_bg.jpg') repeat-x top;
border-left: 1px solid #C9D7E4;
border-right: 1px solid #7B8FA9;
_padding: 9px 10px;
_height: 28px;
}


.subNavigation {
position: relative;
height: 26px;
width: 100%;
margin-bottom: -32px;
font: 1.2em  'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
background: url('../img/subnav_bg.jpg') repeat-x;
padding: 6px 0 0px 0;
text-align: center;
visibility: hidden;
_margin-bottom: -26px;
}

.subNavigation a {
color: #27417E;
text-decoration: none;
padding: 0px 10px;
}

.subNavigation a:hover {
color: #003;
text-decoration: underline;
padding: 0px 10px;
}

#subNavigation_holder {
height: 26px;
margin: 0 0 30px 0;
}

#menu1 { z-index: 51; }
#menu2 { z-index: 53; }
#menu3 { z-index: 55; }

.pipe {color: #C6B602;}

/* ---------- 4. fonts ---------- */

body {
font: 10px/15px 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}



/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
border: 0;
}




/* -------------- 6. PopDown Menus -------------- */

#popdowns {/* popdown container */
width: 860px;
font: 1.1em 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-align: left;
}


/* --- FIND A BOAT --- */
#findaboat {
position: relative;
z-index:98;
width: 640px;
height: 320px;
margin: -42px 0 -350px 40px;
_margin: -60px 0 0px 40px;
padding: 0 15px 15px 15px;
font: 1.1em 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
visibility: hidden;
}

/* 
.hideme { visibility: hidden; }
.showme { visibility: visible; }
*/

#findaboat_menu {
position: relative;
z-index: 94;
}



#findaboat_content {
position: relative;
z-index: 99;
width: 615px;
_width: 650px;
height: 258px;
_height: 285px;
font: 1em/2.2em 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
_font: .9em/2.2em 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 15px 0 -300px 0;
padding: 10px 15px 15px 15px;
overflow: hidden;
opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;
}

.boat_links { float: left; }

.boat_links a { color: #003; font-size: 1em; line-height: 1.9em; }
.boat_links a:hover { color: #000; }

#boatinfo {
width: 350px;
height: 100px;
margin-bottom: 5px;
}

#boattitle {
font-size: 1.3em;
color: #1B3D61;
}
#boatdescription {
font-size: 1em;
color: #111;
letter-spacing: 1px;
}

#category_buttons {
width: 134px;
height: 190px;
float: right;
margin: 20px -5px 0 0;
_margin: 25px 0px 0 0;
}

#category_buttons a, .cat_button_off {
color: #fff;
font-size: .9em;
_font-size: 1em;
padding: 3px 3px 3px 13px;
_padding: 3px 3px 3px 12px;
}

#category_buttons a:hover, .cat_button_on {
color: #FFF475;
background: url("../img/yellow-arrow.gif") left no-repeat;
}

#boatimg { margin-right: 15px; }

/* ########--- FIND A DEALER ---######### */

#findadealer {
position: relative;
z-index:98;
width: 470px;
height: 200px;
margin: -72px 0 -200px 135px;
_margin: -303px 0 0 150px;
padding: 0 15px 15px 15px;
font: 1.1em 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
visibility: hidden;
}


#findadealer_menu {
position: relative;
z-index: 94;
}

#findadealer_content {
position: relative;
z-index: 99;
width: 415px;
height:135px;
font: 1.1em/2em 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 15px 0 -177px 0;
_margin: -5px 0 -157px 7px;
padding: 10px 15px 15px 15px;
_padding: 0px 10px 10px 2px;
overflow: hidden;
opacity:1; filter: alpha(opacity=100); -moz-opacity: 1;
}

/* BOTH: FIND A BOAT & FIND A DEALER */
#findaboat_content a, #findadealer_content a {
text-decoration: none;
}

#findaboat_content a:hover, #findadealer_content a:hover {
text-decoration: underline;
}


#dealer_title {
margin: 0;
padding: 46px 0 0 0;
color: #fff;
font-size: 2em;
}

#left_product_nav_bar {
background: url("/navigation/left_product_nav_bar-bg.jpg") repeat-x;
}

#pagetitle {
font: 44px/49px "Times New Roman", Serif;
letter-spacing: -1px;
margin: 10px 0 20px 0;
}

#pagedescription {
font: 13px/15px Helvetica,Arial,San-serif;
letter-spacing:0;
}
#gw-facebook-icon {
position: relative;
float: right;
margin: 0px 0px 0 0;
_margin: -14px 0 0 0;
}