﻿@import "../CommandBar.css";

body 
{
	margin:0px 0px 0px 0px;
    background:#E9E9E9 none repeat scroll 0 0;
    font-family:Arial,Helvetica,sans-serif;
    
}
a{color:Gray;}
td{vertical-align:top;}

body, td{
	font-size:16px;
    font-family:Tahoma;
	color:#000;
}

body a{color:Gray;}
body a:hover
{
    text-decoration:Underline;
    color:#FDC325;
}
.clearer{clear:both;line-height:0px;}



/* HEADER AREA */
.HeaderArea
{
    height:50px;
    margin: 0px 13px 0px 12px;
    padding-top:30px;
}
.LogoArea{padding: 0px 0px 0px 5px;margin-left:20px;}
.SideLogoArea {margin-left:0px;}

.HomeSplashOverlay
{
	width:312px;
	height:542px;
	overflow:hidden;
	margin: 00px 0px 0px 0px;
	position:absolute;
	display:block;
	top:44px;
	left:335px;
}
.SideMenuItems
{
    background:url(images/sidebg.png) no-repeat;
    background-position: 90px 0px;
}
.RoundGreen1
{
    width:300px;
}
.RoundGreen1 .RoundGreen1-c 
{
    min-height:224px;
}
/* FOOTER AREA */
.ThreadsFooter
{
}
.ThreadsFooter .FooterMenuItem{}
.PageFooterArea
{
	height: 37px;
	overflow:hidden;
	background-color:Transparent;
	color: #666666;
	padding-left:15px;
	padding-bottom:40px;
	z-index:99999;
}
.PageFooterArea span, .PageFooter a{color: #666666;}
.PageFooterArea .articlebox .body {float:left;}
.PageFooterArea .MainMediaArea{position:relative;top:5px;float:right;}
.PoweredBy{color:#000; top:0px; font-size:10px}


/* MAIN CONTENT AREA */

OneColumnContentArea
{
    min-height:500px;
}
.AboveMainContentArea
{
    padding: 0px 5px 0px 5px;
    height:505px;
    vertical-align:top;
}
.MainContentArea
{
    margin: 0px 25px 0px 25px;
}

.FixedWidthContent
{
    min-width:900px;
}
.MessengerArea
{
    margin-top:3px;
}
.messengerDisplay
{
    background-color:#eeeeee;
    border:#999999 1px solid;
    padding-bottom: 5px;
    line-height:20px;
    padding-left:8px;
    padding-top:5px;
    color:#677f7b;
    font-size:14px;
    max-width: 220px;
    -moz-border-radius : 5px;
    margin-right:1px;
    margin-top:-2px;
    margin-left:-250px;
    position:absolute;
   
}
.LoginBoxOuter
{
    position:relative;
    border-bottom:#a7a7a7 1px solid;
    border-left:#a7a7a7 1px solid;
    border-right:#a7a7a7 1px solid;
    border-top:#a7a7a7 1px solid;
    background:#ffffff;
    clear:both;
    min-width:300px;
    max-width:300px;
    margin-left:5px;
    -moz-border-radius : 5px;
    
}
.LoginBox
{
    min-height:100px;
    border-bottom:#f3f3f3 8px solid;
    border-left:#f3f3f3 8px solid;
    border-right:#f3f3f3 8px solid;
    border-top:#f3f3f3 8px solid;
    background:#ffffff;
    padding: 40px 20px 20px 20px;
    clear:both;
    -moz-border-radius : 5px;
       
}

/* boxes */
.BluWhtOnGryBox1 
{
      
}
.BluWhtOnGryBox1 {background:url(images/MM.jpg) repeat;width:100%;}
.BluWhtOnGryBox1 .BluWhtOnGryBox1a {background:url(images/TM.jpg) repeat-x top;}
.BluWhtOnGryBox1 .BluWhtOnGryBox1b {background:url(images/BM.jpg) repeat-x bottom;}
.BluWhtOnGryBox1 .BluWhtOnGryBox1c {background:url(images/LM.gif) repeat-y left;}
.BluWhtOnGryBox1 .BluWhtOnGryBox1d {background:url(images/RM.gif) repeat-y right;}
.BluWhtOnGryBox1 .BluWhtOnGryBox1e {background:url(images/TL.jpg) no-repeat top left;}
.BluWhtOnGryBox1 .BluWhtOnGryBox1f {background:url(images/TR.gif) no-repeat top right;}
.BluWhtOnGryBox1 .BluWhtOnGryBox1g {background:url(images/BL.gif) no-repeat bottom left;}
.BluWhtOnGryBox1 .BluWhtOnGryBox1h {background:url(images/BR.jpg) no-repeat bottom right;}
.BluWhtOnGryBox1 .BluWhtOnGryBox1-c {padding:0px 30px 15px 15px;text-align:left;}


.GreenOnWhiteBox1
{
    background:url(images/lhtgrn/MM.jpg) repeat; width:300px;
}
.GreenOnWhiteBox1 .GreenOnWhiteBox1a {background:url(images/lhtgrn/TM.jpg) repeat-x top;}
.GreenOnWhiteBox1 .GreenOnWhiteBox1b {background:url(images/lhtgrn/BM.jpg) repeat-x bottom;}
.GreenOnWhiteBox1 .GreenOnWhiteBox1c {background:url(images/lhtgrn/ML.jpg) repeat-y left;}
.GreenOnWhiteBox1 .GreenOnWhiteBox1d {background:url(images/lhtgrn/MR.jpg) repeat-y right;}
.GreenOnWhiteBox1 .GreenOnWhiteBox1e {background:url(images/lhtgrn/TL.jpg) no-repeat top left;}
.GreenOnWhiteBox1 .GreenOnWhiteBox1f {background:url(images/lhtgrn/TR.jpg) no-repeat top right;}
.GreenOnWhiteBox1 .GreenOnWhiteBox1g {background:url(images/lhtgrn/BL.jpg) no-repeat bottom left;}
.GreenOnWhiteBox1 .GreenOnWhiteBox1h {background:url(images/lhtgrn/BR.jpg) no-repeat bottom right;}
.GreenOnWhiteBox1 .GreenOnWhiteBox1-c {padding:20px 20px 15px 15px;text-align:left;height:250px;}


/*  ADMIN PAGE */

.adminPageWidth {width:100%;}
.adminRightContentWidth {width:100%;margin-left:10px;}


/* ARTICLE STYLES */

.articlebox1{margin: 5px 0px 0px 10px;}
.TopArt .articleboxroot h1.Title,.TopArt .articlebox0 h1.Title,.articleBox h1.Title,
.TopArt .FullArticleBox h1.Title,.bloggerBioArea h1.Title, .departmentlistbox h1.Title
{
	display:none; /*Expect this to be in its own title article display now*/
}
.TopArt .articleboxroot .Title,.TopArt .articlebox0 .Title,.articleBox .Title,
.TopArt .FullArticleBox .Title,.bloggerBioArea .Title, .departmentlistbox .Title,
.articleboxroot .Title
{
	font-size: 28px;
	font-weight: bold;
	margin-bottom:6px;
}
.SecLevel .articlebox .Title,.blogRoll .blogArticlebox  .title
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom:6px;
}
.SecLevel .articlebox .MediaArea,.articlebox .mediaArea
{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}

.blogRoll .blogArticlebox .title
{
	margin-top: 10px;
	border-top: solid 2px red;
	border-top-color: #5E9BB4;
}

.blogRoll .blogArticlebox  .pubDate
{
	font-style:italic;
	padding-left:7px;
}
.blogRoll .blogArticlebox  .body {padding-left:20px;}

.articlebox0 .Title, .articlebox1 .Title
{
	margin: 0px 0px 0px 0px;	
	font-size:12px;
	font-weight: bold;
	color:#49453C;
}
.articlebox0 .Title a, .articlebox1 .Title a
{
	font-size:16px;
	font-weight: bold;
	color:#49453C;
	text-decoration:none;
}
.articlebox0 .Title{margin-bottom:5px;}
.articlebox0 .Title a:hover, .articlebox1 .Title a:hover {text-decoration: underline;}

.articlebox0 .ReadMore, .articlebox1 .ReadMore
{
	margin: 0px 25px 5px 0px;	
	font-size:11px;
	color:#9D2426;
	text-align:right;
}
.articlebox0 .ReadMore a, .articlebox1 .ReadMore a
{
	color:#9D2426;
	text-decoration:none;
}
.articlebox0 .ReadMore a:hover, .articlebox1 .ReadMore a:hover{	text-decoration: underline;}

.childArticles li A{color: #D23508;}
.childArticles li A:link { TEXT-DECORATION: none;font-size:12px;font-weight:bold;outline: none;}
.childArticles li A:active { outline: none}
.childArticles li A:visited { TEXT-DECORATION: none;font-size:12px;font-weight:bold;outline: none;}
.childArticles li A:hover {	TEXT-DECORATION: underline;font-size:12px;font-weight:bold;outline: none;}

.FullArticleBox .MainMediaArea {float:left;margin-right:5px;}
.TopArt .FullArticleBox .Title {float:right;margin-right:10px;}
.TopArt .FullArticleBox .body {clear:right;}


.productlistbox {display:inline-block;float:left;padding:0px 10px 0px 10px;}
.productlistbox .Title a
{
	font-size:14px;
	color: #6A6A6A;
	font-weight:bold;
}
.productlistbox .PriceArea
{
	font-size:14px;
	color: #D23508;
	font-weight:bold;
}
.Trails .MenuTree LI {float:left;display:inline-block;}
.TrailArea {float:left;}
.ButtonArea {float:right;}
.ArticleTrailArea {display:none;}


.MainTabArea{border-top: solid 2px;border-top-color: #5794AD;position:relative;top:-4px;}
.Tab {position:relative;top:1px;background: url(/styles/Gel/Black/AngTabM.png) top repeat-x;}
.Taba{background: url(/styles/Gel/Black/AngTabL.png) top left no-repeat;}
.Tabb{background: url(/styles/Gel/Black/AngTabR.png) top right no-repeat;}
.Tab-c{	padding:2px 23px 0px 8px; height:23px;}

.currenttab .Tab {position:static;background: url(/styles/Gel/Brown/AngTabM.png) top repeat-x;}
.currenttab .Taba{background: url(/styles/Gel/Brown/AngTabL.png) top left no-repeat;}
.currenttab .Tabb{background: url(/styles/Gel/Brown/AngTabR.png) top right no-repeat;}
.currenttab .Tab-c{	padding: 2px 23px 0px 8px; height:23px;}

.Tab-c A:link {	TEXT-DECORATION: none;font-size:12px;font-weight:bold;outline: none;}
.Tab-c A:active {	outline: none}
.Tab-c A:visited {	TEXT-DECORATION: none;font-size:12px;font-weight:bold;outline: none;}
.Tab-c A:hover {	TEXT-DECORATION: underline;font-size:12px;font-weight:bold;outline: none;}

.currenttab A:link {font-size:13px;}
.currenttab A:active {font-size:13px;}
.currenttab A:visited {font-size:13px;}
.currenttab A:hover {font-size:13px;}

.PagerPages {cursor:pointer; font-size:10px;}
.PagerCurrentPage {font-size:14px; font-weight:bold; color: Blue;}


/* MENU STYLES */

/* Main Menu */
.MainMenu {position:relative;z-index:4;}

.MainMenuItem a 
{
    background: url(images/menu-devider.gif) no-repeat 0px 12px;
	color:White;
	text-decoration:none;
	font-size:19px;
	padding: 6px 24px  10px 20px;
}
.MainMenuItem a:hover 
{
	color:#fdc325;
}
.MainMenuItem.Selected a,.MainMenuSubMenuItem.Selected a
{
    color:#fdc325;
}
.MainMenuSubMenu
{
    background-color: #1D454F;
    padding: 5px 0px 5px 0px;
}
.MainMenuSubMenuItem
{
	border-bottom:solid 1px black;
}
.MainMenuSubMenuItem.LastChild
{
	border-bottom:solid 0px black;
}
.MainMenuSubMenuItem a{
	padding: 4px 10px 7px 10px;
	color:White;
	text-decoration:none;
}
.MainMenuSubMenuItem a:hover
{
	background:url(images/MenuHighlight.png) repeat-x left top;
	color:#fdc325;
}


/*FooterMenu*/
.FooterMenu
{
	border-top: thin solid #1D4954;
	margin-top:1px;
	width: 800px;
}

.FooterMenuItem a,.FooterMenuItem a:hover
{
    padding: 4px 12px;
    text-decoration:none;
    color:Black;
    font-size:17px;
}

/*AltMenu*/
.AltMenu
{
	float:right;
}

.AltMenuItem
{
	margin: 2px 15px 7px 5px;
	text-transform:uppercase;
}
.AltMenuItem a
{
    font-size:12px;
    text-decoration:none;
}

.AltMenuItem a:hover{text-decoration:underline;color:Red;}



/*Second Menu */

.secondMenu-Inner
{
    min-width:220px;width:220px;
	font-weight:600;
}

.secondMenu-Inner li
{
    list-style: none;
    display:inline-block;
    float:left;
    
}
.secondMenu-Inner .MenuItem { border-right: solid 1px #1C444E;padding: 0px 15px 0px 15px;}
.secondMenu-Inner .LastChild {border-right: none;}
.secondMenu-Inner .MenuItem a{color:Gray;}
.secondMenu-Inner .MenuItem a:hover{color:#FDC325;}

        
.tabs ul
{
	margin-left: 2px;
	padding:0px;
	list-style-type: none;
}
.tabs li
{
	margin:0px;
	padding:0px;
	background:transparent;
	margin-left: 0px;
	float: left;
	display:inline;
}

.Tab
{
	margin: 0px 10px 0px 10px;
}

.Taba
{
	margin:0px -10px 0px -10px;
}

.Tabb
{
}
.Tab-c
{
	padding:0px 20px 0px 8px;
}
.Tab a
{
	color:White;
	font-weight:bold;
	text-decoration:none;
	border:none;
	padding-bottom:3px;
}
.MainTabArea
{
	position: relative;
	top: -2px;
	clear: both;
	border-top: solid 2px black;
	border-top-color: #869B01;
	padding:5px 0px 0px 5px;
}

.MainTabArea{border-top: solid 2px;border-top-color: #5794AD;position:relative;}
.Tab {position:relative;top:-1px;background: url(/styles/Gel/Black/AngTabM.png) top repeat-x;height:19px;}
.Taba{background: url(/styles/Gel/Black/AngTabL.png) top left no-repeat;height:19px}
.Tabb{background: url(/styles/Gel/Black/AngTabR.png) top right no-repeat;height:19px}
.Tab-c{	padding:2px 23px 0px 8px; height:19px;}

.currenttab .Tab {position:relative;top:-1px;background: url(/styles/Gel/Green/AngTabM.png) top repeat-x;height:19px;}
.currenttab .Taba{background: url(/styles/Gel/Green/AngTabL.png) top left no-repeat;}
.currenttab .Tabb{background: url(/styles/Gel/Green/AngTabR.png) top right no-repeat;}
.currenttab .Tab-c{	padding: 2px 23px 0px 8px; height:19px; }

.Tab-c A:link {	TEXT-DECORATION: none;font-size:12px;font-weight:bold;outline: none;}
.Tab-c A:active {	outline: none}
.Tab-c A:visited {	TEXT-DECORATION: none;font-size:12px;font-weight:bold;outline: none;}
.Tab-c A:hover {	TEXT-DECORATION: underline;font-size:12px;font-weight:bold;outline: none;}

.currenttab A:link {font-size:13px;}
.currenttab A:active {font-size:13px;}
.currenttab A:visited {font-size:13px;}
.currenttab A:hover {font-size:13px;}




.FrontPageNews
{
    vertical-align:top;
    background:transparent url(images/box-line.gif) repeat-y scroll 330px 0;
    min-height:120px;
    margin: 35px 0px 0px 10px;
    padding-right:20px;
    
}
.FrontPageNews .articlebox .Title
{
    color:#fff;
    margin-bottom:20px;
    font-size:2.083em;
    font-weight:normal;
    line-height:1em;
    
}
.FrontPageNews .articlebox .Summary
{
    color:#ffffff;
    margin-bottom:20px;
    font-size:1.4em;
    font-weight:normal;
    line-height:1em;
    
}
.FrontPageNews  #ctl00_mainContent_A1_glA1_title_1
{
    font-size:0.8em;
    font-weight:normal;
    line-height:1em;
    color:#FDFDFD;
    text-decoration:Underline;
}


.FrontPageNews .articlebox .Title a
{
    text-decoration:none;
    color:#fff;
}
.FrontPageNews .articlebox .Title a:hover
{
    text-decoration:underline;
    color:Red;
}
.FrontWelcome
{
    
}
.FrontBottomLeft
{
    vertical-align:top;
    background:transparent url(images/line.gif) repeat-y scroll 430px 0;
    min-height:200px;
    margin: 35px 0px 0px 10px;
    padding-right:20px;
    max-height:200px;
}
.FrontBottomRight
{
    margin: 35px 0px 0px 10px;
}

.featuredanimibox
{
	position:absolute;
	width:360px;
	height:144px;
	overflow:hidden;
	display:none;
}
.FeaturedProductSplash
{
    float:right;
    min-width:560px;
    padding:5px 10px 10px 10px;
    display:block;
 /*  
    
    border:#a7a7a7 1px solid;
    -moz-border-radius : 5px;*/
}

.RoundGreen1
{
    max-width:325px;
    margin-left:10px;
}
/*
.FrontLeftSideContent1Style
{
    max-width:325px;
    min-height:200px;
    margin-top:-18px;
    margin:10px 10px 10px 10px;
    border:#a7a7a7 1px solid;
    -moz-border-radius : 5px;
}
.FrontLeftSideContent1Style
{
    max-width:325px;
    min-height:200px;
    margin-top:-18px;
    margin:10px 10px 10px 10px;
    -moz-border-radius : 5px;
}
*/
.ProductPageListBox
{
    max-width:400px;
    min-height:200px;
    margin-top:-18px;
    margin:10px 10px 10px 10px;
    border:#a7a7a7 1px solid;
    -moz-border-radius : 5px;
}

.CustomerBox
{
    max-width:325px;
    min-height:440px;
    margin-top:-18px;
    margin:10px 10px 10px 10px;
    border:#a7a7a7 1px solid;
    -moz-border-radius : 5px;
}

.HomeRightSideContent
{
    position:relative;
    z-index:5;
}

.WhOnWhTop
{
    width: 245px;
    max-width:245px;
    float:right;
}

/* pagination styles */
.Pager
{
    margin-top:25px;
    padding: 0px 5px 10px 5px;
}

.PagerCurrentPage
{
    background:#FFFFFF none repeat scroll 0 0;
     color:#FDC325;
    font-weight:bold;
    padding:0px 2px ;
    vertical-align:bottom;
    font-size:13px;
    margin-bottom:2px;
}
.PagerPages
{
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #DDDDDD;
    padding:2px 4px;
    text-decoration:none;
    margin-right:2px;
    width:20px;
    max-width:20px;
    font-size:10px;
}

.PagerPages:hover
{
    background-color:#2e6ab1;
    color:#fff;
    border:1px solid navy;
}

/* product details styles */
.ProductMenuContainer
{
   /*background: url(images/box-line.gif) repeat-y 0px 2px;*/
   border-left:#a7a7a7 1px solid;
   padding-left:15px;
   position:relative;
   top:-10px;
}
.ProductDetailsRoot 
{
    padding: 15px 5px 5px 5px;
    font-size:13px;
    
}
.childArticles
{
    width:400px;
    float:right;
}
.articlebox .articlebox0 .Title a
{
    font-size:12px;
    font-weight:500;
    padding-left:20px;
}

.MainMediaArea
{
    float:left;
}
.FrontPageBottomContent{padding-top:-25px;padding-bottom:25px;}
.OrgBox2
{
    min-width: 800px;
    margin-left:-7px;
}
.articlebox 
{
    padding: 0px 5px 5px 5px;
}
.articlebox .Title a
{
    font-size:15px;
    font-weight:400;
    text-decoration:none;
    color:#1C444E;
}

.articlebox .Title a:hover{color:#FDC325;}
 
 .articlebox .Summary{padding: 4px 4px 4px 4px;}
 
.articlebox .articlebox0 .title a
{
    font-size:15px;
    font-weight:400;
    text-decoration:none;
    color:#1C444E;
}
.articlebox .articlebox0 .title a:hover{color:#FDC325;}

.FrontWelcome .articlebox .title
{
    margin:25px 0px 10px 160px;
    font-size:24px;
    font-weight:500;
    color:#fff;
}
.FrontWelcome .articlebox .mediaArea
{
    margin-top:-30px;
    padding: 0px 10px 10px 0px;
}
h3
{
    font-size:12px;
}
.FrontPageNews .articlebox .Title
{
    font-weight:500;
    color:#fff;
 }
.FrontPageNews .articlebox .Summary{padding: 4px 4px 4px 4px;color:Black;font-size:12px;}

.ProductFrame
{
    min-height:425px;
    border:#a7a7a7 1px solid;
    -moz-border-radius: 5px;
}


.SelectedTree
{
	background-color: #337E91;
	color: #FFFFFF;
	padding: 2px 50px 2px 5px;
}


.ProdCatFrameBody
{
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:Transparent;
overflow:auto;
overflow-x: hidden;
}

.ProductFrame 
{
width:325px;margin:0px 0px 0px 0px;
background-color:Transparent;
}
.PCatFrameArea .ProductFrame
{
    width:300px;
    border:none;
}

.ProductCatalogArea
{
width:620px;
overflow:hidden;
}

.ProductCatalogArea ul
{
	padding-left:0px;
	margin-left:10px;
	white-space:nowrap;
}
.ProductCatalogArea LI
{
	list-style-position: inside;
	text-align:left;
    padding:2px 0px;
 }
.ProductCatalogArea LI, .ProductCatalogArea a
{
	color: #000000;
	cursor:pointer;
	font-size:14px;
}
 
.ProductCatalogArea div:hover, .ProductCatalogArea a:hover
{
	color: #FF8500;
}

.ProductCatalogArea LI div
{
display:inline;
}

.HomePageProductListArea
{
    width:350px;
}

.HomePageHighlightArea
{
    position:relative;
    width:280px;height:225px;overflow:auto;
}

.HomePageHLProd {display:none;position:absolute;    top:0px;
    left:0px;
}

.FeatureProdHead
{
	margin-top:-5px;
}
.FeatureProdHead h2
{
	padding:0px;
	margin:0px 0px 5px 0px;
	font-size:18px;
}
.FeatureProdHead .articlebox
{
	padding:0px;
}

.TwoColLeft
{
	width:40%;
}
.TwoColRight
{
	width:60%;
}

.MenuArea
{
float:left;
}

.loginCultureArea
{
float:right;
position:relative;
z-index:5;
top:8px;
}

.ProductSearchBox
{
	margin-top:2px;
	width:140px;
	overflow:hidden;
}

.CheckOutItemsArea h4
{
	font-size: 10pt;
	font-weight: bold;
}

.CheckOutItemsArea .ProductArea
{
	padding-bottom:10px;
	border-bottom:solid 1px black;
}

.CheckOutItemsArea .LastChild
{
	border:none;
}


.SalesOrderHeader {border-bottom:solid 3px black;margin-bottom:20px;padding-bottom:10px;}
.DiscountArea {display:none;}
