/* ============================================================
 *
 *  scmaster.css
 *
 *  Master CSS file for 3.0, containing basic definitions and
 *  styles common to all themes.  Of course, any and all of
 *  these can be overridden in a theme or theme family.
 *
 * =============================================================
 */

/* -------------------------------
 *  Essential HTML elements
 * -------------------------------
 */

HTML, BODY {
	margin				: 0;
	padding				: 0;
	font-family			: arial, sans-serif;
	font-size			: 100%;
	text-align			: center;
	height				: 100%;
}

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

IMG {
	border				: 0;
}

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

/**********************
 * MISCELLANEOUS
 *********************
 */

#divBrandingLogo {
text-align:center;
margin:20px auto 0 auto;
}

/**********************
Inline images
***********************/

.scImageInlineLeft{float:left;margin:0 15px 10px 0;border:solid white 5px;}
.scImageInlineRight{float:right;margin:0 0 15px 10px;border:solid white 5px;}

/*Shoutout */
#divColumn99 #scShoutoutWidget{font-family:"Trebuchet MS" /*!important*/;float:left;margin:20px 8px 20px 8px;padding-bottom:16px;background:#fff; 
border:solid 5px #e5e3e3;}
#divColumn99 #scShoutoutWidget h1{color:#999;background:#eaeaea;text-align:center;border-bottom:solid 5px #e5e3e3;margin:0/*!important*/;padding:12px;font-family:"Trebuchet MS";font-size:30px;}
#divColumn99 #scShoutoutWidget h2, #divColumn99 .scShoutoutWidget h3, #divColumn99 .scShoutoutWidget p, #divColumn99 .scShoutoutWidget h4 
{padding:6px 20px;font-size:140%} 
#divColumn99 #scShoutoutWidget h3{margin:0 0 4px 0;}
#divColumn99 #scShoutoutWidget p {color:#666;margin:0 0 0 0;}

#divColumn2 #scShoutoutWidget{margin:8px;padding:8px;background:#fff}
#divColumn2 #scShoutoutWidget p {color:#666;margin:0 0 0 0;}


#divPartnerLogo{margin:auto;text-align:center;width:100%;}

#scPaymentOptionsWidget ul{margin:12px 0 0 0;padding: 0;list-style-type: none;text-align: center;}
#scPaymentOptionsWidget ul li {display: inline;}
#scPaymentOptionsWidget ul li a {text-decoration: none;padding: .2em 1em; color: #fff; background-color: #036;}
#scPaymentOptionsWidget ul li a:hover {color: #fff;background-color: #369;}

/* Breadcrumbs */
ul.scBreadcrumbs li{float:left;line-height:auto}

#scBraceletBuilder{clear:both; width:910px;height:698px;padding:0;margin:auto;z-index:0;position:static;}

.scFlashWidget, .headerPhotoWidget, .photoWidgetImg {}


/*------------------------------*/
/* News abstract cleanup
/* 
/*-------------------------------*/

.scNewsWidget dd.scAbstract{}
.scNewsWidget dd.scAbstract p
{margin:0!important ;padding:0!important;font-weight:normal;}

/*-------------------------------------------------------------------------------------------*/
/* Everything above here was pasted from scMaster.css when we detached the private themes
/* from scmaster.css This was the quickest way to keep older themes intact rather than a full cleanup
/*-------------------------------------------------------------------------------------------*/





/**************************
Some common items
**************************/
ul{list-style-type:none;}
blockquote{padding:25px 0 0 0px;font-style:oblique; font-size:13px;}
blockquote p{padding-bottom:15px;}
cite{margin-bottom:12px;}
#divColumn99 a:link, #divColumn99 a:visited {font-weight:bold;}

/**************************
Main typography
**************************/
body{text-align:left;font-family:Verdana;font-size:small}
html, body {height: 100%;}

p {font-size:100%;margin:0px 0 12px 0;line-height:22px;}
h1 {clear:left;font-size:200%;margin:0px 0 12px 0;}
#home h1{font-size:140%;}
h2 {clear:left;font-size:160%;margin:22px 0 6px 0;line-height:100%;font-weight:bold;}
h3 {clear:left;font-size:140%;line-height:120%; margin-bottom:8px;}
h4 {clear:left;font-size:120%;line-height:100%}
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-transformm:uppercase;}
dd {font-size:12px;margin-bottom:12px;}

/**************************
 Main layout items
**************************/
#divPage{width:910px;margin:auto;padding:20px 40px;}


#divRegionMiddle{width:100%;float:left;margin:15px 0;}
#divColumn1{float:left;padding:10px;margin-right:20px;}
#divColumn99{float:left;padding-bottom:20px;}
#divColumn2{float:right;} 

#home #divColumn99{float:right;padding-bottom:0px;} 
#flashPhoto{float:right; }
/**************************
 Header & Nav containers
**************************/
#divRegionTop{float:left;width:100%;position:relative;}
#divSectionLogo {float:left;display:inline;width:240px;}
#divSectionHeader{float:right;width:573px;}
#divSectionTopNav {float:left;width:100%;}

#divRegionTop h2 {position:absolute;top:62px;left:333px;}
/**************************
 Main nav
**************************/
ul.primaryNav {float:left;width:670px;font-family:"Trebuchet MS";font-size:14px;height:109px;margin-bottom:5px;}
ul.primaryNav li{display:block;float:left;font-weight:bold;display:block;letter-spacing:.05em;width:134px;text-transform:uppercase;}
ul.primaryNav li.navLastItem{}
ul.primaryNav li a:link,ul.primaryNav li a:visited{white-space:nowrap;
font-weight:bold;display:block;text-decoration:none;text-align:center;padding:45px 0px}
ul.primaryNav li a:hover, ul.primaryNav li a.selectedParent{}

/**************************
 Secondary nav (Feature menu)
**************************/
ul.secondaryNav {float:right;text-transform: uppercase;font-size:16px;}
ul.secondaryNav li{float:left;line-height:12px;width:306px;font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;text-align:center;}
ul.secondaryNav li a:link,ul.secondaryNav li a:visited{padding:18px 0;font-weight:bold;display:block;}

/**************************
Side nav
**************************/
#divLeftSideNav{font-size:100%;margin-top:12px;} 
.sidebarNavTitle {text-align:left;padding:12px 10px;font-size:100%;letter-spacing:.04em;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;}
.sidebarNavMenu li a:link,.sidebarNavMenu li a:visited{display:inline-block;display:block;padding:8px 10px 7px 10px;font-weight:bold}
.sidebarNavMenu li a{display:inline-block;} /* an ie6 thing */
.sidebarNavMenu li a{display:block;}

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

	/*images*/
	#divColumn99 img.left{margin:0 15px 10px 0}
	#divColumn99 img.right{margin:0 0 15px 10px}
	
/**************************
Tables
**************************/
table.contentTable{line-height:16px;width:100%;margin-bottom:12px;}
table.contentTable th {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%;font-family:inherit}
td.label  {font-weight:bold}
tr.scTableSubHeader {text-transform:uppercase;font-weight:bold !important ;}
/**************************
 Shopping Cart
**************************/
#divShoppingCartWidget {margin-bottom:12px;clear:both;width:200px;}
#divShoppingCartWidget DIV.cartTitle, #hours h3  {padding:10px 0 10px 12px;font-weight:bold;}
#divShoppingCartWidget DIV.cartItems {line-height:16px;padding:12px 12px 0 4px;}
#divShoppingCartWidget DIV.cartItems a:link, #divShoppingCartWidget DIV.cartItems a:visited {display:block;font-weight:normal;padding:5px 70px 30px 10px;text-decoration:none;}

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

/**************************
Shoutout Widget
**************************/
#divRegionTop #scShoutoutWidget{position:absolute;top:56px;right: 0px;float:right;margin:0 !important;width:550px;padding:0 !important ;text-align:right;}
#divRegionTop #scShoutoutWidget h1{text-transform:uppercase;font-family:Georgia;font-weight:normal;margin:0 !important;padding:0px!important ;font-weight:bold;font-size:14px;font-style:italic}
#divRegionTop #scShoutoutWidget p {display:block; padding:6px 0px 0px 0px;margin:0;font-size:14px;}

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

/**************************
 Products
**************************/
.shopCategoryWidget{width:200px;}
.shopCategoryWidget h3{margin:0;padding:14px 0 6px 18px;font-weight:bold;font-style:italic}
ul.shopCategoryMenu{padding:0 0 5px 0}
ul.shopCategoryMenu a:link, ul.shopCategoryMenu a:visited{display:block;font-weight:bold;padding:8px 12px;margin:0 0 2px 0}

ul.shopCategoryMenu ul{background:none;padding:0 0 6px 0}
ul.shopCategoryMenu li li {margin:0;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;margin:0 0 2px 0;}
ul.shopCategoryMenu li a {display:inline-block;} /* These two lines close the gap in LKIs for Internet Explorer */
ul.shopCategoryMenu li a {display:block}
/**************************
feature
**************************/
#featurePhotoWidget {margin-bottom:8px;}

/**************************
form
**************************/
form.scForm, form.emailForm{float:left; padding:12px;margin:0 auto 20px auto;font-family:tahoma;font-size:13px;width:97% }
fieldset {padding:8px 0;}
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 */
input.textField, input.fieldText{float:right;width:60%;display:block;height:20px;margin:2px 0;padding:4px 0 0 4px;} /* right boxes */

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

label.message{width:97.5%;} /*Message area*/
textarea {clear:both; font-family:Tahoma;width:95%;font-size:14px;padding:12px;margin-bottom:10px;line-height:20px;} /*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;}

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

/*Share & subscribe Shipping buttons */
a:link.scShareLink, a:visited.scShareLink, a:link.scSubscribeLink, a:visited.scSubscribeLink{
font-weight:bold;font-size:14px !important;text-transform:uppercase;text-align:center;font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
display:block;width:226px;height:auto;padding:10px 0px; margin-left:-4px;text-decoration:none !important;}

/*Buttons*/
p.button {float:left;font-size:95%;padding:0px 4px 0px 0px !important;line-height:18px;display:block !important;margin:0 0 16px -2px !important;}
p.button a:link, p.button a:visited{
font-family:"Trebuchet MS";font-size:15px;font-weight:bold;
display:block!important;text-decoration:none !important;
margin:0 0px 0 0px;padding:6px 36px 7px 14px;
} 
/*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 9px 0px;padding:7px 36px 8px 14px;
} 	
	
/* -------------------------------
 *  Bottom region elements
 * -------------------------------
 */

#divRegionBottom{clear:both;width:900px;padding:30px 30px;margin:auto;
font-weight:bold;font-family:Verdana, Geneva, sans-serif;}
	#divSectionBottomNav{width:38%;float:right;margin:22px 60px 0 0}
	#divSectionCopyright{width:38%;float:left;text-align:left;margin:22px 0 0 66px;}
	#divBrandingLogo {clear:both;display:block;text-align:center;margin:auto;padding:0px 0 0 0;}

#home #divRegionBottom{position:relative;clear:both;}


#divRegionBottom .clear{margin:20px 0 0 0 }

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

.scContactWidget{text-align:left;margin:0;}
.scContactWidget a {font-weight:bold !important ;}
.scContactAddress {text-align:center;font-size:120%;letter-spacing:0.12em;line-height:normal;display:block;}
.scContactDetails {text-align:center;font-size:105%;margin:12px 0;font-family:verdana;line-height:normal;}
.scDivider{margin:0 9px;}

	
/**************************
Non typical items Note: Colours are included with non typical items as it servers absolutely no advantage to split to colour stylesheet
**************************/

.shamrock {float:left; margin:0 0 15px 5px;width:389px;height:54px;}

.homebox {float:left; width:251px;height:260px;margin:5px 18px 5px 0;padding:0 20px;
background: url(homebox.gif) no-repeat left top;}
.homebox h2{text-align:center;margin:16px 0 22px 0;font-size:16px;letter-spacing:0.03em;text-transform:uppercase;color:#fff }
.homebox p{line-height:normal;color:#6d581c}
.homebox.last{margin-right:0;}

.homebox a:link, .homebox a:visited{
font-weight:bold;font-size:13px;text-transform:uppercase;text-align:center;font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
display:block;width:226px;height:auto;padding:10px 0px; margin:auto;text-decoration:none!important;
background:#dbd5b9 url(homeboxButton.gif) no-repeat left top;color:#fff;}

.homebox a:hover{background:#b8ab74 url(homeboxButton.gif) repeat-x right top;color:#fff}
#footerwrap{background:url(body.gif) repeat-y center;}
#homeboxText{float:left;padding:20px;margin-right:10px;min-height:260px;width:251px;
background: url(homeboxText.gif) no-repeat left top;}