﻿/*
MainMaster STYLES
*/
body 
{
	background-color:#FFF;
	background:none;
	margin: 3px 0px 0px 0px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size:10pt;
	text-align:center;
	color:#000;
}

#MainWrapper
{
	z-index:0;
	background-color:#FFF;
	margin:0px auto 0px auto;
	min-width:995px;
	max-width:995px;
	width:995px;
	text-align:left;
}

#TopWrapper
{
	vertical-align:top;
}

#Header
{
	position:relative;background-color:White;width:995px;
}
#Header_01
{
    float:left; height:90px; width:250px;
}
#Header_02
{
    float:left; width:745px; height:25px; padding-top:12px; text-align:right;
}
#Header_04
{
    float:left; width:745px; height:53px; text-align:right;
}
#Header_05
{
    clear:both;
}
#Header_06
{
    clear:both; height:29px; background-image:url(/images/greynav_bottom.gif);
}
#SearchBar01
{
	float:left; height:29px; width:10px;
}

#SearchBar02
{
	float:left; width:230px; height:29px; padding-top:5px;
}

#SearchBar03
{
	float:left; width:53px; padding-top:3px;
}

#SearchBar04
{
	float:right;
}

#LeftNav
{
	width:156px;
}

#LeftNavContentArea
{
	padding-left:5px;
	padding-right:5px;
	line-height:15px;
	background-image:url('../images/LeftBKG.gif');
	background-repeat:repeat-y;
	border-bottom:solid 1px #CCC;
}

#Content
{
	vertical-align:top;
	width:100%;
	padding:0 5px 5px 5px;
	background-color:White;
}

#RightSide
{
	width:160px;
	vertical-align:top;
}

#Footer
{
	padding-top:10px;
	clear:both;
}

.ShopCartIcon
{
}

.SearchButton
{
}

.SearchBox
{
	width:160px;
	font-size:8pt;
}

.LeftNavHeaders
{
    color:#013D81;
	font-size:9pt;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
}

.LeftNavLinks
{
    text-decoration:underline;
	font-size:8pt;
    font-weight:normal;
    line-height:11pt;
	padding-left:4px;
}

.LeftNavLinksHoliday
{
	color:#3300FF;
	font-size:7pt;
	font-weight:bold;
	text-decoration:none;
	padding-left:6px;
}

.LeftNavLinksHoliday:Hover
{
	color:#FF0000;
	font-size:7pt;
	font-weight:bold;
	text-decoration:none;
}

.FooterColumnLinks
{
    border-right:1px solid #CCCCCC;
    text-align:left;
    padding-left:5px;
    padding-bottom:5px;
    font-size:7pt;
}

.FooterColumnHeaders
{
    border-right:1px solid #CCCCCC;
    text-align:left;
    padding-left:5px;
    padding-bottom:5px;
    color: #009AEF;
    font-weight:bold;
}

.FooterColumnImage
{
    text-align:left;
    padding-left:5px;
    padding-bottom:5px;
}

.ArticlesControl
{
    padding-left:5px; 
    padding-top:3px; 
    border-left:solid; 
    border-left-color:#CCCCCC; 
    border-left-width:thin; 
    border-right:solid; 
    border-right-color:#CCCCCC; 
    border-right-width:thin;
    text-align:left;
    padding-left:10px;
}

.H1TopSEO
{
	color:#A7A6A6;
	font-size:8pt;
	font-weight:normal;
	white-space:nowrap;
	display: inline;
}

.FooterLink
{
	font-size:7pt;
}

.FooterLink:hover
{
}

.HeaderNavLinks
{
	color:#333333;
}

.HeaderNavLinks:hover
{
	color:#009AEF;
}

#GiveawayBack
{
	background-image:url('/images/GiveawayBack.gif'); width:201px; height:144px; background-repeat:no-repeat;
}

#BottomBottomFooter
{height:25px; clear:both; text-align:center;}

#InStock
{position:relative; background-image:url('/images/RightNavInStock.gif'); background-repeat:no-repeat; width:80px; height:58px; padding-left:121px; padding-top:10px;}

/*END Main Master Styles*/
/*Top Nav DropDowns*/
#TopNavdd 
{
    margin-top: 0px;
    margin-left:0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding: 0;
}

#TopNavdd li 
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style:none;
    float:left;
    font: 18px arial;
}

#TopNavdd li a.HeaderNavLinks 
{
    display: block;
    text-align: center;
    margin: 10px 0 0 0;
    text-decoration: none;
}

.TopNavsubmenu 
{
    visibility:hidden;
    position: absolute;
    z-index: 100;
    width:173px;
}

.TopNavsubmenu .Top
{
	position:absolute;
	width:173px;
	background-image: url('/images/TopNavHoverBoxTop.gif');
	background-repeat:no-repeat;
	height:6px;
	z-index: 100;
}

.TopNavsubmenu .Middle
{
	position:absolute;
    width:166px;
    top:6px;
	background-image: url('/images/TopNavHoverBoxMiddle.gif');
	background-repeat:repeat-y;
	padding-left:7px;
	z-index:100;
}

.TopNavsubmenu .Bottom
{
	position:relative;
	left:-7px;
	top: 5px;
    width:173px;
    background-image: url('/images/TopNavHoverBoxBottom.gif');
	background-repeat:no-repeat;
	height:7px;
	z-index:100;
}

.TopNavsubmenu a 
{
	display:block;
    font-size: 8pt;
    text-align: left;
    text-decoration: none;
    padding: 1px;
    color: #666;
}

.TopNavsubmenu a:hover 
{
    
}
/*END top nav drop downs*/

a
{
	color:#666;
	font-size:10pt;
	text-decoration:none;
}

a:hover
{
	color:#009AEF;
	text-decoration:none;
}

a.articleList 
{
    color:#E06F21;
    font-size:8pt;
    margin-left:-1em;
    text-decoration:none;
}

a.articleList:hover
{
    color:#c0c0c0;
}

a.TopLinks
{
    color:#a7a6a6;
	font-size:8pt;
}

a.CartLinkTop
{
    color:#013D81;
}
a.CartLinkTop:hover
{
    color:#013D81;
}


a.BrownLinkBold
{
	color:#4c3d14;
	text-decoration:none;
	font-weight: bold;
}

a.BrownLinkBold:hover
{
	color:#4c3d14;
	text-decoration:underline;
	font-weight: bold;
}

a.WhiteLink
{
	color:#ffffff;
}

a.WhiteLink:hover
{
	text-decoration:underline;
}

a.BrownLink
{
	color:#4c3d14;
}

a.FooterSearchTerms
{
	color:#666666;
}

a.FooterSearchTerms:hover
{
	color:#009AEF;
}

a.leftnav2 
{
    font-size:7pt;
}

hr
{
	background-color:#013D81;
	border:#013D81;
	color:#013D81;
	height:1px;
}

.Header
{
	font-family:Georgia, 'Times New Roman', Serif;
	font-size:20pt;
	text-decoration:underline;
	color:#013D81;
}

.HeaderBrown
{
	font-size:18pt;
	font-weight:bold;
}

.SubHeader
{
	font-family:Georgia, 'Times New Roman', Serif;
	font-size:12pt;
	font-weight:normal;
	color:#013D81;
}

.SmSubHeader
{
	font-family:Georgia, 'Times New Roman', Serif;
	padding-bottom:3px;
	color:#013D81;
}

.SmSubHeaderWhite
{
	font-family:Georgia, 'Times New Roman', Serif;
	padding-bottom:3px;
	color:White;
}

.NonDisplay
{
	display: none;
}

.Display
{
	display: block;
}

.RedText
{
	color:Red;
}

.BlackText
{
	color:Black;
}

.Justified
{
	text-align:justify;
}

.HomePageArticleArt
{
	clear:both;
	border-top:dashed 1px #999999;
	padding-top:15px;
	
}
.HomePageArt2
{
	float:left;
	width:410px;
	padding-left:5px;
	padding-bottom:15px;
}

.Bold
{
	font-weight:bold;
}

.DefaultSiteColor
{
    color:#013D81;
}

.SmallItalic
{
    font-size: 9pt;
    font-style: italic;
}

.SmallBold
{
    font-size: 9pt;
    font-weight: bold;
}

.Small
{
    font-size: 9pt;
}

.ArticlesListLeft
{
	width:49%;
	float:left;
}
.ArticlesListRight
{
	width:49%;
	float:left;
	padding-left:12px;
}

.SiteMapLeft
{
	width:45%;
	float:left;
	text-align:left;
	line-height:15px;
}
.SiteMapRight
{
	width:45%;
	float:left;
	padding-left:12px;
	text-align:left;
	line-height:15px;
}

.ColoredBoxTopLeft
{
	float:left;
	width:15px;
	height:20px;
	padding-top:5px;
	background-image:url('/images/top-left.gif');
}
.ColoredBoxTopMiddle
{
	float:left;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	background-color:#013D81;
	color:#FFFFFF;
}
.ColoredBoxTopRight
{
	float:left;
	width:15px;
	height:25px;
	background-image:url('/images/top-right.gif');
}
.ColoredBoxBottom
{
	clear:both;
	border:solid 1px #013D81;
	padding:5px;
}

/*CATEGORY PAGE STYLES*/

.boxtl {			
		background-image: url('/images/topleft.gif'); 
		background-repeat: no-repeat; width:12px; min-width:12px; height:13px;
		font-size: 8px;}		
.boxtb {
		background-image: url('/images/topbar.gif'); 
		background-repeat: repeat-x; }
.boxtr {
		background-image: url('/images/topright.gif'); 
		background-repeat: no-repeat; width:12px; min-width:12px; height:13px;
		font-size: 8px;}		
.boxlb {
		background-image: url('/images/leftbar.gif'); 
		background-repeat: repeat-y; }
.boxrb {
		background-image: url('/images/rightbar.gif'); 
		background-repeat: repeat-y; }
.boxbl {
		background-image: url('/images/bottomleft.gif'); 
		background-repeat: no-repeat;  
		height: 15px; }
.boxbb {
		background-image: url('/images/bottombar.gif'); 
		background-repeat: repeat-x; 
		height: 15px; }
.boxbr {
		background-image: url('/images/bottomright.gif'); 
		background-repeat: no-repeat;
		height: 15px;}
		
.TopMenu 
{
	font-size:8pt;
}

.IconMain
{
	position:relative;
	float:left;
	width:195px;
	height:175px;
	margin-right:5px;
}

.IconLinks
{
	position:relative;
	float:left;
	width:116px;
}

h2.breadCrumbH2
{
	font-size:10pt;
	font-weight:normal;
	white-space:nowrap;
	display: inline;
}

h3.categoryPage
{
	position:relative;
	top:-15px;
	#top:0px;
	font-size:11pt;
	color:White;
}

.CatBottomHeader
{
	height:20px;
	text-align:center;
	background-color:#94cb2d;
	background-image:url('../images/catbotbar_right.gif');
	background-position:right top;
	background-repeat:no-repeat;
	padding:3px;
	color:White;
}

.CatTopHeader
{
	height:30px;
	padding:3px;
	background-color:#366731;
	background-image:url('../images/cattopbar_right.gif');
	background-position:right top;
	background-repeat:no-repeat;
	margin-bottom:5px;
}

.CatSEOBlock
{
	height:266px;
	background-color:#94cb2d;
	background-image:url('../images/catrightbot.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	color:White;
	padding:5px;
	font-size:9pt;
}


/*END CAT STYLES */

/*ITEM DETAIL PAGE STYLES */
.LongDescriptionBox
{
	width:100%;
	height:120px;
	border:0px;
	border-bottom:dotted 1px #999999;
}
.ReviewContent
{
	width:100%;
	text-align:left;
	font-size:8pt;
}
.ratingStar
{
    font-size: 0pt;
    width: 14px;
    height: 14px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.EmptyStar
{
	background-image:url('images/EmptyStar.gif');
}
.FilledStar
{
	background-image:url('images/FilledStar.gif');
}
.StyleBox
{
	display:inline-block;
	height:19px;
	min-height:19px;
	min-width:50px;
	border:solid 1px #4c3d14;
	text-align:center;
	vertical-align:middle;
	padding:4px;
	margin:2px;
	font-weight:bold;
	white-space:nowrap;
	float:left;
}
.StyleBox:hover
{
	border:solid 2px red;
	background-color:#fcf5d9;
	margin:1px;
}
.StyleBoxSelected
{
	display:inline-block;
	background-color:#fcf5d9;
	height:19px;
	min-height:19px;
	min-width:50px;
	border:solid 2px red;
	text-align:center;
	vertical-align:middle;
	padding:4px;
	margin:1px;
	font-weight:bold;
	white-space:nowrap;
	float:left;
}
.smBr
{
	font-size:3px;
}
.Price
{
	font-size:14pt;
	font-weight:normal;
}
.WasPrice
{
	font-size:14pt;
	font-weight:normal;
	text-decoration: line-through;
}
.WasNowSavings
{
	font-size:14pt;
	font-weight:bold;
	color:Red;
}
.CustomTabStyle .ajax__tab_body
{
	border:solid 1px #4c3d14;
	padding:5px;
}
.CustomTabStyle .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab
{
	background-image:url('/images/tab_wh.gif');
	background-repeat:no-repeat;
	width: 112px;
	height: 23px;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab
{
	background-image:url('/images/tab_or.gif');
	background-repeat:no-repeat;
	width: 112px;
	height: 23px;
}
.TabText
{
	font-weight:bold;
}
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
	top:0px;
    left:0px;
    position:absolute;
    z-index:1;
}
.modalPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	z-index:10001; 
}
.personalizeHeader
{
	font-family:Georgia, 'Times New Roman', Serif;
	font-size:12pt;
	font-weight:normal;
	color:#009AEF;
	white-space:nowrap;
}

/*END ITEM DETAIL STYLES*/

/*SEARCH PAGE STYLES */
h2.SubCatTitle
{
	color:#000;
}
.SearchHeader
{
    font-size: 8pt;
    border-bottom: 1px solid black;
    padding: 3px 3px 3px 3px;
    background-color: #fcf5d9;
}
.SearchHeaderLarge
{
    font-size: 10pt;
}
.SearchHeaderLargeBold
{
    font-size: 10pt;
    font-weight: bold;
    color: Black;
}
.SearchHeaderSmallBold
{
    font-weight:bold;
    color: Black;
}

.SearchItems
{
    border-bottom: dashed 1px #cccccc;
    padding: 5px 5px 5px 5px;
    vertical-align: top;
    /*border-left: solid 1px #cccccc;*/
    /*border-right: solid 1px #cccccc;*/
}

.Paging
{
    text-align:right;   
}

.SearchItem
{
    float:left; 
    width:165px; 
    height:195px; 
    padding:5px; 
    border-bottom:dashed 1px #666666;
}

.SearchPrice
{
	font-size:10pt;
	font-weight:normal;
}

.SearchWasPrice
{
	font-size:10pt;
	font-weight:normal;
	text-decoration: line-through;
}

.SearchWasNowSavings
{
	font-size:10pt;
	font-weight:bold;
	color:Red;
}

.NoResultsHeader
{
	font-size:12pt;
	color:#CC0000;
}

.NoResultsTips
{
	font-size:8pt;
	color:#000000;
}

.NoResultsBestSellers
{
	font-size:12pt;
	color:#CC0000;
	font-weight:bold;
}
/*END SEARCH PAGE STYLES */

/*CART */
.ErrorRedText
{
	color:Red;
	font-size:12pt;
	font-weight:bold; 	
}
.CartContentsGrid
{
    position:relative;
	top:-29px;
	#position:inherit;
	#top:0;
	margin-left:3px;
	font-size:8pt;
	border-bottom:dashed 1px #999999;
}

.SummaryGrid
{
    position:relative;
	top:-29px;
	#position:inherit;
	#top:0;
	margin-left:15px;
	font-size:8pt;
}
.CartHeaders
{

	white-space:nowrap;
	border-right:dotted 1px #999;
	#color:Black;
	#border-bottom: dashed 1px #999;
}
.CartProcessTop
{
	margin-bottom:10px;
	width:734px;
	background-color:#b5c5da;
	font-family:Times New Roman;
	font-size:20pt;
}

/*END CART STYLES */

/*Page Title*/
.PageTitle
{
	font-size:9pt;
	font-weight:bold;
}

.LargeRedBold
{
	font-size:14pt;
	font-weight:bold;
	color:Red;
}

.seo {
		font-weight: normal;
		font-size: 10pt; 
		color: #666666; 
		text-decoration: none; }
a.seo:hover {
		font-weight: normal;
		font-size: 10pt; 
		color: #009AEF; 
		text-decoration: none; }
.seo3 {
		font-weight: normal;
		font-size: 10pt; 
		color: #666666; 
		text-decoration: none; }
a.seo3:hover {
		font-weight: normal;
		font-size: 10pt; 
		color: #009AEF; 
		text-decoration: none; }
.style1 {
		font-weight: normal;
		font-size: 10pt; 
		color: #666666; 
		text-decoration: none; }
		
.arrowbg
{
    background-image:url('images/arrow.gif');
    background-repeat:no-repeat;
    background-position:left;
    padding-left:8px;
    padding-right: 8px;
    color:#000000;
}

.rulerbg
{
    background-image:url('images/ruler.gif');
    background-repeat:no-repeat;
    background-position:left;
    padding-top: 2px;
    padding-bottom: -1px;
    padding-left:40px;
}

.IEMarginFix
{
	#margin-bottom:-3px;
}

.madeInUSA
{
	position:relative;
	top: -39px;
	left: -58px;
}

.CartTotals
{
	position:relative;
	float:right;
}

/*javascript page*/
.ketext {
background-color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
}
.ketextbold {
background-color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
}

/*Item Detail Carousel*/
#PMproducts .carousel\
{
  padding: 10px 0 0 0;
  margin: 0 0 20px 10px;
  position: relative;     
}

#PMproducts .main
{
  margin-left: 40px;
}

#PMproducts .demo em
{
  color: #FF3300;
  font-weight: bold;
  font-size: 60%;        
  font-style: normal;
}
    
#PMproducts .carousel button 
{ 
	/*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
    float: left;
}
              
#PMproducts .carousel a.prev, #PMproducts .carousel a.next 
{
  display: block;
  float: left;
  width: 23px;
  height: 190px;
  text-decoration: none;
  background: url("/images/imageNavLeft.gif") left 60px no-repeat;
}

#PMproducts .carousel a.next
{
  background: url("/images/imageNavRight.gif") right 60px no-repeat;
}
            
#PMproducts .carousel a.next:hover 
{
  background-image: url("/images/imageNavRightHover.gif");
}
            
#PMproducts .carousel a.prev:hover 
{
  background-image: url("/images/imageNavLeftHover.gif");
}
    
#PMproducts .carousel a:hover, #PMproducts .carousel a:active 
{
  border: none;
  outline: none;
}                 

#PMproducts .carousel .jCarouselLite 
{
  border: 1px solid #EFEFEF;
  float: left;
  background-color: #ffffff;
        
  /* Needed for rendering without flicker */
  position: relative;
  visibility: hidden;
  left: -5000px;
}

#PMproducts .carousel ul 
{
  margin: 0px;
}
        
#PMproducts .carousel li 
{
  width: 175px;
  height: 190px;
  margin: 10px;
  text-align: center;
}
        
#PMproducts .carousel li img, #PMproducts .carousel li p 
{
  background-color: #fff;
  margin: 10px;
  text-align: center;
}
        
#PMproducts .widget img 
{
  cursor: pointer;
}

#PMproducts .mid 
{
  margin-left: 80px;
  width: 400px;
  height: 300px;
}

#PMproducts .vertical 
{
  margin-left: 170px;
}
 
#PMproducts .vertical .jCarouselLite 
{   
  /* so that in IE 6, the carousel div doesnt expand to fill the space */
  width: 170px;
}

#PMproducts .imageSlider li img, 
#PMproducts .imageSlider li p, 
#PMproducts .imageSliderExt li img , 
#PMproducts .imageSliderExt li p 
{
  width: 400px;
  height: 300px;
  text-align: center;
}

.clear 
{ 
	clear: both; 
}

.cLeft 
{ 
	clear: left; 
}

.cRight 
{ 
	clear: right; 
}

.cEnd 
{
    /* clear fix without presentational markup. Mostly use .cEnd class for the float container. But when lotta containers
    in one selector, add it directly here like #propertyEntry div */
    display: inline-table;
    /* Hides from IE-mac \*/
    height: 1%;
    display: block;
    /* End hide from IE-mac */
}

html>body .cEnd 
{
    height: auto;
}

.cEnd:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* End Item Detail Carousel*/