/* ==================================================================
 *  countryside.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			: 19px;
	padding-bottom		: 13px;
}

#divPage {
	position			: relative;
	margin				: auto;
	width				: 955px;
	padding				: 0px;
	min-height			: 100%;
	height				: auto !important;
	height				: 100%;
	overflow			: visible;
	text-align			: left;
	background-color	: white;
}




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

/* region container */

#divRegionTop {
	position			: relative;
	height				: 388px;
	overflow			: visible;
	border-bottom		: 2px solid white;
	background-image	: none;
	background-repeat	: no-repeat;
	background-position	: right 30px;
}


/* subsections */

#divSectionLogo {
	display				: block;
	width				: 310px;
	height				: 128px;
	overflow			: hidden;
	border-top			: 1px solid white;
	border-left			: 1px solid white;
	border-bottom		: 1px solid white;
	position			: absolute;
	top					: 0;
	left				: 0;
}

#divSectionHeader {
	display				: block;
	width				: 955px;
	height				: 215px;
	overflow			: hidden;
	text-align			: left;
	position			: absolute;
	bottom				: 0;
	left				: 0;
	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				: 45px;
	overflow			: hidden;
	position			: absolute;
	top					: 128px;
	left				: 0;
}

#divSectionTopSecondaryNav {
	display				: block;
	width				: 500px;
	height				: 30px;
	position			: absolute;
	top					: 50px;
	right				: 150px;
}




/* -------------------------------
 *  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;
}



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

/* region container */

#divRegionBottom {
	position			: relative;
	margin				: 0;
	overflow			: hidden;
	clear				: both;
	background-repeat	: no-repeat;
	background-position	: left bottom;
}

#divRegionBottomInner {
	background-repeat	: no-repeat;
	background-position	: right bottom;
	min-height			: 78px;
	height				: auto !important;
	height				: 78px;
}


/* subsections */

#divSectionBottomContent {
	display				: block;
	margin-top			: 10px;
	margin-bottom		: 5px;
}

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




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

#divSectionLogo IMG {
	width				: 268px;
	height				: 128px;
}

#divSectionHeader IMG {
	width				: 955px;
	height				: 215px;
}

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



/* -------------------------------
 *  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;
	letter-spacing		: 1px;
	text-transform		: uppercase;
	padding				: 12px 11px 14px 16px;
	margin				: 0;
	background-position	: 0 -23px;
	background-repeat	: no-repeat;
	background-image	: url('menuitembg.gif');
}

#divSectionTopNav UL LI.selected {
	border-bottom		: 7px solid black;	
}

#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 {
	margin				: auto;
	display				: inline;
	padding				: 0;
	line-height			: 30px;
	white-space			: nowrap;
}

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

#divSectionTopSecondaryNav UL LI.selected {
	border-bottom		: 4px solid black;	
}

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

#divSectionTopSecondaryNav UL.menuLevel1 {
	display				: none;
}


/* Left Nav Menu */

#divLeftSideNav {
	margin-top			: 20px;
}

#divLeftSideNav.emptyMenu {
	display				: none;
}

#divLeftSideNav DIV.sidebarNavTitle {
	background-color	: black;
	color				: white;
	font-family			: verdana, arial, sans-serif;
	font-weight			: bold;
	font-size			: 14px;
	text-align			: left;
	text-transform		: uppercase;
	padding				: 8px 10px 8px 15px;
}

#divLeftSideNav UL.menuLevel1 {
	padding-top			: 7px;
	padding-bottom		: 5px;
}

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

#divLeftSideNav UL.menuLevel2 {
	padding-top			: 2px;
	margin-left			: -25px;
}

#divLeftSideNav LI {
	margin-bottom		: 2px;
	line-height			: 20px;
	background-repeat	: no-repeat;
	background-position : 12px 7px;
}

#divLeftSideNav LI.menuLevel1 {
	padding-left		: 25px;
	background-position : 12px 7px;
}

#divLeftSideNav LI.menuLevel2	 {
	padding-left		: 40px;
	background-position : 27px 7px;
}

#divLeftSideNav UL A.menuLevel0 {
	display				: none;
}

#divLeftSideNav UL.menuLevel3 {
	display				: none;
}

/* LEFT SEARCH */

#scProductSearch {
	margin-top						: 20px;
}
#scProductSearch .productSearchTitle {
	background-color				: white;
	color							: black;
	font-family						: verdana, arial, sans-serif;
	font-weight						: bold;
	font-size						: 14px;
	text-align						: left;
	text-transform					: uppercase;
	padding							: 8px 10px 8px 15px;
	margin-bottom					: 10px;
}
#scProductSearch .productSearchTitle {
}
#scProductSearch .searchText {
	width							: 130px;
	margin							: 0px 0px 6px 20px;
}
#scProductSearch .submit {
	margin-left						: 20px;
}


/* LEFT CATEGORY MENU */

#divLeftShopCategories {
	margin-top			: 15px;
}

#divLeftShopCategories DIV.categoryMenuTitle {
	background-color	: black;
	color				: white;
	font-family			: verdana, arial, sans-serif;
	font-weight			: bold;
	font-size			: 14px;
	text-align			: left;
	text-transform		: uppercase;
	padding				: 8px 10px 8px 15px;
}

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

#divLeftShopCategories UL.menuLevel0 {
	margin-top			: 7px;
	margin-bottom		: 5px;
}

#divLeftShopCategories UL.menuLevel1 {
	padding-top			: 2px;
	margin-left			: -25px;
}

#divLeftShopCategories LI {
	margin-bottom		: 2px;
	line-height			: 20px;
	background-repeat	: no-repeat;
	background-position : 12px 7px;
}

#divLeftShopCategories LI.menuLevel0 {
	padding-left		: 25px;
	background-position : 12px 7px;
}

#divLeftShopCategories LI.menuLevel1 {
	padding-left		: 40px;
	background-position : 27px 7px;
}

#divLeftShopCategories UL.menuLevel2 {
	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 5px 3px 9px;
	background-position	: 0 -34px;
	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		: 2px 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;
}

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

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


/* -------------------------------
 *  Shopping cart
 * -------------------------------
 */
 
DIV.shoppingCartWidget.cartStyleList {
	display				: none;
}

DIV.shoppingCartWidget.cartStyleCompact {
	display				: block;
}

DIV.shoppingCartWidget {
	margin				: 35px 20px 0;
	text-align			: left
}

DIV.shoppingCartWidget A {
	display				: block;
	font-size			: 11px;
	text-transform		: uppercase;
	line-height			: 24px;
	padding-left		: 31px;
	background-repeat	: no-repeat;
	background-position	: 2px 4px;
}

DIV.shoppingCartWidget DIV.cartItems {
	text-align			: center;
	border				: 1px solid black;
	padding				: 8px 0;
	font-size			: 10px;
}


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

DIV.pageToolsWidget.toolsStyleList {
	display				: block;
}

DIV.pageToolsWidget.toolsStyleCompact {
	display				: none
}

DIV.pageToolsWidgetTitle {
	margin-top			: 20px;
	padding				: 8px 10px 8px 15px;
	background-color	: black;
	color				: white;
	font-family			: verdana, arial, sans-serif;
	font-weight			: bold;
	font-size			: 14px;
	text-align			: left;
	text-transform		: uppercase;
}

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

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

DIV.pageToolsWidget LI {
	margin-bottom		: 2px;
	line-height			: 20px;
}

DIV.pageToolsWidget LI A {
	padding-left		: 28px;
	padding-top			: 1px;
	padding-bottom		: 1px;
	background-repeat	: no-repeat;
	background-position : 7px 0;
}

DIV.pageToolsWidget LI A.email {
	background-position : 7px -1px;
}


/* -------------------------------
 *  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;}


#scSocialWidget{margin-left:12px}