/**************************
Main typography
**************************/
body{text-align:left;font-family:Arial;font-size:90%;}
p {clear:left;font-size:94%;margin:0px 0 18px 0;line-height:1.3em;}
h1 {clear:left;font-size:190%;margin:0px 0 12px 0;}
h2 {clear:left;font-size:150%;margin:14px 0 12px 0;line-height:100%;font-weight:bold;letter-spacing:.09em;}
h3 {clear:left;font-size:140%;margin:14px 0 12px 0;line-height:120%; margin-bottom:8px;}
h4{clear:left;font-size:120%;margin:14px 0 2px 0;line-height:100%;}
h4 a{font-weight:bold !important ;}
h5 {clear:left;font-size:18px;line-height:100%}
h6 {clear:left;font-size:16px;line-height:100%}
dl {padding:6px 14px;}
dt {font-weight:bold;font-size:14px;line-height:16px;margin-bottom:2px;text-transform:uppercase;}
dd {font-size:12px;margin-bottom:12px;}
.centerHolder{width:990px;margin:auto;}

.right{width:50%;}

/**************************
 Main layout items
**************************/
#divPage{width:990px;margin:auto;}
#divRegionMiddle{margin:auto;}
#divColumn1{float:left;}
#divColumn99{float:right;padding:20px 25px;}
#divColumn2{float:right;} 

/**************************
 Header & Nav containers
**************************/
#divRegionTop{clear:both;}
#divSectionLogo {float:left;width:324px;margin:5px 0 20px 0;}
#secondLogo {float:right;margin:40px 0px 0 0;}
#secondStrip{clear:both;}

#divColumn1 img {margin:10px 0 0 10px;}
#divSectionHeader img{margin:0;}

#divSectionTopNav {clear:both;}



/**************************
 Main nav
**************************/
ul.primaryNav {font-family:"Trebuchet MS";font-size:100%;width:100%;min-height:36px}
ul.primaryNav li{float:left;font-weight:bold;letter-spacing:.03em;text-transform:uppercase;margin:12px 0;}
ul.primaryNav li.navLastItem{}
ul.primaryNav li a:link,ul.primaryNav li a:visited{font-weight:bold;display:block;text-decoration:none;text-align:center;padding:0 22px 0 12px;}
ul.primaryNav li.navFirstItem a{padding-left:6px;}
ul.primaryNav li a:hover, ul.primaryNav li a.selectedParent{}

/**************************
 Secondary nav (Feature menu)
**************************/
ul.secondaryNav {float:right;margin:-6px -6px 0 0;text-transform: capitalize;font-size:85%;padding:6px;width:60%;}
ul.secondaryNav li{float:right;line-height:12px;padding:12px 0}
ul.secondaryNav li a:link,ul.secondaryNav li a:visited{padding:0 16px;font-weight:bold;display:block;}

/**************************
Side nav
**************************/

#divLeftSideNav{font-size:80%;margin:0;} 

.sidebarNavTitle {text-align:left;padding:16px;font-size:120%;font-weight:bold;text-transform:uppercase;}
ul.sidebarNavMenu {list-style-type:none;margin-bottom:20px; }
.sidebarNavMenu li{width:100%;letter-spacing:0.01em;font-weight:bold;text-align:left;text-transform:uppercase;margin:0;}
.sidebarNavMenu li a:link,.sidebarNavMenu li a:visited{display:inline-block;display:block;padding:8px 16px;font-weight:bold;margin:0;}
.sidebarNavMenu li a{display:inline-block;} /* an ie6 thing */
.sidebarNavMenu li a{display:block;}


/**************************
News Widget
**************************/
.scNewsWidget,.scEventsWidget,.scSpecialsWidget{float:left;width:204px;}
.scNewsWidget h2,.scEventsWidget h2,.scSpecialsWidget h2{font-weight:bold;line-height:24px;font-size:120%;letter-spacing:0.00em;text-transform:uppercase;margin:0;padding:8px 12px}
.scNewsWidget h2 a,.scEventsWidget h2 a,.scSpecialsWidget h2 a {font-weight:bold;}

.scNewsWidget dl,.scEventsWidget dl,.scSpecialsWidget dl{padding:5px 10px 10px 10px;float:left;width:184px;}
.scNewsWidget dt,.scEventsWidget dt,.scSpecialsWidget dt{margin:12px 0 0px 0;text-transform:uppercase;font-size:75%;}
.scNewsWidget dt a,.scEventsWidget dt a,.scSpecialsWidget dt a{font-weight:bold;}

.scNewsWidget dd,.scSpecialsWidget dd, .scEventsWidget dd{font-size:12px;line-height:14px;padding-bottom:6px;}
.scNewsWidget h4,.scEventsWidget h4,.scSpecialsWidget h4{font-size:16px;margin-top:12px;margin-bottom:12px;}

dt a.scMore {text-transform: capitalize}

.scAbstract {display:none;}

/**************************
 Main body
**************************/
/* Lists */
	
#divColumn99 ul {margin:0 50px 12px 0px;}		
#divColumn99 ol {margin:0 50px 12px 32px;} 	
#divColumn99 ul li {padding:0px 0 6px 20px;line-height:16px;display:block}	
#divColumn99 ol li {margin-bottom:8px;line-height:18px;}


#divColumn99 table ul {/*list-style:disc;*/margin:0 0px 12px 22px;}	
#divColumn99 table ol {margin:0 0px 12px 22px;} 	
#divColumn99 table ul li {/*background:none;*/padding:0px 0 6px 20px;line-height:16px;text-align:left;display:list-item}	
#divColumn99 table td {vertical-align:top !important ;}

	/*images*/
	#divColumn99 img.imageInlineLeft{margin:0 15px 10px 0}
	#divColumn99 img.right{margin:0 0 15px 10px}

/**************************
 Column lists
**************************/
/*
#divColumn2 ul {float:left;margin:20px 50px 12px 18px;}	
#divColumn2 ol {margin:20px 50px 12px 42px;} 
#divColumn2 ul li {padding-left:20px;line-height:16px;color:#7d695d}
#divColumn2 ol li {margin-bottom:2px;line-height:14px;color:#7d695d}
#divColumn2 ul li {padding-bottom:6px;display:block}
*/
	
/**************************
Tables
**************************/
table.contentTable{line-height:16px;width:100%;margin-bottom:12px;font-family:verdana}
table.contentTable th, TABLE.contentTable caption {padding:12px;font-weight:bold;text-align:left;line-height:130%;font-size:110%;}
table.contentTable td {padding:8px 4px 8px 12px;border-top:none;vertical-align:top;font-size:100%;}
table.contentTable td.label {width:30%;}
td.first  {font-weight:bold}
/**************************
 Shopping Cart
**************************/
#divShoppingCartWidget {clear:both;width:205px;}
#divShoppingCartWidget DIV.cartTitle, .categoryMenuTitle {padding:10px 0 10px 12px;font-weight:bold;text-transform:uppercase;}
#divShoppingCartWidget DIV.cartItems {line-height:16px;padding:16px 12px 0px 4px;}
#divShoppingCartWidget DIV.cartItems a:link, #divShoppingCartWidget DIV.cartItems a:visited {display:block;font-weight:normal;padding:10px 70px 30px 10px;text-decoration:none;}

#hours h3{margin-bottom:0;text-transform:uppercase;font-family:Georgia;font-weight:normal}

/**************************
Shoutout Widget
**************************/

/*Shoutout */
#scShoutoutWidget{width:100%;font-family:"Trebuchet MS";float:left;margin:0 0 12px 0px !important;padding-bottom:16px;}
#scShoutoutWidget h1{
text-align:center;border-bottom:none;margin:0;padding:12px;font-family:"Trebuchet MS";font-size:110%;}
#scShoutoutWidget h2, #divColumn99 .scShoutoutWidget h3, #divColumn99 .scShoutoutWidget p, #divColumn99 .scShoutoutWidget h4 
{padding:6px 20px;font-size:110%;margin-top:12px;} 
#scShoutoutWidget h3{margin:0 0 4px 0;}
#scShoutoutWidget p {margin:0 0 0 0;}

#divColumn1 #scShoutoutWidget{width:88%;margin:10px!important ;padding-bottom:4px;}
#divColumn1 #scShoutoutWidget h1{font-size:22px;}
#divColumn1 #scShoutoutWidget p {margin-top:8px;font-size:14px;}
#divColumn1 #scShoutoutWidget a{font-weight:bold;display:block;}
/**************************
 Products
**************************/
.shopCategoryWidget{width:100%}
.shopCategoryWidget h3{margin:0;padding:14px 0 6px 18px;font-weight:bold;font-size:18px;font-style:italic}
ul.shopCategoryMenu{margin-bottom:12px;}
ul.shopCategoryMenu a:link, ul.shopCategoryMenu a:visited{display:block;font-weight:bold;padding:8px 12px;}


ul.shopCategoryMenu ul{background:none;}
ul.shopCategoryMenu li li {margin:0;font-size:12px;line-height:16px;}
ul.shopCategoryMenu li li a:link, ul.shopCategoryMenu li li a:visited,  ul.shopCategoryMenu li li .selected{
display:block;font-weight:normal;padding:7px 12px;}
ul.shopCategoryMenu li a {display:inline-block;} /* These two lines close the gap in LKIs for Internet Explorer */
ul.shopCategoryMenu li a {display:block}


ul.shopCategoryMenu li.menuLevel0 li {display:none;}
ul.shopCategoryMenu li.selected li.menuLevel1 {display:block;}
/**************************
feature
**************************/
.featurePhotoWidget {margin-bottom:8px;}


/**************************
form
**************************/
form.scForm, form.emailForm{float:left; width:94%;padding:0 18px 18px 18px;margin:0 auto 20px auto;clear:both;font-family:tahoma;font-size:13px;}

label {float:left;width:30%;margin:2px 0 0px 0;line-height:24px;padding:0 0 0 5px;display:block;margin-left:0px;} /* left labels */
label.required {padding-left:10px;}
input.textField, input.fieldText{float:right;width:60%;display:block;height:20px;margin:2px 0;padding:4px 0 0 4px;} /* right boxes */
fieldset{padding:4px 0}

form.scForm select, form.emailForm select{float:right;display:block; width:61%;height:24px;}

label#message, label.message, #message, textarea{width:97.5%;margin-right:-3px;} /*Message area*/
textarea{font-size:14px;padding:6px;margin-bottom:10px;font-family:tahoma, arial, sans-serif;} /*Message area*/

input.submit {clear:both;background: url(submit.gif) no-repeat left top;width:145px;margin:12px -4px 0 0px;border:none;
font-weight:bold;font-style:italic;font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;font-size:16px;display:inline; 
padding:6px 0px 8px 2px; height:39px;}

/*
fieldset.wide label {
width:auto;clear:both; line-height:normal;display:inline;
}
*/
fieldset.wide label {
width:90%;
}


/**************************
Buttons
**************************/

/*Share & subscribe Shipping buttons */
.scSubscribeWidget {padding-top:6px;}
.scShareWidget, .scSubscribeWidget {width:95%;margin:0 auto 6px auto;}
.scSubscribeWidget {margin-top:4px;}
a:link.scShareLink, a:visited.scShareLink, a:link.scSubscribeLink, a:visited.scSubscribeLink{
font-weight:bold;font-size:14px !important;text-transform:uppercase;font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;text-decoration:none !important;
display:block;width:80%;height:auto;padding:12px 10px 12px 18px;margin:auto;}
/*list of buttons*/
ul.buttons {float:left;margin:0 0px 12px 0px !important; padding:0 !important;}	
ul.buttons li {font-size:95%;padding:0px 4px 0px 0px !important;line-height:18px;}
ul.buttons li a:link, ul.buttons li a:visited{font-family:"Trebuchet MS";font-size:15px;font-weight:bold;
display:block;text-decoration:none !important;
margin:0 0px 0 0px;padding:12px 36px 12px 14px;
} 

/*Buttons*/
p.button {float:left;font-size:95%;padding:0px 4px 4px 0px !important;line-height:18px;display:block !important;margin:0 0 0 -2px !important;}
p.button a:link, p.button li a:visited{
height:26px;font-family:"Trebuchet MS";font-size:15px;font-weight:bold;
display:block!important;text-decoration:none !important;
margin:0 0px 0 0px;padding:12px 36px 0 14px;
} 	

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

#divRegionBottom{clear:both;width:990px;margin:auto;padding-top:12px;font-size:90%;font-weight:bold;}
	#divSectionBottomNav{width:47%;float:left;margin-left:20px;line-height:16px; }
	#divSectionCopyright{width:47%;float:right;margin-right:20px;line-height:16px;text-align:right; }
	#divBrandingLogo {clear:both;display:block;text-align:center;margin:auto;padding:20px 0;}
#divPartnerLogo {clear:both;display:block;text-align:center;margin:auto;padding:20px 0;}

#divSectionBottomNav ul {margin:auto;width:100%;}
#divSectionBottomNav ul li{float:left;text-align:center;margin:0 6px;}
#divSectionBottomNav a{padding-right:10px;font-weight:bold}

/* -------------------------------
 *  Address
 * -------------------------------
 */

.scContactWidget{line-height:22px;width:60%;margin:auto;overflow:auto;padding:12px 0;text-align:center;font-size:11px;}
.scContactSection a {font-weight:bold; }
.scContactAddress {margin:auto }
/*
.scContactDetails {float:right; border:solid 1px green; }
*.
/**************************
TWITTER
**************************/

#scTwitterWidget{text-align:left;margin-top:6px;padding:15px;}
#scTwitterWidget h2{font-size:120%;padding-bottom:0px}
#scTwitterWidget h3{display:none;}
#scTwitterWidget dl {padding:0;margin:0;}
#scTwitterWidget dt, .scTwitterTweet {font-style:italic;font-size:90%;line-height:18px;}
#scTwitterWidget dd {font-weight:bold;margin-top:4px;font-size:100%;}
#scTwitterWidget a {font-weight:bold;font-size:90%}

#scTwitterWidget p {margin-top:4px;}

/**************************
BUY TABLE
**************************/
table.buy-table {width: 100%;empty-cells: show;border-collapse: collapse;border-spacing: 0px;}
table.buy-table td { padding: 2px 2px 2px 4px; border: solid 1px #EAEFE9; }
table.buy-table td.col01 {width:13%;text-align: center; }
table.buy-table td.col02 {width:60%;}
table.buy-table td.col03 {width:12%;text-align: center; }
table.buy-table td.col04 {width:15%;text-align: center; }
table.buy-table tr.header {font-weight: bold; background-color: #365388; color: #FFFFFF; height: 20px; }
table.buy-table tr.rowlight{background-color: #FFFFFF; }
table.buy-table tr.rowdark {background-color: #DAE3D8; }

/**************************
Breadcrumb
**************************/
ul.scBreadcrumbs li{float:left;line-height:auto}
#scBreadcrumbsWidget{float:left;width:100%;margin:0 0 16px 0;font-size:12px;}
#scBreadcrumbsWidget ul {margin:0 !important }
#scBreadcrumbsWidget ul li {margin:0 ;padding:0px 14px 0px 8px;line-height:auto}
#scBreadcrumbsWidget ul li a {text-decoration:underline;}
li.breadcrumbDepth0{padding:0 12px 0 0 !important ;margin:0;}
#scBreadcrumbsWidget li a {}
li.breadcrumbLevel0 {}

/**************************
Homepage
**************************/

#home #divRegionMiddle{padding:20px;}
#content {float:left;width:320px;}
#mainPhoto {float:right;width:600px;}



#widgets {float:left; margin-top:20px}
#home #scEventsWidget {border:solid 2px #9ba9af;}
#home #scNewsWidget {border:solid 2px #b5b39e;}
#home #scShoutoutWidget {width:322px;border:solid 2px #616f91;min-height:225px;}
#home #scNewsWidget, #home #scEventsWidget{float:right; width:288px;margin-left:20px;
border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -mso-border-radius:8px;
}

#home #scNewsWidget dl, #home #scEventsWidget dl{width:269px;min-height:185px;}

#home #scShoutoutWidget{margin:0!important;}
#home #scShoutoutWidget p{padding:12px;}
#home #scShoutoutWidget h1{text-align:left;text-transform:uppercase;padding:8px 12px}


/**************************
Non typical items Note: Colours are included with non typical items as it servers absolutely no advantage to split to colour stylesheet
**************************/
#divColumn1 p{margin:0 12px 12px 12px;}
#divColumnHome{float:left;width:530px;}
#divColumnHome1b{float:left;width:530px;}
#divColumnHome1b img {margin:18px 20px 0 20px;width:540px}

/*
* Migrated from the old site
*/
.conservatoryPodcastContainer {
	padding-bottom		: 10px;
	border-bottom		: solid 1px #CCCCCC;
	margin-bottom		: 30px;
}

.conservatoryPodcastContainer h2 { margin-bottom: 10px; }

.conservatoryPodcastPhoto {
	padding				: 4px;
	background-color	: #F8F5F0;
	border-left			: solid 1px #56658C;
	border-bottom		: solid 1px #56658C;
	border-right		: solid 1px #627093;
	border-top			: solid 1px #627093;
}


/*************************

Shop.css Product details
**************************/

/*
Note from JRF: I needed to make a few fixes in this section while you were on holiday.  We are in the middle of the 
e-commerce cleanup, so I am guessing there is a good chance this will change anyway.
*/

DIV.productDetails, #scProductDetail{}
DIV.productDetails DIV.productInfo {float:left;margin-bottom: 20px;}
DIV.productDetails DIV.productInfo DIV.productImage { float:left; width:300px; }
DIV.productDetails DIV.productInfo DIV.productData {float:left;  width: 120px; padding: 0px; margin: 0px; }

.prodLargeLink {font-size:90%;width:300px;margin:auto}



DIV.productDetails label {width:120px;}
DIV.productDetails DIV.productInfo DIV.productData label { width: 100%; }
DIV.productDetails DIV.productInfo select { width: 100%; }

input.productSubmit {background:#9ba9af;color:#fff; font:bold 12px verdana,sans-serif;padding:8px 18px;border:none;}
.productSubmit:hover{cursor:pointer;background:#636a6d;}