/* ==================================================================
 *  tartan.css
 * ==================================================================
 *
 * -------------------------------
 *  Essential HTML elements
 * -------------------------------
 */


BODY {
	margin				: 0;
	padding				: 0;
	font-family			: verdana, sans-serif;
	font-size			: small;
}

TD, INPUT, TEXTAREA {
	font-family			: verdana, sans-serif;
	font-size			: small;
}

A {
	font-weight			: bold;
	text-decoration		: none;
}

A:hover {
	text-decoration		: underline;
}

IMG {
	border				: 0;
}



/* -------------------------------
 *  Page containers
 * -------------------------------
 */

#divBody {
	padding-top			: 40px;
	padding-bottom		: 10px;
}

#divPage {
	position			: relative;
	margin				: auto;
	width				: 952px;
	padding				: 0px;
	min-height			: 100%;
	height				: auto !important;
	height				: 100%;
	overflow			: visible;
	text-align			: left;
	border				: 1px solid white;
}



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

/* region container */

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


/* subsections */

#divSectionLogo {
	display				: block;
	width				: 180px;
	height				: 201px;
	overflow			: hidden;
	position			: absolute;
	top					: 80px;
	left				: 0;
}

#divSectionHeader {
	display				: block;
	width				: 772px;
	height				: 201px;
	overflow			: hidden;
	position			: absolute;
	top					: 80px;
	left				: 180px;
	background			: url('hdrphoto.jpg');
}

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


#divSectionTopNav {
	display				: block;
	width				: 100%;
	height				: 33px;
	overflow			: hidden;
	position			: absolute;
	top					: 46px;
	left				: 0;
	border-bottom		: 1px solid white;
}

#divSectionTopSecondaryNav {
	display				: block;
	width				: 100%;
	height				: 30px;
	position			: absolute;
	top					: 10px;
	right				: 30px;
}



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

/* region container */

#divRegionMiddle {
	position			: relative;
	min-height			: 400px;
	background-repeat	: repeat-y;
	overflow			: hidden;
	width				: 100%;		/* for container stretching in IE */
}


/* main column */

#divColumn99 {
}



/* left nav column */

#divColumn1 {
	color				: white;
	text-align			: left;
}


/* right nav column */

#divColumn2 {
	color				: white;
	text-align			: left;
	border-top			: 1px solid white;
}



/* -------------------------------
 *  Bottom region elements
 * -------------------------------
 *
 * Note: #divRegionBottom is sized and positioned in the layout CSS file
 */

/* region container */

#divRegionBottomInner {
	margin				: 0;
	padding				: 10px 10px;
	border-top			: 1px solid black;
}

/* subsections */

#divSectionBottomContent {
	display				: block;
	margin-bottom		: 20px;
}

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




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

#divSectionLogo IMG {
	display				: block;
	width				: 180px;
	height				: 201px;
}

#divSectionHeader IMG {
	display				: block;
	width				: 772px;
	height				: 201px;
}

#divColumn2 DIV.featurePhotoWidget IMG {
	width				: 150px;
}



/* -------------------------------
 *  Widgets
 * -------------------------------
 */

DIV.widgetTitle,
#divShoppingCartWidget DIV.cartTitle {
	background-color	: black;
	color				: white;
	font-family			: verdana, arial, sans-serif;
	font-weight			: bold;
	font-size			: 14px;
	text-align			: left;
	text-transform		: uppercase;
	padding				: 6px 10px 6px 20px;
}



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

/* Top Nav Menu */

#divSectionTopNav {
	text-align			: left;
	background			: url('menubg.gif') 0 -0px repeat-x;
}

#divSectionTopNav A {
	font-weight			: bold;
}

#divSectionTopNav UL {
	margin				: -11px 10px 0;
	padding				: 0;
	line-height			: 56px;
	white-space			: nowrap;
	overflow			: hidden;
}

#divSectionTopNav UL LI {
	display				: inline;
	list-style-type		: none;
	font-family			: verdana, sans-serif;
	font-size			: 12px;
	text-transform		: uppercase;
	padding				: 12px 14px 14px 17px;
	margin				: 0;
	background-position	: 0 14px;
	background-repeat	: no-repeat;
	background-image	: url('menu_separator_white.gif');
}

#divSectionTopNav UL LI:first-child,
#divSectionTopNav UL LI.navFirstItem
{
	background-image	: none;
}

#divSectionTopNav UL.menuLevel1 {
	display				: none;
}



/* Top Secondary Nav Menu */

#divSectionTopSecondaryNav {
	text-align			: right;
}

#divSectionTopSecondaryNav A {
	font-weight			: bold;
}

#divSectionTopSecondaryNav UL {
	display				: inline;
	float				: right;
	margin				: 0 auto;
	padding				: 6px 5px;
	white-space			: nowrap;
	border				: 1px solid white;
	overflow			: visible;
}

#divSectionTopSecondaryNav UL LI {
	display				: inline;
	list-style-type		: none;
	font-family			: verdana, sans-serif;
	font-size			: 11px;
	text-transform		: uppercase;
	padding				: 0px 13px 0px 15px;
	background-position	: 0 2px;
	background-repeat	: no-repeat;
	background-image	: url('menu_separator_white.gif');
}

#divSectionTopSecondaryNav UL LI.selected {
}

#divSectionTopSecondaryNav UL LI:first-child,
#divSectionTopSecondaryNav UL LI.navFirstItem
{
	background-image	: none;
}

#divSectionTopSecondaryNav UL.menuLevel1 {
	display				: none;
}


/* Left Nav Menu */

#divLeftSideNav {
	padding-top			: 12px;
	padding-bottom		: 5px;
}

#divLeftSideNav UL {
	margin				: 0;
	padding				: 0;
	margin-left			: 16px;
	margin-right		: 4px;
	font-family			: verdana, arial, sans-serif;
	font-weight			: bold;
	font-size			: 12px;
	text-transform		: uppercase;
	list-style			: none;
}

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

#divLeftSideNav UL.menuLevel2 {
	padding-top			: 4px;
	font-size			: 11px;
	margin-left			: 15px;
}

#divLeftSideNav LI {
	margin-bottom		: 4px;
	line-height			: 20px;
}

#divLeftSideNav LI.menuLevel2 A {
	padding-left		: 15px;
	background-repeat	: no-repeat;
	background-position : 2px 4px;
	background-image	: none;
}




/* Left Category Menu */

#divLeftShopCategories {
	margin-top			: 10px;
}

#divLeftShopCategories DIV.categoryMenuTitle {
	display				: none;
}

#divLeftShopCategories {
	padding-top			: 8px;
	padding-bottom		: 5px;
}

#divLeftShopCategories UL {
	margin				: 0;
	padding				: 0;
	margin-left			: 16px;
	margin-right		: 4px;
	font-family			: verdana, arial, sans-serif;
	font-weight			: bold;
	font-size			: 12px;
	text-transform		: uppercase;
	list-style			: none;
}

#divLeftShopCategories UL.menuLevel1 {
	padding-top			: 10px;
	font-size			: 11px;
	margin-left			: 12px;
	margin-right		: 0;
}

#divLeftShopCategories LI {
	margin-bottom		: 12px;
}

#divLeftShopCategories LI.menuLevel1 A {
	padding-left		: 15px;
	background-repeat	: no-repeat;
	background-position : 2px 4px;
	background-image	: none;
}

#divLeftShopCategories UL.menuLevel3 {
	display				: none;
}



/* Bottom Tertiary Nav Menu */

#divSectionBottomNav {
	text-align			: center;
}

#divSectionBottomNav A {
	font-weight			: normal;
}

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

#divSectionBottomNav UL LI {
	display				: inline;
	list-style-type		: none;
	font-family			: verdana, sans-serif;
	font-size			: 7pt;
	text-transform		: uppercase;
	padding				: 3px 6px 3px 9px;
	background-position	: 0 5px;
	background-repeat	: no-repeat;
	background-image	: none;
}

#divSectionBottomNav UL LI A.selected {
	font-weight			: bold;	
}

#divSectionBottomNav UL LI:first-child,
#divSectionBottomNav UL LI.navFirstItem
{
	background-image	: none;
}

#divSectionBottomNav UL.menuLevel1 {
	display				: none;
}


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

/* headings */

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

H1 { font-size: 170%; font-weight: bold; font-style: normal; }
H2 { font-size: 140%; font-weight: bold; font-style: normal; }
H3 { font-size: 120%; font-weight: bold; font-style: normal; }
H4 { font-size: 110%; 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; }

H1 {
	line-height			: 2em;
	border-bottom		: 1px solid black;
}


/* main content */

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

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

#divColumn99 A {
	text-decoration		: underline;
}

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


/* footer */

#divSectionBottomContent {
	font-family			: verdana, tahoma, arial, sans-serif;
	font-size			: 8pt;
	text-align			: center;
}

#divSectionCopyright {
	font-family			: verdana, tahoma, arial, sans-serif;
	font-size			: 7pt;
	text-align			: center;
}


/* -------------------------------
 *  Shopping cart
 * -------------------------------
 */
 
#divShoppingCartWidget {
	margin				: 35px 0 5px;
	padding				: 8px 0 8px;
	text-align			: left;
}

#divShoppingCartWidget DIV.cartItems {
	margin-top			: 10px;
	text-align			: left;
	font-size			: 10px;
	line-height			: 20px;
}

#divShoppingCartWidget A {
	display				: block;
	font-size			: 9px;
	font-weight			: bold;
	text-transform		: capitalize;
	padding-left		: 56px;
	background-repeat	: no-repeat;
	background-position	: 20px 4px;
	background-image	: none;
}



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

DIV.pageToolsWidget.toolsStyleCompact {
	display				: none
}

#divPageToolsWidget {
	padding-top			: 12px;
	padding-bottom		: 20px;
}

#divPageToolsWidget DIV.pageToolsWidget {
	padding-top			: 7px;
	padding-bottom		: 5px;
}

#divPageToolsWidget DIV.pageToolsWidget UL {
	margin				: 0;
	padding				: 0;
	padding-top			: 3px;
	font-family			: verdana, arial, sans-serif;
	font-weight			: bold;
	font-size			: 11px;
	text-transform		: uppercase;
	list-style			: none;
}

#divPageToolsWidget DIV.pageToolsWidget LI {
	margin-bottom		: 1px;
	line-height			: 22px;
}

#divPageToolsWidget DIV.pageToolsWidget LI A {
	padding-left		: 20px;
	padding-top			: 1px;
	padding-bottom		: 1px;
	background-repeat	: no-repeat;
	background-position : 9px 5px;
	background-image	: none;
}


/* -------------------------------
 *  Miscellaneous
 * -------------------------------
 */

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

/* NACTA logo widget */

#divPartnerLogo {
	text-align			: center;
	margin-top			: 10px;
}


/*---------------------------*/
/* Share & subscribe buttons */
/*---------------------------*/
a:link.scShareLink, a:visited.scShareLink, a:link.scSubscribeLink, a:visited.scSubscribeLink 
{display:block;width:100px;font:bold 12px verdana;letter-spacing:0.05em;padding:5px 0 6px 30px;margin:3px auto;}

/*share colours*/
a:link.scShareLink, a:visited.scShareLink {
color:#999;background:url(../../../../common/images/scShare.gif) no-repeat;text-decoration:none;}
a.scShareLink:hover{
color:#666;text-decoration:none;background:url(../../../../common/images/scShare.gif) no-repeat right;text-decoration:none;}
/*subscribe colours*/
a:link.scSubscribeLink, a:visited.scSubscribeLink {
color:#999;background:url(../../../../common/images/scSubscribe.gif) no-repeat left;text-decoration:none;}
a.scSubscribeLink:hover {
color:#666;background:url(../../../../common/images/scSubscribe.gif) no-repeat right;text-decoration:none;}