.MainNavContainer ul,.MainNavContainer ol,.MainNavContainer h1,.MainNavContainer h2,.MainNavContainer h3,.MainNavContainer h4,.MainNavContainer h5,.MainNavContainer h6,.MainNavContainer pre,.MainNavContainer code,.MainNavContainer form,.MainNavContainer fieldset,.MainNavContainer legend,.MainNavContainer input,.MainNavContainer textarea,.MainNavContainer p,.MainNavContainer blockquote,.MainNavContainer th,.MainNavContainer td

{margin:0;padding:0;}

.MainNavContainer ul {
list-style: none;
}



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

/* GLOBAL STYLES
--------------------------------------------------------------------------*/
/* GLOBAL FONT STYLES
 * Used as defaul font styles throughout sites. Any new modules should 
 * be referenced here. Variants in line-height, size, weight should be
 * specified on the specific selector.
--------------------------------------------------------------------------*/
.MainNavWrapper, 
.MainNav, 
.SubNav, .TopNav
{
    font:12px/15px Arial,Verdana,Helvetica,Sans-Serif;
    color:#141414;
}

/* THEME BORDERS
--------------------------------------------------------------------------
 * In most cases theme borders are controled globally. In some instances
 * it was necessary to explcitly add the border styles to the selector. 
 * When making changes to border color, the following styles also refernce
 * variants of border size in the specific selector.
    .KitContent;
    .ModalWindowScAv .OverFlow .SubHeader;
    .ModalWindowScAv .OverFlow tr.R1 td,
    .ModalWindowScAv .OverFlow tr.R2 td;
    .ModalWindowHelp hr;
    .TableHeader th;
    .KitRow td;
    .KitRow td.Image a;
    .KitRow td.KitDescription;
    .KitRow td.Divider,
    .OrderPlaced,
    .CookieJScript
--------------------------------------------------------------------------*/
.Border     {border:1px solid #9D9D9D;}
.BorderT    {border-top:1px solid #9D9D9D;}
.BorderR    {border-right:1px solid #9D9D9D;}
.BorderB    {border-bottom:1px solid #9D9D9D;}
.BorderL    {border-left:1px solid #9D9D9D;}

/* THEME COLORS
--------------------------------------------------------------------------
 * The theme colors below control background colors, links, H1 - H5. 
 * The theme color style must be changed on the explicit select in some cases.
--------------------------------------------------------------------------*/
a.ThemeLink {color:#C60;}
a.ThemeLinkBlue {color:#006699;}
.ThemeBorder    {border-color:#393939 !important;}
.ThemeBG        {background-color:#2f3842 !important;}
.ThemeColor {color:#C60;}

/* Borders on Parent Category Navigation */
.NavTab ul li
{
    border-left:solid 1px #666;
}

/* Border on containing navigation element */
.MainNav
{
    border-color:#4f4f4f;
    font-size:11px;
}

/* MARGINS AND PADDING
--------------------------------------------------------------------------
 * If at all possible, avoid adding margins to specific selectors. The
 * Majority of modules can use the default classes for padding / margin below.
 * The way to refence these classes is the logical order of the style. 
 * Example adding a Margin of 5 pixels to the left/bottom would be called like this:
 * class="Margin5B Margin5L"
 * This is also true for padding.
--------------------------------------------------------------------------*/
.Margin5    {margin:5px;}
.Margin5T   {margin-top:5px;}
.Margin5R   {margin-right:5px;}
.Margin5B   {margin-bottom:5px;}
.Margin5L   {margin-left:5px;}

.Margin10    {margin:10px;}
.Margin10T   {margin-top:10px;}
.Margin10R   {margin-right:10px;}
.Margin10B   {margin-bottom:10px;}
.Margin10L   {margin-left:10px;}

.Padding5   {padding:5px}
.Padding5T  {padding-top:5px}
.Padding5R  {padding-right:5px}
.Padding5B  {padding-bottom:5px}
.Padding5L  {padding-left:5px}

.Padding10  {padding:10px;}
.Padding10T {padding-top:10px}
.Padding10R {padding-right:10px}
.Padding10B {padding-bottom:10px}
.Padding10L {padding-left:10px}

.Padding15  {padding:15px;}

/* FLOATS / CLEARS AND ALIGNMENTS
--------------------------------------------------------------------------
 * Like margins and padding, specifically creating styles for floats 
 * should be avoided. If creating an existing selector only because it 
 * needs a float added should be avoided. For example if the class "Corey"
 * already exist but I needed it floated left. Instead of making another 
 * class called "Corey2" instead call the following class="Corey FloatLeft".
--------------------------------------------------------------------------*/
.FloatLeft {float:left}
.FloatRight {float:right;}

.Center {text-align:center;vertical-align:middle;}

.Clear {clear:both;}
.ClearLeft {clear:left;}
.ClearRight {clear:right;}

/* FLOATS / CLEARS AND ALIGNMENTS

/* GRADIENT ELEMENTS
--------------------------------------------------------------------------
 * Gradients can be achieved with css or images. Whenever a new gradient
 * is needed, first determine if css can be used to create the gradient.
 * If it can't, use an image like the one referenced below in "".Gradient-BT".
--------------------------------------------------------------------------*/
.GradientB-T {background:url('../images/bg-top-nav.jpg') bottom repeat-x;}
.GradientInner
{
    -moz-box-shadow: inset 0 0 15px 10px rgba(226, 226, 226, .5);
    -webkit-box-shadow: inset 0 0 15px 10px rgba(226, 226, 226, .5);
    box-shadow: inset 0 0 15px 10px rgba(226, 226, 226, .5);
}

/* ROUNDED CORNERS
--------------------------------------------------------------------------
 * Rounded corners SHOULD be added to the specific selector.  They should
 * be not be referenced within the specific selector. For example, if the 
 * class "Corey" needed rounded corners of 5 you could create the rounded
 * corners below like this.  (class="Corey Radius5"). If the need for 
 * additional rounded elements (like radius 10 or 15) are needed, they 
 * should be added here. 
--------------------------------------------------------------------------*/
.Radius5 
{
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
}

.Radius5Top
{
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}

.Radius5Bottom
{
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
}

.Radius5Right
{
    -moz-border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
}

.Radius5Left
{
    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
}
 

/* PARENT NAVIGATION
--------------------------------------------------------------------------
 * Parent navigation elements are persistent on all pages except checkout
 * and specialty content pages.
--------------------------------------------------------------------------*/
.MainNavWrapper
{
    width:940px;
    margin:0 30px 0px;
    position:relative;
    z-index: 4;
}

.MainNavContainer
{
    position:relative;
    z-index: 4;
}

.MainNav
{
    width:938px;
    height:38px;
    -moz-box-shadow: inset 0 0 5px 5px rgba(35, 35, 35, .2);
    -webkit-box-shadow: inset 0 0 5px 5px rgba(35, 35, 35, .2);
    box-shadow: inset 0 0 5px 5px rgba(35, 35, 35, .2);
 
    font-family:Arival,Verdana,Helvetica,sans-serif;
    text-align:center;
    z-index:4;
    position:relative;
    background:url('../images/bg-nav.jpg') repeat-x top;
	
}

.NavTab ul li
{
    height:38px;
    float:left;
    width:132px;
	font-size:12px;
	
}

.NavTab ul li:first-child {border-left:0;}
.NavTab ul li:last-child{border-right:0;}

.NavTab ul li a, 
.NavTab ul li span
{
    padding-top:11px;
    height:27px;
    display:block;
    color:#FFF;
    text-decoration:none;
    cursor:pointer;
    text-shadow:0.1em 0.1em 0.1em #333;
}    

.NavTab ul li a:hover,
.NavTab ul li span:hover, .NavTab ul li .Selected
{
    background:#eee;
    -moz-box-shadow: inset 1px 1px 10px 1px rgba(18, 18, 18, .8);
    -webkit-box-shadow: inset 1px 1px 10px 1px rgba(18, 18, 18, .8);
    box-shadow: inset 1px 1px 10px 1px rgba(18, 18, 18, .8);    
    text-shadow:0.02em 0.05em 0.02em #333;
    -webkit-gradient(linear,0 0,0 100%,from(rgba(0, 0, 0, .8)),color-stop(.1,transparent),to(transparent)),-webkit-gradient(linear,0 0,0 100%,from(rgba(0, 0, 0, .2)),color-stop(.3,transparent),color-stop(.7,transparent),to(rgba(0, 0, 0, .2))),-webkit-gradient(linear,0 0,100% 0,from(rgba(0, 0, 0, .2)),color-stop(.2,transparent),color-stop(.8,transparent),to(rgba(0, 0, 0, .2))),-webkit-gradient(linear,0 0,0 100%,from(rgba(47, 47, 47, 1)),color-stop(0.97,rgba(75, 75, 75, 1)),color-stop(0.97,transparent),to(rgba(0, 0, 0, .45)));
	color:#000;
}

/* MEGAMENU DROP DOWN
--------------------------------------------------------------------------
 * Drop down menu shows when parent navigation elements clicked.
--------------------------------------------------------------------------*/
#Mens, #Womens, #Supplies, #Inground, #OutdoorLiving, #ShopAll, #AboveGround, #Sauna, #Composite, #Nylon, #Leather, #Games, #Home
{
    position:absolute;
    top:35px;
    right:-5px;
    z-index:4;
	text-align:left;
}
.NavMegaMenu
{
    width:930px;
    background:#eee;
    font-size:13px;
    line-height:18px;
    display:none;
    -moz-box-shadow:   5px 10px 20px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow:  5px 10px 20px 1px rgba(0, 0, 0, .3);
    box-shadow:  5px 10px 20px 1px rgba(0, 0, 0, .3);
	border:1px solid #777777;
	border-top:none;
}
.Title {
	border-bottom: 1px solid black;
	width:100%;
	margin-bottom:10px;	
}
.NavMegaMenu .Title p
{
    color:#FFF;
}
.NavMegaMenu .Title h2
{
	font-size:21px;
	font-weight:400;
	margin:7px 0 14px 0;
	text-shadow: 1px 1px 1px #FFF;
	letter-spacing:-1px;
}
.NavMegaMenu .Title a:hover {
	text-decoration:underline;
	color:#000;
}

.NavMegaMenu .Columnx1
{
    width:156px;
    background:#FFF;
}
.NavMegaMenu .Columnx1ext
{
    width:200px;
    background:#FFF;
}

.NavMegaMenu .Columnx2
{
    width:344px;
    background:#FFF;
}

.NavMegaMenu .Columnx2ext
{
    width:440px;
    background:#FFF;
}

.NavMegaMenu .Columnx3
{
    width:522px;
    background:#FFF;
}

.NavMegaMenu .Columnx5
{
    width:907px;
    background:#FFF;
}
.NavMegaMenu .Columnx4
{
    width:907px;
    background:#FFF;
}

.NavMegaMenu .Content {}

.NavMegaMenu p
{
    font-weight:bold;
    font-size:13px;
	margin-bottom:4px;
}

.NavMegaMenu a {color:#333;}
.NavMegaMenu a:hover {color:#4fb6e3;}

.SubNav
{
    background:#EEE;
    border-color:#C3C3C3;
    border-top:none;
    text-transform:uppercase;
    
    text-align:right;
    height:26px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    margin:0 3px;
    z-index:1;
    position:relative;
}

.SubNav ul li
{
    border-left:1px solid #C8C8C8;
    float:right;
    text-align:right;
    margin:6px 0;
    padding:0 17px;
	font-size:10px;
}
.SubNav a {
	color:#000;
}
.SubNav a:hover{
	text-decoration:underline;
	color:#000;
}

.subnavleft ul li{
	color:#F00;
}
.subnavleft a{
	color:#F00;
}
.subnavleft a:hover{
	text-decoration:underline;
	color:#F00;
}


/* MEGAMENU DROP DOWN
--------------------------------------------------------------------------
 * Drop down menu shows when parent navigation elements clicked.
--------------------------------------------------------------------------*/
#ShopAll
{
    position:absolute;
    z-index:4;
    display: none;
    left:0;
    top:40px;    
}