﻿/*   
Theme Name: Varied Visuals
Theme URI: 
Author: Lisa Marie Robinson
Author URI: http:/lisa-marieart.com
Version: 1.0
*/



/* ----------------------START THEME BASICS ----------------------*/

.clr {
	clear: both;
}

body {
	background: url(images/main-bg.jpg) repeat center top #f7f1e6;
	color: #67625a;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 11px;
	line-height: 20px;
	text-align: justify;
	padding-bottom: 30px;
}

@font-face {
    font-family: 'BodoniXTRegular';
    src: url('fonts/BodoniXT-webfont.eot');
    src: url('fonts/BodoniXT-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BodoniXT-webfont.woff') format('woff'),
         url('fonts/BodoniXT-webfont.ttf') format('truetype'),
         url('fonts/BodoniXT-webfont.svg#BodoniXTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

blockquote {
background:#f9f9f9;
border-top: 3px double #ddd;
border-bottom: 3px double #ddd;
margin: 0 10px 30px 10px;
padding:15px 10px;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline; font-size:14px;
}
blockquote footer { width:auto; text-align:right;font-style:italic; margin:0; padding:0; }

ul, ol { margin:0 0 20px 20px; }
ul li, ol li { list-style-type:inherit; list-style-position:inherit; }
ul li a, ol li a { text-decoration:none; }

.legal ul, .posts ul { list-style-position: inside; list-style-type: lower-roman; padding:0 20px; margin:0 0 30px 0; }
	.legal ul li, .posts ul li { margin-bottom:16px; }

input#submit { padding:5px; cursor:pointer; }

article.portfolio img { border:7px solid #872302; }
img { border: 7px solid #BDB99B; }
	#logo img, .slides_container div img { border:none; }
img.aligncenter, .blog img.aligncenter { margin: 10px auto 0px auto; display:block; }
img.alignright, .blog img.alignright { float:right; margin:5px 0px 10px 15px; }

.postSnippet img, article.blog img { margin: 0 0 15px 0; border: 3px solid #BDB99B; }
	.postSnippet a:hover img, article.blog a:hover img, article.products a:hover img { border-color: #76714e; }
article.blog img.wp-smiley, ol.commentlist img.wp-smiley { border:none; margin:0; padding:0; }
footer .htmlcss img { border: none; }
strong { font-weight: bold; }
	strong.promocode { color:#872302; font-family:arial, verdana, sans-serif; font-size:12px; }
em { font-style: italic; }
	
a, a:visited { color: #872302; }
a:focus, a:hover, a:active {
	color: #000000;
	outline: none;
	text-decoration: none;
	}
	a.readmore { float:right; color:#fff; padding:1px 7px; margin-right:3px; border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background: #aaa; text-transform: uppercase; font-size: 9px; font-family: arial, verdana, sans-serif; font-weight: bold; text-decoration:none;  }
		a.readmore:hover { background: #872302; }

p { padding: 0 0px 30px 0px; } 
	div.intro { font-style: italic; font-size:14px; line-height:22px; }

h1,h2,h3,h4,h5,h6 { font-family: Georgia, "Times New Roman", serif; }
h1.title { color: #872302; font-size:20px; font-family: 'BodoniXTRegular', Georgia, "Times New Roman"; text-align:center; margin: 36px 0 25px 0; }
/*aside h1.title { color: #706c64; }*/
h4, h2 {font-size:14px; text-transform: uppercase; color: #872302; font-family: 'BodoniXTRegular', Georgia, "Times New Roman"; text-align:center; margin:0 0 10px 0;}
/* USED FOR PRETEND PAGE HEADERS */
h5 { text-transform: uppercase; font-size:11px; color:#67625a; letter-spacing:2px; }

h3.sidebarTitle {font-size:14px; text-transform: uppercase; color: #872302; font-family: 'BodoniXTRegular', Georgia, "Times New Roman"; text-align:left; margin:0; line-height:12px;}
section#leftSidebar h5, section#rightSidebar h5 { font-size:9px; border-bottom: 3px double #999; margin-bottom:11px; letter-spacing: 1px; }

h5.shopbread { text-align:right; } 


aside#content { background: url(images/bookpageright.png) no-repeat right top transparent; position:relative; }
aside.legal hgroup { margin-bottom: 35px; }
/* STYLE FORO THE FANCY RULE */

div.fancyRule { background: url(images/fancyrule.png) no-repeat 0 0 transparent; height:10px; width: 122px; margin: 0 auto 30px; }


/* -- HEADER STYLE -- */
header { background: url(images/header-bg.jpg) no-repeat center top transparent; width:100%; height: 358px; margin: 0 0 40px 0; }

#headWrap { width:984px; margin:0 auto; }
#logo { padding: 50px 0 0 220px; width: 476px; float:left; }

#socialIcons { float:right; width:32px; height: 100px; padding-top:186px;}
	#socialIcons a.social { background: url(images/social-icons.png) no-repeat 0 0 transparent; width:32px; height:32px; text-indent: -9999px; display:block; }
	#socialIcons a.googleplus { background-position: 0 0; }
		#socialIcons a.googleplus:hover { background-position: -32px 0; }
	#socialIcons a.twitter { background-position: 0 -35px; }
		#socialIcons a.twitter:hover { background-position: -32px -35px; }
	#socialIcons a.facebook { background-position: 0 -70px; }
		#socialIcons a.facebook:hover { background-position: -32px -70px; }

nav { background: transparent; width: 985px; margin: 0 auto; padding:25px 0 0 0; }
	.menu-navbar-container {  }
ul#menu-navbar { margin: 0 0 0 0; }
	ul#menu-navbar li { display:inline-block; float:right; }
	ul#menu-navbar li a { font-family: 'BodoniXTRegular', Georgia, "Times New Roman"; font-size:16px; text-transform:uppercase; text-decoration: none; color:#392813; padding: 5px 0 5px 25px; margin:0 0 0 25px; border-left: 1px solid #aea89a;}
		ul#menu-navbar li a:hover { color:#9f5b1a; }
		
/* -- STANDARD FOR ALL CONTENT PAGES STYLE -- */

#contentWrap {
	width:984px;
	margin:0 auto 0px auto;
	/* Fallback for web browsers that doesn't support RGBa */
	background: url(images/pagecrease.jpg) repeat-y center top rgb(250, 250, 250);
	/* RGBa */
	background: url(images/pagecrease.jpg) repeat-y center top rgba(255,255,255,0.4);
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
	-o-box-shadow: 0 0 5px #ddd;
	padding: 1px 0 0 0; }
#contentWrapShop {
	width:914px;
	padding:28px 35px 0px 35px; 
	margin:0 auto 0px auto;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(250, 250, 250);
	/* RGBa */
	background: rgba(255,255,255,0.4);
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
	-o-box-shadow: 0 0 5px #ddd; }

div#left { width:416px; padding:28px 40px 30px 36px; float:left; }
div#rightShop { width: 709px; float:right; padding-left: 15px; }
aside#content { width:416px; padding:28px 36px 30px 40px; float:right; }
aside#menu { padding:0px 25px 30px 0px; float:left; width:155px; border-right: 1px solid #CCC; }

#contentWrapShop hgroup.pageheader { margin-bottom:20px; }
div#pagefooter hgroup.pagefooter { margin-top: 33px; }
hgroup.pageheader { border-bottom: 1px solid #dbd7cf; text-align:center; padding-bottom: 3px; }
hgroup.pagefooter { border-top: 1px solid #dbd7cf; text-align:center; padding-top:3px; }

div#pagefooterShop { padding: 0px 0px 28px 0px; margin-top:20px; }
div#pagefooter { padding: 0px 40px 28px 40px; }
	div#pagefooter .left { float:left; width:416px; }
	div#pagefooter .right {float:right; width: 416px; }
	
div.singleProdInfo h1 { margin:0 0 10px 0; text-align: left; }
/* -- PORTFOLIO STYLES -- */

div.portfolioImage { text-align:center; margin: 28px 0 35px 0; position: relative; }
	div.portfolioImage img{ border:7px solid #872302; }
	div.portfolioImageFU { width:100%; height:100%; position:absolute; top:0; left:0; background:transparent; text-indent:-99999px; }
article.portfolio p, div.portfolio { padding: 0 32px 30px 32px; }
	article.portfolio p.portfolioInformation { text-align:center; }
	
article.portfolio h4.portfolio { background: url(images/informationrule.png) no-repeat center center transparent;}
aside.portfolio h4 { font-size:12px; text-transform: uppercase; font-family: 'BodoniXTRegular', Georgia, "Times New Roman"; margin:0 0 10px 0; text-align:left; }

#portfolioSidebar { margin: 36px 0 0 0; padding: 0 0px 0; }
.portfolioThumbContainer { margin:0 0 25px 0; }
div.portfolioThumb { border:3px solid #BDB99B;  width:85px; height:80px; padding:0px; background:transparent; float:left; margin: 0 15px 17px 0; }

	#portfolioSidebar .last { margin-right:0 !important; }
.portfolioThumb img { border:none; opacity:0.25; filter:alpha(opacity=25); /* For IE8 and earlier */ -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;} 
.portfolioThumb a:hover img { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
.current-id img { border:none; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }


/* -- SHOP PRODUCT IMAGE SLIDER STYLE --*/
div#productImage { width:334px; margin:0 30px 0 0; float:left; }
	div#productImage img { border:1px solid #aaa; }
article.singleProd { padding:20px 26px 30px 26px !important; width:654px; }
div.singleProdInfo { float:right; width:290px; }

section.singleAddInfo {  }

section#relatedProds { margin:0; padding-top:0px; }

	article.singleProd h4 { text-align:left; text-transform: none; letter-spacing:1px; font-size:14px; color: #333; font-family: Georgia, "Times New Roman", serif; }
#slides { width: 326px; height: 288px; margin:0 auto; position: relative; }
.slides_container {
    width: 326px;
    height: 288px;
	overflow: hidden;
	margin:0 auto 8px auto;
  }
  .slides_container div {
    width: 326px;
    height: 288px;
    display: block;
  }
  #productImage ul.pagination {
	list-style-type: none;
	width: 334px;
	height:97px;
	padding: 0;
	margin: 0;
	background: url(images/productthumbs-nopic.png) no-repeat 0 0 transparent;

  }
	#productImage ul.pagination li {
		margin-right:9px;
		display:block;
		float:left;
		width: 102px;
	}
	#productImage ul.pagination li img {
		opacity:0.6;
		filter: alpha(opacity = 60);
		border:1px solid #aaa;
	}
		#productImage ul.pagination li img:hover, #productImage ul.pagination li.current img {
			opacity:1;
			filter: alpha(opacity = 100);
		}
	#productImage ul.pagination li a:hover {
		background: none;
	}
/* ADDITIONAL PRODUCT PAGE STYLING */
.itemCount {font-size: 13px; background: #f1ede4; padding: 6px 8px; margin: 0 0 10px 0; clear:both;}

h2.cats { text-align:left; line-height:14px; font-family: Georgia, "Times New Roman", serif; font-weight:bold; font-size:11px; }
	h2.cats a { text-decoration:none; }
article.products .promoSnippet h2 { margin: 0 0 4px 0; font-size:12px; } 
	
.productMenuContainer { margin: 0 0 30px 0; text-align:left; line-height:15px; }
.productMenuContainer h2.title { margin: 0 0 20px 0; padding:0 0 7px 0; text-align:left; border-bottom: 3px double #ccc; cursor:help; }
.productMenuContainer .productMenu { font-size:11px; }
	.productMenuContainer .nomargin { margin-right:0; }
	.productMenuContainer .productMenu ul { list-style-type: none; }
ul#menu-handmade-menu ul.sub-menu, ul#menu-pod-menu ul.sub-menu, ul#menu-holidays-menu ul.sub-menu { margin: 0 0 5px 10px; }
	ul#menu-handmade-menu a, ul#menu-pod-menu a, ul#menu-holidays-menu a { text-decoration: none; text-transform: uppercase; font-weight:bold; display:block; padding:2px 0 4px 0; color:#333; }
	ul#menu-handmade-menu ul.sub-menu a, ul#menu-pod-menu ul.sub-menu a, ul#menu-holidays-menu ul.sub-menu a { color: #67625A; text-transform: none; font-weight:normal; padding: 2px 0 5px 0; font-size: 11px; }
	ul#menu-handmade-menu ul.sub-menu a:hover, ul#menu-pod-menu ul.sub-menu a:hover, ul#menu-holidays-menu ul.sub-menu a:hover { text-decoration: underline; }
ul#menu-handmade-menu .current-menu-item a, ul#menu-pod-menu .current-menu-item a, ul#menu-holidays-menu .current-menu-item a {  }

article.posts { clear:both; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px dashed #CCC; }	
article.products { float:left; margin:0 15px 20px 0; padding:5px 5px 0px; border: 1px solid #ddd; text-align: left; }

article.havinitlarge { width: 213px !important; }
article.last { margin-right:0 !important; }
article.products img { border: 0px; }
article.products .productSnippet { margin: 0 0 0 0px; }
article.products p, article.posts p { padding: 0 0 10px 0; }

#startMasonry { margin-top:0px; }

.corner-stamp {
  padding: 0px 0px;
  margin: 0 0px 19px 0;
  border-bottom: 3px double #ccc;
}
.corner-stamp h1.title { color: #872302; font-size:20px; font-family: 'BodoniXTRegular', Georgia, "Times New Roman"; text-align:left; margin: 0px 0 20px 0; }
div.hoverImage { position: relative; }
div.imageOverlay { display: none; background:url(images/imageOverlay.png) repeat 0 0 transparent; position: absolute; top: 0; left: 0; color: #EFEFEF; }
	div.imageOverlay .overlayText {  }
	div.imageOverlay .overlayText h2 { text-transform:capitalize; font-size:15px; margin:0 0 4px 0; font-weight:normal; line-height:17px; padding: 10px 18px 0px 14px; }
	div.imageOverlay .overlayText h2 a { color:#EEEEEE; }
	div.imageOverlay .overlayText h2 a:hover { color:#fff; }
	div.imageOverlay .overlayText span.price { color:#db3e32; padding: 0px 10px 0px 14px; }
	div.imageOverlay .overlayText h4 { text-transform:none; font-size:10px; margin:0; font-weight:normal; color:#EFEFEF; font-family: arial, verdana, sans-serif; text-align:left; padding: 0 10px 0 14px; }
	div.imageOverlay .overlayText a.external { background: #872302; padding:1px 7px; display: block; font-size: 9px; cursor: pointer; position: absolute; bottom:7px; right:10px; color:#EEE; text-transform:lowercase; border:1px solid #872302; font-weight:bold; text-decoration:none; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px;  }
		div.imageOverlay .overlayText a.external:hover {background: #5c4b42; color:#efefef; border-color: #5c4b42;}
	div.imageOverlay .overlayText a.view { background: #872302; padding:1px 7px; display: block; font-size: 9px; cursor: pointer; position: absolute; bottom:7px; right:70px; color:#EEE; text-transform:lowercase; border:1px solid #872302; font-weight:bold; text-decoration:none; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px;  }
		div.imageOverlay .overlayText a.view:hover {background: #5c4b42; color:#efefef; border-color: #5c4b42; }

article.products .singleProdInfo span.price { color:#872302; display:block; font-size:12px; margin:0 0 20px 0; }

a#promoribbon { position:absolute; top:-5px; left:5px; background: url(images/promo-bg.png) no-repeat 0 0 transparent; display:block; width:47px; height:103px; z-index:10; cursor:pointer; text-indent:-9999px; }
	a#promoribbon:hover { background-position: -46px 0; }
article.products .promoSnippet p { padding: 15px 0; }
span.expires { text-transform: uppercase; font-size:10px; font-family:arial, verdana, sans-serif; }
	span.expires strong { color:#444; }

span.available {  }
span.buyitcon { display:block; }
a.buyit { text-transform: uppercase; text-decoration: none; font-size: 10px; font-family: arial, verdana, sans-serif; background: #872302; color: #EEE; padding: 2px 8px; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; display:block; width:70px; text-align:center; margin:20px 0 35px 0; }
	a.buyit:hover { background: #5c4b42; color:#EFEFEF; }
span.small { font-size:9.5px; font-style: italic; line-height:11px; display:block; font-family: arial, verdana, sans-serif; }
article.portfolio ol.buyit { margin: 0 32px 60px 32px; list-style-type:none; border: 3px double #DDD; background: #F3F3F3; padding: 10px; }
	article.portfolio ol.buyit li { padding:2px 0 3px 0; text-align:center; font-style:italic; }
/* PAGE NAVI STYLE */

.wp-pagenavi a, .wp-pagenavi span, #comments-nav-above a, #comments-nav-below a {
	padding: 2px 5px; margin-right: 10px;
	font-size: 15px; color: #872302; text-decoration: none; font-size:11px;
	}
.wp-pagenavi span.pages { color: #67625a; }
.wp-pagenavi a:hover, .wp-pagenavi span.current, #comments-nav-above span.current, #comments-nav-below span.current {
	background: #872302;
	color: #fff;
	}
.wp-pagenavi span.current { font-weight: bold; }
#comments-nav-above span.current, #comments-nav-below span.current { display:inline-block; padding: 2px 5px; }

#rightShop .itemCount .wp-pagenavi { border:none; margin:0; padding:0; float:right; }
/* -- BLOG STYLES -- */

.related { margin: 0 9px 20px 9px; background:#eee; padding:5px 5px 0 5px; }

div.alert { background:#F1EDE4; padding:10px; border:1px solid #BDB99B; }
div.alert h2.cats { margin-bottom:10px !important; }

section.share { border-top:3px double #ccc; }
section.share div.googlebutton { width:80px; float:left; }

article.blog { padding: 0 9px 20px 9px;}
article.blog .postmeta span { display: block; float:left; margin:0 10px 0 0; }
h1.blogtitle { margin-bottom:5px; }
span.metadata { font-size:9px; text-transform: uppercase; letter-spacing: 1px; display:block; text-align:center; margin-bottom:20px; }
	article.posts span.metadata { text-align:left; margin-bottom: 8px; }
span.metadata a { color: #67625A; text-decoration:none; border-bottom:1px dotted #67625A; }
	span.metadata a:hover { color:#872302; }
article.posts h2.cats { text-align:left; line-height:14px; font-family: Georgia, "Times New Roman", serif; font-weight:bold; font-size:11px; margin:0 0 0px 0; }

div.postmeta { margin-bottom:25px; }
div.postmeta ul { list-style-type:none; display:inline; }
	div.postmeta ul li { display:inline-block; margin-left:3px;  }
	div.postmeta ul li a { color:#fff; padding:2px 5px; margin-right:3px; border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background: #aaa; text-transform: uppercase; font-size: 10px; font-family: arial, verdana, sans-serif; font-weight: bold; }
		div.postmeta ul li a:hover { background: #872302; }

/* -- COMMENT STYLING -- */
div#respond { padding-top:30px; }

section#comments { padding: 0 9px 20px 9px;}
ol.commentlist { border-top: 3px double #999; padding-top:20px;  }
ol.commentlist, ol.commentlist li { list-style-type:none; }
ol.commentlist li { margin:0 0 15px 0; border-bottom:1px dotted #67625A; padding: 0 0 15px 0; }
ol.commentlist img { border:2px solid #872302; padding:4px; float:left; }
ol.commentlist div.comment { float:right; width:290px; }
ol.commentlist div.comment h4 { text-align: left; margin: 0; line-height: 14px; font-size: 14px; font-family: georgia, "Times New Roman", serif;}
section#comments h4#reply-title, section#comments #comments-list h3 { color: #872302; font-size:20px; font-family: 'BodoniXTRegular', Georgia, "Times New Roman"; text-align:center; margin: 36px 0 25px 0; }
ol.commentlist div.comment span.date { font-size:10px; font-family:arial, verdana, sans-serif; text-transform:uppercase; }
div.reply { text-align:right; }
div.reply a { background: #aaa; color: #fff; padding:2px;}
div.reply p { padding: 0 0 15px 0; }

/* -- BLOG SIDEBAR -- */

section#leftSidebar { float:left; width:166px; margin: 0 20px 0 0; }
section#rightSidebar { float:right; width: 206px; margin: 0 0 0 0; }
div.widget { margin:0 0 20px 0; }

div.googlead { width:200px; height:200px; display:block; background:#eee; border:3px solid #BDB99B; }
div#sidebar { background: url(images/pagedivide.png) repeat-y 189px 0px transparent; margin: 16px 0 0 0; width: 416px; }
section#leftSidebar .widget ul { list-style-type:upper-roman; list-style-position:inside; margin:0 0 30px 0; }
section#leftSidebar #recentPosts ul { list-style-type: none; }
section#leftSidebar .widget ul li { border-bottom:1px dotted #999; padding:3px 0 5px 0px; color: #444;  }
section#leftSidebar #recentPosts ul li { line-height:12px; border-bottom: none; margin: 0 0 5px 0; }
section#leftSidebar img, section#rightSidebar img { border:3px solid #BDB99B; margin: 0 0 3px 0; }
	section#rightSidebar img  { margin: 10px 0 0 0; }
section#leftSidebar a:hover img, section#rightSidebar a:hover img, .postSnippet  a:hover img { border-color: #76714e; }
section#leftSidebar #recentPosts ul li span.recentPosts { font-style: italic; display:block; }

#etsyHolder { background: #FFF; padding: 7px 0 0 5px; border: 3px solid #BDB99B; }
div.fb-like-box { border:3px solid #BDB99B; height:302px; }
div#facebookHolder { background: #fefefe; }
div#recentComments { text-align: left; }
	section#leftSidebar div#recentComments ul { list-style-type: none; }
	section#leftSidebar div#recentComments ul li { background: url('images/comment-icon.png') no-repeat 0 9px transparent; padding-left:17px; }
	a.recentcomments { text-transform: uppercase; font-weight:bold; font-size:10px; }
		a.recentcomments:hover { text-decoration: underline; }
	span.recentcomments { display:block; font-style:italic; }
		span.recentcomments a { color: #67625a; border-bottom: 1px dotted #67625a; }
		span.recentcomments a:hover { color: #872302; }
section#leftSidebar input#search { height: 17px; vertical-align: top; width: 137px;}

section#rightSidebar #twitterStream div.twitter-stream p { border-bottom: 1px dotted #67625a; padding: 3px 0 13px 0px; margin-bottom:10px; text-align:left; }
section#rightSidebar #twitterStream div.twitter-stream .twitter-date { font-style: italic; color: #222; }
section#rightSidebar #twitterStream div.twitter-stream .profile-link { text-transform: uppercase; text-align: center; font-weight: bold; border-top: 2px solid #67625a; border-bottom: 2px solid #67625a; padding:2px; }
section#rightSidebar #twitterStream div.twitter-stream .profile-link a { text-decoration:none; border-top: 1px solid #67625a; border-bottom: 1px solid #67625a; padding: 3px; display:block; }
section#rightSidebar #twitterStream div.twitter-stream .profile-link a:hover { color:#efefef; background: #67625a; }

/* -- FOTTER STYLE -- */

footer { width:984px; margin:30px auto 0; padding-top:20px; }
footer .copyright { text-align: center; }
	footer .copyright span.copyrightLine { letter-spacing: 2px; text-transform: uppercase; font-size:10px; }
	footer .copyright a , footer .htmlcss a { text-decoration: none; }
footer .htmlcss { padding-top:20px; text-transform: uppercase; font-size:11px; width:980px; margin: 0 auto; position: relative; text-align:center;}
footer span.footerMenu { display:block; letter-spacing: 2px; text-transform: uppercase; margin-top:10px; }


/* root element for tabs  */
.tabs { 

	list-style:none; 
	margin:20px 0 0 0 !important; 
	padding:30px 0 7px 0;
	height:30px;
	border-bottom:1px solid #ccc;
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	height: 30px;  
	line-height:30px;
	text-align:left;	
	text-decoration:none;
	color:#872302;
	padding:0px 12px;
	margin:0px;	
	position:relative;
	top:1px;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	border-bottom: 2px solid rgba(0, 0, 0, 0.2); padding-bottom: 4px;
	color:#333;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
		border-bottom: 2px solid rgba(0, 0, 0, 0.2); padding-bottom: 4px; 
	cursor:default !important; 
	color:#333 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ width:134px; }
.tabs .w1:hover 	{  }
.tabs .w1.current { }

/* width 2 */
.tabs .w2 			{ width:154px; }
.tabs .w2:hover 	{  }
.tabs .w2.current { }


/* width 3 */
.tabs .w3 			{ width:174px; }
.tabs .w3:hover 	{  }
.tabs .w3.current {  }

/* width 4 */
.tabs .w4 			{ width:194px; }
.tabs .w4:hover 	{  }
.tabs .w4.current {  }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}
.panes { padding:20px 10px; margin-bottom:30px; }

/* SHOP HOME PAGE ADDITIONALS */

h4.prodnameTitle {
	text-align:left;
	
}
#termDesc {
	margin-bottom:0px;
	padding: 0 0 20px 0;
}

#termDesc span.gothere {
	font-style: italic;
	display:block;
	font-weight:bold;
	margin-top:20px;
}
#termDesc p {
	padding:0;
}


div.ccc-inner h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}