body
{
    width:1024px;
    height :100%;
    margin-left:auto;
    margin-right:auto;
    background-image:url(bluebg.jpg) ; 
    margin-top:auto;
    margin-bottom:auto;
    background-repeat:repeat-x; 
    background-repeat:repeat-y;
    background-position:center; 
}

#wrapper
{
 width:1024px;
 }
a:link

{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}
 

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
    font-family :Arial;
    margin-left:20px;
     
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}
.header
{
 font-family :Arial ;
 color: #597579;
 font-size:20px;
 margin-top:10px;
 margin-left:20px;

}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

/* TOP RIGHT MENU   
----------------------------------------------------------*/
#menucontainer
{

    margin-top:0px;
    margin-right:auto;
    margin-left:auto;
    width:942px;
    background-image:url(bluetopheaderbg.jpg);
    background-repeat :repeat-x;
    /* height:43px; MG*/
    height :35px;
}

ul.menu
{
    
    padding: 0 0 2px;
    position: relative;
    margin-right :0px;
    text-align: right;
    margin-top:-30px;
    /*margin-top:0px;*/  
    
}

ul.menu li
{
    
    list-style: none; 
    font-family:Arial;
    font-size:10pt;
    letter-spacing :1pt;
     margin-top :100px;
     text-decoration:none;
     display: inline;
}

ul.menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul.menu li a
{
    padding: 10px 20px;
    font-weight:600;
    text-decoration: none;
    line-height: 2.8em;   
    color: #00869D;
}

ul.menu li a:hover
{   
    text-decoration: none;
    color: #ffffff;
}

ul.menu li a:active
{   
    text-decoration: none;
}

ul.menu li.selected a
{
    background-color: #fff;
    color: #000;
}


#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin-top:50px;
    margin-left:25px;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

.logosearch
{
  background-image :url(../../Content/logosearch.jpg);
  width : 942px;
  /*height:86px; MG*/
  height:82px;
  /* margin-top:0px; */
  margin-top:-25px;
  margin-right:0px;
  background-repeat:no-repeat;
  position:relative;
  
}
#logo-link { 
		position: absolute; 
		top: 15px; 
		left: 20px; 
		width: 350px; 
		height: 75px; 
		background-color: transparent; 
		border: 1px solid teal; 
}

.leftlogo
{
 width:17px;
 height:71px;
 position:absolute;
 left:-17px;
 top:17px;
 background-image :url(blueleft_logo.jpg);
 
}
.search
{
 position:absolute;
 right:210px;
 top:43px;
 font-family :Arial;
 font-size: 18px;
 color:#FFFF8A;
 

}
.searchbutton
{
    border:none;
    right:15px;
    position:absolute;
    top:40px;
}
.txtsearch
{
right:35px;
position:absolute;
top:39px;
}

#content
{
 background-color:#fff;
 width: 942px;
 margin-top:15px;
 margin-left:auto;
 margin-right:auto;
 /* right now the height is a fixed value for development */


}


#main
{

width:942px;
margin-bottom:0px;
padding:0px;
height:auto;
overflow:hidden;



  /*   _height: 1px; only IE6 applies CSS properties starting with an underscrore */
}
.promo
{
  
 text-align:center;
line-height:75px;
 color:#ffffff;
 font-size:20px;
 font-family: Georgia, "Times New Roman", Times;
 background-image:url(bluepromobg.jpg);
 width:942px;
 height:68px;
 margin-bottom:0px;

}

#fullnav
{

width:162px;
float:left;
margin-top:10px;
margin-left:5px;
}
.fullnavcontainer
{
    /* set above to width 200 height 365 */
    background: url(leftNavBarBg.gif);
    color: #454D36;
    font-family:  Arial, Helvetica;
    font-size: 13px; 

    width:162px;
     height:auto;
    margin-top:0px;
    padding-bottom:10px;

}

.fullnavcontainer a:link
{
    color: #454D36;
    text-decoration: none;
}
.fullnavcontainer a:visited
{
    color: #454D36;
    text-decoration: none;
}
.fullnavcontainer a:hover
{
    color: #00869D;
    text-decoration: none;
}
.fullnavcontainer a:active
{
    color: #454D36;
    text-decoration: none;
}
.homeproductscontainer
{
 width: 942px;
 height:295px;
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
}
.leftproductbg
{
width:14px; 
float:left;
height:295px;
background-image:url(lefthandbg.png);
background-repeat: repeat-y;

}
.rightproductbg
{
float:right;

width:14px;
height:295px;
background-image:url(righthandbg.png);

background-repeat: repeat-y; 

margin-right:0px;

}
.bottomproductbg
{
 width:942px ;
 height:14px;
 clear:both;

background-image:url(homeproductbottombg.png);

}

.homeproduct
{

width:222px;
height:265px;
float:left;
background-image:url("../../Content/homeProductBg.jpg");
background-repeat:repeat-x;
margin-right:7px;
margin-bottom:0px;
position :relative;
font-family :Arial;
color:#2999ac;
font-size:14px;
font-weight :bold;
margin-top:0px;



}

.homeproduct img {
    border:none;
}


.homeproduct4
{

width:222px;
height:265px;
float:left;
background-image:url("../../Content/homeProductBg.jpg");
background-repeat:repeat-x;
margin-bottom:0px;
position :relative ;
font-family :Arial;
color:#2999ac;
font-size:14px;
font-weight :bold;





}
.homeproduct4 img {
    border:none;
}

.homeproductname
{

width:222px;
height:35px;
margin-top:-0px;
text-align :center;


}
.homeproductname a:link
{
    color: #00869D;
    text-decoration: none;
}
.homeproductname a:visited
{
    color: #00869D;
    text-decoration: none;
}
.homeproductname a:hover
{
    color: #ffffff;
    text-decoration: none;
}
.homeproductname a:active
{
    color: #00869D;
    text-decoration: none;
}
.homeproductprice
{
position:absolute;
margin-top:-20px;
width:222px;
height:35px;
text-align :center;
}

.homeproductbtn
{

width:222px;
height:28px;
background-image:url("../../Content/homeProductBtnBg.gif");
background-repeat:repeat-x;
position:absolute;
margin-top:-2px;
color:#ffffff;
font-family :Times New Roman ; 
 text-align:center;
 line-height:25px;



}

.homeproductbtn a:link
{
    color: #ffffff;
    text-decoration: none;
}
.homeproductbtn a:visited
{
    color: #ffffff;
    text-decoration: none;
}
.homeproductbtn a:hover
{
    color: #005362;
    text-decoration: none;
}
.homeproductbtn a:active
{
    color: #ffffff;
    text-decoration: none;
}
.homemessagearea
{
    height:30px;
    background-color:#C82119;
    color:#ffffff;
    text-align:center;
    font-family: Georgia, "Times New Roman", Times;
    font-size:16pt;
    letter-spacing:1pt;
    padding-top:5px;
}

.homeproductdisplayarea
{
    
}

#footer
{   font-family: Arial, Helvetica, sans-serif;
    font-size:x-small;
    background-image:url(bluebg.jpg);
    background-repeat:repeat;
   text-align: center;
   line-height: normal;
   margin-top:15px;
   width: 942px;
    text-decoration: none;  
    color: #004955;
}
#footerlink a
{
    color: #004955;
    text-decoration: none;
}
#footerlink a:visited
{
    color: #004955;
    text-decoration: none;
}
#footerlink a:hover
{
    color: #575C5F;
    text-decoration: none;
}
#footerlink a:active
{
    color: #004955;
    text-decoration: none;
}
.globalfooter
{
    float:left;
    width:230px;
}
.legal
{
 background-image:url(bluetopheaderbg.jpg);
 background-repeat:repeat;
 width:942px;
 height:110px;
 margin-top:15px;
 text-align:left;
 padding-top:10px;
 font-size:11px;
}

.copyright
{
 vertical-align:middle;
 font-weight:bold;
 width:942px;
 background-image:url(bluetopheaderbg.jpg);
 background-repeat :repeat-x;
 height:43px;
 margin-top:15px;
 padding-top:10px;
 margin-right:auto;
}

/* LEFT MENU   
----------------------------------------------------------*/

#leftnav
{

width:187px;
/*height:384px;*/
float:left;
margin-top:0px;
margin-left:0px;

position:relative;


}

.leftnavbackground
{
width:14px; 

float:left;
position:absolute;
height:386px;
background-image:url(lefthandbg.png);
background-repeat: repeat-y;

}

.leftnavcontainer
{
    /* set above to width 200 height 365 */
    background: url(leftNavBarBg.gif);
    color: #454D36;
    font-family:  Arial, Helvetica;
    font-size: 13px; 

    width:172px;
    height:384px;
    margin-top:0px;
    margin-left:15px;
float:right;


}

.leftnavcontainer a:link
{
    color: #454D36;
    text-decoration: none;
}
.leftnavcontainer a:visited
{
    color: #454D36;
    text-decoration: none;
}
.leftnavcontainer a:hover
{
    color: #00869D;
    text-decoration: none;
}
.leftnavcontainer a:active
{
    color: #454D36;
    text-decoration: none;
}

.supercategory
{
    background-color: #CCEEF4;
    color: #00869D;
    font-family: Georgia, "Times New Roman", Times;
    font-size: 14px; 
    font-weight: bold;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;  
    margin-top: 10px;
    border-top: dotted 1pt #CACCCD;
    border-bottom: dotted 1pt #CACCCD;
}
.paddedsupercategory
{
    background-color: #CCEEF4;
    color: #00869D;
    font-family: Georgia, "Times New Roman", Times;
    font-size: 14px; 
    font-weight: bold;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;  
    margin-top: 10px;
    border-top: dotted 1pt #CACCCD;
    border-bottom: dotted 1pt #CACCCD;
    margin-bottom: 10px;
}
.category
{
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 2px;
    font-weight: bolder;
}

.product
{
    font-size: 12px;
    font-weight: normal;
    padding-left: 10px;
}



/* HORIZONTAL MENU   
----------------------------------------------------------*/
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:2.5em;
z-index:150;   
}

#nav a{
display:block;
padding:0px 0px;
border:0px solid #333;
color:#3E555B;
text-decoration:none;
background-color:#ECEEED;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:2.5em; 
z-index:150;
}

#nav a{
display:block;
padding:none;
border:none;
color:#00869D;
text-decoration:none;
background-color:#DFE1DD;
}

#nav a:hover{
background-color:#C2C6C1;
color:#00869D;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:2.5em;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

#ddnav a{
border:1px solid #C2C6C1;
text-align:center;
font-weight:bold;
font-size:smaller;
line-height:30px;
margin-bottom:-5px;
}

.navcontainer
{
   /*background: url(navBarBg.gif) repeat-x ;*/
   width:942px;
   /*height:40px;*/  
   margin-top: 0px;
   overflow:hidden;
   margin-top:-4px;
   margin-bottom:0px;
   margin-left:0px;
   z-index:500;
}
.navcontainer ul
{
 margin-top:0px;
 margin-left:5px;
}

.navcontainer ul li
{
  list-style-type: none;
  display:block;
  float: left;
  line-height :35px;
}

.navcontainer a
{
 color: #004955;
 text-decoration: none;
 display: block; 
 height:40px;
 font-family :Arial;
 font-size:14px;
 font-weight:bold;
}

.topnavcontainer
{
   margin-top: 0px;
   overflow:visible;
   margin-bottom:-22px;
   margin-left:-35px;

}
.topnavcontainer ul
{
 margin-top:0px;
}

.topnavcontainer ul li
{
  list-style-type: none;
  display: block;
  float:left; 
}

.topnavcontainer a
{
 color: #004955;
 text-decoration: none;
 display: block; 
 height:40px;

}

.navimage
{
    /* top nav image total width all "shop by" images must be 933px; height is 40px */
    cursor:pointer;
    border:none;
}

/*#navcontainer li#active 
{ 
/*background: url(navBarBgHover.gif) repeat-x 20px; 
}

#navcontainer a:hover 
{
 background: url(navBarBgHover.gif) repeat-x 20px; 
}
*/

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
     font-family :Arial;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    color:#597579;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}



div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}


.bgtoprt
{
margin-left:0px;
width:8px; 
height:321px; 
float:right; 
margin-top:-294px;
background: url(bgtoprt.jpg) repeat-y;

}

.lblfavtitle 
{

 width:221px;
 height:25px;
 margin-top:-90px;
 font-family:arial;
 color:#007B8A;
 font-size: 18px;
 font-weight:bold;
 margin-left:10px;
 position :relative;
 z-index:100;



}

.lblfavdesc
{

 width:100px;
 height:18px;
 margin-top:0px;
 font-family:arial;
 color:#007B8A;
 font-size: 18px;
 margin-left:10px;
 position :relative;
 z-index:100;


}
.favimage
{
 
  width:215px;
  height:217px;
  cursor:pointer ;
  margin-top:20px;
 padding:0px;
 margin-bottom:0px;
  
  

}
.rotatingDescImage
{
margin-top:0px;
border:solid 1pt #EE8479;
cursor :pointer;
width:215px;
height:96px;
}

/* featured homepage product animation */
#slideshow {
    position:relative;
    height:384px;


}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    border:none;
}

#slideshow IMG.active {
    z-index:10;
    
}

#slideshow IMG.last-active {
    z-index:9;
}

/*featured homepage favorites rotator animation */

#rightnav
{
width:228px;
height:384px;
float:right;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
position:relative;


}
.rightnavbackground
{
width:7px; 
float:right;
position:absolute;
height:328px;
background-image:url(rotrighthandbg.png);
background-repeat: repeat-y;
margin-top:57px;
margin-left:217px;

}

.favorites
{

/*background-image: url(customerfavbanner.jpg)  ; */
width:246px;
height:60px;
overflow :hidden; 
margin-left:0px;



}

#rotator
 {
    margin-left:0px;
    position:relative;
    height:226px; 
    WIDTH:217PX;

}



#rotator IMG {
    position:absolute;
    border:none;
    top:0;
    left:0;
    z-index:8;
  
}

#rotator IMG.active {
    z-index:10;
    
}

#rotator IMG.last-active {
    z-index:9;
}

/* homepage rtnav rotating image map*/
#imgmap {
    position:relative;
   height:96px;
   margin-top:8px;

}

#imgmap IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    border:none;
margin-left:0px;
  
}

#imgmap IMG.active {
    z-index:10;
    
}

#imgmap IMG.last-active {
    z-index:9;
}

.helpcontent	 
{
    font-family: Arial;
    font-size:12px;
    color: #004955;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 185px;
}
.helpcontent a:link
{
    color: #004955;
    text-decoration: none;
}
.helpcontent a:visited
{
    color: #004955;
    text-decoration: none;
}
.helpcontent a:hover
{
    color: #004955;
    text-decoration: underline;
}
.helpcontent a:active
{
    color: #004955;
    text-decoration: none;
}
.helpcontent h3
{
    padding-bottom: 5px;
    margin-bottom: 0;
    color: #00869D;
} 

.productdetail
{
    float:left;
    margin-top:10px;
    margin-left:15px;
    width:750px; 
    height:auto;
    font-family: Arial;
    font-size:12px;
    color: #004955;
}
.productdetail a:link
{
    text-decoration: none;
    color: #004955;
}
.productdetail a:visited
{
    text-decoration: none;
    color: #004955;
}
.productdetail a:hover
{
    text-decoration: underline;
    color: #004955;
}
.productdetail a:active
{
    text-decoration: none;
    color: #004955;
}
.productdetail h1
{
    color: #00869D;
    padding-bottom: 5px;
    margin-bottom: 0;
    margin-top:20px;
    font-size:1.5em;
}
.productdetail h2
{
    float:left;
    margin-top:10px;
    height:auto;
    font-family: Arial;
    font-size:12px;
    font-weight:normal;
    color: #004955;
} 
.productdetail h3
{
   color: #00869D;
   margin-top:-5px;
   margin-bottom:5px;
   font-weight:normal; 
}

.productimage
{
    width:220px;
    float:left;
    margin-top:10px;
}
.productdescription
{
    width:530px;
    float:left;
}
.shopmore
{
    float:left;
    margin-top:10px;
    width:750px;
    height:auto;
    font-weight:bolder;
    color: #00869D;
}
.shopmoreimage
{
    border-style:dotted;
    border:1px;
    width:150px;
    height:185px;
    float:left;
    padding:10px 10px 10px 10px;
    margin-right:10px;
    text-align:center;
}
.shopmoreimage img
{
    border:none;
}


.categorydescription
{
 float:right;
 width: 517px;
 height: 210px;
/* background-image:url(categoryImage.png) ;  */
 margin-top:10px;
 margin-right:10px; 
 margin-bottom:10px; 

}
  
  .catproductimage
  {
   border:solid 0px Pink;
  width:200px;
  height:240px;
   
  }
  .breadcrumbcontainer
  
  {
 
  width:755px; 
  margin-left:auto;  
  margin-right:auto; 
  height:38px;
  font-family:arial;
  color:white;  
  background-image:url(fepbreadcrumbImage.jpg);  
  font-size:12px;  
  padding-left:3px;
  overflow:hidden;
    
  }
 .cartdetail
{
    float:left;
    margin-top:10px;
    margin-left:15px;
    width:750px; 
    height:auto;
    font-family: Arial;
    font-size:12px;
    color: #004955;
    overflow:hidden;
}
.cartdetail h2
{
    color: #00869D;
    padding-bottom: 5px;
    margin-bottom: 0;
    margin-top:20px;
} 
.cartdetail h4
{
    color: #00869D;
} 

 .carddetail
{
    float:left;
    margin-top:10px;
    margin-left:15px;
    width:750px; 
    height:auto;
    font-family: Arial;
    font-size:12px;
    color: #004955;
}
.carddetail h2
{
    color: #00869D;
    padding-bottom: 5px;
    margin-bottom: 0;
    margin-top:20px;
} 
.maincheckout
{

 
 width:600px;
 height:auto;
margin-right:100px;
 font-family :Arial;
  font-size :14px;
  float:right;

}

.focalendar
{
 display :none;
 margin-bottom:5px;
 


}

.checkoutButton
{

 border :none;
}
.datepanel
{
display :none;

}
.promodisplay
{
 display :inline;

}
.nopromodisplay
{

display :none;

}
.textboxdate
{

display :none;
}
.searchImage
{

 border :none;
}

.CompanyNameDisplay
{
 display :inline;

}
.noCompanyNameDisplay
{

display :none;

}

.breadcrumbcontainerTest
{
  width:755px; 
  margin-left:auto;  
  margin-right:auto; 
  height:30px;
  font-family:arial;
  color:black;   
  font-size:12px;  
  padding-left:3px;
  overflow:hidden;
    
  }