/* @override http://www.colorstoryhome.com/includes/templates/colorstory/css/pages.css */

.products .item {
	margin: 0 5px 20px 5px;
}

div#email-friend {
	float: left;
	width: 100%;
	margin-top: 30px;
  }

div#email-friend a {
	background-image: url(../images/email-icon.gif);
	background-repeat: no-repeat;
	background-position: 8px center;
	display: block;
	width: 130px;
	background-color: #f1f1f1;
	padding: 5px 5px 5px 30px;
	font-size: 10px;
	text-transform: uppercase;
}

div#email-friend a:hover { background-color: #ccc; }

.products h2 {
	padding: 0 5px 10px 5px;
	font-weight: normal;
}

div#pagination {
	clear: both;
	text-align: right;
}

	div#pagination ul {
		list-style-type: none;
	}

		div#pagination ul li {
			float: left;
			margin: 0 5px;
		}

div#pagination ul li.current_page a {
	background-color: #fff;
	border: 1px solid #fff;
	color: #7d7d7d;
}

			div#pagination ul li a {
				background-color: #7d7d7d;
				padding: 3px 6px;
				display: inline-block;
				font-size: 10px;
				color: #fff;
				border: 1px solid #7d7d7d;
			}

				div#pagination ul li a:hover {
					background-color: #aaa;
					border: 1px solid #aaa;
				}

				div#pagination ul li a img.left { margin-right: 5px; }
				div#pagination ul li a img.right { margin-left: 5px; }

/* listing page */

.listing #content {
	padding: 1px;
	width: 763px;
}

div.listing {
	padding: 1px;
}

#listing-left {
	width: 338px;
	float: left;
}

#listing-right {
	width: 423px;
	float: right;
	margin-top: -4px;
}

#listing-left img#main-pic {
	border: 1px solid #848686;
	padding: 18px;
}

#listing-left a#listing-zoom {
	margin: 1px 0;
	display: block;
	background-color: #7d7d7d;
	text-align: right;
	padding: 10px 35px 10px 0;
	background-image: url(../images/big-zoom.gif);
	background-repeat: no-repeat;
	background-position: 312px center;
	color: #fff;
	font-size: 10px;
}

#listing-right h2 {
	background-color: #7d7d7d;
	padding: 30px 15px 15px 15px;
	float: left;
	width: 394px;
}

#listing-left div#thumbnails {
	text-align: right;
	padding: 5px 10px;
	border: 1px solid #7d7d7d;
}

#listing-left div#thumbnails a {
	display: inline-block;
	margin: 0 5px;
	border: 1px solid #fff;
}

#listing-left div#thumbnails a:hover {
	border: 1px solid #7d7d7d;
}

#listing-left span.greybar {
	margin: 1px 0;
	display: block;
	background-color: #7d7d7d;
	text-align: right;
	padding: 10px;
	color: #fff;
	font-size: 10px;
}

#listing-right h2 strong {
	color: #fff;
	font-weight: normal;
	float: left;
	width: 270px;
}

#listing-right h2 span {
	color: #fff;
	font-weight: normal;
	float: right;
}

#listing-body {
	float: left;
	padding: 15px; 
}

#listing-body p {
	font-size: 12px;
	color: #656565;
	line-height: 19px;
	margin: 10px 0;
}

div#listing-body div#extra-shipping {
	padding-left: 45px;
	margin-top: 10px;
	color: #888;
	font-size: 10px;
}

div#listing-body div#extra-shipping strong {
	color: #000;
}


#listing-body blockquote {
	margin: 15px;
}

#listing-body div#color {
	clear: both;
	margin: 15px 0;
}

#listing-body label {
	width: 90px;
	text-align: right;
	display: block;
	float: left;
	margin-right: 10px;
}

#listing-body div#color select {
	float: left;
}

#listing-body div#add-to-cart {
	float: left;
	width: 100%;
	margin: 15px 0;
}


#listing-body div#add-to-cart input {
	width: 50px;
}

#listing-body div#add-to-cart input.submit {
	background-color: #ff1e00;
	border: 0;
	width: 160px;
	font-size: 10px;
	color: #fff;
	padding: 3px 0;
	margin-left: 10px;
}

.listing #footer {
	margin-top: 50px;	
}

/* email friend */

div.emailfriend input, div.emailfriend textarea {
	padding: 3px 6px;
	width: 300px;
}

div.emailfriend h3 {
	font-weight: normal;
	font-size: 18px;
}

div.emailfriend input.button-light {
	width: 110px;
	margin-top: 8px;
	text-align: center;
}

/* about page */

div#about-left {
	width: 367px;
	float: left;
	padding: 10px 0;
	background-color: #7d7d7d;

}

div#about-left h2 {
	padding: 0px 15px;
	color: #fff;
	font-size: 20px;
	letter-spacing: .5px;
	font-weight: normal;
}

div#about-left p {
	padding: 10px 15px;
	font-size: 12px;
	line-height: 19px;
	color: #fff;
	font-weight: normal;
}

div#about-right {
	float: right;
	margin-left: 10px;
}


/* contact page */

div#contact-left {
	width: 415px;
	float: left;
}

div#contact-right {
	float: right;
	width: 315px;
	text-align: right;
}

div#contact-right p {
	text-align: left;
	margin: 15px 0;
	font-size: 12px;
}

div#contact-right p span {
	color: #7d7d7d;
}

fieldset#contact {
	float: left;
	background-color: #7d7d7d;
	border: 0;
	padding-right: 15px;
	padding-top: 15px;
	position: relative;
	z-index: 99;
}

fieldset#contact label {
	width: 90px;
	float: left;
	display: block;
	text-align: right;
	color: #fff;
	margin-bottom: 20px;
	margin-right: 15px;
}

fieldset#contact input, fieldset#contact textarea {
	width: 266px;
	float: left;
	margin-bottom: 20px;
	padding: 3px 0;
}

fieldset#contact textarea {
	width: 270px;
}

fieldset#contact select {
	width: 270px;
	float: left;
	margin-bottom: 20px;
}

fieldset#contact .button-light {
	width: 85px;
	font-weight: bold;
	text-align: center;
	margin-left: 105px;
}


div.singlecol h2 {
	margin-bottom: 10px;
margin-top: 5px;
}

div.singlecol p {
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 15px;
}

div.singlecol ul {
	margin-left: 40px;
	font-size: 12px;
	margin-bottom: 20px;
}

div.singlecol ul li {
	margin-bottom: 8px;
}