@charset "utf-8";
/* CSS Document */

/*-------------------------------------------
GENERAL SETTINGS
---------------------------------------------*/


body{
	font: 100%;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size:.625em;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color:#59554a;
	color:#444444;
}

a {color:#7ea611; text-decoration:none;}
a:link {color:#7ea611; text-decoration:none;}
a:visited {color:#7ea611; text-decoration:none;}
a:hover {color:#7ea611; text-decoration:underline;}

img{
	border-style:none;
}
h1{
	font-family: 'Ubuntu', sans-serif;
	font-size:2.7em;
	font-weight:500;
	color:#000;
	margin: 0px;
}
h2{
	font-family: 'Ubuntu', sans-serif;
	font-size:1.9em;
	font-weight:500;
	color:#000;
	margin: 0px;
}

p {
	font-size:1.3em;
	margin-top:10px;
	margin-bottom:15px;
	
	}

.green{
	color:#7ea611;
}
.black{
	color:#000;
}

.break5 {
	height:5px;
	clear:both;
}
.break10 {
	height:10px;
	clear:both;
}
.break20 {
	height:20px;
	clear:both;
}
.break30 {
	height:30px;
	clear:both;
}


/*-------------------------------------------
CONTAINER (900 px middle)
---------------------------------------------*/
#container {
	position: relative;
	padding-top:190px;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color:#fff;
} 

/*-------------------------------------------
MANTLE / TOP MENU
---------------------------------------------*/
#mantle {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:190px;
	background-color:#0b0c0d;
	background-image:url('images/masterback.png');
	background-position:0px -390px;
	background-repeat:repeat-x;
	z-index:10;
}

#mantle-container {
	position:relative;
	width:900px;
	height:190px;
    margin-left:auto;
    margin-right:auto;
}

#zbar {
	width:900px;
	height:35px;
	line-height:35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:1.2em;
	text-align:right;
}

#zbar img {
	vertical-align:middle;
}


#zbar a {color:#fff; text-decoration:none;}
#zbar a:link {color:#fff; text-decoration:none;}
#zbar a:visited {color:#fff; text-decoration:none;}
#zbar a:hover {color:#fff; text-decoration:none;}

img.zazzlelogo { position:absolute; left:0px; width:117px; height:34px; background-image:url('images/zazzle-sprite.png'); background-position:0px 0px; background-repeat:no-repeat;}
img.zazzlegear { width:20px; height:34px; background-image:url('images/zazzle-sprite.png'); background-position:-117px -1px; background-repeat:no-repeat;}
img.zazzleheart { width:18px; height:34px; background-image:url('images/zazzle-sprite.png'); background-position:-137px -1px; background-repeat:no-repeat;}
img.zazzlecart { width:25px; height:34px; background-image:url('images/zazzle-sprite.png'); background-position:-155px -1px; background-repeat:no-repeat;}
img.zazzlebreak { width:2px; height:34px; background-image:url('images/zazzle-sprite.png'); background-position:-180px -1px; background-repeat:no-repeat;}

#toplinks {
	position:absolute;
	top:150px;
	right:0px;
	font-family: 'Questrial', sans-serif;
	text-align:left;
	z-index:11;
}

#toplinks-left{
	width:5px;
	height:40px;
	float:right;
	background-image:url('images/bullet-sprite.png');
	background-position:-204px 0px;
	background-repeat:no-repeat;
	z-index:11;
}
#toplinks-right{
	width:5px;
	height:40px;
	float:right;
	background-image:url('images/bullet-sprite.png');
	background-position:-209px 0px;
	background-repeat:no-repeat;
	z-index:11;
}




ul.drop {font-size:1.35em; right:0px;}
ul.drop a { display:block; color: #fff; text-decoration: none;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; background: none; color: #fff; }
ul.drop { position: relative; z-index: 597; float: right;}
ul.drop li { float: right; line-height: 30px; vertical-align: middle; padding: 5px 15px; background:#87a632; background:url('images/masterback.png'); background-position:0px 0px; background-repeat:repeat-x}
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background:#2e2d28; background:url('images/masterback.png'); background-position:0px -40px; background-repeat:repeat-x;}
ul.drop ul { float: left; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 12em; background: #2e2d28;}
ul.drop ul li { float: none; color: #fff; line-height: 1.3em; font-size:0.90em; background: #2e2d28;}
ul.drop ul li.hover, ul.drop ul li:hover {background: #87a632;}
ul.drop ul ul { top: 0px; left: 100%;}
ul.drop ul ul li { font-size:1.0em;}
ul.drop ul a {color: #fff;}
ul.drop li:hover > ul { visibility: visible;}


#toplogo {
	position:absolute;
	top:54px;
	left:0px;
	width: 400px;
	height: 130px;
	z-index:50;
}

#topstars {
	position:absolute;
	top:35px;
	left:538px;
	width: 362px;
	height: 75px;
	z-index:49;
	background-image:url('images/mantle-stars.png');
	background-repeat:no-repeat;
}

#sharethisundermenu {
	position:relative;
	top:165px;
	left:755px;
	width: 125px;
	height: 16px;
	z-index:10;
}

/*-------------------------------------------
BREADCRUMBS
---------------------------------------------*/
#breadcrumbs {
	height:35px;
	padding:0px 20px;
	width:860px;
	font-size:1.15em;
	line-height: 35px;
}

/*-------------------------------------------
FOOTER
---------------------------------------------*/
#footer {
	width: 100%;
	height:640px;
	margin: 0 auto;
	text-align: center;
	color:#73716a;
} 

#footer a {color:#7F9146; text-decoration:none;}
#footer a:link {color:#7F9146; text-decoration:none;}
#footer a:visited {color:#7F9146; text-decoration:none;}
#footer a:hover {color:#7F9146; text-decoration:underline;}


#footer-slogan {
	height:500px;
	background-color:#2e2d28;
}

.footer-sloganpic {
	padding-top:185px;
}

#footer-text {
	height:132px;
	padding-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
	background-color:#0b0c0d;
	background-image:url('images/footer-stars.png');
	background-repeat:no-repeat;
	background-position:bottom;
}

#footer-links {
	font-size:1.4em;
	padding-bottom:10px;
}


/*-------------------------------------------
HBAR
---------------------------------------------*/
.hbar {
	width: 100%;
	height: 20px;
	background-image:url('images/separator-bottom.png');
	background-repeat:no-repeat;
}

/*-------------------------------------------
BOTTOM THREE
---------------------------------------------*/
#bottomthree-container{
	width: 860px;
	height: 270px;
	overflow:auto;
	padding:20px;
}
.bottomthree{
	width:270px;
	height:270px;
	float:left;
	background-image:url('images/masterback.png');
	background-position:0px -120px;
	background-repeat:repeat-x;
}
#bottomthree-leftseparator{
	width:25px;
	height:270px;
	float:left;
	background-image:url('images/separator-vertical-270.jpg');
	background-position:-20px 0px;
	background-repeat:no-repeat;	
}
#bottomthree-rightseparator{
	width:25px;
	height:270px;
	float:left;
	background-image:url('images/separator-vertical-270.jpg');
	background-position:5px 0px;
	background-repeat:no-repeat;
}	
#bottomthree-idea{
	width:85px;
	height:110px;
	margin: 0 auto;
	background-image:url('images/bottomthree-sprite.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#bottomthree-shipping{
	width:90px;
	height:110px;
	margin: 0 auto;
	background-image:url('images/bottomthree-sprite.jpg');
	background-repeat:no-repeat;
	background-position:-85px 0px;
}
#bottomthree-coupons{
	width:125px;
	height:110px;
	margin: 0 auto;
	background-image:url('images/bottomthree-sprite.jpg');
	background-repeat:no-repeat;
	background-position:-175px 0px;
}
.bottomthree-header{
	height:30px;
	width:230px;
	background-image:url('images/bullet-sprite.png');
	background-position:-214px 0px;
	background-repeat:no-repeat;
	padding-left:40px;
	font-family: 'Ubuntu', sans-serif;
	font-size:19px;
	font-weight:500;
	color:#000;
	line-height:30px;
	
}
.bottomthree-text{
	width:210px;
	font-size:13px;
	padding:5px 20px 0px 40px;
}