/* Typography & Colors 
------------------------------------ */
*
{
font-family: Verdana, Arial, Helvetica, Trebuchet, Tahoma, sans-serif;
margin:0;
padding:0;
}

.DisplayNone
{
    display:none;
}
img
{
    border:none;
}
fieldset
{
    border: none;
    padding: 0px;
    border: none;

}
.fieldsetDiv
{
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
    border: none;
}
.fieldsetDiv_grey
{
    padding: 0px;
    margin: 0px;
    background-color: #F2F2F2;
    border: none;
}
.fieldsetContent
{
        margin: 0px 10px 0px 10px;
}

body
{
    font-size: 70%;
    padding: 0px;
    margin: 0px;
            color: Green;
}
a 
{
    text-decoration: none;
        color: #5DBA45;
}
a:hover
{
        text-decoration: none;
    color:Black;
}
a:visited
{
        text-decoration: none;
        color: inherit;
}
hr
{
    margin: 5px;
}
h1
{
    font-size: 1.2em;
    font-weight: bold;
    font-variant: normal;
}
h2
{
    font-size: 1.1em;
    font-weight: bold;
    font-variant: normal;
    color:Black;
}
h3
{
    color:White;
    margin-bottom:2px;
    font-size: 1.1em;
    font-weight: bold;
    font-variant: normal;
}
h4
{
    font-size: .9em;
    font-weight: bold;
    font-variant: normal;
        color: Green;
}
h5
{
    font-size: .9em;
    font-weight: bold;
    font-variant: normal;

}
.BrandSearch a
{
    color: #5DBA45;
    font-size: 1.4em;
    font-weight: bold;
    font-variant: normal; 
        float: left; 
        width: 20px;
        text-align:center;
        display: block;
         
}
.BrandSearchSmall
{
    color: #5DBA45;
    font-size: 1.1em;
    font-weight: bold;
    font-variant: normal;
    float: left; 
}
legend
{
    border-style: none;
    padding: 10px 0px 3px 0px;
    margin: 0px;
    color: Black;
    font-size: 1.1em;
    font-weight: bold;
    font-variant: normal;
    font-family: Courier New;
    font-weight: bold;
}
.legendLabel
{
    border-style: none;
    padding: 10px 0px 3px 30px;
    margin: 0px;
    color: Black;
    font-size: 1.3em;
    font-weight: bold;
    font-variant: normal;
    font-weight: bold;
}
.productHeader
{
    font-size: .9em;
    color: #194373;
    vertical-align: top;
}
.productdata
{
    font-size: 1.1em;
    color: #A8C1DE;
}

.productdata a
{
    text-decoration: none;
    color:Green;
}
.productbrand
{
    font-size: 1.2em;
    color: Green;
    font-weight: bold;
}

.productbrand a
{
    text-decoration: none;
    color: Green;
}
.productprice
{
    font-weight: bold;
    font-size: 1.1em;
    color: Green;
}
.productavailability
{
        font-size: 1.1em;
    color: Green;
}
.SmallButtonText
{
    color: Black;
    font-size: 10xp;
}


/* Structure
------------------------------------ */

#adminFrame
{
    border-style: none;
    background-color: #F2F2F2;
    margin: 0px;
    padding: 10px;
    bottom: 0px;
    top: 0px;
    right: 0px;
    left: 0px;  
}
#adminHeader
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
    height: 75px;
}
#adminLeft
{
    width: 150px;
    float: left;
    padding: 10px 5px 10px 5px;
    background: #F2F2F2;
        vertical-align: top;
}
#adminRight
{
    padding: 10px 5px 10px 0px;
    background: #F2F2F2;
    vertical-align: top;
    top: 0px;
    left: 0px;
    margin-bottom: 0px;
    margin-left: 175px;
}
#adminFooter
{
    clear: both;
    padding-left: 220px;
}


/* Headers
------------------------------------ */
#HeaderImage
{
    vertical-align: middle;
    text-align: center;
    border-style: none;
}
.PageDescription
{
    font-size: 1.1em;
    font-weight: bold;
    color: #194373;
    text-align: justify;
}

/* Images 
------------------------------------ */
.DetailImage
{
    margin: 10px;
    border-style: none;
}
.BackButton
{
    border-style: none;
    padding: 0px;
    margin: 0px;
    background-image: url(  'images/SiteNav/BackButton.png' );
    height: 50px;
    width: 50px;
}

/* Lists
------------------------------------ */
#ForumList
{
    padding: 10px;
    margin: 5px;
    width: 505px;
    
}
.listPrice
{
	text-decoration: line-through;
	color: Maroon;
}
.salesPrice
{
	font-weight: bold; 
	color: Maroon;
}
.Red
{
	color:Red;
	font-weight:bold;
}
.ForumTitle
{
    padding: 0px;
    margin: 0px;

}
.ForumDate
{
    padding: 0px;
    margin: 0px;
}
#ArchiveList
{
    padding: 0px;
    margin: 0px;
    width: 450px;
}
#rpStoryArchive
{
    width: 400px;
}
#menuList
{
    margin: 0px;
    background-color: #FFFFFF;
    color: #194373;
    text-indent: 5px;
}
.menuList a
{
    display: block;
    width:350px;
    height:20px;
    color: #194373;
    text-indent: 5px;
}
.menuList a:hover
{
    color: #194373;
    background-color: #A8C1DE;
        text-align: left;
    text-indent: 5px;
}
#adminList
{
    margin: 0px;
    background-color: #FFFFFF;
    color: #194373;
    text-indent: 5px;
}
.adminList a
{
    display: block;
    width:150px;
    height:20px;
    color: #194373;
    text-indent: 5px;
}
.adminList a:hover
{
    color: #194373;
    background-color: #74491A;
        text-align: left;
    text-indent: 5px;
}
.browseProducts
{
    font-size: 1em;
    color: #194373;
}
#FreeShipping
{
    border: none;
    text-align: left;
    margin-top: 10px;
    padding: 0px;
    margin-bottom: 0px;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
}
#Powered
{
    padding: 7px 5px 7px 5px;
    color: #194373;
    position: relative;
    width: 95%;
    height: 50px;
    text-align: center;
    margin-top: 10px;
    vertical-align: middle;
    margin-bottom: 10px;
    top: 0px;
    left: 0px;
}
.StoryHeader
{
    font-size: 1.1em;
    font-weight: bold;
        color: #74491A;
}
.HiddenColumn
{
    visibility:hidden;
}

/* Navigation
------------------------------------ */

#site_Nav_Menu
{
    cursor: pointer;
    text-align:left;
}


.DynamicMenu
{
    padding: 5px;
    border-width: 2px;
    border-color: #99FFCC #006666 #006666 #99FFCC;
    border-style: solid;
    width: 265px;
}
.StaticMenu
{
    padding: 5px;
    width: 265px;
}
.DynamicMenuItem
{
    display: block;
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 1px;
}
.StaticMenuItem
{
    display: block;
    padding: 1px;
    width: 100%;
    cursor: pointer;
    color: #FFFFFF;
}
.StaticMenuHover
{
    border-style: solid;
    border-width: 2px;
    display: block;
    border-color: #006666 #99FFCC #99FFCC #006666;
    background-color: #FFFFFF;
    color: #006666;
    font-weight: bold;
}
.DynamicHoverStyle
{
    border-style: solid;
    border-width: 2px 0px 2px 0px;
    display: block;
    border-color: #00FFCC #006666 #006666 #00FFCC;
    background-color: #5DBA45;
    color: #FFFFFF;
    font-weight: bold;
    width: 265px;
}
.VerticalMenu ul.AspNet-Menu li.AspNet-Menu-Selected
{
      background: #background: #1d68ac;
}
#menuContainer ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menuContainer li {
  background-color: #CC6600;
  border: 1px solid #FF9933;
  width: 10em;
  /* this is to make the submenus position relative to this li */
  position: relative; 
}

#menuContainer a {
  text-decoration: none;
  color: #FFCC66;
  font-weight: bold;
  font-size: 10pt;
  font-family: Verdana, Arial, sans-serif;
}
#menuContainer li:hover {
  border: 1px solid #CC6600;   
  background-color: #FF9933;
}

#menuContainer a:hover {
  color: #993300;
}
#menuContainer ul ul {
  position: absolute;
  left: 10em;
  top: 0;
  visibility: hidden;
}
#menuContainer li:hover > ul {
  visibility: visible;
}
/*Mouseover: display second level or third level pop-up*/

#menuContainer li:hover ul, #menuContainer li:hover li:hover ul {
  visibility: visible;
}

/* Hide third level menu when the mouse is over the first level li*/
#menuContainer li:hover ul ul {
	visibility: hidden;
}

#navmenu
{
    z-index: 100;
}


.menuHeader
{
    margin: 3px;
    padding: 0px;
    font-size: 1.1em;
    font-weight: bold;
    color: #194373;
    line-height: 1.1em;
    text-indent: 0px;
}
.orangedot
{
	border-style:dashed;
	border-width:1px;
	color:#FAD46E;
}
.blogMenuHover
{
    background-color: #74491A;
    color: #194373;
    width: 100%;
}
.blogMenuNode
{
    font-size: 1em;
    color: #194373;
}
.blogMenuParent
{
    font-size: 1em;   
        color: #194373;
}
.IdeoClick a
{
    font-weight: bold;
    color: #FFFFFF;
}
.none
{
}
#navcontainer
{
float:left;
padding: 10px;
font-size: 1.2em;
text-align: center;
margin: 0px;
height: 100%;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;

}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
display: inline;
}

ul#navlist li a
{
    display: block;
    width: 200px;
    padding: 0.5em 2em 0.5em 2em;
    border-width: 1px;
    border-color: #EAB199 #9A441F #552511 #EAB199;
    border-style: solid;
    color: White;
    text-decoration: none;
    background: #D25C2C;
    display: inline;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
    color: #D25C2C;
    background-color: Transparent;
    border-color: #552511 #F7E0D7 #EAB199 #9A441F;
}
#navlist>ul#navlist li a { width: auto; }
#menu1
{
    width: 1000px;
float:left;
margin: 0;
padding: 0;
font-size: 1.2em;
text-align: left;

}
#menu1 ul{
    margin:0;
    padding:0;
    list-style-type:none;
    
}
ul#menu1 li
{
display: block;
margin: 0;
padding: 0;
}
ul#menu1 li a
{
    display: block;
    width: 200px;
    padding: 0.5em 0 0.5em 2em;
    border-width: 1px;
    border-color: #EAB199 #9A441F #552511 #EAB199;
    border-style: solid;
    color: White;
    text-decoration: none;
    background: #D25C2C;
}
#menu1 >ul#menu1 li a { width: auto; }

#menu1 ul li{
    display:inline;
}
#menu1 ul li a{
    text-decoration:none;
    float:left;
    height:25;
    margin:12px 0;
    padding:15px;
    width:65px;
    text-align:center;
}
#main_wrapper
{
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}
#header
{
}
#nav
{
    width: 300px;
    float: left;
    padding: 50px 10px 10px 20px;
}
#right_layout
{
    float: left;
    padding: 10px 20px 10px 10px;
    width: 740px;
    vertical-align: top;
}
#footer
{
    clear:both;
}
#nav_inner, #header_inner, #right_layout_inner, #main_inner
{
    overflow:hidden;
}
#main_inner
{
        background: url(../images/Custom/GFS_Background2.jpg) no-repeat top left;
}
#main
{
    width:1100px;
    float:left;
    border-style: none;
}

/* Rounded Corners
------------------------------------ */
div.rounded {
    clear:both;
    max-width:2400px;
    margin:5px auto;
    width:95%;
}

div.rounded div.top {
    background:url(../images/ImageElements/tl_green.png) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    background:url(../images/ImageElements/tr_green.png) no-repeat bottom right;
    height:12px;
    margin-left:12px;
}

div.rounded div.middle {
    background:url(../images/ImageElements/l_green.png) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle div.right {
    background:url(../images/ImageElements/r_green.png) repeat-y right;
    margin-left:2px;
}

div.rounded div.middle div.right div.content {
    background:url(../images/ImageElements/bg_green.png) repeat top left;
    color:#fff;
    margin-right:2px;
    padding:0px 7px;
    text-align:justify;
}

div.rounded div.middle div.right div.content p {
    margin:0px;
    padding-top:15px;
}

div.rounded div.middle div.right div.content h2 {
    color:#0f2;
    margin:0px;
    padding:0px 0px;
}

div.rounded div.bottom {
    background:url(../images/ImageElements/bl_green.png) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    background:url(../images/ImageElements/br_green.png) no-repeat top right;
    height:12px;
    margin-left:12px;
}
div.ProductBoxBottom {
    background:url(../images/ImageElements/ProductBoxBottom.png) no-repeat top left;
    padding:0px;
    height:11px;
    width:200px;
}
div.ProductBoxTop {
    background:url(../images/ImageElements/ProductBoxTop.png) no-repeat top left;
    padding:0px;
    height:7px;
    width:200px;
}
div.ProductBoxMiddle {
    background:url(../images/ImageElements/ProductBoxMiddle.png) repeat top left;
    padding:0px;
    width:200px;
    height:350px;
}
div.ProductBoxButtons {
    width:170px;
    padding:0 15px 0 15px;
        height:40px;
}
div.ProductBox
{
    width:210px;
    margin:5px;
}
div.ProductContent
{
    width:170px;
    padding:0 15px 0 15px;
        height:310px;
}
div.WhiteBoxBottom {
    background:url(../images/ImageElements/WhiteBoxBottom.png) no-repeat top left;
    padding:0px;
    height:11px;
    width:680px;
}
div.WhiteBoxTop {
    background:url(../images/ImageElements/WhiteBoxTop.png) no-repeat top left;
    padding:0px;
    height:7px;
    width:680px;
}
div.WhiteBoxMiddle {
    background:url(../images/ImageElements/WhiteBoxMiddle.png) repeat top left;
    padding:0px;
    width:680px;
}
div.WhiteBox
{
    width:690px;
    margin:5px;
}
div.WhiteContent
{
    width:650px;
    padding:0 15px 0 15px;
    color:Black;
}