/****************************************************
Designed By: Chris Horton - 2/12/2012
Layout CSS File 
****************************************************/

/***************************************************/
/**************** STANDARD TAGS ********************/
/***************************************************/
body {
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	background-color:#fff;
	color:#444;
}

p {
	margin:10px;
	font-size:13px;
	line-height:18px;
}

img {
	border:none;
}

a {
	outline-style:none;
}

a:link,
a:visited {
	color:#cc0000;
	text-decoration:underline;
}

a:hover,
a:focus,
a:active {
	color:#000000;
	text-decoration:none;
	outline:none;
}

#wrapper {
	position:relative;
	width:990px;
	margin:0 auto;
}

#content a:link,
#content a:visited {
	color:#cc0000;
	text-decoration:underline;
}

#content a:hover,
#content a:focus,
#content a:active {
	color:#000000;
	text-decoration:none;
	outline:none;
}

/***************************************************/
/****************** HEADER TAGS ********************/
/***************************************************/
#header {
	position:relative;
	float:left;
	width:100%;
	height:120px;
	margin:0;
	border-top:#eee solid 1px;
}

h1 {
	margin:0;
	padding:2px;
	width:956px;
	text-align:left;
	font-size:12px;
	color:#666;
}

h2 {
	font-size:24px;
}

#logo {
	position:relative;
	margin:17px 0 0 0;
	float:left;
	width:697px;
	height:73px;
	z-index:2;
	background:url(../img/layout/Unicorn-Peppermills.jpg) top left no-repeat;
	padding:0px;
}

#logo a {
	width:360px;
	height:73px;
	display:block;
	padding:0px;
}

#subNav {
	position:relative;
	float:right;
	margin:5px 5px 0 0;
	line-height:1.4em;
	width:210px;
}

#subNav ul {
	padding:0px;
	margin:0px;
	float:right;
}

#subNav li {
	float:left;
	list-style:none;
	margin:0 5px;
	vertical-align:middle;
}

#subNav a {
	color:#da0000;
	text-decoration:none;
}

#subNav a:hover {
	text-decoration:underline;
}

#secondaryNav {
	position:relative;
	float:right;
	margin:10px 0 0;
	background:#f1f1f1;
	border:1px #ccc solid;
	height:25px;
	padding:0 5px;
	min-width:200px;
}

#cartlinks {
	position:relative;
	float:left;
	top:4px;
}

#secondaryNav a {
	text-decoration:none;
	color:#444;
	font-size:13px;
}

#secondaryNav a:hover {
	text-decoration:underline;
}

.searchBox {
	float:left;
	width:120px;
	margin:0px 0px 0px 8px;
}

.searchButton {
	float:left;
	padding:0 0 0 5px;
}

#searchButtonHolder {
	height:20px;
	width:60px;
	background:url(../img/layout/go-btn.jpg) top left no-repeat;
}

/***************************************************/
/**************** MAIN NAV TAGS ********************/
/***************************************************/  
#mainNav {
	margin:0 0 10px;
	height:36px;
	width:990px;
	position:relative;
	float:left;
	z-index:1000000;
	background: -moz-linear-gradient(100% 100% 90deg, #e9e9e9, #4F0016);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F0016), to(#e9e9e9));
	background:#e9e9e9;
}

#mainNav ul {
	margin:0;
	padding:0;
}

#mainNav ul li {
	float: left;
	list-style: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

#mainNav ul li.end {
	background:none;
}

#mainNav ul li a {
	display: block;
	font-size: 16px;
	color: #444;
	text-decoration: none;
	padding: 8px 17px 9px;
	text-shadow: 0 1px 0px rgba(250, 250, 250, 1);
}

#mainNav ul li a:hover {
	color:#da0000;
	text-shadow: 0 1px 0px rgba(0, 0, 0, .5);
}

/***************************************************/
/*********** MAIN NAV DROP DOWN TAGS ***************/
/***************************************************/
#mainNav ul li ul {
	position: absolute;
	left: -9999px;
	z-index: 100;
	height: auto;
	margin-top:0px;
	padding: 2px;
	width: 190px;
	text-align: left;
	background: -moz-linear-gradient(100% 100% 90deg, #fff, #eee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
	background: #eee;
	border-top:none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	-moz-box-shadow: 0px 4px 5px #444444;
	-webkit-box-shadow: 0px 4px 5px #444444;
	box-shadow: 0px 4px 5px #444444;
}

#mainNav ul li:hover ul,
#mainNav li.over ul {
	display: block;
}

#mainNav ul ul li {
	display: block;
	float: none;
	height: auto;
	text-align: left;
	background-image: none;
	border-top: 1px #ccc solid;
}

#mainNav ul ul li.start {
	border-top:1px solid #eee;
}

#mainNav ul ul li a {
	color: #555;
	background: none;
	font-size: 13px;
	padding: 5px;
	z-index: 1000;
	line-height: 14px;
	text-shadow: none;
}

#mainNav ul ul li:hover {
	background: #dddddd;
	height: auto;
	border-top: 1px #ccc solid;
	border-bottom:none;
}

#mainNav ul ul li a:hover {
	background: none;
	color: #ca0000;
	padding: 5px;
	border:none;
}

/***************************************************/
/************ MAIN NAV FLY OUT TAGS ****************/
/***************************************************/
#mainNav li ul ul {
	margin: -26px 0 0 190px;
	-moz-box-shadow: 0px 4px 5px #444444;
	-webkit-box-shadow: 0px 4px 5px #444444;
	box-shadow: 0px 4px 5px #444444;
}

#mainNav ul ul li ul {
	position: absolute;
	left: -9999px;
	z-index: 100;
	height: auto;
	padding: 2px;
	width: 190px;
	text-align: left;
	background: #fff;
	background: -moz-linear-gradient(100% 100% 90deg, #fff, #eee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
	border:1px solid #ccc;
}

#mainNav li:hover ul ul,
#mainNav li.sfhover ul ul {
	left: -999em;
}

#mainNav li:hover ul,
#mainNav li li:hover ul,
#mainNav li.sfhover ul,
#mainNav li li.sfhover ul {
	left: auto;
}

/***************************************************/
/*************** CONTAINER TAGS ********************/
/***************************************************/ 
#container {
	position:relative;
	float:left;
	width:100%;
	background:#fff;
	margin:0;
}

/***************************************************/
/************** LEFT COLUMN TAGS *******************/
/***************************************************/
#contentLeft {
	float:left;
	width:200px;
	height:auto;
	padding:0;
	margin:20px 0 0;
}

#leftsidecontent {
	margin:50px 0px 0px 0px;
	clear:both;
}

#leftsidecontent .contentArea {
	padding:0px;
	margin:5px;
}

/***************************************************/
/************ LEFT NAVIGATION TAGS *****************/
/***************************************************/

#categoryTop {
	background:url(../img/layout/category.jpg) top left no-repeat;
}

#categoryTop p {
	margin:10px 0 0 0;
	font-size:16px;
	text-align:center;
	font-stretch:wider;
	font-weight:700;
	line-height:35px;
	width:200px;
}

#category {
	float:left;
	width:198px;
	height:auto;
	border-left:1px #bcbcbc solid;
	border-right:1px #bcbcbc solid;
}

#orderWrapper {
	width:345px;
}

.optionDropDown {
	width:240px;
}

#contactFormText {
	margin:20px 25px 5px 25px;
}

.whitetext {
	color:#FFFFFF;
}

.categoryList {
	margin:0;
	padding:0;
}

#category ul {
	margin-top:0;
	padding:0px 0 0 30px;
}

#homeLink {
	height:18px;
	margin:3px 0 0 0;
	line-height:18px;
	width:160px;
	font-size:14px;
	padding:0;
}

#homeLink a {
	display:block;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

#category li {
	list-style:none;
	height:18px;
	list-style-image:url(/img/layout/unicorn.jpg);
	margin:3px 0 3px 2px;
	width:160px;
	border-bottom:#ececec 1px solid;
	padding:0px;
}

#category li.end,
#category ul li.end {
	border:none;
}

#category li a {
	display:block;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	line-height:18px;
	font-size:14px;
	padding:0 0 5px 0px;
}

#category li a:hover {
	color:#333;
}

#category li:hover,
#category li:hover a {
	color:#da0000;
}

/***************************************************/
/******** LEFT NAVIGATION FLY OUT TAGS *************/
/***************************************************/
#category li ul {
	position:absolute;
	left:-999em;
	margin-left:17.1em;
	margin-top:-1.5em;
	color:#fff;
	width:200px;
	z-index:1;
}

#category li ul li {
	margin:0 0 0 -40px;
	min-width:200px;
}

#category li.parent li {
	border:none;
}

#category li ul li a {
	left:0;
}

#category li ul li a:hover {
	left:0;
	color:#666;
	background-color:#ccc;
}

/***************************************************/
/******** LEFT NAVIGATION DROP DOWN TAGS ***********/
/***************************************************/

#category li ul ul {
	left:-999em;
}

#category li:hover ul ul,
#category li:hover ul ul ul,
#category li.sfhover ul ul,
#category li.sfhover ul ul ul {
	left:-999em;
}

#category li:hover ul,
#category li li:hover ul,
#category li li li:hover ul,
#category li.sfhover ul,
#category li li.sfhover ul,
#category li li li.sfhover ul {
	left:0;
}

#category li:hover,
#category li.hover {
	position:static;
}

#categoryFooter {
	float:left;
	width:200px;
	height:6px;
	background:url(../img/layout/cat-ftr.jpg) bottom left no-repeat;
}

#addToCartPrice {
	color:#CC003A;
}

/***************************************************/
/**************** CONTENT TAGS *********************/
/***************************************************/
#tickerWrapper {
	width:950px;
	padding:0 0 2px 0;
}

div#tickerWrapper div {
	width:950px;
	margin:0;
	padding:0;
}

#contentTop {
	position:absolute;
	top:152px;
	right:0;
	height:6px;
	width:750px;
	background:url(../img/layout/contentTop.jpg) top right no-repeat;
}

#homeContent {
	position:relative;
	float:right;
	margin:20px 0 0 0;
	padding:0px 20px 0px 20px;
	min-height:500px;
	width:950px;
	z-index:0;
}

#content {
	position:relative;
	float:right;
	margin:20px 0 0 0;
	padding:0px 15px 0px 15px;
	min-height:500px;
	width:735px;
	z-index:0;
}

#content h2,
.contentArea {
	font-size:22px;
}

#content a:link {
	color:#CC0000;
	text-decoration:none;
}

#content a:visited {
	color:#CC0000;
	text-decoration:none;
}

#content a:hover {
	color:#000000;
	text-decoration:underline;
}

#contentBtm {
	position:relative;
	float:right;
	height:6px;
	width:750px;
	background:url(../img/layout/contentBtm.jpg) bottom right no-repeat;
	margin:0 0 10px 0;
}

#mainCatalogProductsWrapper,
#catalogProductsWrapper,
#catalogCategoryImage,
#productInfoWrapper,
#productReviews {
	margin:0 0 25px 15px;
}

#detailWrapper {
	margin:20px auto;
}

#catalogSortWrapper {
	display:none;
}

.mainCatalogProductName,
.catalogProductName,
.mainCatalogProductPrice,
.catalogProductPrice,
.catalogRetailProductPrice,
.catalogProductSalePrice {
	text-align:center;
}

.catalogProductPrice,
.catalogRetailProductPrice,
.catalogProductSalePrice {
	display:none;
}

.productTagHolder {
	width:350px;
	float:left;
}

#productInfoWrapper {
	width:350px;
}

#slideshow48 #slideshowWrapper48 {
	position:relative;
	float:left;
}

.navpanellayer {
	display:none;
}

.catalogProduct,
.catalogRow,
.mainCatalogRow,
.mainCatalogProduct {
	border:none;
}

.catalogProductImage,
.mainCatalogProductImage {
	min-height:155px;
}

.mainCatalogProduct,
.mainCatalogProductLast {
	width:165px;
}

#productInfoDescriptionRight {
	position:relative;
	float:left;
	width:420px;
}

#productInfoImageLeft {
	position:relative;
	float:left;
	border:1px solid #f4f4f4;
}

#catalogCategoryDescNoImage {
	height:0;
}

.mainCatalogProductName,
.catalogProductName,
.mainCatalogProductPrice,
.catalogProductPrice,
.catalogRetailProductPrice,
.catalogProductSalePrice,
.listCatalogRetailProductPrice,
.listCatalogProductSalePrice,
.listCatalogProductPrice,
.catalogProductPrice {
	text-align: center;
	font-size:14px;
	font-weight: bold;
}

#prodBreadcrumbs {
	margin:10px 0 0 10px;
	width:700px;
	position:relative;
	float:left;
}

#catBreadcrumbs {
	margin:10px 0 10px 10px;
	width:700px;
	position:relative;
	float:left;
}

#sorter {
	margin:10px 0px 10px 0;
	position:relative;
	float:right;
}

#catalogSortWrapper {
	margin:0px 25px 20px 0;
}

#catalogHeader {
	margin:10px 0 10px 8px;
	padding:0;
	color:#CC0000;
	font-size:20px;
}

#productInfoHeader {
	color:#CC0000;
	font-size:20px;
}

#subCatHeader {
	margin:20px 15px 10px 25px;
	padding:10px 0 0 0;
}

#catalogCategoryDesc {
	width:700px;
	padding:0 15px;
}

#prodRevProductWrapper,
#reviewSection {
	width:700px;
	margin:0 0 15px 5px;
}

#productInfoImageLeft img {
	border:0px;
}

#productInfoHeaderAlt {
	color:#CC0000;
	font-size:20px;
	margin:10px 0 10px 8px;
}

#orderWrapperAlt {
	width:685px;
	background-color: #f1f1f1;
	border:1px solid #ccc;
}

#contactFormTable,
#submit {
	margin:0 0 0 100px;
}

#productReviews {
	display:none;
}

/***************************************************/
/**************** FOOTER TAGS **********************/
/***************************************************/
#footer {
	width:990px;
	min-height:141px;
	margin:0 auto;
}

#footerLinks {
	position:relative;
	float:left;
	display:block;
	width:940px;
	min-height:50px;
}

#footerLinks .permaPageDescription {
	padding:0px 0px 0px 10px;
}

#footerLinks p {
	color:#A5A5A5;
	margin-left:25px;
}

#footerLinks a:link,
#footerLinks a:visited {
	color:#555;
	text-decoration:none;
}

#footerLinks a:hover,
#footerLinks a:focus,
#footerLinks a:active {
	color:#555;
	text-decoration:underline;
}

#footerLinks ul {
}

#footerLinks li {
	list-style:none;
	display:inline;
	text-transform:uppercase;
	padding:0 7px;
	border-right:#ccc 1px solid;
	font-size:14px;
}

#footerLinks .end {
	border:none;
}

#copy {
	width:200px;
	float:left;
}

#menu {
	width:990px;
	float:left;
	min-height:50px;
	border-top:1px solid #c3c3c3;
}

#menu ul {
	float:left;
	padding:0px;
	margin:2px 0px 0px 0px;
}

#menu ul li {
	margin-top:10px;
	float:left;
	color:#555;
}

#menu ul li a:link {
	color:#555;
	font-size:13px;
}

#menu ul li a:visited {
	color:#555;
	font-size:12px;
}

#footerLogo {
	float:left;
	width:360px;
	background:url(/img/layout/logosample.jpg) top left no-repeat
}

#footerLogo img {
	margin:20px 0 0 10px;
	height:40px;
	width:285px;
}

#copyRight {
	position:relative;
	float:left;
	margin:10px 0 20px;
	color:#666;
}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}

#treePageDetailsWrapper {
	width:600px;
}

#treePageDetailsTitle {
	color:#CC0000;
	font-size:20px;
}

#pubFaqHeader {
	color:#CC0000;
	font-size:20px;
}

/*******************************************************************/
/******************************* FAQ  ******************************/
/*******************************************************************/
#pubFaqHeader {
}

#pubFaqTextSearch {
	float:left;
	margin-right:10px;
	font-weight:bold;
}

#pubFaqCategorySearch {
	float:right;
	margin-right:10px;
	font-weight:bold;
}

.pubFAQAccordion {
	clear:left;
	width: 720px;
	border: 1px solid #bcbcbc;
}

.pubFAQAccordionAnswer {
	padding-left:5px;
}

.pubFAQAccordion a.pubFAQAccordionLink {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color:#EEEEEE;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
}

.pubFAQAccordion a:hover.pubFAQAccordionLink {
	background-color:#CCCCCC;
}

.pubFAQAccordion a.selected.pubFAQAccordionLink {
	color: black;
	background-color:#CCCCCC;
}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* CSS HACKS */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* HIDES FROM IE-MAC \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* END HIDE FROM IE-MAC */