@charset "utf-8";
@import "global.css";
@import "layout.css";

/*******************************************************************************
*  theme.css : 24.07.2006
* -----------------------------------------------------------------------------
*  Set the main website themed elements
*******************************************************************************/

/* BACKGROUND IMAGES */

#outerColumnContainer
{
	border-left-width:0;
	border-right-width:0;	/* we remove the borders so we can apply
				   background images. */
	padding-left:181px;	/* because padding is on the left-side,
				   the left-column"s background image is
				   going to be applied to this element. */
	margin-right:180px;	/* the right-column"s space is reserved
				   with margin space rather than padding,
				   so we can apply a background image to
				   the parent element, #pageWrapper, and
				   it will peek through. */
	background-image:url(../Images/LeftColumn.gif);
	background-repeat:repeat-y;
	background-position:0;
}
#pageWrapper
{
	background-image:url(../Images/RightColumn.gif);
	background-repeat:repeat-y;
	background-position:100% 0;
}
#header, #innerColumnContainer, #header2, #header3, #footer
{
	background-color:#fff;
}

/* END BACKGROUND IMAGES */

/* Begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet */

body
{
	color: #454545;
	font-family: arial, helvetica, sans-serif;
}
a, a:link, a:visited, a:active
{
	text-decoration: none;
	color: #7D8F62;
}
a:hover, a:focus
{
	text-decoration: underline;
	color: #2F3F17;
}
hr
{
	border-top: 1px solid #415723; /* Set standard hr colour - use border for browser consistency */
}
h1, h3
{
	color:#000;
	padding:0;
	margin:0;
}
h2, h4
{
	color:#526F3E;
	padding:0;
	margin:0;
}
h5
{
	color:#000;
	padding:0;
	margin:0;
}
h6
{
	color:#000;
	padding:0;
	margin:0;
}
legend
{
	color:#000;
}

/* everything below this point is related to the page's "theme" */
#header
{
	border: 0;
	padding: 0;
	height:147px;
	background:url(../Images/HeaderRight.jpg) no-repeat top right;
}
#header p#logo
{
	background:transparent url(../Images/Logo.gif) no-repeat;
	height:112px;
	width:390px;
	padding:0;
	margin:0;
	float:left;
	text-indent: -100em; 
	overflow: hidden 
}
#header p#logo a 
{ 
	display: block; 
	height: 112px
}
#header h3
{
	background:transparent url(../Images/ATCLogo.gif) no-repeat;
	margin-top:30px;
	margin-right:10px;
	height:60px;
	width:60px;
	float:left;
	text-indent: -100em; 
	overflow: hidden 
}
#header h3 a 
{ 
	display: block; 
	height: 60px
}
#header h4
{
	background:transparent url(../Images/SALogo.gif) no-repeat;
	margin-top:30px;
	height:60px;
	width:60px;
	float:left;
	text-indent: -100em; 
	overflow: hidden 
}
#header h4 a 
{ 
	display: block; 
	height: 60px
}
/* Tabs */
#tabs 
{
	background: url(../Images/tab_bg.gif) repeat-x 50% bottom; 
	width: 100%; 
	line-height: normal;
	text-transform:uppercase;
	font-size:105%;
	float:left;
	font-family:Times New Roman, Times, Georgia, Serif;
}
#tabs ul 
{
	padding:10px 10px 0 10px;
	margin: 0px; 
	list-style-type: none;
}
#tabs li
{
	display:inline;
	margin:0;
	padding:0;
}
#tabs a 
{
	padding:0 0 0 9px;
	font-weight: bold; 
	background: url(../Images/tab_left_both.gif) no-repeat left top; 
	float: left; 
	color: #fff;
	margin:0;
	text-decoration: none;
	border-bottom:1px solid #A1BDAA;
}
#tabs a span
{
	padding:5px 15px 4px 6px;
	display: block; 
	font-weight: normal; 
	background: url(../Images/tab_right_both.gif) no-repeat right top; 
	float: left; 
	color: #fff; 
	text-decoration: none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span
{
	color:#1F320E;
}
#tabs a:hover span 
{
	color:#1F320E;
}
#tabs #current a 
{
	background-position:0 -150px;
	border-width:0;
}
#tabs #current a span 
{
	background-position:100% -150px;
	padding-bottom:5px;
	color:#1F320E;
}
#tabs a:hover 
{
	background-position:0% -150px;
}
#tabs a:hover span 
{
	background-position:100% -150px;
}
/* End Tabs */
.hnav2
{
	padding:0;
	white-space:nowrap;
	background:#A1BDAA url(../Images/hnav2_bg.gif) repeat-x top left;
	text-align:center;
	color:#1F320E;
}
.hnav2 h4
{
	color:#1F320E;
	padding:9px 10px 7px 0;
}
*html .hnav2 h4
{
	background:#A1BDAA url(../Images/hnav2_bg.gif) repeat-x top left;
}
.hnav2 h6
{
	text-transform:uppercase;
	font-weight:bold;
	color:#1F320E;
	display:inline;
	font-size:95%;
	padding:0 5px 0 0px;	
}
.searchbox
{
	padding:5px 5px 1px 10px;	
}
*html .searchbox
{
	padding:3px 5px 3px 10px;	
}
.hnav3
{
	padding: 5px;
	background:#EAEDEA;
	border-bottom:solid 1px #90805F;
}
.hnav3 a:link, .hnav3 a:visited, .hnav3 a:active
{
	color:#1F320E;
	text-decoration:underline;
}
.hnav3 a:hover, .hnav3 a:focus
{
	color:#A1BDAA;
}
#footerCards
{
	background-image:url(../Images/LeftColumn.gif);
	background-repeat:repeat-y;
	background-position:0;
	text-align:center;
	padding:5px 0;
}
#footer
{
	text-align: center;
	background:#454545 url(../Images/Footer.gif) repeat-x;
	color:#fff;
	padding: 0.5em;
}
#footer .inside
{
	padding-top:2px;
}
#footer a:link, #footer a:visited, #footer a:active
{
	color:#fff
}
#footer a:hover, #footer a:focus
{
	color:#E2D9C8
}
#leftColumn
{
	background:url(../Images/LeftColTop.gif) no-repeat top left;
	padding-top:36px;
}
#leftColumn .column
{
	float:left;
	clear:left;
	margin-bottom:5px;
	width:180px;
}
#leftColumn .colHeader
{
	background:#F5F7F5 url(../Images/ColBoxHeaderLeft.gif) repeat-y top left;
	padding:4px 0;
}
#leftColumnFirst .colHeader
{
	background:#FFF url(../Images/ColBoxHeaderLeftFirst.gif) repeat-y top left;
}
#leftColumn .colBody
{
	padding:0 8px 0 5px;
}
#rightColumn
{
	background:url(../Images/RightColTop.gif) no-repeat top left;
	padding-top:36px;
}
*html #rightColumn
{
	background:url(../Images/RightColTop_IE6.gif) no-repeat top left;
}
#rightColumn .column
{
	float:right;
	clear:right;
	margin-bottom:5px;
	width:180px;
}
#rightColumn .colHeader
{
	background:url(../Images/ColBoxHeaderRight.gif) repeat-y 1px 0px;
	padding:4px 0;
}
#rightColumnFirst .colHeader
{
	background:#F5F7F5 url(../Images/ColBoxHeaderRightFirst.gif) repeat-y 1px 0px;
}
#rightColumn .colBody
{
	padding:5px 5px 0 8px;
}
*html #rightColumn .colHeader
{
	background:url(../Images/ColBoxHeaderRight.gif) repeat-y 0px 0px;
	border-right:solid 1px #000;
}
*html #rightColumnFirst .colHeader
{
	background:#FFF url(../Images/ColBoxHeaderRightFirst.gif) repeat-y 0px 0px;
}
#leftColumn h3, #rightColumn h3
{
	font-weight:normal;
	font-size:125%;
	padding:0;
	margin:0;
}
#leftColumn h2, #rightColumn h2
{
	color:#415723;
	text-transform:uppercase;
	font-size:95%;
	font-weight:bold;
	text-align:center;
}
#rightColumnFirst h2
{
	padding-top:5px;
	background:url(../Images/ColBullet.gif) no-repeat 10px top;
}
#leftColumnFirst h2
{
	padding-top:5px;
	background:url(../Images/ColBullet.gif) no-repeat 5px top;
}
#leftColumn a:link, #leftColumn a:visited, #leftColumn a:active, #rightColumn a:link, #rightColumn a:visited, #rightColumn a:active
{
	color:#2F3F17;
}
#leftColumn a:hover, #leftColumn a:focus, #rightColumn a:hover, #rightColumn a:focus
{
	color:#7D8F62;
}
#leftColumn ul, #rightColumn ul
{
	margin:0 0 5px 0;
	padding:0 0 5px 10px;
	font-size:100%;
	border-bottom:dotted 1px #C5B8A2;
}
#leftColumn .first, #rightColumn .first
{
	border-bottom:none;
}
#leftColumn li, #rightColumn li
{
	list-style:none;
	padding:0;
	margin:0;
}
#colCategories .colBody
{
	padding-left:10px;
}
#colMagazine .colBody
{
	padding-left:10px;
	padding-top:5px;
}
#colMagazine .colBody h3
{
	padding-bottom:2px;
}
#colShoppingBasket h6
{
	background:url(../Images/EmptyShoppingBasket.gif) no-repeat;
	padding:5px 0 0 50px;
	height:60px;
	font-size:95%;
	color:#000;
}
#colNewsletter label
{
	font-size:85%;
	font-weight:bold;
}
#Currency .colBody
{
	padding-left:7px;
}
#middleColumn .inside
{
	padding:0 1%;
}

#outerColumnContainer
{
	border-left-color: #fff;	/* left column background color */
	border-right-color: #fff;	/* right column background color */
	background-color: #fff;		/* set the background color for the
					   middle column here */
}

.featuretext
{
	font-size: 85%;
}
tr.ItemStyle td, tr.AlternatingItemStyle td
{
	border-top:solid 1px #000;
}
.RadioButtonList td
{
	vertical-align: top;
}
.nopaddingbottom td
{
	margin-bottom:0px;
	padding-bottom:0px;
}
.nopaddingtop td
{
	margin-top:0px;
	padding-top:0px;
}
#banners
{
	width:14em;
	overflow:hidden;
	text-align:center;
}
.banner
{
	margin-top:15px;
}
#searchHeader
{
	border:1px solid #A1BDAA;
	background:#EAEDEA;
	padding:5px;
	margin:3px 0;
}

/** Shopping Basket **/
#basketAlert
{
	background:url(../Images/BasketAlert.gif);
	padding-bottom:10px;
}

/** Bread Crumb **/
#Breadcrumb
{
	margin:10px 0 5px 0;
	font-size:80%;
	font-weight:bold;
}
#Breadcrumb a:link, #Breadcrumb a:visited
{
	text-decoration:none;
	font-weight:normal;
}
#Breadcrumb a:hover, #Breadcrumb a:active, #Breadcrumb a:focus
{
	text-decoration:underline;
	font-weight:normal;
}

/** 404 Page **/
#pageNotFound
{
	padding-top:8px;
}
#pageNotFound ol, #pageNotFound ul
{
	padding-top:0;
	margin-top:0;
}
#pageNotFound li
{
	padding-bottom:5px;
}

/** Homepage **/
.hpHeader
{
	margin-top:10px;
	background:#415723;
	color:#fff;
	padding:5px;
	font-weight:bold;
	margin-bottom:5px;
}
.hpHeader a, .hpHeader a:link, .hpHeader a:visited
{
	color:#fff;
}
.hpHeader a:hover, .hpHeader a:active, .hpHeader a:focus
{
	color:#fff;
}
.hpHeaderLeft
{
	float:left;
}
.hpHeaderRight
{
	float:right;
}
.hpBody
{
	clear:both;
	border-left:1px solid #415723;
	border-right:1px solid #415723;
	border-bottom:1px solid #415723;
	border-top:1px solid #415723;
	padding:5px 0;
}
#homepage tr
{
	vertical-align:top;
}
/* 1 Product Name */
#homepage h3
{
	font-size:120%;
}
/* 2, 3, and 4 Row Product Names */
#homepage h4
{
	font-size:105%;
}
/* Prices */
#homepage h5
{
	font-size:100%;
	display:inline;
}
/** Department Homepage **/
.deptContainer
{
	border:solid 1px #415723;
	padding:2px;
	margin:2px;
}
.deptImageContainer
{
	width:70px;
	height:70px;
	overflow:hidden;
}
.deptTitleContainer
{
	padding-top:5px;
	height:33px;
}
/* Main box w/ categories and title */
#dhBrowse
{
	border:solid 1px #C0D2A9;
	margin-bottom:10px;
}
.dhBrowseHeader
{
	background:#fff url(../Images/dhBrowseHeader.jpg) repeat-x left top;
	border-bottom:solid 1px #fff;
	padding:5px;
}
.dhBrowseItem
{
	padding:5px;
}
#dhEditorial
{
}
#dhNewProducts
{
	font-size:90%;
}
#dhNewProducts h3
{
	font-size:105%;
}
.dhNPContainer
{
	border:solid 0px #415723;
}
.dhNPItemStyle
{
}
.dhNPHeaderStyle
{
	background:#415723;
	border:solid 2px #fff;
	padding:3px 5px;
}
.dhNPHeaderStyle h5
{
	color:#fff;
}
.dhNPLayoutContainer
{
	padding:5px;
	border:solid 1px #415723;
	background:#F7FFDF;
}
.dhNPLayoutPicture
{
	width:70px;
	float:left;
	text-align:center;
}
#dhBestSellers
{
	font-size:90%
}
#dhBestSellers h3
{
	font-size:105%;
}
.dhBSContainer
{
	border:solid 0px #415723;
}
.dhBSItemStyle
{
	
}
.dhBSHeaderStyle
{
	background:#415723;
	border:solid 2px #fff;
	padding:3px 5px;
}
.dhBSHeaderStyle h5
{
	color:#fff;
}
.dhBSLayoutContainer
{
	padding:5px;
	border:solid 1px #415723;
	background:#F7FFDF;
}
.dhBSLayoutPicture
{
	width:70px;
	text-align:center;
	float:left;
}
#dhPromotedProducts
{
	font-size:95%
}
#dhPromotedProducts h3
{
	font-size:110%;
}
.dhFPLayoutContainer
{
	padding:5px 0;
	border-bottom:dotted 1px #BFBFBF;
}
.dhFPLayoutPicture
{
	width:90px;
	height:90px;
	float:left;
	text-align:center;
}
.dlLeftCol
{
	width:300px;
	float:left;
	margin-right:5px;
}
.dlLeftCol ul
{
	padding:0;
	margin:0;
}
.dlLeftCol li
{
	padding-left:5px;
	color:#454545;
	list-style-type:square;
}

/** Product Filter **/
/* Product Name - List Layout */
#productFilter h3
{
	font-size:120%;
}
/* Product Name - Grid Layout */
#productFilter h4
{
	font-size:105%;
}
/* Prices */
#productFilter h5
{
	font-size:100%;
}
.listLayoutPicture
{
	width:140px;
	float:left;
	text-align:center;
}
.listLayoutContainer
{
	padding:10px 0;
	border-bottom:dotted 1px #A1BDAA;
}
.listLayoutItemstyle
{
}
.gridLayout
{
	width:33.3%;
	text-align:center;
	display:block;
	float:left;
	padding:10px 0;
	border-top:dotted 1px #A1BDAA;
}
.editorial
{

}

/** Product Display **/
#productDisplayContainer h1
{
	line-height:90%;
	margin:15px 0 5px;
}
#productDisplayContainer h1 span
{
	display:block;
	font-size:80%;
	color:#808F6B;
}
#productDisplayDescription
{
}
#productDisplayDescription p
{
	padding:0;
	margin:0 0 7px 0;
}
#productDisplayVariants
{

}
#productDisplayVariants .options
{
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:dotted 1px #A1BDAA;
}
#productDisplayOffers
{
}
#productDisplayReviews
{
	border-top:solid 1px #A1BDAA;
	padding:15px 0;
}
#productDisplayLinkedProducts
{
	border-top:solid 1px #A1BDAA;
	padding:15px 0;
}
#productDisplayLinkedProductText
{
	font-size:90%;
}
/* Product Name */
#productDisplayLinkedProducts h3
{
	font-size:110%;
}
/* Prices */
#productDisplayLinkedProducts h5
{
	font-size:100%;
}
.gallery 
{ 
	PADDING: 5px; 
	BACKGROUND: #EFFFF4;
	width:99%;
}
.gallery H5 
{ 
	PADDING-BOTTOM: 3px;
}

/* Start Article Filter */

.filterContainer
{
	border:solid 1px #454545;
	margin-top:10px;
	padding:1%;
	float:left;
	width:98%;
}
.filterPicture1
{
	float:left;
	margin-right:5px;
}
.filterPicture2
{
	float:right;
	margin-left:5px;
}
.filterContent
{
	text-align:justify;
	padding-top:2px;
	font-size:85%;
}
.filterTitle
{
}
.filterFooter
{
	clear:both;
}

/* End Article Filter */


/* Start Article Display */

#article h3
{
	padding:0; 
	margin:0;
}
#article h4
{
	padding:0; 
	margin:0;
}
#article h5
{
	padding:0; 
	margin:0;
	font-size:85%;
}
#article hr
{
	padding-bottom:5px;
}
.articleLinks
{
	padding:5px 0;
	font-weight:bold;
	font-size:80%;
}

/* End Article Display */


/* ColNewsletter */

#colNewsletter ul
{
	background:#FEFFAF;
	border:solid 1px #E78686;
	padding:5px;
	color:#FF3300;
	margin:10px 0;
}
#colNewsletter li
{
	list-style-type:disc;
	margin-left:15px;
}

/* Customer Gallery */

.galleryPicture1
{
	float:left;
	padding:0;
	margin-right:5px;
}
.galleryCaption1
{
	padding:10px 0 0 10px;
}
.galleryPicture2
{
	float:right;
	padding:0;
	margin-left:5px;
}
.galleryCaption2
{
	padding:10px 10px 0 0;
}
.galleryCaptionInside
{
	border:solid 1px #454545;
	padding:5px;
}
.galleryPictureInside img
{
	border:solid 2px #454545;
}
/*#outerColumnContainer
{
	background:url(../Images/backorchid.jpg) no-repeat right top;
}*/

/* Homepage */
#HomepageMain
{
	background:url(../Images/HomepageMain.jpg) no-repeat right top;
	height:234px;
}
#HomepageMain .inside
{
	font-family:Georgia, Serif;
	text-align:center;
	color:#232407;
	font-size:130%;
	padding-top:20px;
	line-height:130%;
	width:350px;
}
#HomepageMain .inside h1
{
	font-size:100%;
	color:#232407;
}
#HomepageMain .inside h1 span
{
	font-weight:normal;
}
#HomepageMain .inside div.size1
{
	font-size:80%;
}
#HomepageMain .inside div.size2
{
	font-size:70%;
}
#HomepageMainFooter
{
	background:url(../Images/HomepageMainFooter.jpg) no-repeat right top;
	text-align:center;
	color:#3E3F12;
	font-size:150%;
	height:75px;
}
#HomepageMainFooter .inside
{
	padding:45px 80px 5px 80px;
}
.FullWidthContainer
{
	width:625px;
}
.hpFreeText
{
	font-size:125%;
	color:#3E3F12;
}
.hpFreeText h1, .hpFreeText h2, .hpFreeText h3
{
	color:#3E3F12;
}
.HomepageItems
{
	margin:5px 0 0 5px;
}
.HomepageItem1
{
	float:left;
	display:block;
	width:32%;
}
.HomepageItem
{
	float:left;
	display:block;
	width:32%;
	margin-right:1.5%;
	cursor:hand;
}
*html .HomepageItem
{
	margin-right:1.35%;
}
.HomepageItemTitle
{
	background:#415723;
	color:#fff;
	padding:7px 0;
	text-align:center;
	font-size:110%;
	font-weight:bold;
}
.HomepageItemImage1
{
	background:url(../Images/hpMirrors.jpg) no-repeat;
	width:99.5%;
	height:115px;
	margin-bottom:5px;
	border:solid 1px #415723;
}
.HomepageItemImage2
{
	background:url(../Images/hpTables.jpg) no-repeat;
	width:99.5%;
	height:115px;
	margin-bottom:5px;
	border:solid 1px #415723;
}
.HomepageItemImage3
{
	background:url(../Images/hpWallArt.jpg) no-repeat;
	width:99.5%;
	height:115px;
	margin-bottom:5px;
	border:solid 1px #415723;
}
*html .HomepageItemImage1, *html .HomepageItemImage2, *html .HomepageItemImage3
{
	width:100%;
}
.HomepageItems a:link, .HomepageItems a:visited, .HomepageItems a:active
{
	color:#fff;
}
.HomepageItems a:hover, .HomepageItems a:focus
{
	color:#fff;
}
.HomepageText
{
	clear:both;
	padding:15px;
	color:#5A5F53;
}

/* End Homepage */

/* Newsflashes */
#rightColumn .newsflash ul li, #leftColumn .newsflash ul li
{
	margin-left:15px;
	list-style-type:disc;
}
#rightColumn .newsflash img, #leftColumn .newsflash img
{
	margin-left:5px;
}
#rightColumn .newsflash h5, #leftColumn .newsflash h5
{
	font-size:100%;
}
#rightColumn .newsflash h6, #leftColumn .newsflash h6
{
	font-size:90%;
}

/* SiteMap */
#SiteMap ul
{
	padding:0;
	margin:0 0 5px 0;
}
#SiteMap ul.first
{
	margin:0;
}
#SiteMap li
{
	margin-left:25px;
	padding:1px 0;
	list-style-type:circle;
}

/* Payment Methods */
.paymentmethod
{
	margin-bottom:10px;
	padding:10px;
	background:#EFEFEF;
	border:solid 1px #DFDFDF;
}
.pm-select
{
	width:80px;
	float:left;
	padding-top:3px;
}
.pm-desc
{
	width:460px;
	float:left;
}
.pm-desc h4 a
{
	text-decoration:none;
	color:#000000;
}
.pm-error
{
	display:block;
	padding:10px 0;
}

/******************************************************************************/

@import url("print.css") print;
