/* --------------------------------------------------------------------------------- global */
div.object {
	margin: 40px 0 0 11px
}

body {
	background: #fff url(../images/bg-body.jpg) repeat-x 0 123px;
	font: 12px Arial, Helvetica, sans-serif
}

a {
	color: #c06;
	font-weight: 700
}

h1 {
	clear: both;
	color: #000;
	font-size: 18px;
	margin: 0 0 10px;
	width: 100%
}

h1.heading-main {
	background: url(../images/bg-heading-main.png);
	border: 1px solid #bfc8cd;
	color: #435056;
	font-weight: 700;
	height: 37px;
	padding: 16px 0 0 46px;
	width: auto
}

a.heading {
	clear: both;
	color: #c06;
	font-size: 18px;
	font-weight: 400;
	margin: 5px 0;
	text-decoration: none
}

h2 {
	clear: both;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 10px;
	width: 100%
}

h2.login {
	background: url(../images/icon-login.png) no-repeat 0 0;
	margin-bottom: 20px;
	padding: 1px 0 0 20px
}

ol li {
	list-style-type: decimal
}

ul li {
	list-style-type: disc
}
/* --------------------------------------------------------------------------------- buttons */
a.button {
	background: url(../images/bg-button-left.png) no-repeat top left;
	display: block;
	float: left;
	font-weight: 700;
	height: 26px;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	clear: left;
	margin-top: 0;
	padding-left: 26px;
	outline: none;
}

a.button span {
	background: url(../images/bg-button-right.png) no-repeat top right;
	display: block;
	padding: 0 20px 0 0;
}

a.heading-back {
	background: url(../images/bg-button-left-back.png) no-repeat top left; 
	position: absolute; top: 15px; right: 15px; color: #666;
}
a.heading-back span {
	background: url(../images/bg-button-right-back.png) no-repeat top right; 
}

span.button {
	background: url(../images/bg-button-large-right.png) no-repeat right top;
	padding-right: 0; height: 32px; float: left;
	margin: 10px 0 0 4px; clear: both;
}
span.button input {
	background: url(../images/bg-button-large-left.png) no-repeat top left;
	float: left;
	font-weight: 700;
	height: 100%;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	clear: left;
	padding: 0 25px 2px 30px;
	border: 0; margin: 0 0 0 -4px;
	cursor: pointer;
}

/* --------------------------------------------------------------------------------- structure */
div.container {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 980px
}

div.header {
	background: url(../images/bg-header.png) no-repeat;
	height: 123px;
	margin: 0 10px;
	padding: 0;
	position: relative
}

div.main-column {
	float: left; position: relative;
	margin: 20px 0 0;
	width: 686px
}

div.left-column {
	float: right;
	margin: 0;
	width: 187px
}

div.center-column {
	float: left;
	margin: 0 0 10px 10px;
	overflow: hidden;
	width: 566px
}

div.right-column {
	float: right;
	margin: 20px 0 0;
	width: 210px
}

div.main {
	background: #fff;
	border: 1px solid #384145;
	border-top: 0;
	color: #000;
	margin: 0 10px;
	overflow: hidden;
	padding: 0 20px;
	position: relative;
	width: 918px
}

div.footer {
	margin: 0 auto 20px;
	overflow: hidden;
	padding: 0 10px 10px;
	width: 980px
}

/* --------------------------------------------------------------------------------- header */
div.header img.logo {
	left: 0;
	margin: 0;
	position: absolute;
	top: 22px
}

div.header-bar {
	background: #fff url(../images/bg-header-bar.jpg) repeat-x;
	display: none;
	height: 32px;
	margin: 0 0 20px;
	padding: 0
}

/* --------------------------------------------------------------------------------- language */
div.language {
	float: right;
	margin: 9px 10px 0 0
}

div.language p {
	color: #fff;
	float: left;
	font-weight: 700;
	margin: 2px 4px 0 0
}

/* --------------------------------------------------------------------------------- login status box */
div.login-status {
	background: #ecf1f7;
	height: 25px;
	padding: 10px 12px 0;
	position: absolute;
	right: 77px;
	text-align: center;
	top: 0
}

div.login-status a {
	color: #009833;
	font-weight: 700;
	text-decoration: none
}

/* --------------------------------------------------------------------------------- search bar */
div.search-bar {
	background: #b9d1e9;
	color: #000;
	height: 41px;
	margin: 5px 0 0;
	width: 960px
}

div.search-bar p {
	color: #fff;
	float: left;
	font-size: 16px;
	font-weight: 700;
	padding: 11px 0 0 12px
}

/* --------------------------------------------------------------------------------- top nav */
div.top-nav {
	overflow: hidden;
	position: absolute;
	right: 0;
	text-transform: capitalize;
	top: 0
}

/* --------------------------------------------------------------------------------- main navigation */
div.navigation {
	background: url(../images/bg-navigation.jpg) no-repeat;
	height: 36px;
	margin: 10px 10px 0;
	overflow: hidden;
	padding: 0 5px;
	position: relative
}

div.navigation a {
	background: url(../images/bg-navigation-link.jpg) no-repeat;
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 700;
	height: 23px;
	margin: 4px 3px 0 0;
	padding: 10px 0 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 132px
}

div.navigation a:hover {
	background-position: 0 -33px
}
div.navigation a.active {
	background-position: 0 -33px
}

div.navigation a.toolbar {
	background: none;
	float: right;
	height: auto;
	margin: 5px 0 0;
	padding: 0;
	width: auto; display: none;
}

/* --------------------------------------------------------------------------------- vertical banners */
a.vert-banner {
	display: block;
	margin: 0 0 10px
}

/* --------------------------------------------------------------------------------- account bar */
div.account-bar {
	background: #f1c4d9 url(../images/bg-account-bar.png) repeat-x;
	border-left: 1px solid #384145;
	border-right: 1px solid #384145;
	height: 38px;
	margin: 0 10px;
	padding: 12px 10px 0 0
}

div.account-bar a.login {
	display: block;
	float: right;
	margin: 9px 0 0
}

div.account-bar p {
	float: right;
	margin: 12px 20px 0 0
}

div.account-bar p a {
	color: #d63084;
	font-style: italic;
	font-weight: 700
}

/* --------------------------------------------------------------------------------- banner */
div.banner {
	background: #819099;
	height: 162px;
	margin: 20px 0;
	position: relative
}

div.banner-nav {
	background: url(../images/bg-banner-nav.png) repeat-x;
	height: 28px;
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 999
}

div.banner-nav a {
	background: url(../images/bg-banner-nav-link.png) no-repeat;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	height: 17px;
	margin: 4px 2px 0;
	outline: none;
	padding: 2px 0 0;
	text-align: center;
	text-decoration: none;
	width: 19px
}

div.banner-nav a.activeslide,div.banner-nav a: hover {
	background: url(../images/bg-banner-nav-link-active.png);
	color: #455056
}

/* --------------------------------------------------------------------------------- promo banners */
div.promo-mobiles {
	background: url(../images/bg-promo-mobiles.png) no-repeat;
	border: 1px solid #bec8cd;
	float: left;
	height: 250px;
	position: relative;
	width: 554px;
}

div.promo-mobiles a.button-view {
	background: url(../images/button-category-slides-view.png);
	color: #fff;
	display: block;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 16px;
	height: 51px;
	letter-spacing: 0;
	padding: 26px 0 0 39px;
	position: absolute;
	right: 44px;
	text-decoration: none;
	text-transform: uppercase;
	top: 160px;
	width: 206px
}

div.promo-mobiles h1 {
	color: #fff;
	font-weight: 700;
	left: 275px;
	position: absolute;
	text-transform: uppercase;
	top: 20px
}

div.promo-mobiles p {
	font-weight: 700;
	left: 275px;
	position: absolute;
	top: 55px;
	width: 270px;
	margin-right: 10px;
}

div.promo-mobiles p.tac {
	left: 10px;
	position: absolute;
	top: 230px;
	font-size: 11px; font-weight: normal;
	width: auto;
}
div.promo-mobiles p.tac a {
	font-size: 11px; font-weight: normal;
}

/* --------------------------------------------------------------------------------- featured blog */
div.featured-blog {
	background: url(../images/bg-featured-blog.png) 1px 1px no-repeat;
	border: 1px solid #bec8cd;
	float: left;
	height: 210px;
	position: relative;
	width: 514px;
	padding: 20px;
}

div.featured-blog h1 {
	color: #fff;
	font-weight: 700;
	top: 70px; font-size: 20px;
}

div.featured-blog p {
	color: #000;
	top: 95px; font-size: 14px;
}

/* --------------------------------------------------------------------------------- category slideshow */
div.category-slides {
	background: url(../images/bg-category-slideshow.png) 1px 1px no-repeat;
	border: 1px solid #bec8cd;
	float: left;
	height: 250px;
	position: relative;
	width: 554px
}

div.category-slides-image {
	background: #fff;
	border: 1px solid #bec8cd;
	display: none;
	height: 200px;
	left: 13px;
	position: absolute;
	top: 13px;
	width: 200px
}

div.category-slides a.button-view {
	background: url(../images/button-category-slides-view.png);
	color: #fff;
	display: block;
	font-size: 18px;
	height: 51px;
	letter-spacing: 0;
	padding: 26px 0 0 44px;
	position: absolute;
	right: 44px;
	text-decoration: none;
	text-transform: uppercase;
	top: 139px;
	width: 206px
}

div.category-slides form.search {
	background: url(../images/bg-category-slideshow-search.png);
	height: 53px;
	position: absolute;
	right: 1px;
	top: 1px;
	width: 281px
}

div.category-slides form.search input.submit {
	background: url(../images/bg-category-slideshow-search-submit.png);
	border: 0;
	cursor: pointer;
	height: 33px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 43px
}

div.category-slides form.search input.text {
	background: url(../images/bg-category-slideshow-search-text.png) no-repeat;
	border: 0;
	font-size: 14px;
	font-style: italic;
	font-weight: 700;
	height: 32px;
	left: 10px;
	padding: 0 4px;
	position: absolute;
	top: 10px;
	width: 215px
}

div.category-slides h1 {
	color: #fff;
	font-weight: 700;
	left: 275px;
	position: absolute;
	text-transform: uppercase;
	top: 70px
}

div.category-slides p {
	font-weight: 700;
	left: 275px;
	position: absolute;
	top: 95px;
	width: 250px
}

/* --------------------------------------------------------------------------------- tv cell */
div.tv {
	background: url(../images/bg-tv.png);
	border: 1px solid #bec8cd;
	float: right;
	height: 250px;
	position: relative;
	width: 340px
}

div.tv a.more-videos {
	background: url(../images/button-more-videos.png) no-repeat;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	height: 19px;
	padding: 5px 0 0;
	position: absolute;
	right: 5px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: 5px;
	width: 100px
}

div.tv object {
	border: 1px solid #3e515b;
	height: 200px;
	left: 10px;
	position: absolute;
	top: 40px;
	width: 318px
}

/* --------------------------------------------------------------------------------- main login page */
div.main-login {
	margin: 20px 0 0;
	overflow: hidden;
	padding: 20px;
}

div.main-login-form {
	border-right: 1px solid #c06;
	float: left;
	padding: 0 30px 0 0;
	width: 300px
}

div.main-login-register {
	float: right;
	width: 288px; margin: 0;
}

div.main-login-register a.sign-up {
	font-size: 18px
}

div.main-login h1 {
	margin: 0 0 20px; color: #c06;
}

div.login-error {
	border: 2px solid red;
	margin: 10px 0 0;
	padding: 20px
}

div.login-message {
	border: 2px solid #0b0;
	margin: 10px 0 0;
	padding: 20px
}

/* --------------------------------------------------------------------------------- category navigation */
div.category-links {
	border: 1px solid #bec8cd;
	margin: 0 0 10px;
	padding: 1px
}

div.category-links h1.categories {
	background: #c06 url(../images/bg-category-heading.png) no-repeat 5px 50%;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	margin: 0;
	padding: 8px 0 8px 19px;
	width: auto
}

div.category-links a {
	background: #e1e9ed url(../images/bg-category-arrow.png) no-repeat 9px 50%;
	border-top: 1px solid #fff;
	color: #000;
	display: block;
	font-weight: 700;
	margin: 0;
	outline: none;
	padding: 5px 0 5px 19px;
	text-decoration: none
}

div.category-links a:hover {
	background: #c06 url(../images/bg-category-arrow-active.png) no-repeat 9px 50%;
	color: #fff
}

div.category-links h2 {
	margin: 10px;
}
div.category-links p {
	margin: 10px;
}

/* --------------------------------------------------------------------------------- section faq panel */
div.section-faq {
	background: #f2dce8 url(../images/bg-faq.jpg) repeat-x;
	border: #e586b2 2px solid;
	margin: 0 0 10px;
	padding: 0 0 10px
}

div.section-faq h1 {
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 700;
	padding: 20px;
	text-transform: lowercase;
	width: 105px
}

div.section-faq a {
	font-weight: 700;
	margin: 70px 0 40px;
	position: inherit;
	text-decoration: none;
	width: 176px
}

div.section-faq table {
	margin: 0 8px 0 5px
}

div.section-faq td {
	font-size: 12px;
	padding: 0 0 1px;
	vertical-align: top
}

div.section-faq td.label {
	font-weight: 700;
	padding: 0 5px 1px 0
}

div.section-faq td.title {
	font-weight: 700
}

div.section-faq td.readmore {
	font-weight: 400;
	padding: 0 0 10px
}

div.section-faq td.readmore a {
	color: #cd0065
}

.faq-box {
	background: #c7ddf2;
	border: 1px solid #fff;
	margin: 0 0 10px;
	width: 185px
}

.faq-box h1 {
	color: #5a8ab8;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding: 10px;
	text-transform: lowercase;
	width: 165px
}

.faq-box a {
	background: #c7ddf2 url(../images/bg-search-arrow.gif) no-repeat 7px 10px;
	border-top: 1px solid #fff;
	color: #000;
	display: block;
	font-weight: 700;
	margin: 0;
	outline: none;
	padding: 5px 10px 5px 20px;
	text-decoration: none
}

.faq-box a: hover {
	background: #E386B2 url(../images/bg-search-arrow-active.gif) no-repeat 7px 10px;
	color: #fff
}

.faq-box a.active {
	background: #E386B2 url(../images/bg-search-arrow-active.gif) no-repeat 7px 10px;
	color: #fff;
	font-weight: 700
}

/* --------------------------------------------------------------------------------- cart */

table.cart {
	width: 100%; border-collapse: collapse; margin: 0 0 20px;
}
table.cart th {
	background: #eee; border: 1px solid #bfc8cd;
	padding: 4px 10px; font-size: 12px; font-weight: bold;
}
table.cart td {
	font-size: 12px; border: 1px solid #bfc8cd;
	padding: 4px 10px;
}
table.cart tr.total td {
	padding: 10px; font-size: 14px;
}
a.continue {
	float: right;
}
a.checkout {
	float: right; background: url(../images/bg-button-large.png); width: 130px; height: 27px;
	display: block; color: #fff; font-size: 18px; text-decoration: none; text-transform: uppercase;
	padding: 5px 0 0 40px; margin: 0 0 20px;
}
a.continue {
	margin: 9px 20px 0 0;
}

/* --------------------------------------------------------------------------------- mini cart */
div.mini-cart {
	background: url(../images/bg-mini-cart.png);
	height: 71px; border: 1px solid #bfc8cd;
	margin: 0 0 10px; position: relative;
}
div.mini-cart h1 {
	color: #bec7cc; font-size: 14px; text-transform: uppercase;
	font-weight: bold; margin: 4px 0 0 25px;
}
div.mini-cart a.view {
	position: absolute; bottom: 13px; right: 6px;
	background: url(../images/bg-button-tiny.png); width: 50px;
	height: 20px; color: #fff; padding: 2px 0 0 25px; font-size: 14px;
	text-decoration: none;
}
div.mini-cart p {
	color: #fff; margin: 20px 0 0 10px; font-weight: bold;
}

/* --------------------------------------------------------------------------------- checkout */
div.gateway-column {
	border: 2px solid #c06; width: 194px; height: 300px; padding: 10px;
	float: left; margin: 10px 16px 0 0; position: relative
}
div.gateway-column input.button {
	position: absolute; bottom: 10px; background:url(../images/bg-button-med.png);
	border: 0; height: 25px; width: 136px; margin: 0 0 0 30px; color: #fff;
	font-weight: bold; padding: 0 0 0 13px; cursor: pointer;
}

/* --------------------------------------------------------------------------------- mini subscribe */
div.mini-subscribe {
	background: url(../images/temp-newsletter.jpg) repeat-x;
	border: #36f 2px solid;
	height: 173px;
	margin: 0 0 10px;
	position: relative
}

div.mini-subscribe h1 {
	color: #fff;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 700;
	left: 10px;
	position: absolute;
	text-transform: lowercase;
	top: 5px
}

div.mini-subscribe p {
	float: right;
	font-size: 11px;
	font-weight: 700;
	margin: 50px 4px 40px 0;
	width: 80px
}

div.minisubscribe .subscribe {
	margin: 130px 0 5px 45px;
	position: absolute
}

div.mini-subscribe a.button {
	background: url(../images/bg-button-subscribe.png) no-repeat;
	bottom: 7px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	height: 26px;
	padding: 6px 0 0;
	position: absolute;
	right: 6px;
	text-align: center;
	width: 170px
}

/* --------------------------------------------------------------------------------- manufacturer column */
.manufacturers {
	background: #fff url(../images/bg-manf.jpg) repeat-x;
	border: #b9d1e9 2px solid;
	margin: 0 0 10px;
	padding: 0 0 10px
}

.manufacturers p {
	padding: 10px 10px 0;
	position: relative
}

/* --------------------------------------------------------------------------------- manufacturer links */
div.manufacturer-links {
	background: #fff url(../images/bg-manf.jpg) repeat-x;
	border: #b9d1e9 2px solid;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0 0 20px
}

div.manufacturer-links a {
	background: url(../images/bg-manufacturer-arrow.gif) no-repeat 7px 5px;
	color: #039935;
	display: block;
	margin: 0 0 0 20px;
	outline: none;
	padding: 0 0 0 20px;
	text-decoration: none
}

div.manufacturers-links p {
	padding: 10px;
	position: relative
}

/* --------------------------------------------------------------------------------- breadcrumb */
div.breadcrumb {
	background: #b9d1e9;
	color: #fff;
	font-size: 11px;
	padding: 6px 10px
}

div.breadcrumb a {
	color: #fff;
	text-decoration: none
}

div.breadcrumb a: hover {
	text-decoration: underline
}

/* --------------------------------------------------------------------------------- pagination */
div.paging {
	border: 1px solid #bfc6cc;
	margin: 10px 0; display: none;
}

div.paging-inner {
	background: #e8ecef;
	border: 1px solid #fff;
	margin: 0;
	overflow: hidden;
	padding: 10px
}

div.paging .label {
	color: #000;
	font-weight: 700;
	margin: 3px 0 0
}

div.page-links a {
	background: #fff;
	border: 1px solid #fff;
	color: #cd0065;
	display: block;
	float: left;
	font-weight: 700;
	height: 15px;
	margin: 2px 0 0 6px;
	padding: 1px 0 0;
	text-align: center;
	text-decoration: none;
	width: 17px
}

div.page-links div.active, div.paging a:hover {
	background: #cd0065;
	border: 1px solid #cd0065;
	color: #fff;
	display: block;
	float: left;
	font-weight: 700;
	height: 15px;
	margin: 2px 0 0 6px;
	padding: 1px 0 0;
	text-align: center;
	text-decoration: none;
	width: 17px
}

div.paging select {
	border: 1px solid #bfc6cc;
	height: 21px;
	outline: none;
	padding: 2px;
	width: 200px
}

div.paging option {
	outline: none;
	padding: 2px 4px
}

/* --------------------------------------------------------------------------------- index page sections */
div.index-section {
	height: 300px;
	margin: 0;
	padding: 0;
	width: 764px
}

/* --------------------------------------------------------------------------------- index featured products */
div.featured,div.featured-section {
	background: #fff url(../images/bg-featured.png) repeat-x;
	border: #bec8cd 1px solid;
	float: left;
	height: 213px;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 31px 0 0;
	position: relative;
	width: 686px
}

div.featured div.item {
	background: #fff;
	float: left;
	height: 80px;
	margin: 4px 0 0 4px;
	padding: 10px;
	width: 317px;
	position: relative;
}

div.featured div.item div.small-image {
	float: left;
	height: 80px;
	margin: 0;
	width: 100px
}

div.featured div.item div.info {
	float: right;
	padding: 0;
	width: 190px
}

div.featured div.item a.heading {
	color: #c06;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none
}

div.featured-section {
	width: 542px
}

div.featured-section div.item {
	width: 159px
}

div.featured div.item-border,div.featured-section div.item-border
 {
	border-right: 1px solid #c4d9ec
}

div.featured-section h1 {
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 700;
	margin: 0 0 24px;
	text-transform: lowercase
}

div.featured h2,div.featured-section h2 {
	font-size: 12px;
	text-align: center
}
div.featured a {
	color: #fff; font-size: 12px;
}
div.featured-section a {
	color: #c06
}

div.featured a.heading, div.featured-section a.title {
	margin: 0; height: 20px; display: block;
}

div.featured div.price-block, div.featured-section div.price-block {
	height: 10px !important;
	margin: 13px 0 0;
}

div.featured .price-block p, div.featured-section .price-block p {
	font-size: 10px;
	font-weight: 700;
	margin: 0 0 2px
}

div.featured hr {
	border: 0;
	border-top: 1px solid #c4d9ec;
	float: left;
	height: 0;
	margin: 10px 0;
	width: 445px
}

/* --------------------------------------------------------------------------------- category featured product */
div.featured-category {
	background: url(../images/bg-featured-category.png);
	border: 3px solid #ff3398;
	height: 266px;
	padding: 13px;
	position: relative
}

div.featured-category div.image {
	float: left;
	height: 269px;
	width: 269px
}

div.featured-category img.top-pick {
	left: 230px;
	position: absolute;
	top: 0;
	z-index: 999
}

div.featured-category div.info {
	float: right;
	font-size: 12px;
	font-weight: 700;
	margin: 30px 10px 0;
	width: 340px
}

div.featured-category a.heading {
	color: #fff;
	font-size: 22px;
	font-weight: 700
}

div.featured-category p.price {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin: 4px 0 10px
}

div.featured-category a.buy {
	background: url(../images/bg-button-large.png);
	bottom: 20px;
	color: #fff;
	display: block;
	font-size: 17px;
	font-weight: 700;
	height: 26px;
	padding: 6px 0 0 34px;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
	width: 136px
}

/* --------------------------------------------------------------------------------- blog */
div.blog {
	border: 1px solid #bec8cd;
	float: left;
	margin: 0 0 20px; position: relative;
}

div.blog-inner {
	background: #e8ecef url(../images/bg-blog-inner.png) no-repeat;
	border: 1px solid #fff;
	padding: 69px 10px 20px;
	width: 664px
}

div.blog div.item {
	background: #fff;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 10px 10px 0
}

div.blog div.item img {
	float: left;
	margin: 0 10px 10px 0
}

div.blog div.info {
	margin: 0 0 10px;
	overflow: hidden;
	position: relative; padding: 0 0 20px;
}

div.blog h1 {
	color: #c06;
	margin: 5px 0
}

div.blog p.post-info {
	font-size: 11px;
	margin: 10px 0
}

div.blog a.read-more {
	bottom: 0; 
	font-size: 12px;
	position: absolute;
	right: 10px;
}

div.blog a.hide {
	background: url(../images/bg-link-hide.png) right no-repeat;
	bottom: 0;
	font-size: 11px;
	position: absolute;
	right: 0
}

div.blog p.post-info a {
	color: #c06;
	font-style: italic;
	font-weight: 700;
	text-decoration: none
}

div.comments {
	background: #e8ecef;
	margin: 0 -10px;
	padding: 10px
}

div.comments div.comment {
	border-top: 1px solid #bec8cd;
	margin: 10px 0;
	overflow: hidden;
	padding: 10px 0
}

div.comments div.author {
	color: #666;
	margin: 10px 0 0
}

form.comment div.content {
	width: 410px
}

form.comment {
	background: #fff;
	margin: 0 -10px;
	overflow: hidden;
	padding: 10px 20px
}

form.comment p {
	margin: 0 50px 10px 0
}

form.comment p.checkbox-text {
	float: left;
	font-weight: 700
}

form.comment input.checkbox {
	float: left;
	margin: 1px 5px 0 0
}

form.comment div.field {
	margin: 5px 0;
	overflow: hidden
}

form.comment label {
	float: left;
	font-weight: 700;
	margin: 1px 20px 0 0;
	text-align: right;
	width: 108px
}

form.comment input.text {
	padding: 2px;
	width: 250px
}

form.comment textarea {
	height: 80px;
	padding: 4px;
	width: 465px
}

form.comment input.submit {
	float: right;
	font-weight: 700;
	margin: 0 30px 0 0;
	padding: 5px
}

div.cforminfo {
	min-height: 90px
}

a.comments-toggle {
	background: url(../images/bg-link-show.png) no-repeat right;
	padding: 0 15px 0 0
}

div.blog div.author-bio {
	background: #fff;
	margin: 0 0 10px;
	padding: 10px
}
div.blog a.view-all {
	position: absolute; right: 12px; top: 23px;
}

/* --------------------------------------------------------------------------------- latest products */
div.latest {
	background: #fff url(../images/bg-latest.png) repeat-x;
	border: #b9d1e9 2px solid;
	float: right;
	margin: 10px 0 0;
	padding: 8px 10px 0;
	width: 260px
}

div.latest h1 {
	color: #006766;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 700;
	margin: 0 0 10px
}

div.latest div.item {
	background: none;
	border-bottom: 1px #c4d9ec solid;
	height: 57px;
	overflow: hidden;
	padding: 15px 0
}

div.latest div.thumbnail {
	float: left;
	margin: 6px 0 0 10px
}

div.latest div.info {
	float: right;
	margin: 2px 0 0;
	width: 170px
}

div.latest div.info a {
	color: #000;
	float: right;
	margin: 0 0 0 20px;
	text-decoration: none;
	text-transform: capitalize;
	width: 150px
}

div.latest h2 {
	float: right;
	font-size: 12px;
	font-weight: 700;
	margin: 0;
	width: 150px
}

div.latest div.price-block {
	float: right;
	width: 150px
}

div.latest p.save {
	color: red;
	font-size: 10px
}

/* --------------------------------------------------------------------------------- section category listing */
div.categories {
	margin: 10px 0 0
}

div.categories h1 {
	background: #88ba1b;
	color: #fff;
	margin-bottom: 2px;
	padding: 6px 10px;
	text-transform: lowercase
}

div.categories h2 {
	color: #fff;
	font-size: 16px;
	height: 60px;
	margin: 0;
	text-align: center;
	text-decoration: none
}

div.categories a {
	position: absolute;
	bottom: 4px; left: 20px;
	width: 154px;
}

div.categories div.item {
	background: #fff;
	border: 1px solid #bec9cd;
	float: left;
	height: 180px;
	margin: 0 10px 10px 0;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 200px
}

div.categories div.item: hover {
	border: 1px solid #c06
}

div.categories div.no-margin {
	margin-right: 0
}

/* --------------------------------------------------------------------------------- help */
h1.help, a.help, div.help-text {
	margin: 10px;
}
a.help {
	display: block; margin: 0 10px;
}
.help-main {
	float: left;
	margin: 10px 20px;
	width: 520px
}

.help-main h1 {
	color: #2d59c6;
	font-size: 16px;
	margin: 0 0 10px
}

.help-main h3 {
	color: #2d59c6;
	font-size: 16px;
	margin: 10px 0
}

.help-main p {
	margin: 0 0 10px;
	text-align: justify
}

.help-nav hr {
	border-top: 1px solid #455056;
	height: 0;
	margin: 10px 0
}

.help-main ul li {
	list-style-type: disc;
	margin: 4px 10px 0
}

.help-main ol li {
	list-style-type: decimal;
	margin: 4px 10px 0
}

#help-nav {
	float: left;
	margin: 10px 0 0
}

#help-nav .box {
	border: 1px solid #e386b2;
	color: #455056;
	margin: 0 0 10px;
	padding: 30px 8px 10px;
	position: relative;
	width: 190px
}

#help-nav h1 {
	background: #e386b2;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	left: 0;
	padding: 3px 10px;
	position: absolute;
	top: 0;
	width: 186px
}

#help-nav h2 {
	color: #2d59c6;
	font-size: 16px;
	margin: 10px 0 4px
}

#help-nav p {
	margin: 0 0 6px
}

#help-nav p.bold,#help-nav a.bold {
	font-size: 14px;
	font-weight: 700
}

#help-nav p.info {
	font-style: italic
}

#help-nav ul {
	color: #455056;
	margin: 0
}

#help-nav ul ul {
	display: none;
	margin: 4px 10px
}

#help-nav ul ul li a {
	color: #333;
	font-size: 11px
}

#help-nav li {
	list-style-type: none;
	margin: 2px 0
}

#help-nav a {
	font-size: 12px;
	font-weight: 700;
	text-decoration: none
}

#help-nav a: hover {
	color: #455056;
	text-decoration: underline
}

/* --------------------------------------------------------------------------------- category product list */
div.product-list {
	margin: 10px 0 0;
	overflow: hidden;
	padding: 0
}

div.product-list hr {
	border: 0;
	border-top: 1px solid #c4d9ec;
	float: left;
	height: 0;
	margin: 10px 0;
	width: 542px
}

div.product-list .info {
	border: 1px solid #bec7cc;
	float: left;
	height: 220px;
	margin: 0 0 10px;

	padding: 10px;
	position: relative;
	text-align: center;
	width: 200px
}

div.product-list.section {
	margin: 0 0 10px;
	width: 542px
}

div.product-list .info a {
	color: #000;
	text-decoration: none;
	text-transform: capitalize
}

div.product-list a.title {
	color: #c06;
	font-size: 16px;
	margin: 10px 0 0
}

div.product-list.section .info {
	width: 179px
}

div.product-list .price-block {
	margin: 2px 0 0;
	height: 30px;
}

div.product-list .info-border {
	margin-right: 10px
}

div.product-list .info h1 {
	font-size: 12px;
	font-weight: 700;
	margin: 0
}

div.product-list p.price {
	font-size: 14px !important;
	margin: 0;
}

div.product-list p.normal {
	margin: 0;
}

div.product-list div.button {
	border-top: 1px solid #bfc8cd;
	bottom: 0;
	height: 39px;
	left: 0;
	position: absolute;
	width: 100%
}

div.product-list div.button a {
	display: block;
	height: 20px;
	width: 130px;
	background: url(../images/bg-button-med.png);
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin: 7px auto 0;
	padding: 5px 0 0 7px;
}
div.product-list div.image {
	height: 120px; width: 200px;
	position: absolute; top: 70px;
}

/* --------------------------------------------------------------------------------- product page */
div.product-full h1 {
	color: #c06; font-size: 22px; font-weight: bold;
}

div.product-full div.info {
	height: 260px;
	overflow: hidden;
	padding: 10px 0;
	position: relative
}

div.product-full div.medium-image {
	float: left; height: 269px; width: 269px;
}

div.product-full a.view-larger {
	bottom: 0;
	color: #000;
	display: block;
	font-style: italic;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 269px;
}

div.product-full div.options {
	float: right;
	width: 350px;
	margin: 0 20px 0 0;
}

div.product-full div.tabs {
	margin: 20px 0;
	overflow: hidden;
	position: relative;
	border-bottom: 0;
}
div.product-full div.tab-content {
	border: 1px solid #bec7cc; margin: 32px 0 0;
	z-index: 1; position: relative;
	top: -1px;
}
div.product-full div.tab-content-inner {
	border: 0px solid #fff;
	clear: both;
	left: 0;
	padding: 20px;
	background: #e8ecef;
}

div.product-full a.tab {
	border: 1px solid #bec7cc;
	color: #666;
	cursor: pointer;
	display: block;
	float: left;
	font-weight: 700;
	height: 22px;
	margin: 0;
	padding: 8px 20px 0;
	position: relative;
	text-align: center;
	z-index: 2;
	background: #fff;
}

div.product-full div.tabs a.active {
	border-bottom: 1px solid #e8ecef; background: #e8ecef;
	color: #000;
}

div.product-full input.buy {
	background: url(../images/bg-button-buy.png);
	bottom: 30px;
	color: #fff;
	display: block;
	font-size: 17px;
	font-weight: 700;
	height: 32px;
	padding: 0 0 0 14px;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
	width: 137px; border: 0;
}
div.product-full a.popup {
	position: absolute; left: 320px;
	bottom: 0; font-style: italic;   display: none;
}
div.product-full p.price {
	font-size: 16px; font-weight: bold;
}
div.product-full p.ref {
	font-weight: bold;
}


/* --------------------------------------------------------------------------------- latest news page */
.news {
	float: left;
	width: 763px
}

.news .article {
	border: 1px solid #bfc8cd;
	margin: 0 0 10px;
	padding: 10px 20px
}

.news h1 {
	margin: 14px 0 40px
}

.news h2.date {
	color: #455056;
	float: right;
	font-size: 12px;
	font-style: italic;
	margin: -37px 0 0
}

.news li {
	list-style-type: disc;
	margin: 0 0 0 20px
}

/* --------------------------------------------------------------------------------- section specific styling */
div.category-links div.live a: hover,div.category-links div.live a.active,div.live h1,div.live div.item,.breadcrumb.live,.item,div.search-bar.live {
	background-color: #cc0098
}

div.category-links div.dogs a: hover,div.category-links div.dogs a.active,div.dogs h1,div.dogs div.item,.breadcrumb.dogs,#categories.dogs .item,div.search-bar.dogs {
	background-color: #88ba1b
}

div.category-links div.cats a: hover,div.category-links div.cats a.active,div.cats h1,div.cats div.item,.breadcrumb.cats,#categories.cats .item,div.search-bar.cats {
	background-color: #e8811a
}

div.category-links div.birds a: hover,div.category-links div.birds a.active,div.birds h1,div.birds div.item,.breadcrumb.birds,#categories.birds .item,div.search-bar.birds {
	background-color: #9966cb
}

div.category-links div.fish a: hover,div.category-links div.fish a.active,div.fish h1,div.fish div.item,.breadcrumb.fish,#categories.fish .item,div.search-bar.fish {
	background-color: #3398cc
}

div.category-links div.rabbits a: hover,div.category-links div.rabbits a.active,div.rabbits h1,div.rabbits div.item,.breadcrumb.rabbits,#categories.rabbits .item,div.search-bar.rabbits {
	background-color: #cb3301
}

div.category-links div.rodents a: hover,div.category-links div.rodents a.active,div.rodents h1,div.rodents div.item,.breadcrumb.rodents,#categories.rodents .item,div.search-bar.rodents {
	background-color: #d19e28
}

div.category-links div.reptiles a: hover,div.category-links div.reptiles a.active,div.reptiles h1,div.reptiles div.item,.breadcrumb.reptiles,#categories.reptiles .item,div.search-bar.reptiles {
	background-color: #669932
}

div.category-links div.qanda a: hover,div.category-links div.qanda a.active,div.qanda h1,div.qanda div.item,.breadcrumb.qanda,#categories.qanda .item,div.search-bar.qanda {
	background-color: #e386b2
}

/* --------------------------------------------------------------------------------- dynamic images */
div.medium-image {
	height: 227px;
	width: 197px
}

div.small-image {
	height: 109px;
	margin: 15px auto;
	width: 130px
}

div.thumbnail {
	height: 50px;
	margin: 10px auto;
	width: 76px
}

/* --------------------------------------------------------------------------------- footer */
div.footer-content {
	color: #000;
	font-size: 11px;
	height: 37px;
	margin: 0 10px 10px
}

div.footer-links {
	font-size: 11px;
	margin: 0 0 -14px;
	text-align: center
}

div.footer-links a,div.footer a {
	color: #000;
	font-weight: 700;
	text-decoration: none
}

div.footer p.left {
	float: left;
	margin: 12px 0 0
}

div.footer p.right {
	float: right;
	margin: 12px 0 0
}

/* --------------------------------------------------------------------------------- footer */
div.networking {
	background: url(../images/bg-networking.jpg);
	height: 68px;
	margin: 0 10px;
	width: 960px
}

div.networking a {
	display: block;
	float: right;
	margin: 10px 13px 0 0
}

/* --------------------------------------------------------------------------------- popup overlay */
div#overlay {
	background: #000;
	height: 100%;
	left: 0;
	opacity: 0.8px;
	position: fixed;
	top: 0;
	width: 100%
}

/* --------------------------------------------------------------------------------- subscribe popup */
div.subscribe-popup {
	background: #fff;
	height: 400px;
	width: 400px;
	z-index: 10
}

#meta {
	background: #fff;
	border: 2px solid red;
	display: none;
	padding: 20px;
	position: fixed;
	right: 0;
	top: 0;
	width: 800px;
	z-index: 999
}

#meta h1 {
	font-size: 12px;
	font-weight: 700
}

a: hover,div.manufacturer-links a: hover,div.product-full a.tab: hover,div.product-full a.active {
	color: #000
}

p,form.comment h1,.news p {
	margin: 0 0 10px
}

ol,ul {
	margin: 0 0 10px 20px;
	padding: 0 0 0 10px
}

div.language select,div.page-links,#help-nav.right {
	float: right
}

div.banner img,.topic187 h1 {
	display: none
}

.manufacturers h1,div.manufacturer-links h1 {
	color: #006564;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 700;
	margin: 10px
}

div.featured p.price,div.latest p.price {
	color: #0032ff;
	font-size: 14px
}

div.featured p.save,div.featured-section p.save,div.product-list p.save {
	color: red;
	text-transform: uppercase
}

div.latest div.price-block p,div.product-list .price-block p {
	font-size: 10px;
	font-weight: 700
}

.help-main ul,.help-main ol {
	margin: 0 10px
}