/* scarboroughfair.css (3.0)
 *
 * -------------------------------
 *  Essential HTML elements
 * -------------------------------
 */

BODY {
	font-family			: arial, sans-serif;
}

TD, INPUT, TEXTAREA {
	font-family			: arial, sans-serif;
	font-size			: 12px;
}

A {
	font-weight			: normal;
}

IMG {
	border				: 0;
}



/* -------------------------------
 *  Page containers
 * -------------------------------
 */
 
#divBody {
}

#divPage {
	position			: relative;
	margin				: auto;
	width				: 990px;
	padding				: 10px 0 33px;
	min-height			: 100%;
	height				: auto !important;
	height				: 100%;
	overflow			: visible;
}


/* -------------------------------
 *  Top region elements
 * -------------------------------
 */

/* region container */

#divRegionTop {
	position			: relative;
	height				: 242px;
	overflow			: hidden;
}


/* subsections */

#divSectionLogo {
	display				: block;
	width				: 325px;
	height				: 180px;
	padding				: 0px;
	overflow			: hidden;
	position			: absolute;
	top					: 0;
	left				: 0;
	background-image	: url('logo.gif');
	text-align			: center;
}

#divSectionHeader {
	display				: block;
	background-image	: url('hdrphoto.jpg');
	border-left			: 2px solid white;
	width				: 665px;
	height				: 180px;
	overflow			: hidden;
	text-align			: right;
	position			: absolute;
	top					: 0;
	right				: 0;
}

/* prevent the 'flash' effect if we're overlaying the header photo */
#divSectionHeader.photoWidgetImg {
	background-image	: none;
}

#divSectionTopNav {
	display				: block;
	width				: 100%;
	height				: 30px;
	overflow			: hidden;
	position			: absolute;
	top					: 182px;
	left				: 0;	
}

#divSectionTopSecondaryNav {
	display				: block;
	width				: 100%;
	height				: 30px;
	overflow			: hidden;
	position			: absolute;
	top					: 212px;
	right				: 0;
	background			: url('shade_effect.gif') repeat-x;
}




/* -------------------------------
 *  Middle region elements
 * -------------------------------
 */

/* region container */

#divRegionMiddle {
	position			: relative;
	min-height			: 250px;
	background-repeat	: repeat-y;
	width				: 100%;	/* IE6 needs this */
	overflow			: hidden;
}


/* main column */

#divColumn99 {
	text-align			: left;	
}

.ie6 #divColumn99 {
	margin-right		: -3px;		/* stops the duplicated text bug from hell */
}


/* left nav column */

#divColumn1 {
	text-align			: left;
	padding-bottom		: 120px; /* for swirl */
	overflow			: hidden;
}


/* right nav column */

#divColumn2 {
	text-align			: left;
	overflow			: hidden;
}


/* swirl */

#divLeftSwirl {
	display				: block;
	position			: absolute;
	left				: 0;
	bottom				: 10px;
	width				: 152px;
	height				: 90px;
	background			: url('logo_leftcol.gif') center center no-repeat;
}




/* -------------------------------
 *  Bottom region elements
 * -------------------------------
 */

/* region container */

#divRegionBottom {
	display				: block;
	position			: relative;
	clear				: both;
	font-size			: 11px;
	padding-top			: 12px;
	padding-bottom		: 5px;
	background-repeat	: repeat-x;
}

.ie6 #divRegionBottom {
	height				: 40px; /* otherwise IE6 can't position the legal nav */
}


/* subsections */

#divSectionBottomContent {
	display				: block;
}

#divSectionCopyright {
	display				: block;
	margin				: 5px auto 5px;
}

#divSectionBottomLegalNav {
	display				: block;
	position			: absolute;
	width				: 100%;
	height				: 15px;
	overflow			: hidden;
	right				: 0; /* IE6 needs this rather than left b/c menu is right-aligned */
	bottom				: -15px;
}




/* -------------------------------
 *  Images
 * -------------------------------
 */

#divSectionLogo IMG {
	width				: 325px;
	height				: 180px;
}

#divSectionHeader IMG {
	width				: 665px;
	height				: 180px;
}

DIV.featurePhotoWidget IMG {
	border-bottom		: 5px solid white;
	width				: 152px;
}


/* -------------------------------
 *  Menus
 * -------------------------------
 */

/* Top Nav Menu */

#divSectionTopNav {
	text-align			: left;
}

#divSectionTopNav A {
	font-size			: 13px;
	font-weight			: bold;
}

#divSectionTopNav UL {
	margin				: auto;
	display				: inline;
	padding				: 0;
	line-height			: 27px;
	white-space			: nowrap;
}

#divSectionTopNav UL LI {
	display				: inline;
	list-style-type		: none;
	font-family			: arial, sans-serif;
	font-size			: 13px;
	text-transform		: capitalize;
	padding				: 0 17px 0 17px;
}

#divSectionTopNav UL LI:first-child,
#divSectionTopNav UL LI.navFirstItem {
}

#divSectionTopNav UL.menuLevel1 {
	display				: none;
}


/* Top Secondary Nav Menu */

#divSectionTopSecondaryNav {
	text-align			: right;
}

#divSectionTopSecondaryNav A {
	font-weight			: bold;
}

#divSectionTopSecondaryNav UL {
	margin				: auto;
	display				: inline;
	padding-right		: 20px;
	padding-left		: 3px;
	line-height			: 30px;
	white-space			: nowrap;
}

#divSectionTopSecondaryNav UL LI {
	display				: inline;
	list-style-type		: none;
	padding				: 0 8px 0 15px;
	font-family			: arial, sans-serif;
	font-size			: 12px;
}

#divSectionTopSecondaryNav UL LI:first-child,
#divSectionTopSecondaryNav UL LI.navFirstItem
{
}

#divSectionTopSecondaryNav UL.menuLevel1 {
	display				: none;
}


/* Left Nav Menu */

#divLeftSideNav {
	margin-top			: 10px;
	margin-bottom		: 0px;
	padding				: 7px 0 35px;
	border-bottom		: 2px solid #DBDBDA;
}

#divLeftSideNav.noSubmenu, 
#divLeftSideNav.emptyMenu {
	display				: none;
}

#divLeftSideNav DIV.sidebarNavTitle {
	display				: none;
}


#divLeftSideNav UL {
	text-align			: left;
	margin-top			: 0;
	margin-right		: 15px;
	margin-left			: 3px;
	padding-left		: 0;
	list-style			: none;
}

#divLeftSideNav UL.menuLevel1 {
	margin-top			: 0;
	margin-right		: 0;
	margin-left			: 12px;
}

#divLeftSideNav UL LI {
	font-family			: arial, sans-serif;
	font-size			: 11px;
	text-transform		: capitalize;
	line-height			: 16px;
	margin-top			: 9px;
}

#divLeftSideNav UL A {
	display				: block;
	font-weight			: bold;
	font-size			: 11px;
	padding-top			: 4px;
	padding-bottom		: 3px;
	padding-left		: 4px;
	border-bottom		: 1px solid #DBDBDA;
}

#divLeftSideNav UL A.menuLevel0 {
	font-size			: 16px;
	border-bottom		: none;
}


#divLeftSideNav UL A.selected {
	background			: url('arrow_left.gif') right no-repeat;
}

#divLeftSideNav UL A.selected.menuLevel0 {
	background-image	: none;
	border-bottom		: none;
}

#divLeftSideNav UL.menuLevel2 {
	display				: none;
}




/* Left Nav Category Menu */

#divLeftShopCategories {
	margin-top			: 40px;
}

#divLeftShopCategories DIV.categoryMenuTitle {
	display				: none;
}

#divLeftShopCategories UL {
	text-align			: left;
	margin-top			: 0;
	margin-right		: 15px;
	margin-left			: 10px;
	padding-left		: 0;
	list-style			: none;
}

#divLeftShopCategories UL.menuLevel1 {
	margin-top			: 0;
	margin-right		: 0;
	margin-left			: 17px;
}

#divLeftShopCategories UL LI {
	font-family			: arial, sans-serif;
	font-size			: 11px;
	text-transform		: capitalize;
	line-height			: 16px;
	margin-top			: 9px;
}

#divLeftShopCategories UL A {
	display				: block;
	font-weight			: bold;
	font-size			: 11px;
	padding-top			: 4px;
	padding-bottom		: 3px;
	padding-left		: 4px;
	border-bottom		: 1px solid #DBDBDA;
}

#divLeftShopCategories UL A.selected {
	background			: url('arrow_left.gif') right no-repeat;
}

#divLeftShopCategories UL.menuLevel2 {
	display				: none;
}


/* Bottom Legal Nav Menu */

#divSectionBottomLegalNav {
	text-align			: right;
}

#divSectionBottomLegalNav A {
	font-family			: arial, sans-serif;
	font-size			: 10px;
}

#divSectionBottomLegalNav UL {
	margin				: auto;
	display				: inline;
	white-space			: nowrap;
}

#divSectionBottomLegalNav UL LI {
	display				: inline;
	list-style-type		: none;
	padding				: 0 7px 0 7px;
}

#divSectionBottomLegalNav UL LI:first-child,
#divSectionBottomLegalNav UL LI.navFirstItem
{
}

#divSectionBottomLegalNav UL.menuLevel1 {
	display				: none;
}



/* -------------------------------
 *  Text
 * -------------------------------
 */

/* headings */

H1, H2, H3, H4, H5, H6 {
	margin-top 			: 0.8em;
	margin-bottom 		: 0.5em;
}

H1 { font-size: 24px; font-weight: normal; font-style: normal; }
H2 { font-size: 18px; font-weight: bold; font-style: normal; }
H3 { font-size: 16px; font-weight: bold; font-style: normal; }
H4 { font-size: 14px; font-weight: bold; font-style: normal; }
H5 { font-size: 100%; font-weight: bold; font-style: normal; }
H6 { font-size: 100%; font-weight: bold; font-style: normal; }


/* main content */

#divColumn99 {
	font-family			: arial, sans-serif;
	font-size			: 12px;
}

#divColumn99 H1 {
	margin-top			: 0.5em;
	margin-bottom		: 25px;
}

#divColumn99 H1:first-child {
	margin-top			: 0.3em;
	margin-bottom		: 35px;
}

#divColumn99 TEXTAREA, #divColumn99 INPUT {
	font-family			: arial, sans-serif;
	font-size			: 11px;
}

#divColumn99 A {
	text-decoration		: underline;
}

#divColumn99 A:hover {
	text-decoration		: none;
}


/* footer */

#divSectionBottomContent {
	font-size			: 11px;
	text-align			: center;
}

#divSectionBottomContent LABEL {
	font-weight			: bold;
	padding-left		: 5px;
}

#divSectionCopyright {
	font-size			: 7pt;
	text-align			: center;
}


/* -------------------------------
 *  Shopping cart
 * -------------------------------
 */

DIV.shoppingCartWidget {
	display				: block;
}

DIV.shoppingCartWidget {
	border-left			: 2px solid #DBDBDA;
	border-bottom		: 2px solid #DBDBDA;
	padding				: 20px 8px 15px;
	text-align			: left;
	font-size			: 11px;
}

DIV.shoppingCartWidget UL {
	list-style			: none;
	margin				: 0;
	padding				: 0;
}

DIV.shoppingCartWidget LI {
	line-height			: 18px;
	padding-left		: 12px;
	background			: url('icon_cart.gif') no-repeat 0 6px;
}

DIV.shoppingCartWidget A {
	text-transform		: capitalize;
}

DIV.shoppingCartWidget DIV.cartTitle {
	font-size			: 12px;
	font-weight			: bold;
}

DIV.shoppingCartWidget DIV.cartItems {
	border				: 1px solid #DBDBDB;
	line-height			: 14px;
	margin-top			: 2px;
	padding				: 1px 6px;
	margin-bottom		: 5px;
}


/* -------------------------------
 *  Page Tools
 * -------------------------------
 */

DIV.pageToolsWidget.toolsStyleList {
	display				: block;
}

DIV.pageToolsWidgetTitle {
	display				: none;
}

DIV.pageToolsWidget {
	padding				: 20px 8px 15px;
	text-align			: left;
	font-size			: 12px;
	position			: absolute;
	right				: 20px;
	bottom				: 0;
}

DIV.pageToolsWidget UL {
	list-style			: none;
	margin				: 0;
	padding				: 0;
	padding-left		: 10px;
}

DIV.pageToolsWidget UL LI {
	line-height			: 24px;
	padding-left		: 18px;
	background			: url('arrow_right.gif') no-repeat 0 7px;
}

DIV.pageToolsWidget A {
	font-size			: 11px;
	font-weight			: bold;
	text-transform		: capitalize;
}



/* -------------------------------
 *  Paragraph styles
 * -------------------------------
 */

.indentItalics {
	margin-left			: 25px;
	margin-right		: 25px;
	font-style			: italic;
}