/*

> Site left align
> Left menu is fixed
> Left portion of main content is fixed
> Middle portion of main content is horizontally centered within main content
> Right portion of main content is right align
> Top navigation width=100%
> Footer with=100%

> Reflection ref. http://cow.neondragon.net/stuff/reflection/src/readme.html
> In a nut shell class="reflect rheight80 ropacity40"

*/

body, html
{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
	color: #000;
	background-color: #000;
	overflow:auto;

}

img{border:none;}

/*
LG stands for light grey or #bebebe
DG stands for dark grey or #959595
B stands for black or #000
W stands for white of #fff
R stands for red
GR stands for green or #8FD400 - Now Aqua #ff5c5e
The nubmer that follows is the font-size in px.
*/

.LG11,.LG12,.LG15{color:#bebebe;}
.DG9,.DG10,.DG11,.DG12{color:#959595;}
.B9,.B10,.B11,.B12{color:#000;}
.R10,.R12{color:Red;}
.W9,.W10{color:#fff;}
.GR12, GR15{color:#ff5c5e;}

.DG9,.B9,.W9{font-size:9px;}
.R10,.DG10,.B10,.W10{font-size:10px;}
.R11,.LG11,.DG11,.B11{font-size:11px;}
.B12,.LG12,.GR12{font-size:12px;}
.LG15,.GR15{font-size:15px;}

.UCASE{text-transform:uppercase;}

/* This div wraps everything */
#wrapper
{	
   position:relative;
	/*min-width:1195px; 
	max-width:1800px;
	padding-top:15px;
	*//* min-width = side navigation + padding + content */
	width:960px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}

a{color:#fff; font-size:11px; text-decoration:none;}

a.Error
{
	color:#000;
	font-size: 11px;
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
	text-decoration:underline;
} 

/* This div wraps the top menu, the subscribe and the radio */
div#Header
{
   /* margin-top:15px;*/
    height:32px;
	width:100%;
	background-color: #000;
	border-top: 1px solid #fff;
}

/* Subscribe - flash */
div#subscribe, #facebookIcon, #youtubeIcon, #mobileIcon{float:right;}

.mmenu {width:200px !important;}
#facebookIcon, #mobileIcon
{
	display: block;
	margin:5px 5px 0px 5px;
}

#youtubeIcon
{
	display:block;
	margin:7px 15px 0px 5px;
	
}

#subscribe{padding:6px 10px 0 0;}
#subscribe span{color:#fff; font-family:Arial, Helvetica, Tahoma, sans-serif; font-size:11px;}
#subscribe .emailInput
{
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	font-size:11px;
	color:#000000;
	background:#efefef;
	border:solid 1px #8a8a89
}
#subscribe .button{vertical-align:middle; margin:0 0 3px 0;}

/* Speaker Image */
div#radio
{
    margin-right:10px;
    margin-left:10px;
}

/* holder for the flash radio */
div#radioPlaceholder
{
    position:absolute;
    top:33px;
    right:10px;
    display:none;
    z-index:100000;
}

#sliderTerms,  #sliderContacts 
{ 
	width:100%; 
	overflow:auto;
	display:none;
	height:197px; 
}

#sliderContacts 
{ 
	height:260px; 
}

/* holder for the subscribe user control 
div#subscribePlaceholder
{
    position:absolute;
    top:33px;
    right:38px;
    width:572px;
    max-width:572px;
    max-height:252px;
    height:252px;
    border:solid 1px #FFF;
    color:#fff;
    font-size:10px;
    display:none;
    z-index:100000;
    padding:0 10px 10px 10px;
}
*/

/* holder for the contact user control */
div#contactPlaceholder
{
    display:none;
}

div.termsPlaceholder
{
    color:#fff;
    font-size: 11px;
}

/* Left hand side navigation */
div.navigation
{
	float: left;
	width: 116px;
	height:655px;
	padding-top:25px;
	background:#000;
	background-image: url("../../Images/navigation/product_nav_bk.gif");
	display:block;
	border-right:solid 1px white;
}

/* Navigation list */
div.navigation ul
{
	list-style-type: none;
	padding: 0;
	margin-top:-10px;
	margin-left:15px;
	border:none 1px white;
}

/* Navigation list items */
div.navigation ul li { margin-top: 1px; }

div.navigation ul li.header{margin-bottom:7px;}

div.navigation ul li.collection a{margin-left:0px;}

/* Navigation list item links */
div.navigation ul li a
{
    display:block;
    padding:0 2px;
    font-size:10px;
    /*text-transform:lowercase;*/
}

/* Navigation list item links */
div.navigation ul li.EXTRAS_LINKS a
{
    display:block;
    padding:0 2px;
    font-size:9px;
    color:#fff;
    text-transform:uppercase;
}

div.navigation ul li.EXTRAS_LINKS a:hover
{
	background-color:#bebebe;
	color:#fff;
	
}

/* Navigation list item links - over effect */
div.navigation ul li a:hover
{
	background-color:#bebebe;
}

/* wraps all the content between the header and the footer */
div#containerNavAndContent
{
    border-top:solid 1px white;    
    border-bottom:solid 1px white;
    padding-top:5px;
       padding-bottom:5px;
}

/* prevents content from unwanted floats */
.cleardiv{clear: both;}

/* Footer styles */
div#Footer{padding: .5em 1em;}

div#rightLinks{float:right; margin-right:-1em;}

div#rightLinks a{text-transform:uppercase; 
	vertical-align:middle; font-size:10px; 
	display:inline-block; line-height:20px;}

div#leftLinks{float:left; width:450px;}

div#leftLinks ul{margin-left:0;}

.error{color:Red;}

.footer ul
{ 
	padding: 0;
	margin-bottom: 1em;
	list-style-type: none;
}

.footer li
{
	display: inline;
	margin-right: 1em;
}


.footer span
{
    /*text-transform:uppercase;*/
    text-transform:uppercase;
    font-size:9px;
}

.FindStoreResult
{
    left:4px;
    width:205px;
    height:166px;
}