/* -----------------------------------------------------------------------

   Sustainable Packaging Design Library Custom CSS

----------------------------------------------------------------------- */

/* spc.css */
body{
	background:#fff;
	font-family:Arial;
	margin:0;
	padding:0;}
.header .container{
	position:relative;}
body#grid .container{
	width:960px;}
	
/* header style */

.header{
	background:#e9e9e9 url(../img/headerbg.gf) repeat-y;
	border-top:4px solid #888;
	height:113px;position:relative;}

#logo a{
	width:280px;
	height:59px;
	background:url(../img/logo2.gif) no-repeat;
	text-indent:-2000px;
	display:block;
	outline:0;
	margin:34px 0;
	border:0;}


/* nav style */
#navigation{
	padding:49px 0 0 0;
	margin:0;text-align:right;}
#navigation li{
	display:inline;
	margin-left:10px;}
#navigation li a{
	color:#777;
	font-size:1.2em;
	font-weight:bold;
	padding:7px 18px;
	background:#ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
#navigation li a:hover{
	color:#fff;
	background:#999;}
#navigation li a.active{
	background:#ccc url(../img/tagsnavbg.gif) repeat-x;
	padding-bottom:3em;
	color:#000;}
#navigation li#tagsnav{
	position:relative;}
#navigation li a.active #cornerl{
	position:absolute;
	top:24px;
	left:-10px;
	background:url(../img/cornerl.gif) no-repeat;
	display:block;
	height:11px;
	width:10px;}
#navigation li a.active #cornerr{
	position:absolute;
	top:24px;
	right:-10px;
	background:url(../img/cornerr.gif) no-repeat;
	display:block;
	height:11px;
	width:10px;}
	
/* tags style */
#tags{
	display:none;
	position:absolute;
	left:0;
	top:87px;
	background:#ccc url(../img/tagsbg.gi) repeat-x left bottom;
	width:950px;
	z-index:10000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
#tags .pad{
	padding:1.5em;}
#tags a{
	font-size:1.2em;
	font-weight:bold;
	color:#777;
	margin:0em 1.5em 0em 0em;
	border-bottom:1px dotted #666;}
#tags a:hover{
	color:#000;
	border-bottom:1px solid #000;}
#tags a span{
	color:#fff}

/* toolbar style */
#toolbar{border-top:1px solid #ddd;}
#toolbar ul{
	margin:0 0 3em;
	padding:0;}
#toolbar ul li{
	font-size:.9em;
	padding-right:2em;
	color:#bbb;
	display:inline;}
#toolbar ul li a{
	color:#159FCB;
	border-bottom:1px dotted #159FCB;padding-top:0px;}
#toolbar ul li a:hover{
	border-bottom:1px solid #159FCB}	
#toolbar ul li a.here, #toolbar ul li.ui-tabs-selected a {
	/*background: url(../img/carat.gif) no-repeat center bottom;padding-bottom:3px;border:0;*/border-bottom:2px solid #159FCB;padding-top:0px;}

.ui-tabs-hide { display:none; }
/* content style */
.content{
	padding:3em 0;}
.hilite{color:#159FCB;
	border-bottom:1px dotted #159FCB;}
.hilite:hover{
	border-bottom:2px solid #159FCB;color:#159FCB;}

/* text style */
a{
	color:#000;
	text-decoration:none;
	outline:0;}
h1{
	font-family:Arial;
	font-size:32px;
	color:#000;
	line-height:36px;
	margin-top:0px;}
h1 a{border-bottom:1px solid #ccc;}
h1 a:hover{color:#159FCB;border-bottom:1px solid #159FCB;}
h1 span{
	color:#aaa;}
h2{
	font-family:Arial;
	font-size:1.8em;
	font-weight:normal;
	color:#999;
	margin-bottom:.25em;}
h2 a{
	text-decoration:none;}
h2 a:hover{
	text-decoration:underline;}
h3{
	color:#003c46;}
h4{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:36px;
	margin-bottom:1em;}
h5{
	color:#7BB942;
	font-weight:normal;
	text-transform:uppercase;
	font-size:.9em;
	margin-bottom:.5em;}
h5 a{color:#7BB942;border-bottom:1px dotted #7BB942;}
h6{
	font-size:1.2em;
	font-weight:normal;
	color:#999;}
h6 a{
	color:#999;}
blockquote{
	font-size:1.3em;
	font-family:georgia;
	margin:0 1em 1.5em;}
.right{
	text-align:right;}

/* fonrtdoor style */		
.promo{
	padding-top:6em;}
.intro{
	font-size:1.4em;}
.intro strong{
	color:#888;}
.winner{
	color:#f5a100;
	text-transform:uppercase;
	font-size:.9em;}	

/* single style */
p.itemtags{
	color:#999;
	/*background: url(../img/tag.gif) no-repeat left 3px;
	padding-left:22px;*/}
p.itemtags a{
	color:#999;
	border-bottom:1px dotted #aaa;
	margin-right:5px;}
p.itemtags a:hover{
	color:#000;
	border-bottom:1px solid #000;}
	

/* grid style */		
body#grid .content .span-6{
	padding:1em 0 0;}
body#grid .content .span-6 img{
	margin-bottom:.5em;
	border:1px solid #ddd;
	padding: 1px;}	

body#grid .content .span-6 h6 {
	height: 5em;
	overflow: hidden;	
}
.paging { font-size: 1.5em;}
	
.paging * { padding: 5px; }

.paging a { border: 1px solid #aaa; }
.paging a:hover { background-color: #aaa; border: 1px solid #fff; }

/* footer style */	
.footer{
	color:#aaa;
	font-size:11px;
	line-height:15px;}
.footer .container{
	padding:9px 0 36px;
	border-top:1px solid #ccc;}
.footer p{padding-top:0px;}
body#grid .footer{
	margin-right:10px;}
.footer a {color: #aaa;}
.ba21,.gb,.nea{ margin-left:2em;}
.footer a:hover { color: #000; }

/* galleria style */
.gallery{list-style:none;width:470px;margin:1em 0 0;}
.gallery li{display:block;width:80px;height:60px;overflow:hidden;float:left;margin:0 10px 10px 0;border:1px solid #ddd;padding:1px;}
.gallery li a{display:none}
.gallery li div{position:absolute;display:none;top:0;left:180px}
.gallery li div img{cursor:pointer;}
.galleria_wrapper img {border:1px solid #ddd;padding:1px;}
.gallery li.active div img,.gallery li.active div{display:block;}
.gallery li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.gallery li .caption{display:block;padding-top:.5em}
* html .gallery li div span{width:400px} /* MSIE bug */
.galleria_container{height:350px; }

.definition{padding-top:3em;border-top:1px solid #ccc;}
.definition li{font-size:1.2em;font-family:georgia;color:#7BB942;font-weight:bold;padding-bottom:.8em;line-height:1.2em;}
.definition li span{font-family:Arial;font-weight:normal;color:#000;}
.definition p{color:#888;}
.back{border:1px solid #159FCB;padding:3px 6px;color:#159FCB;text-transform:uppercase;font-size:.8em;}
.back:hover{background:#159FCB;color:#fff;}

/* search form */
form#ItemSearchForm{padding-bottom:1.5em;}
form#ItemSearchForm .text input, form#ItemSearchForm .text label { 
	font-family:Arial;
	font-size:32px;
	line-height:36px;
	margin-top:0px;
	font-weight:normal;
	margin-right: .5em;
	border: 1px solid #fff;
}

form#ItemSearchForm .text input {	color:#999; border-bottom: 1px solid #d5d5d5; }
#navigation #tagsnav a{background:#ccc url(../img/carat.gif) no-repeat 90% 12px;padding-right:28px;}