/*
	*****CSS Framework*****
	Developed by Dr.Win of Alaress
*/
	@import url("reset.css");
	@import url("forms.css");

body {
	font-family: Verdana, Geneva, sans-serif;
	background:#b1d6ed url(/img/bg.gif) repeat-x;
	color:#626262;
}
#background {
	background:url(/img/bg-splat.jpg) no-repeat center top;
}
#container {
		width:960px;
		margin: 0 auto;
}

/*--------------------------------------------------------------
 Link styles 
--------------------------------------------------------------*/
a 			{text-decoration:none; color:#626262;}
#full-col a {color:#078fc2;}
a:link 		{}
a:visited 	{}
a:hover 	{text-decoration:underline; color:#078fc2;}
a:active 	{}
a.btn { font-size: 11px; }
/*--------------------------------------------------------------
 Heading styles 
--------------------------------------------------------------*/
h1,h2,h3    {font-weight:bold;}
h1 {
	font-size: 20px;
	border-bottom: 1px dashed #078FC2;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
h2 { font-weight: normal; }
#centerbox-wrapper h2 { width: 500px; }
#centerbox-wrapper h1,h2 {
	font-size: 17px; color:#fff;
	border: 0;
}
h3 			{font-size: 12px; padding-bottom:5px; line-height: 1.5;}
h4 			{font-size:11px;}
h5 {
	font-size:10px;
	padding-bottom:3px;
	line-height:1.2em;
	}
h6 {
	font-size:10px;
	font-style:italic;
	color:#68b13f;
	padding-bottom:5px;
	}
blockquote 	{padding:20px 20px 0; background:#f7fbfc; border:1px solid #e4f2f7; margin:20px 0;}
blockquote.contactForm { padding: 7px 20px 10px; }
blockquote.additional { text-align: justify; }
p + h3 { margin-top: 2em; }
.blog-wrap h3 {
	font-size: 20px;
}
.blog-wrap h4 {
	font-size: 15px;
	font-weight: bold;
	margin: 2em 0 1em;
}
/*--------------------------------------------------------------
 Body Text styles 
--------------------------------------------------------------*/
strong { font-weight: bold; }
em { font-style: italic; }
p, ul, ol {	line-height: 1.6;	margin:0 0 7px 0; font-size:11px; padding: 0; }
ol { list-style-type: lower-roman; margin: 1em 0 1em 3em; }
ol li { padding: 0; }
li { padding-left: 1.5em; }
#center-col ul,
#one-col ul,
#full-col ul {
	padding-left:18px;
}
#center-col ul li,
#one-col ul li,
#full-col ul li {
	list-style:none;
	background:url(/img/bullet.gif) no-repeat 0px 6px;
	padding-left:15px;
}
#category-wrapper ul {
	padding-left: 4px;
}
p.dates {
	color: #999;
}
.summ-wrap {
	margin: 10px 0;
	padding: 10px 10px 3px;
}
.summ-wrap p {
	line-height: 1.4;
}
p.tags {
	margin: 0.5em 0;
	color: #ccc;
	font-size: 11px;
	font-style: italic;
}
p.tags a {
	color: #999;
}
/*--------------------------------------------------------------
 Header
--------------------------------------------------------------*/
#header {
	position:relative;
	background:url(/img/content-top.gif) no-repeat bottom center;
	height:161px;
}

#header h3 {
	position:absolute;
	top:50px;
	right:0;
	width:156px;
	height:36px;
	text-indent:-9999px;
	background:url(/img/impression.gif) no-repeat;
}
#logo {
	margin:10px 0 0 37px;
}
/*--------------------------------------------------------------
 Navigation
--------------------------------------------------------------*/
#nav {
	position:absolute;
	bottom:20px;
	right:0px;
	margin:0;
}
#nav ul {
	position: absolute;
	width: 160px;
	padding: 0;
	border: 1px solid #cae7f3;
	border-top: 0;
	background: #fff;
	left: 4px;
	top: 39px;
}
#nav ul li {
	border-top: 1px solid #cae7f3;
	width: 100%;
}
#nav ul li:first-child {
	border-top: 0;
}
#nav li {
	float:left;
	padding:0;
	position: relative;
	z-index: 10;
}
#nav a {
	display:block;
	height:39px;
	text-indent:-9999px;
}
#nav ul a {
	height:auto;
	text-indent: 0;
	color: #51b1d6;
	line-height: normal;
	padding: 5px 10px;
}
#nav ul a:hover {
	text-decoration: none;
	background: #d3ebf5;
}
.home {width:68px; background:url(/img/nav/home.gif) no-repeat;}
.company {width:110px; background:url(/img/nav/company.gif) no-repeat;}
.services {width:108px; background:url(/img/nav/services.gif) no-repeat;}
.blog {width:83px; background:url(/img/nav/blog.gif) no-repeat;}
.artwork {width:110px; background:url(/img/nav/artwork.gif) no-repeat;}
.contact {width:106px; background:url(/img/nav/contact.gif) no-repeat;}

#nav a:hover,
#nav .sfHover a {
	background-position:bottom;
}
/*--------------------------
	Message Styles
---------------------------*/
ul#messages {
	margin: 0 0 15px 0;
	list-style: none;
	}
ul#messages li {
	padding: 8px 10px 8px 35px;
	margin-bottom: 10px;
	cursor: pointer;
	}
#messages .success {
	border-bottom: 1px solid #446423;
	color: #3D6611;
	font-weight: bold;
	background: #EFF5EA url(/img/admin/success-icon.gif) no-repeat 13px 9px;
	}
#messages .error {
	border-bottom: 1px solid #f16048;
	color: #df280a;
	font-weight: bold;
	background: #faebe7 url(/img/admin/error-icon.gif) no-repeat 13px 9px;
	}
#messages .close {
	display: block;
	width: 14px;
	height: 14px;
	background: url(/img/admin/message-close.png) no-repeat;
	float: right;
	cursor: pointer;
	margin-top: 2px;
}
/*--------------------------------------------------------------
 Content
--------------------------------------------------------------*/
#one-col {
	padding: 10px 20px;
}
#content {
	background:url(/img/bg-border.gif) repeat-y;
	float:left;
	width: 100%;
}
#content-bottom {
	background:url(/img/bg-bottom.gif) no-repeat center top;
	height:6px;
	width:960px;
}
#homepageBannersWrap {
	position: relative;
}
#homepageBannersWrap a.prev {
	position: absolute;
	background: url(/img/prev-icon.png) no-repeat;
	width: 20px;
	height: 20px;
	top: 195px;
	right: 36px;
	z-index: 99;
	cursor: pointer;
}
#homepageBannersWrap a.next {
	position: absolute;
	background: url(/img/next-icon.png) no-repeat;
	width: 20px;
	height: 20px;
	top: 195px;
	right: 12px;
	z-index: 99;
	cursor: pointer;
}
#homepageBannersWrap a.prev:hover,
#homepageBannersWrap a.next:hover {
	background-position: 0 -20px;
}
/*--------------------------------------------------------------
 Left Column
--------------------------------------------------------------*/
#left-col {
	float:left;
	width:168px;
	padding:0 0 20px 20px;
}
.cutoff {
	margin:0px;
	padding:9px 0 4px 10px;
	height: 25px;
	background:url(/img/h-sml-cut.gif) no-repeat;
}
.h2-bg {
	margin:0px;
	padding:9px 0 6px 10px;
	width:168px;
	height:27px;
	background:url(/img/h-sml.gif) no-repeat;
}

.marg-top{margin-top:27px;}

#btn-product-range	{
	margin-bottom:20px;
	display:block;
	width:168px;
	height:128px;
	background-image:url(/img/product-range.jpg);
	text-indent:-9999px;
	}
#btn-green-solutions   {
	margin:20px 0px;
	display:block;
	width:168px;
	height:187px;
	background-image:url(/img/green-solutions.jpg);
	text-indent:-9999px;
	}
.btn:hover {
	background-position:0 100%;
	color:#ffffff;
}
.sub-links {
	background: #000;
	margin: 0;
}
.sub-links li {
	margin:0;
	padding:0;	
	position:relative;
}
.sub-links li li a:before {
	content: "- ";	
}
.sub-links a {
	display:block;
	padding:6px 10px;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	border-bottom:1px dashed #535353;
}
.sub-links a:hover {
	text-decoration:none;
	color:#078fc2;
	}
.sub-links .current {
	background:#333;
	border-bottom: 0;
}
.sub-links li.current a {
	border-bottom:1px dashed #828282;
	color: #fff;
	background: #333;
}
.sub-links li li.current a {
	border-bottom: 1px dashed #535353;
	color: #fff;
}
.sub-links li ul {
	background:#464646;
	margin:0;
}
.sub-links li.current li a {
	color: #fff;
	background: #464646;
}
.sub-category-footer {
	width:168px;
	height:6px;
	background:url(/img/sub-category-footer.gif) no-repeat;
	margin-bottom: 10px;
}

.sub-links ul{min-height:1px;position:absolute; left:168px; width:168px; top:0;}
.sub-links ul li{width:168px;}
.category-sub li:last-child a {
	border:0;
}

.blog-links {
	margin: 0 0 10px;
}
.blog-links li {
	margin:0;
	padding:0;	
}
.blog-links a {
	display:block;
	padding:6px 0 6px 10px;
	font-size:11px;
	text-decoration:none;
	color:#626262;
	border-bottom:1px dashed #cfcfcf;
}
.blog-links a:hover {
	text-decoration:underline;
	color:#078fc2;
	}
.blog-listing {
	clear: both;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.blog-listing .dates {
	margin: 0;
}
.ryan {
	float: left;
	width: 453px;
}
/*--------------------------------------------------------------
 Center Column
--------------------------------------------------------------*/

#center-col {
	float:left;
	width:544px;
	padding:0 20px 20px 20px;
}
#centerbox-wrapper {
	height:29px;
	width:544px;
	padding:10px 0 0 0;
	background:url(/img/h-lrg.gif) no-repeat 0 0;
	position:relative;
}
#centerbox-wrapper h1,
#centerbox-wrapper h2 {
	float:left;
	padding:0 0 0 10px;
}
#centerbox-wrapper a {
	position:absolute;
	top:10px; right:5px;
	padding:5px 15px 0 0;
	color:#fff;
}
.banner-img {
	margin:0 0 20px 0;
}
.category-box {
	float:left;
	width:254px;
	height:125px;
	padding:8px;
	border-right:1px solid #e4f2f7;
	border-top:1px solid #e4f2f7;
}
.category-box img {
	padding-left: 8px;
}
/*--------------------------------------------------------------
 Large Category Boxes
--------------------------------------------------------------*/
.category-box-large-wrapper {
	float:left;
	margin:0 18px 18px 0;
	width:168px;
}
.last {
	clear:right;
	margin-right:0px;
}
/*.category-box-large h5 {
	height: 48px;
}*/
.category-box-large-header {
	background:url(/img/category-box-large-top.gif) no-repeat;	
	height:6px;
}
.category-box-large {
	border-left:1px solid #e4f2f7;
	border-right:1px solid #e4f2f7;
}
.category-box-large img {
	padding:7px 0 7px 0;
	display:block;
	margin:0 auto;
}
.category-box-large-description {
	background:#f7fbfc;
	padding:10px 10px 3px 10px;
}
.category-box-large-description h3 {
	height:25px;
	line-height:1.2em;
	overflow: hidden;
}
.category-box-large-footer {
	background:url(/img/category-box-large-bottom.gif) no-repeat;
	height:6px;
}
.btn-large {
	display:block;
	background:url(/img/btn-large.gif) no-repeat;
	width:122px;
	height:18px;
	padding:5px 0 0 8px;
	color:#fff;
}
.btn-large:hover {
	color:#fff;
}
.btn-sml {
	display:block;
	background:url(/img/btn-sml.gif) no-repeat;
	width:91px;
	height:18px;
	padding:5px 0 0 9px;
	margin:3px 0;
	color:#fff;
}
.category-list {
	float:left;
	width: 130px;
}
.category-list li {
	background:url(/img/bullet.gif) no-repeat 2px 5px;
	height: 18px;
	overflow: hidden;
}
#category-wrapper {
	border-left:1px solid #e4f2f7;
	border-bottom:1px solid #e4f2f7;
	float: left;
}
.category-sub {
	margin:10px 0 10px 0;
	float: left;
	width: 100%;
}
.pagination {
	float:right;
	margin:0;
}
#center-col .pagination li {	
	display:inline;
	float:left;
	margin:0;
	padding:0 5px 0 5px;
	background: 0;
}
.pagination a.current {
	font-weight:bold;
}
.category-sub h4 {
	float:left;
	padding-top:4px;
}
/*--------------------------------------------------------------
 Product Detail
--------------------------------------------------------------*/
#product-detail p {
	margin-bottom:20px;
}
#product-detail {
	padding-top:20px;
}
#product-image-wrapper {
	float:right;
	padding-top:20px;
	margin-left: 20px;
	width: 286px;
}
#product-image {
	border-left:1px solid #e4f2f7;
	border-right:1px solid #e4f2f7;
	z-index: 2;
}
#product-image img {
	display:block;
	width: 284px;
	height: 262px;
}
#product-image-header {
	background:url(/img/product-box-large-top.gif) no-repeat;
	width:286px;
	height:8px;
}
#product-image-footer {
	background:url(/img/product-box-large-bottom.gif) no-repeat;
	width:286px;
	height:8px;
	margin-bottom: 10px;
}
#product-image-thumbs a {
	margin: 0 5px 5px 0;
	border: 1px solid #e4f2f7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	float: left;
}
.btn-addquote {
	display:block;
	float:right;
	margin:20px 0 0 0;
	cursor:pointer;
	width:160px;
	height:34px;
	background-image:url(/img/btn-addquote.gif);
	text-indent:-9999px;
}
#content .btn-save {
	float:right;
	margin: 9px 5px 0 0;
	color: #fff;
	padding-left: 15px;
	width: 115px;
}
/*--------------------------------------------------------------
 Blog Comments styles 
--------------------------------------------------------------*/
#comments {
	margin: 1em 0;
}
#comments h2 {
	text-indent: 0;
	width: 100%;
	margin-bottom: 0.5em;
}
.comment {
	border-top: 1px solid #CBE9FF;
	padding: 10px;
}
.comment:nth-child(odd) {
	background: #F1F5F8;
}
.comment p {
	font-size: 11px;
}
.comment cite {
	color: #007DCD;
	margin-bottom: 1em;
	display: block;
	width: 100%;
}
.comment cite span {
	font-weight: bold;
}
.comment-count {
	background: #f7f2d9;
	border: 1px solid #e7e2cb;
	color: #c7bb82;
	font-size: 30px;
	text-align: center;
	float: left;
	width: 52px;
	line-height: 17px;
	display: block;
	padding: 10px 6px 4px;
	margin: 0 21px 12px 0;
}
.blog-listing .comment-count {
	margin-bottom: 0;
}
.comment-count:hover {
	color: #c7bb82;
	text-decoration: none;
	border: 1px solid #cec184;
}
.comment-count span {
	font-size: 9px;
	color: #c7bb82;
}
.comment-count:hover span {
	text-decoration: underline;
}
.blog-wrap {
	margin-top: 20px;
}
.comment-poster {
	float: left;
	width: 100%;
	background: #e9eff2;
	padding: 15px 0;
	margin-bottom: 20px;
}
.comment-poster .input_text {
	padding: 3px;
}
/*--------------------------------------------------------------
 Checkout Page
--------------------------------------------------------------*/
#full-col {
	float:left;
	width:730px;
	padding:0 20px 20px 20px;
}
#full-col #centerbox-wrapper {
	width:730px;
	background:url(/img/h-full.gif) no-repeat;
}
.fullpageh2 {
	padding-top:20px;
	margin-bottom:20px;
}
#centerbox-wrapper-sub {
	width:732px;
	height:38px;
	background:url(/img/h-lrglight.gif) no-repeat;
	margin-bottom:10px;
}
#centerbox-wrapper-sub h3 {
	padding:9px 0 0 10px;
	font-size:14px;	
	color:#0790c4;
	float: left;
}
table#quote-checkout {
	width:730px;
	padding:0 0 20px 0;
	background:none;
	border:0;
}
table#quote-checkout td {
	border-top:1px dashed #cfcfcf;
	border-right:1px dashed #cfcfcf;
	padding:10px;
	vertical-align:middle;
	font-weight: bold;
}
table#quote-checkout .no-dash {
	border-right:none;
}
table#quote-checkout .tr-header td {
	border-top:none;
	font-weight:bold;
}
td a {
	font-size:12px;
	line-height:1.3em;
}
#quote-checkout img {
	float:left;
	display:block;
}
.btn-remove {
	width:25px;
	height:25px;
	display:block;
	margin:0 auto;
	background:url(/img/btn-remove.gif) no-repeat 4px 5px;
	text-indent:-9999px;
}
table#quote-checkout .input-quantity {
	text-align: right;
	}
#left-details {
	float:left;
	width:340px;
	padding-left:10px;
}
#right-details {
	float:left;
	width:350px;
	margin-left:25px;
}
form .input-details {
	width:328px;
	padding: 5px;
}
form .texty {
	padding-left: 10px;
}
form .texty textarea {
	width: 693px;
}
textarea.input-comments {
	font-size: 11px;
	padding: 3px;
}
/*--------------------------------------------------------------
 Right Column
--------------------------------------------------------------*/
#right-col {
	float:left;
	width: 168px;
}
#h-myquotecart {
	margin:0px;
	padding:10px 0 0 10px;
	width:168px;
	background:url(/img/h-sml-cut.gif) no-repeat;
}
#btn-hot-specials	{
	margin:20px 0px;
	display:block;
	width:168px;
	height:187px;
	background-image:url(/img/hot-specials.jpg);
	text-indent:-9999px;
}
#btn-request {
	display:block;
	float:right;
	margin:20px 0 0 3px;
	cursor:pointer;
	width:152px;
	height:34px;
	background-image:url(/img/btn-request.gif);
	text-indent:-9999px;
}
#btn-save {
	display:block;
	float:left;
	margin:20px 0 0 10px;
	cursor:pointer;
	width:152px;
	height:34px;
	background-image:url(/img/btn-request.gif);
	text-indent:-9999px;
}
#quote-cart {
	border-left:1px solid #e4f2f7;
	border-right:1px solid #e4f2f7;
	background:#f7fbfc;
	width:166px;
}
#quote-cart p {
	padding: 10px;
}
#quote-cart-footer {
	background:url(/img/quote-footer.gif) no-repeat;
	height:7px;
	width:168px;
	margin-bottom: 10px;
}
.cart-item {
	display:block;
	float:left;
	width:156px;
	padding:5px;
	border-top:1px dashed #CFCFCF;
	}
.cart-item:first-child {
	border-top: 0;
	}
.cart-item:hover {
	text-decoration:none;
	background:#D1E9EF;
}
.cart-item img {
	float:left;
	clear:left;
	padding-right:5px;
}
.btn-genquote {
	display:block;
	margin:7px 0 0 3px;
	cursor:pointer;
	width:160px;
	height:34px;
	background-image:url(/img/btn-quote.gif);
	text-indent:-9999px;
}
span.cart-title {
	font-size:10px;
	padding-bottom:3px;
	line-height:1.2em;
	}
span.cart-price {
	font-size:10px;
	font-style:italic;
	color:#68b13f;
	padding-bottom:5px;
	}
/*--------------------------------------------------------------
 Search
--------------------------------------------------------------*/
#search input.search-field {
	background: url(/img/search-field.gif) no-repeat;
	border: 0;
	padding: 7px 8px;
	height: 12px;
	width: 113px;
	float: left;
	color: #626262;
	font-size: 10px;
}
#search fieldset {
	padding: 8px 0 0 6px;
	margin: 0;
	background: #231f20;
	border-left: 1px solid #05719b;
	border-right: 1px solid #05719b;
}
#search form {
	background: url(../img/search-field-bottom.gif) no-repeat 0 100%;
	padding-bottom: 8px;
	margin-bottom: 20px;
}

#contactForm fieldset {
	position: relative;
	margin: 0;
	padding: 0;
}
/*--------------------------------------------------------------
 Footer
--------------------------------------------------------------*/
#footer {
	margin:20px 0;
	padding:10px 10px 0 20px;
	height: 61px;
	background:url(/img/footer.gif) no-repeat;
}
#footer img {
	float:right;
}
#footer p {
	line-height: 2;
}
#alaress-logo {
	margin:0 0 10px 0;
	display:block;
	float:right;
	width:18px;
	height:18px;
	background-image:url(/img/alaress.png);
	text-indent:-9999px;
}
/*--------------------------------------------------------------
 Misc Elements
--------------------------------------------------------------*/
a.tile-button {
	display: block;
	margin-bottom: 10px;
}
#center-col .tile-button {
	margin:10px 0 0 0;
	float: left;
}
#homepageBanners {
	height: 244px;
	margin-bottom:4px;
}
#homepageBanners .tile-button {
	margin: 0;
}
.float-fix {
	clear:both;
	font-size:0px;
	height:0;
}