/*
	Name: Gard Plasticases
	Date: 20/01/2010
	Description: Global Style Sheet
	Version: 1.0
	Author: Front End Development
	Author URI: http://www.frontenddevelopment.com
*/

/* Imports */
@import url("reset.css");
@import url("global-forms.css");

/***** Global *****/
/* Body */
	body {
		background: #d7dee4;
		color: #666666;
		font-size: 90%; /* Base font size: 16px */
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	
/* 
	Base Font Size: 16px
*/
h2 {font-size: 1.5em}	/* 24px */
h3 {font-size: 1.375em}	/* 22px */
h4 {font-size: 1.25em}	/* 20px */
h5 {font-size: 1.125em}	/* 18px */
h6 {font-size: 1em}		/* 16px */

h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .8em;font-family: Arial,'Helvetica Neue',sans-serif;font-weight: normal}
	
/* Links */
a {outline: 0;color:#07386A}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {}
a:hover, a:active {}
	
/* Paragraphs */
p {
	margin-bottom: 1.45em;
	line-height: 1.4;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
.contents {width:960px;margin:0 auto}
/***** Layout *****/
/* Header */
#header{background:url('../images/header-bg.png') no-repeat top center;margin-top:30px;padding-top:1px;}
#header .contents{position:relative;}
#header #logo{margin:42px 0 20px 20px}
#header #call-us{position:absolute;right:20px;top:20px}
#header #nav{list-style-type:none;margin:0;background:url('../images/nav-bg.png') no-repeat 1px 0;height:30px;padding:7px 0 7px 20px}
#header #nav li{float:left;padding-left:15px}
#header #nav li a{color:#fff;font-size:1.1em;text-decoration:none;padding:10px 15px 10px 0;line-height:30px}
#header #nav li.active{background:url('../images/link-active-left.png') no-repeat left}
#header #nav li.active a{background:url('../images/link-active-right.png') no-repeat right;color:#003366}
/*
 * Nav
 */
#banner {overflow:hidden;width:960px;height:258px;background:url('../images/banner.png') no-repeat }
#banner ul {list-style:none;float:right;padding-right:140px;padding-top:165px}
#banner ul li {float:left;padding-right:10px}
/* Body */
#body{background:url('../images/contents.png') repeat-y center;padding-top:1px;overflow:hidden;height:1%}
#body #main-content{padding:25px 20px 0 20px}
#body #main-content .title-home{margin:0;position:relative;}
#body #main-content .title-home a{color:#666;font-size:0.55em;padding-left:10px;}
#body #main-content .title-home a:hover,#body #main-content .title-home a:active{text-decoration:none;}
#body #main-content #product-range{list-style-type:none;margin:0;overflow:hidden;height:1%;padding:10px 0 5px 0}
#body #main-content #product-range li{float:left;margin-bottom:10px; width: 298px; background-color:#f4f4f4; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; border: 1px solid #e6e6e6}
#body #main-content #product-range li.center{margin:0 10px 10px 10px}
#body #main-content #product-range li a:link span, #body #main-content #product-range li a:visited span{clear:both; color:#888888; float:left; font-size:1.2em; margin:10px 8px 4px; text-decoration: none}
#body #main-content #product-range li img{float:left;clear: both; border: 1px solid #e6e6e6; margin: 5px 4px 4px}
#body #main-content #news{list-style-type:none;margin:5px 0 0 0;overflow:hidden;height:1%;border-top:1px dotted #666;padding:15px 0 10px 0;}
#body #main-content #news li{float:left;width:280px;padding-right:30px}
#body #main-content #news li.last{padding:0}
#body #main-content #news li h3{margin-bottom:12px}
#body #main-content #news li a{font-size:0.8em;color:#567492;text-decoration:none;}
#body #main-content #news li a:hover,#body #main-content #news li a:active{text-decoration:underline;}
#body #main-content #news li p{margin-bottom:0;font-size:0.8em}
.download-button {margin-bottom: 15px}
/* Footer */
#footer {background:url('../images/body-wide-bg.png') repeat-y bottom center;padding:12px 0}
#footer-bottom {background:url('../images/footer-bg.png') no-repeat bottom center;height:30px;}
#footer .contents{position:relative;border-top:1px dotted #666;width:920px;padding-top:10px}

#footer div.bottom { height:1%; overflow:hidden;}
#footer #copyright{float:left; font-size:0.8em;}
#footer ul{ float:right; list-style-type:none;margin:0;}
#footer ul li{float:left;background:url('../images/bullet-footer.png') no-repeat 0 4px;padding:0 8px 0 0}
#footer ul li.first{background:none}
#footer ul li a{font-size:0.8em;color:#666;text-decoration:none;margin-left:15px}
#footer ul li a:hover,#footer ul li a:active{text-decoration:underline;}

#expand { margin-top:-15px; }
#expand .contents{position:relative;padding-bottom:80px}
#expand #expand-button{position:absolute;left:20px}
#expand #juno{position:absolute;right:20px; top:20px}

#expand-content {height:350px; overflow:hidden;/*margin-top:-20px;margin-bottom:16px*/}
#expand-content ul {border-bottom:1px dotted #666666; float:none; list-style:none; margin-bottom:10px; padding:20px 0; position:relative; overflow:hidden;}
#expand-content ul li{float:left;background:#ffffff repeat;width:290px;margin-right:10px}
#expand-content ul li.last { margin-right:0; }

#expand-content div.contents {background:url('../images/expand-content-bottom-bg.png') no-repeat bottom center;overflow:hidden;background-color:#7B7B7B}
#expand-content div.outner {background:#fcfcfc; border:1px solid #ccc;height:1%;overflow:hidden; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#expand-content div.inner {height:1%;overflow:hidden; padding:20px}
#expand-content div.inner li p { height:180px; margin-bottom:0; }
#expand-content ul li a.read-more{display:block;width:123px;height:34px;text-indent:-9999px;margin-left:0;background:url('../images/read-more.png') no-repeat }


/* Products Listing */
#body.page .contents{background:url('../images/body-bg.png') no-repeat 1px 0;}
#title-page-box{overflow:hidden;height:1%;padding:0 37px}
#title-page{margin: 0 20px 30px 20px; border-bottom:1px dotted #767676;padding:30px 0 20px 0;font-size:2em;line-height:0.7em}
#title-page.product{width:425px;margin: 0 0 30px 0;float:left}
#title-page.product2{width:900px;margin: 0 0 30px 0;float:left}
#title-category{color:#ccc;width:460px;margin: 0 0 30px 0; border-bottom:1px dotted #767676;padding:30px 0 20px 0;font-size:2em;line-height:0.7em; text-align:right;float:right;}
#sidebar{float:left;width:260px;padding-left:20px}
#sidebar ul{list-style-type:none;margin:0;padding-bottom:30px;}
#sidebar li{padding:9px 0;border-bottom:1px dotted #767676;}
#sidebar li.first{padding-top:0}
#sidebar li a{color:#595959;padding-left:10px;text-decoration:none;display:block;}
#sidebar li a:hover,#sidebar li a:active{text-decoration:underline;}
#sidebar li a span{color:#d0d0d0;padding-right:30px;padding-left:25px;}
#sidebar .sidebar_titles {float:none;}
#sidebar .jazz_sidebar_titles {float:none;}
#sidebar .jazz_span{color:#d0d0d0;padding-left:10px;}
#sidebar .name {color:#595959;float:left;padding:0 0 0;width:43px;}
#content{float:right;width:620px;padding:0 20px 30px 0}
#content_cat_desc {width:910px;}
#content.full{float:left;margin:20px 20px 30px;width:910px;} 
#content.full h3{color:#07386a;}
#content #listing-products{list-style-type:none;margin:0;overflow:hidden;height:1%}
#content #listing-products li{float:left;padding:0 20px 20px 0;text-align:center;}
#content #listing-products li.last{padding-right:0}
#content #listing-products li a{display:block;font-size:0.8em;color:#999;text-decoration:none;}
#content #listing-products li strong{padding-top:8px;display:block;}
#content #listing-products li strong a{border:0}
#content #listing-products li strong a:hover,#content #listing-products li strong a:active{text-decoration:underline;}
#content #pagination{list-style-type:none;margin:0;overflow:hidden;height:1%}
#content #pagination li{float:left;padding:5px}
#content #pagination a{color:#999;text-decoration:none;padding:5px 3px}
#content #pagination li.active{background:url('../images/pagination-bg.png') no-repeat center;}
#content #pagination li.click{background:none;padding:5px 10px}
#content ul li, #content ol li {margin-bottom: .8em}

/* Spotlight */
#product-details-cat-desc{overflow:hidden;height:1%}
#product-details-cat-desc #description .title {padding-left:200px;}
#product-details-cat-desc #description #desc {height:326px;float:right;margin-right:105px;line-height:2em;padding-top:18px; font-size:1em;width:278px;}
#product-details-cat-desc #description #product-preview{float:left;width:376px;height:344px;}
#product-details-cat-desc #description #product-preview #zoom{position:absolute;right:0;top:298px}
#product-details-cat-desc #description #product-preview ul{list-style-type:none;margin:0;padding-top:10px}
#product-details-cat-desc #description #product-preview li{float:left;padding-right:6px;margin-bottom:3px;}
#product-details-cat-desc #description #product-preview li.last{padding-right:0}
#product-details-cat-desc #description #product-preview li.first{clear:left}

#product-details-cat-desc #description #desc-left {float:left;line-height:2em;padding-top:18px; font-size:1em;width:360px;margin-bottom:31px;margin-left:10px;}
#product-details-cat-desc #description #desc-right {float:right;line-height:2em;padding-top:18px; font-size:1em;width:360px;margin-bottom:31px;}
#product-details-cat-desc #description #product-preview2{float:left;height:280px;}
#product-details-cat-desc #description #product-preview2 #zoom{position:absolute;right:0;top:298px}
#product-details-cat-desc #description #product-preview2 ul{list-style-type:none;margin:0;padding-top:10px; width:900px;}
#product-details-cat-desc #description #product-preview2 li{float:left;padding-right:6px;margin-bottom:3px;}
#product-details-cat-desc #description #product-preview2 li.last{padding-right:0}
#product-details-cat-desc #description .tables {-moz-border-radius-bottomleft:9px;-moz-border-radius-bottomright:9px;-moz-border-radius-topleft:9px;-moz-border-radius-topright:9px;background-color:#F4F4F4;border:1px solid #E6E6E6;width:380px;}
#product-details-cat-desc #description .tables h3 {clear:both;color:#888888;font-size:1.2em;margin:10px;text-decoration:none;}
#product-details-cat-desc #description #right-table {float:right;}
#product-details-cat-desc #description #left-table {float:left;}
#product-details-cat-desc #description .tables span{clear:both; color:#888888; float:left; font-size:1.2em; margin:10px 8px 4px; text-decoration: none}
#product-details-cat-desc #description .inner {background-color:white; margin:5px 4px 4px; font-size:0.8em; padding:10px;}
#product-details-cat-desc #description .inner h2 {font-size:1.3em;}
#product-details-cat-desc #description{padding-left:35px;width:841px;	}
#product-details-cat-desc #description h3{margin:15px 0;line-height:0.7em}
#product-details-cat-desc #description .table-title{}
#product-details-cat-desc #description ul li { font-size:14px; }
#product-details-cat-desc #description p { font-size:13px; }

#product-details{overflow:hidden;height:1%}
#product-details #product-preview{float:left;width:320px;position:relative;}
#product-details #product-preview #zoom{position:absolute;right:0;top:298px}
#product-details #product-preview ul{list-style-type:none;margin:0;padding-top:10px}
#product-details #product-preview li{float:left;padding-right:12px}
#product-details #product-preview li.last{padding-right:0}
#product-details #description{float:right;width:275px}
#product-details #description h3{margin:15px 0;line-height:0.7em}
#product-details #description #content-des{line-height:2em;margin-bottom:25px}
#product-details #description #choose-color{overflow:visible;height:1%;background:url('../images/select-color-bg.png') no-repeat;list-style-type:none;margin:0;padding:15px 0 50px 71px}
#product-details #description #choose-color.clips{background:url('../images/clip-color-bg.png') no-repeat;}
#product-details #description #choose-color li{float:left;padding-right:2px;position:relative;}
#product-details #description #choose-color li span{display:block;position:absolute;top:-34px;left:-16px;background:url('../images/pop-up-color.png') no-repeat;text-align:center;padding:7px 0 14px 0;width:51px;font-size:0.75em;color:#999}
#product-details #description #choose-color li a{display:block;width:19px;height:19px;font-size:0;line-height:0;text-indent:-9999px;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px #D7D7D7 solid}
#product-details #description #dimensions{list-style-type:none;margin:0}
#product-details #description #dimensions li{padding-bottom:10px;font-size:0.8em}

.smallprint {font-size: 0.78em}

#title-feature{margin:20px 0 15px 0;border-bottom:1px dotted #767676;padding-bottom:6px}
#feature-products{list-style-type:none;margin:0;padding-bottom:50px;overflow:hidden;}
#feature-products li{float:left;padding-right:20px;text-align:center;}
#feature-products li.last{padding-right:0}
#feature-products li a{display:block;font-size:0.8em;color:#999;text-decoration:none;font-weight:bold;padding-top:5px}
#feature-products li a:hover,#feature-products li a:active{text-decoration:underline;}

/* Listing Blog */
#listing-blog{list-style-type:none;margin:0}
#listing-blog li{padding-bottom:20px}
#listing-blog h2{font-size:1.7em;font-weight:bold;}
#listing-blog h2 a{color:#07386a;text-decoration:none;line-height:1.2em}
#listing-blog h2 a:hover,#listing-blog h2 a:active{text-decoration:underline;}

#sidebar h3{border-bottom:1px dotted #767676;padding-bottom:5px;margin-bottom:10px;}
#sidebar address{font-style:normal;line-height:1.7em;padding-left:10px;padding-bottom:23px;display:block;}

/* Blog Post */
#title-entry{font-size:1.5em;font-weight:bold;color:#07386a;line-height:1.2em}
.subs-title{font-size:1.25em;color:#003366;font-weight:bold;padding-top:20px}
#list-comments{list-style-type:none;margin:0}
#list-comments li div.outer{background:url('../images/top-comment-bg.png') top no-repeat;width:620px; height:auto; color:#595959;}
#list-comments li div.inner{background:url('../images/bottom-comment-bg.png') bottom no-repeat;padding:15px 20px 23px 20px;}
#list-comments li p{margin-bottom:0;font-size:0.8em}
#list-comments .meta{font-size:0.75em;color:#595959;padding:7px 0 17px 0;display:block;}
#list-comments .meta a{color:#595959;text-decoration:underline;}
#list-comments .meta a:hover,#list-comments .meta a:active{text-decoration:none;}
#leave-comment fieldset,#contact-form fieldset{margin:0;padding:0;border:none;position:relative;overflow:hidden;height:385px}
#leave-comment fieldset label,#contact-form fieldset label{display:block;margin-bottom:3px}
#leave-comment fieldset .text,#contact-form fieldset .text{border:1px solid #eaeaea;background:#f6f6f6;width:335px;padding:11px 13px;color:#595959;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;}
#leave-comment fieldset textarea,#contact-form fieldset textarea{overflow:hidden;border:1px solid #eaeaea;background:#f6f6f6;width:572px;padding:11px 13px;color:#595959;height:130px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size:1em}
#leave-comment fieldset span,#contact-form fieldset span{position:absolute;left:0;bottom:10px}
#leave-comment fieldset #submit,#contact-form fieldset #submit{position:absolute;right:20px;bottom:0;font-size:0;line-height:0;background:url('../images/submit-button.png') no-repeat;border:none;width:101px;height:34px;text-indent:-999px}

/* Contact */
.info{font-size:1.1em;padding:0 0 22px 10px;display:block;line-height:1.5em}
#title-contact{border-bottom:1px dotted #767676;margin-bottom:10px;padding-bottom:5px;}
#contact-form fieldset{height:460px}
#contact-form fieldset .text{width:572px}
#content.contact{padding-bottom:100px}

/* Show Case*/
#header #nav li.drop{background:url('../images/link-drop-left.png') no-repeat left;position:relative;}
#header #nav li.drop a{background:url('../images/link-drop-right.png') no-repeat right;}
#header #nav .drop-box{display:none;position:absolute;top:30px;left:0;width:209px;background:url('../images/top-drop-bg.png') no-repeat top;padding-top:5px}
#header #nav .drop-box ul{list-style-type:none;margin:0;overflow:hidden;height:1%;background:url('../images/bottom-drop-bg.png') no-repeat bottom;padding-bottom:10px}
#header #nav .drop-box li{float:none;border-bottom:1px dotted #fff;margin:0 15px;padding-left:0}
#header #nav .drop-box li.last{border:0;}
#header #nav .drop-box li a{background:none;font-size:0.9em}
#header #nav .drop-box li a:hover,#header #nav .drop-box li a:active{text-decoration:underline;}

#showcase{list-style-type:none;margin:30px 0 0 25px}
#showcase li{background:url('../images/bullet-details.png') no-repeat 0 11px;padding: 8px 0}
#showcase li a{padding-left:18px;color:#003366;text-decoration:none;font-size:1.1em}
#showcase li a:hover,#showcase li a:active{text-decoration:underline;}
/*
 *  Older Entries
 */
ul#next-previous {list-style:none;margin:0;padding:10px 0;overflow:hidden;}
ul#next-previous li.left {float:left;}
ul#next-previous li.right{float:right;}