/* CSS Document */
/* This document contains styles for the global header, left nav, footer, and homepage */
/* Created By SC 9/19/2007 */


/************ Global *******************************/
.PageContainer
{
	width:70.9em;
	min-width: 780px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.gBkLt /* Light brown background */
{ background-color:#E7E2D9; }

.gTxtLt /* Light brown text */
{ color:#E7E2D9; }

.gBkMd /* Medium brown background */
{ background-color:#CDC2B1; }

.gTxtMd /* Medium brown text */
{ color:#CDC2B1; }

.gBkDk /* Dark brown Background */
{ background-color:#4C3327; }

.gBkBrt  /* Bright orange Background */
{background-color:#b34a0d;}

.gTxtDk /* Dark brown text */
{ color:#4C3327; }

.gTxtGray
{
	color: #666666;
}

.gTxtBlue
{
	color: #0072BC;
}

.gTxtBlue a:hover
{
	color: #0072BC;
	text-decoration:underline;
}

.gTxtFreeShipping
{
	color: #820009;
}


.gTxtLt a:hover, .gTxtMd a:hover, .gTxtDk a:hover, .gTxtDkHover, .gTxtGray a:hover
{
	color: #0072BC;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.clear
{
	clear: both;
}

.inline
{
	display:inline;
	margin:0px;
	padding:0px;
}

.gButton
{
	border: double #FFFFFF;
	padding: 2px 0px 2px 4px;
	padding-right: 23px;
	#padding-right: 18px;
	color: #FFFFFF;
	font-family: Verdana;
	text-transform:uppercase;
	white-space:nowrap;
}

#gButtonLink
{
	color: #FFFFFF;
	text-decoration:none;
}

.gArrowButtonLarge
{
	background-image:url(http://artfiles.art.com/images/pub/gButtons/arrowLg.gif);
	background-position:99% 55%;
	#background-position:96% 50%;
	background-repeat:no-repeat;
	font-size: 12px;
	font-weight: bold;
}

.gArrowButtonSmall
{
	background-image:url(http://artfiles.art.com/images/pub/gButtons/arrowSm.gif);
	background-position:99% 55%;
	#background-position:96% 50%;
	background-repeat:no-repeat;
	font-size: 11px;
	font-weight: bold;
}

.gArrowButtonSmall2
{
	background-image:url(http://artfiles.art.com/images/pub/gButtons/arrowSmBrt.gif);
	background-position:99% 55%;
	#background-position:96% 50%;
	background-repeat:no-repeat;
	font-size: 11px;
	font-weight: bold;
}

.bold
{
	font-weight:bold;
}


.CenterModule_Title
{
	text-align:center;
	font:21px Georgia, 'Times New Roman', Times, serif;
	line-height:150%;
}

.CenterModule_Box
{
	border:1px solid #BBBBBB;
}

.gNoShowList
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

/* add this class to a div that contains floats
/* to prevent ie6 related display bugs
/* \*/
* html .borderFix {height: 1%;}
/* */

#HM_Left
{
	float: left;
	margin-right: 4px;
	min-width:147px;
	width: 13.36em;
}

#HM_Main
{
	float: right;
}

.cPointer
{
	cursor:pointer;
}

/************ Header ******************************/

#HeaderWelcome
{
	text-align:right;
	font-weight:bold;
	color:#666666;
}

#HeaderLogo
{
	position:absolute;
	left:10px;
}

#HeaderPromo
{
	float: left;
	text-align:left;
	width:auto;
	height: 54px;
	width: 160px;
	padding-left:225px;
}

#HeaderRight
{
	float: right;
}

#HeaderCart
{
	float:left;
	text-transform:uppercase;
	text-align:center;
	margin-right: 20px;
	font-size:10px;
	line-height:100%;
}

#Header
{
	/*  Put snowflake background here */
}


.PhoneHeader
{
	float:left;
	color:#666666;
	text-align:center;
	text-transform:uppercase;
	width: 10em;
	margin-right: 20px;
	margin-top: 12px;
	font-size:10px;
}


.PhoneHeader_Top
{
	border-bottom: 1px solid #999999;
	padding-bottom: 3px;
	white-space: nowrap;
}

.PhoneHeader_Bottom
{
	margin-top: 3px;
	white-space: nowrap;	
	font-weight:bold;
	font-size:11px;
}


.cartImage
{
	display:block;
	margin-left: 3px;
	margin-top: 11px;
	margin-bottom:8px;
}

#HeaderMyLinks
{
	float:left;
	text-transform:uppercase;
	padding-top: 7px;
	line-height: 15px;
	padding-right: 12px;
	font-size:10px;
}

 
#HeaderBar
{
	color:#FFFFFF;
	background-color:#4C3327;
	padding: 0px;
}

#HeaderBar #SearchForm
{
	display:inline;
	margin: 0px;
	padding: 0px;
}

#HeaderBar #SearchSubmit
{
	position:absolute; /* absolute so button is vertically aligned with text box */
}

#AdvancedSearch
{
	display:inline;
	position:absolute;
	margin-left: 32px; /* absolute, need padding = to button width */
	#margin-left: 25px;
	font-size:10px;
	line-height:105%;
}

#HeaderBarLeft
{
	float: left;
	width: 31em;
}


#HeaderBarLeftSearch
{
	margin: 5px 0px 5px 10px;
	
}

.headerSearchBox
{
	width: 220px;
	font-family: Verdana;
	
	font-size: 13px;
	padding: 2px 0 0 2px;
	/*height:21px;*/
	color:#666666;
}


#HeaderBarRight
{
	float: right;
	padding:10px 12px 0 0;
}

.paddedDivider
{
	font-size:10px;
	padding: 0 .5em 0 .5em;	
	
}

.HeaderMenubar
{
    padding: 10px 12px 0 0;
    #padding: 10px 12px 9px 0;
    display: block;
    height: 22px;
    float: right;
    background-color: #4C3327;
    color: #E6DED5;
 }
.headerMnuLink
{
    padding-top: 10px;
    padding-bottom: 9px;
    padding-left: 7px;
    padding-right: 7px;
}
.paddedDivider1
{
	margin-left: -6.9px;
	margin-right: -6.1px;
}

#HeaderBar a
{
	color: #FFFFFF;
	text-decoration:none;
}

#HeaderBar a:hover, #HeaderBar .advSearch
{
	color: #FFFFFF;
	text-decoration:underline;
}

#HeaderRight a
{
	color: #666666;
	text-decoration:none;
}

#HeaderRight a:hover
{
	color: #0072BC;
	text-decoration:underline;
}

#HeaderWelcome a
{
	color: #666666;
	text-decoration:none;
}

#HeaderWelcome a:hover
{
	color: #0072BC;
	text-decoration:underline;
}

.linkForm
{
	color: #666666;
	text-decoration:none;
	cursor:pointer;
}

.linkFormHover
{
	color: #0072BC;
	text-decoration:underline;
	cursor:pointer;
}

#HeaderBar .advSearch
{
	text-decoration:underline;
	cursor:pointer;
}

#Header #LocalizedHeader
{
	padding: 5px;
	cursor:pointer;
	font-weight:bold;
}

#Header .LocalizedHeaderHover
{
	text-decoration:underline;
	color:#0072BC;
}

#Header .HeaderFlag
{
	margin-left: 10px;
	margin-right: 10px;
}

.GlobalHeader
{
	margin-bottom: 4px;
}

body
{
top:3px;
}

#freeShippingBanner
{
	margin-top:1px;
	background-color:#991100;
	cursor:pointer;
}	

/********** Global Left Nav ********************/

#GlobalLeftNavBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	/*min-width:147px;
	width: 13.36em;*/
	max-width:180px;
	width:auto;
}

.GlobalLeftNavHeader
{
	font-weight:bold;
	padding-left:13px;
	line-height: 200%;
	min-width: 130px;
	
}

#GlobalLeftNavBox ul
{
	list-style-type:none;
	padding:4px 0px 16px 0px;
	#padding:7px 0px 16px 0px;
	margin:0px;
}

#GlobalLeftNavBox li
{
	margin: 0px 0px 0px 13px;
	padding:0px;
	line-height:167%;
	#line-height: 162%;
	#margin-top:1px;
	#margin-bottom:1px;
}

#GlobalLeftNavBox a
{
	color:#4C3327;
	text-decoration:none;
}

#GlobalLeftNavBox a:hover
{
	color:#0072BC;
	text-decoration:underline;
}

.GlobalLeftNavHeader a
{
	display:block;
	width:100%;
}

.leftnav-header-Accordian
{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 2px 0px 10px;
	line-height: 23px;
	background: #cdc2b1 url('http://artfiles.art.com/images/pub/navigation/global/hp_leftnavheader_2.gif') repeat-x;
	border:1px solid #c9c3b5;
}


/********************** Footer **********************************/
/********Start --Added on 8-July-2009*******************/

#FooterModules .TopBar
{    
    height:40px;
    padding-left:2px;
    margin-top:7px;
    #margin-top:10px;
    cursor:default;     
}

.EUTopBar
{    
    padding-left:2px;
    margin-top:7px;
    #margin-top:10px;
    cursor:default;  
    height:50px;
    background-color:#E7E2D9; 
}

#FooterModules .TopBar .LeftModule
{
    float: left;
    width:20.5em;
    text-align:center; 
    cursor:pointer;  
    height:100%;    
}

#FooterModules .TopBar .LeftModule .FooterModuleHeading
{
	font-family:Georgia;
	font-size:16px;
	font-weight: 500 ;
	#font-weight:normal;	
	margin:3px 0px 0px 0px ;
	padding:1px 0px 0px 0px;
	text-transform:lowercase;
	text-decoration:none;
	color:#4C3327; 
}

#FooterModules .TopBar .LeftModule .FooterModuleSubText
{
	font-family:Verdana;
	font-size:9px;
	margin-top:0px;
	padding:0px;
	line-height:100%;
	text-transform:uppercase;
	text-decoration:none;
	color: #999999;
}

#FooterModules .TopBar .LeftModule .EUFooterModuleHeading
{
	font-family:Georgia, , "Times New Roman", Times, serif;
	font-size:16px;
	font-weight: 500 ;
	#font-weight:normal;	
	margin:12px 0px 0px 0px ;
	padding:1px 0px 0px 0px;
	text-transform:lowercase;
	color:#4C3327; 
	width:226px;
}
#FooterModules .TopBar .LeftModule .EUFooterModuleSubText
{
	font-family:Verdana;
	font-size:9px;
	margin-top:0px;
	padding:0px;
	line-height:100%;
	text-transform:uppercase;
	color: #999999;
	width:226px;
}

#FooterModules .TopBar .LeftModule .FooterModuleSwapText
{
	display:none;
	font-family:Verdana;
	font-size:9px;
	color: #000000;
	margin: 0px;
	vertical-align:middle;
	height:99%;
}

#FooterModules .TopBar .RightModule
{	
    float: right;
    width:35.9em;    
	margin-right: 0px;
	cursor:default;	
	height:100%;
	width:398px;
}


#FooterModules .TopBar .RightModule .Newsletter
{	
    font-family:Verdana, "Times New Roman", Times, serif;
	font-size:11px;
	margin-top:15px;
	padding:0px 8px 0px 0px;
	#padding:5px 8px 0px 0px;	
    float: left;
	line-height: 100%;
	margin-left: 10px;
	#margin-left: 30px;
	color:#4C3327;
}


#FooterModules .TopBar .RightModule .PrivacyLetter
{
    font-family:Verdana, "Times New Roman", Times, serif;
	font-size:9px;		
	color: #999999;
	position: absolute ;
	margin:33px 0px 0px 2px ;
	#margin:33px 0px 0px 5px ;
	left:418px;
	#left:423px;
	width:390px;	
}

#FooterModules .TopBar .RightModule .PrivacyLetter .PrivacyLetterAnchor
{
    font-family:Verdana, "Times New Roman", Times, serif;
	font-size:9px;	
	color: #0072BC;
	text-decoration:none;
}



#FooterModules .TopBar .RightModule .footernewsLetterError
{
	font-size:10px;
	color:#ED1C24;
	font-weight:bold;
	margin:2px 0px 0px 204px ;
	#margin:2px 0px 0px 175px ;
	display:none;
	visibility:hidden;
	text-align:left;	
	#padding-left:2px;
}
#FooterModules #FooterNewsletterBoxForm
{
	display:inline;
	margin: 0px;
	margin-top:9px;	
}

#FooterModules #FooterNewsletterEmail
{
	width: 15.1em;
	min-width:140px;	
	height: 22px;	
	font-family:verdana;
	font-size:10px;
	color: #999999;	
	margin-top:9px;
	#margin-top:8px;
	border:solid 1px #4C3327;	
	padding:4px 0px 0px 3px;
	#padding:4px 0px 0px 4px;
}

#FooterModules .BottomBar
{	    
    cursor:default;    	
	padding:0px 0px 0px 0px;
	margin-top:20px;
	width:785px;	
}

#FooterModules .BottomBar a
{
	color: #666666;
	text-decoration:none;
}

#FooterModules .BottomBar a:hover
{
	color: #0072BC;
	text-decoration:underline;
}


#FooterModules .BottomBar .One
{
    float:left ;
    width:185px;        	
	text-align:left;
	margin-right:10px;
	margin-left:10px;	
	border-right-style:dotted;	
	border-right-width:1px;
	border-right-color:#999999;
}

#FooterModules .BottomBar .Two
{	
    float:left ;
    width:185px;   
    margin-right:10px;	
	border-right-style:dotted;
	border-right-width:1px;
	border-right-color:#999999;
	
	text-align:left;
	font-family:verdana;
	font-size:10px;
	color: #999999;	
	
}
#FooterModules .BottomBar .Three
{	
    float:left ;
    width:185px;   
    margin-right:10px;	
    border-right-style:dotted;
	border-right-width:1px;
	border-right-color:#999999;
	
	text-align:left;
	font-family:verdana;
	font-size:10px;
	color: #999999;
}
#FooterModules .BottomBar .Four
{	    
    float:left ;
    width:185px;    		
	text-align:left;
	font-family:verdana;
	font-size:10px;
	color: #999999;
}

* html #FooterModules .BottomBar .Four
{
    _width:180px;
}

#FooterModules .BottomBar .One .BottomFooterPhone
{	
	text-align:left;
	font-size:10px;
	font-weight:normal;	
	font-family:verdana;		
}

.BottomFooterPhoneTxt
{	
	color:#4C3327;
	text-decoration:none;
	margin-left:0px;
	padding-bottom:2px;
}

#FooterMagazineCopy
{
	text-align:center;
	font-size:10px;
	color: #666666;
	margin-top:20px;
}

#FooterCopyText
{
    margin-top:0px;
	text-align:center;
	font-size:10px;
	color: #666666;		
}

#FooterTOS
{
    margin:0px 0px 20px 0px;
	text-align:center;
	font-size:10px;
	color: #666666;
}

#hackerSafeImg
{
    margin-top:20px; 
	text-align:center;
	height:72px;
	vertical-align:middle ;
}

#FooterNewsletterSubmit
{    
    padding:0px;        
    margin:9px 5px 0px 4px;
    
    background-color: #4c3327;
    color:#ffffff;
    font-family:Verdana;
    font-size:11px;
    font-weight:bold;
    border:none;
    width:29px;
    height:22px;
    
}

#FooterModules .blockLinks
{
	text-decoration:none;
}



#FooterModules .FooterModuleSwapText
{
	display:none;
	font-size:9px;
	color: #000000;
	margin: 0px;
	vertical-align:middle;
	
}

.GlobalFooter
{
	padding-top: 4px;
}

.FooterLinkHover
{
    color: #0072BC;
	text-decoration:underline;
	cursor:pointer;
}
.FooterLinkNoHover
{
    color: #0072BC;
	text-decoration:none;
	cursor:pointer;
}

.FooterlinkHdr
{
    list-style-type:none; 
    display:inline; 
    padding:0px; 
    margin:0px; 
    list-style-position:outside;
}

.FooterlinkForm
{
	color: #666666;
	text-decoration:none;
	cursor:pointer;	 	
    
    padding-bottom:2px; 
    margin-left:0px;
        
}

.FooterlinkFormHover
{
	color: #0072BC;
	text-decoration:underline;
	cursor: pointer;
    
    padding-bottom:2px; 
    margin-left:0px; 
}

.FooterImglinkform
{    
	color: #666666;
	text-decoration:none;
	cursor:pointer;
	margin:0px 0px 0px 0px;
}

.FooterlinkULHover
{
    cursor: default;
    padding-bottom:2px; 
    margin-left:0px; 
    color: #666666;
}

.FooterTOSLink
{
    font-family:Verdana;
	font-size:10px;	
	color: #0072BC;	
}

/********Footer End - Added on 8-July-2009*******************/
/********************* Homepage *****************************************/

#HomepageContainer
{
	font-size:10px;
	min-width:629px;
	width:62.9em;
}

#HomepageTopBlock
{
	background:#E4D7AD;
	#width:62.9em;
}



#HomepageTopBlock .Links
{
	/*text-transform:uppercase;*/
	margin: 25px 0 0 120px;
	font-size:14px;
	text-align:left;
	
}

#HomepageTopBlock .Link
{
	text-decoration:none;
	line-height:160%;
}

.HomepageRow
{
	font-size:10px;
	min-width:629px;
	width:62.9em;
	#width:629px;
}

.HomepageFeatureBox
{
	font-size:10px;
	min-width: 311px;
	width:31.1em;
	min-height:173px;
	height: 15.72em;
	border: 1px solid #BBBBBB;
	position:relative;
	float: left;
	margin-top: 4px;
	#min-width: 313px; /* hack for ie as moz adds border to width */
	#width:31.3em;
}

.Left
{
	margin-right: 3px;
}

.HomepageFeatureBoxHeading
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	text-transform:lowercase;
	text-align:center;
	width: 100%;
	line-height:150%;
}

.HomepageFeatureBoxText
{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	padding: 7px 0px 0px 7px;
	width: 165px;
	height: 135px;
	position:absolute;
	
}

.HomepageFeatureBoxTextNoPadding
{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	padding: 0px 0px 0px 0px;
	width: 156px;
	height: 135px;
	position:absolute;
	
}

.HomepageFeatureBoxBelowImage
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	margin-left:50px;
}


.HomepageFeatureBoxText p
{
	color:666666;
	line-height: 150%
}

.HomepageFeatureBoxImage
{
	float: right;
}

#HomepageContainer ul
{
	list-style-type:none;
	padding:7px 0px 0px 7px;
	margin:0px;
}

#HomepageContainer li
{
	margin-bottom: 6px; 
}

	
#HomepageContainer .more
{
	position:absolute;
	bottom:7px;
	margin-left: 7px;
	padding: 0px;
}	

.HomepageFeatureBoxText a, .HomepageFeatureBoxBelowImage a
{
	color:#666666;
	text-decoration:none;
}

.HomepageFeatureBoxText a:hover, .HomepageFeatureBoxBelowImage a:hover
{
	text-decoration:underline;
}

.HomepageFeatureBoxHeading a:hover
{
	text-decoration:none;
	
}

#HomepageContainer a:hover
{
	color:#0072BC;
	
}

.HomepageFeatureBoxHeading a
{
	display:block;
	width:100%;
	text-decoration:none;
	color: #4C3327;
}

#HolidayNoLonger
{
	/*border: 1px solid #4C3327;*/
	padding: 4px;
	margin: 5px 0px 5px 0px;
	text-align: center;
	color:#CC0000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#HolidayInfoHeader
{
	float: left;
	padding-right:20px;
	margin-top:-3px;
	#margin-top:0px;
}

#HolidayHeaderButton
{
	float:right;
	line-height: 300%;
	padding:0 10px 0 36px;
	background-color:#648E57;
	color:#FFFFFF;
	height: 32px;
	#height:34px;
	border-left: 1px solid #FFFFFF;
	

background-image:url("https://secureimg.art.com/images/holiday-shipping/info_button.gif");
	background-repeat:no-repeat;
	background-position: top left;
}

.gTxtHomepageTitleLinks
{
	color: #692873;	
}

.gTxtHomepageTitleLinksZ4
{
	color: #5C0303;	
}

.gTextPromotional
{
color: #FFFFFF;
}

.gBkPromotional
{
background-color:#600E4A;
}

/****** Primary Buttons ******/
.primary_buttons, .primary_buttons_float{
	color:#FFFFFF;
	border:1px solid #ffffff;
	text-transform: uppercase;
	background-image :url('http://artfiles.art.com/images/pub/buttons/arrow16.gif');
	background-repeat: no-repeat;
	background-position:center right;
	font-size: 10px;
}

.primary_buttons{
    width:14em;
	margin:0 7px 3px 0;
}

.primary_buttons_float{
    float:left;
}

.primary_buttons .txtlabel, .primary_buttons_float .txtlabel{
	text-align:center;
	color:#FFFFFF;
	line-height:130%;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #ffffff;
	cursor:pointer;
	margin:1px;
	padding:5px 10px 5px 0px;
}

.primary_buttons_float .txtlabel{
	padding:5px 20px 5px 5px;
}

.btns_brown{background-color:#4c3327;}
.btns_brown_over{background-color:#0072bc;}
.btns_orange{background-color:#b34a0d;}
.btns_over{background-color:#0072bc;}

.btns_drkblue{background-color:#414d5b;}
.btns_drkblue_over{background-color:#0072bc;}

.btns_DrkRed{background-color:#64162C;}
.btns_DrkRed_over{background-color:#0072bc;}

/****** Popups ******/
/* Migrating from art_popups.css */
div.popoutercontainer {
	width:345px;
	border:1px solid #666666;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
div.poptopbar {
	width:345px;
	height:30px;
	background-color:#4D3227;
	cursor:move;
}
div.poptitle {
	float:left;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	padding:9px 0px 5px 14px;
}
div.closebox {
	float:right;
	width:17px;
	height:17px;
	padding:6px 7px 0px 0px;
}

div.popmaincontainer{
	background-color:#E7E3DA;
	padding-bottom:15px;
	width:345px;
	color:#FFFFFF;
	clear:both;
}
div.poptxtbox {
	color:#000000;
	padding:20px 10px 10px 15px;
}

div.popbtn 
{
	height:25px;
	border:1px solid #666666;
}

.btnlabel 
{
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	padding:5px 0px 0px 0px;
}

div.btnorange 

{background:url('http://artfiles.art.com/images/pub/wishlist/graphic_btn_orange.gif') repeat-x;}