/*
	CHINOS TREAT
*/

@import url('nav.css');
@import url('cart.css');

/*	LAYOUT STYLES */
* {
	padding: 0;
	margin: 0;
}/* this will reset all elements to margin/padding = 0 */

body {
	margin: 0;
	padding: 0;
	color: #0A0907;
	font-size: 12px;
	line-height: 150%;
	/*text-align: center;*/
	background-color: #F9F9F9;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#containerh {
	margin: 0 auto;
	text-align: left;
	padding: 0;
	width: 1000px;
}

#containerb {
	margin: 0 auto;
	text-align: left;
	padding: 0;
	width: 1000px;
}

#containerf {
	margin: 0 auto;
	text-align: left;
	padding: 0;
	width: 1000px;
}

.clear {
    clear: both; 
    display: block; 
}

.hidden {
	display: none;
}

.alt {
	background: #feae5a url('../images/core/arrow.gif') no-repeat 7px 10px; 
}

.alt1 {
	background: #fde2c5 url('../images/core/arrow.gif') no-repeat 7px 10px; 
}

.alt2 {
	background-color: #FFF;
}

a {
	color: #423e37;
	text-decoration: none;
}

.links a { color: #FF6600; text-decoration: none; }
.links a:hover { color: #FF6600; text-decoration: underline; }

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

hr {
	border: none;
	border-top:1px solid #E2E2DF;
}	


/*	HEADER STYLES	*/
#header {
	background: url(../images/core/header_bg.gif) repeat-x top;
	height: 73px;
}

#header #containerh {
	position: relative;
}

#header #containerh #cart {
	background: url(../images/core/cart_bg.gif) no-repeat;
	position: absolute;
	top: 21px;
	left: 746px;
	width: 260px;
	height: 52px;
	padding: 18px 15px 0;
}

#cart_status {
	background: url(../images/icon_cart.gif) no-repeat left center;
	padding: 4px 0 2px 18px;
}

#cart_status a {
	background: url(../images/core/view_cart_button.gif) no-repeat right center;
	display: block;
	width: 85px;
	height: 25px;
	position: absolute;
	right: 35px;
	top: 18px;
}


/*	BANNER STYLES	*/
#banner {
	background: url(../images/core/banner_bg.gif) repeat-x;
	height: 338px;
}

#banner #container_bg {
	background: url(../images/core/banner_bg_full.gif) no-repeat center top;
	height: 338px;
}

#banner #container_bg #containerb {
	position: relative;
	background: url(../images/core/banner_repeat.gif) repeat-x center top;
}

#banner #container_bg #containerb img#logo {
	position: absolute;
	top: 0;
}

#banner #container_bg #containerb img#slogan {
	position: absolute;
	top: 219px;
}

#banner #container_bg #containerb div#flash {
	position: absolute;
	top: 0;
	left: 300px;
	width: 700px;
	height: 255px;
}

#banner #container_bg #containerb img#view_dogs {
	position: absolute;
	top: 277px;
	left: 540px;
}

#banner #container_bg #containerb img#view_cats {
	position: absolute;
	top: 277px;
	left: 777px;
}

/*	CONTENT STYLES	*/

div#content {
	width: 1000px;
	margin: 0 auto;
}

div.left-wrapper { width: 241px; height: auto; margin: 18px 0 20px 12px; float: left; background: url('../images/core/bg-left.gif') repeat-y 0 0; display: block; }

#left {
	float: left;
	width: 241px;
	height: auto;
	background: url('../images/titles/bg-base.gif') no-repeat 0 bottom;
}

#left img#browse_products {
	margin: 18px 0 14px 18px;
}

#left ul.product_list li {
	list-style: none;
	padding: 4px 4px 4px 17px;
	margin-left: 20px;
	width: 180px;
}

#left p {
	margin: 0 0 20px 22px;
	color: #fff;
}

#text {
	float: left;
	width: 730px;
	line-height: 170%;
	margin-top: 36px;
	display: block;
}

#text img#title {
	margin-bottom: 15px;
}

#text p {
	margin: 0 0 20px 8px;
}

#text h1 {
	margin: 0 0 20px 8px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

#text h1 a { color: #975215; text-decoration: underline; }
#text h1 a:hover { color: #000; text-decoration: underline; }

#text img#right_photos {
	margin: 3px 0 0 26px;
}

#text ul.list {
	margin: 0 0 20px 40px;
}

/*	PRODUCTS STYLES	*/
ul.category { list-style: none; margin: 20px 0; padding: 0; float: left; display: inline-block; }
ul.category li { padding: 30px 30px 30px 70px; width: 230px; margin: 10px 12px; height: 20px; display: block; float: left; background: url('../images/core/bg-cat.jpg') no-repeat 0 0; font: bold 15px/20px "Tahoma"; text-align: center; }
ul.category li a { display: block; background: none; width: 230px; float: left; text-decoration: none; color: #975215; }
ul.category li a:hover { text-decoration: none; color: #000; }

ul.sucat { list-style: none; margin: 20px 0; padding: 0; float: left; display: inline-block; }
ul.subcat li { width: 230px; margin: 10px 5px; height: 210px; display: block; float: left; font: bold 15px/20px "Tahoma"; text-align: center; }
ul.subcat li a { float: left; text-decoration: none; color: #975215; text-align: center; padding: 10px; width: 210px; display: block; }
ul.subcat li a:hover { text-decoration: none; color: #000; }
ul.subcat li a#frame, ul.subcat li a#frame:hover { padding: 25px; width: 180px; height: 110px; display: block; float: left; background: url('../images/core/bg-subcats.jpg') no-repeat 0 0; text-decoration: none; }

ul.listing { list-style: none; margin: 20px 0; padding: 0; float: left; display: inline-block; }
ul.listing li { width: 345px; margin: 0 5px 15px 5px; height: 175px; display: block; float: left; }
ul.listing li div.info { width: 120px; padding-right: 30px; display: block; float: left; margin-left: 15px; }
ul.listing li div.info h5 { font-weight: normal; margin-bottom: 2px; font-size: 11px; text-align: left; line-height: 15px; }
a#bor { border: 5px solid #d2d2d2; display: block; float: left; text-decoration: none; margin-bottom: 10px; }
a#bor:hover { border : 5px solid #975215; text-decoration: none; }

.associated_products_div { margin: 10px; }
#associated_product { text-align: center; width: 160px; float: left; margin: 10px 30px 10px 0px; }
a#associated_product_image { border: 5px solid #d2d2d2; width: 180px; height: 110px; display: block; text-decoration: none; margin-bottom: 10px; }
a#associated_product_image:hover { border : 5px solid #975215; text-decoration: none; }

div.next { font-size: 12px; display: inline-block; clear: both; float: right; text-align: right; margin: -10px 50px 10px 0; }
div.next a { color: #975215; text-decoration: none; }
div.next a:hover { color: #000; text-decoration: underline; }

.products {
	width: 230px;
	float: left;
	text-align: center;
	margin: 15px 10px;
	padding: 15px;
	display: block;
}

.products img {
	margin-bottom: 20px;
}

.products h1 {
	margin: 0 !important;
	font-size: 14pt;
	font-weight: normal;
}

#product_images_div {
	width: 190px;
	float: left;
	margin: 0 30px 40px 10px;
}


/*---------------------------------------------   
    content (dynamic text area)
----------------------------------------------*/

div.dynamictext {
	padding: 0;
}

div.dynamictext p {
	margin-bottom: 5px;
}

div.dynamictext p#price {
	margin-bottom: 5px;
	color: #EE8E2C;
	font-weight: bold;
}

div.dynamictext a {
  text-decoration:underline;
}

div.dynamictext a#links {
	font-style: italic;
}

div.dynamictext h1, 
div.dynamictext h2, 
div.dynamictext h3, 
div.dynamictext h4, 
div.dynamictext h5 { margin-bottom: 20px; margin-top: 20px; }
div.dynamictext h1 { font-size:16px; }
div.dynamictext h2 { font-size:15px; }
div.dynamictext h3 { font-size:14px; }
div.dynamictext h4 { font-size:13px; }
div.dynamictext h5 { font-size:12px; }

div.dynamictext ul li{
  list-style-type:square;
  margin: 10px;
}

div.dynamictext hr {
  border:0;
  border-top:1px solid #E2E2DF;
  height:1px;
}


/*	FOOTER STYLES	*/
#footer {
	background: #312C21 url(../images/core/footer_bg.gif) repeat-x top;
	height: 97px;
}

#footer #containerf ul {
	list-style: none;
	margin-left: 25px;
}

#footer #containerf ul li {
	float: left;
	margin: 40px 25px 0 0;
}

#footer #containerf ul li a { color: #979082; text-decoration: none; }
#footer #containerf ul li a:hover { color: #fff; text-decoration: underline; }

#footer p {
	margin: 0 0 0 25px;
	color: #979082;
}

#footer img#logo_webfirm {
	margin: 32px 10px 0 10px;
	float: right;
}


/* new extras by Oscar */

img.bor { background: url('../images/core/bg-img.gif') no-repeat 0 0; padding: 15px 15px 30px 15px; display: block; }
div.img-right { float: right; margin-left: 10px; line-height: 0px; width: 240px; height: auto; display: block; }
body.contact_us div.variable { visibility: hidden; }


/* NEWSLETTER */
#container_newsletter { width: 800px; 	margin: 0 auto; text-align: left; padding: 0; }
#banner_newsletter {
	background: url(../images/core/banner_bg.gif) repeat-x;
	height: 219px;
}

#banner_newsletter #newsletter_bg #container_newsletter {
	position: relative;
}

#banner_newsletter #newsletter_bg #container_newsletter img#logo {
	position: absolute;
	top: 0;
}

#banner_newsletter #newsletter_bg #container_newsletter img#slogan {
	position: absolute;
	top: 52px;
	left: 518px;
}

#content #container_newsletter #newsletter_content {
	text-align: left;
	margin-top: 20px;
}

#newsletter_footer {
	background: #312C21 url(../images/core/footer_bg.gif) repeat-x top;
	height: 97px;
	padding: 20px;
	color: #979082;
}

#newsletter_footer #container_newsletter {
	text-align: center;
}

#newsletter_footer #container_newsletter a { color: #fff; text-decoration: none; }
#newsletter_footer #container_newsletter a:hover { color: #979082; text-decoration: underline; }

select { width: 150px; }
div.dynamictext span.fixed { width: 120px; }