/*
Color References
#F4F3F0 - Background beige
#D4CBC9 - Mauve accent
#AB4F34 - Rust brown for text
*/

/************GENERAL LAYOUT*************/
 *  {
	margin:0px;
	padding:0px;
	}
 
body {
	background:url("images/bg_gradient2.png") repeat-y scroll center top;
	background-color:#fff;
	font-family: "Century Gothic", Calibri, Helvetica, Arial, sans-serif;
	text-align: center;
	}
h1, h2, h3, h4, h5, h6 {
	color:#AB4F34;
	}
	h1 {
		font-family: 'Swanky and Moo Moo', arial, serif;
		font-size:40px;
		color:#AB4F34;
		}
	h2 {
		font-family: 'Swanky and Moo Moo', arial, serif;
		font-size:30px;
		color:#AB4F34;
		}
	h3.light {
		font-weight:lighter;
		}
		h3.light-black {
			color:#000;
			font-weight:lighter;
			}
	h3.swanky {
		font-family: 'Swanky and Moo Moo', arial, serif;
		font-size:30px;
		color:#AB4F34;
		}
	h4 {
		font-size:0.84em;
		}
	h4.black {
		color:#000;
		}
	h5 {
		font-family: 'Swanky and Moo Moo', arial, serif;
		font-size:130%;
		}
p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #000;
	margin-bottom: 10px;
	}
a {
	color: #AB4F34; 
	text-decoration: underline;
	} 		
	a:hover, a:focus {
		color: #000; 
		text-decoration: underline;
		}
	a img {
		border:none;
		}
#outerwrapper  {
	background-color:#fff;
	margin:0 auto;
	}
#innerwrapper  {
	background-color:#F4F3F0;
	width:980px;
	margin:0 auto;
	text-align: left;
	overflow:hidden;
	}
#main  {
	margin:0 0 20px 0;
	float:left;
	padding-left:20px;
	width:940px;
	position:relative;
	}	
#header  {
	height: 75px;
	padding:40px 0 20px 0;
	text-align: right;
	}
	.logo-aarf {
		float: left;
		padding-left:20px;	
		}
#utility {
	float:right;	
	}
	.utility-navigation-items {
		float:right;
		text-align:right;
		padding: 10px 20px 0 0;
		clear:both;
		}
		.utility-navigation-items li {
			font-size: 12px;
			color: #4E2C05;
			list-style-type: none;
			display: inline;	
			}	
		.utility-navigation-items li a {
			padding: 0 10px;
			border-left: 1px solid #c9c9c0;			
			} 		
		.utility-navigation-items li:first-child a {
			border-left: none;
			} 	
		.utility-navigation-items li a:hover {
			color:#000;
			text-decoration:underline;	
			}		
		.utility-navigation-items li:first-child a:hover {
			border-left: none;
			}
#mainnav  {
	width:940px;
	height:44px;
	margin:0 0 20px 20px;
	background-color: #D4CBC9;
	border-radius: 10px;
	} 
	#mainnav ul  {
		margin: 0 auto;
		padding-top:5px;
		text-align: center;
		}	 
	#mainnav ul li  {
		font-size:26px;
		font-weight:bold;
		color: #000;
		display:inline;
		list-style-type:none;
		padding: 0 25px;
		}
	#mainnav li a {
		color: #000;
		padding: 10px 20px;
		margin-left: -2px;
		text-decoration: none;
		} 	
	#mainnav li a:hover, #mainnav li a:focus, #mainnav li a:active  {
		color: #AB4F34;
		background-image:url(images/sm_paw.png);
		background-repeat:no-repeat;
		padding: 0 20px;
		}
#breadcrumb {
	margin:0 0 20px 0;
	font-size:.7em;
	}
#globalfooter {
	clear: both;
	height: 165px;
	width:940px;
	border-radius:10px;
	margin: 0 auto 20px auto;
	background-color:#D4CBC9;
	padding:0 0 10px 0;
	}
	#globalfooter a {
			color: #000;
			padding-left:25px;
			text-decoration:none;
			}
		#globalfooter a:hover, #globalfooter a:focus, #globalfooter a:active {
			color: #AB4F34;
			background-image:url(images/sm_paw.png);
			background-repeat:no-repeat;
			padding-left: 25px;
			}
	#globalfooter #shopdogs, #globalfooter #shopother {
		float: left;
		padding: 10px 0 0 0;
		}
	#globalfooter #shopcats {
		float: left;
		margin: 10px 0 0 -40px;
		}
	#globalfooter #myflf, #globalfooter #services {
		float: left;
		padding: 10px 0 0 35px;
		}
		#globalfooter #shopdogs h5, #globalfooter #shopcats h5, #globalfooter #shopother h5, #globalfooter #myflf h5, #globalfooter #services h5 {
			padding: 0 0 10px 25px;
			}
		#globalfooter #shopdogs ul, #globalfooter #shopcats ul, #globalfooter #shopother ul, #globalfooter #social ul {
			list-style-type: none;
			}		
		#globalfooter #myflf ul, #globalfooter #services ul {
			list-style-type: none;
			border-left:solid 1px #000;	
			}
		#globalfooter #shopdogs ul.shop-items-dogs, #globalfooter #shopcats ul.shop-items-cats, #globalfooter #shopcats ul.shop-items-cats, #globalfooter #shopother ul.shop-items-other, #globalfooter #myflf ul.myflf-items, #globalfooter #services ul.services-items {
			font-size: 14px;
			}
	#globalfooter #social {
		float: left;
		padding: 10px 0 0 40px;	
		} 
		#globalfooter #social a, #globalfooter #social a:hover, #globalfooter #social a:focus {
			background-image:none;
			padding-left:0;
			}
#footer {
	margin: 0px auto;
	padding:0 0 25px 0;
	text-align: center;
	}			
	#footer-items li {
		font-size:12px;
		list-style-type: none;
		display: inline;		
		}		
	#footer-items li a {
		color: #AB4F34;
		padding: 10px 10px;
		} 	
	#footer-items li a:hover {
		color: #000;
		}
		

/******************CLASSES********************/
.clear {
	clear:both;
	}
.sm_paw_left {
	padding-right:10px;
	}
.curvecorners  {
	border-radius: 10px;
	} 
.strikethrough {
	text-decoration:line-through;
	color:#000;
	font-weight:lighter;
	}
	p.strikethrough {
		margin:0;
		}
.listnav {
	margin:0 0 0 5px;
	font-size:.7em;
	text-align:right;
	}
.whatsthis{
	margin:0 0 0 5px;
	font-size:.7em;
	text-align:right;
	float:right;
	} 
.cartnote {
	width:140px;
	font-size:.7em;
	line-height:75%;
	margin: 5px auto 15px auto;
	}
.floatleft {
	float:left;
	padding:20px 18px 20px 0;
	}
.floatright {
	float:right;
	padding:10px 30px 0 0;
	}
.sortbar-links {
	margin-left:10px;
	font-size:.7em;
	text-align:right;
	display:inline;
	}
.rating {
	font-size:.7em;
	}
.prod-description {
	width:170px;
	float:left;
	padding-right: 20px;
	}
.row {
	height:185px;
	margin:20px 0 40px; 
	}
	.row img.curvecorners {
		border: 4px solid #D4CBC9;
		float:left;
		margin:0 10px 0 0; 
		}
.cartbutton a, .cartbutton img {
	padding-bottom:10px;
	width:200px;
	}
.contshop-btn {
	padding:35px 0 0 485px;
	}
.border-btm {
	color:#000;
	font-weight:lighter;
	border-bottom: 3px solid #D4CBC9;
	}


/******************HOME PAGE STYLES********************/
#mast-head-wrapper {
	background: url(images/spotlightbkgrd.png) no-repeat;
	height: 308.3px;
	width: 940px;
	margin:0 0 20px 0;
	border-radius:10px;
	}
#mast-head {
	background: url(images/spotlight1.png) no-repeat;
	height: 308.3px;
	width: 940px;
	margin:0 0 20px 0;
	border-radius:10px;	
	}
	#mast-head a {
		position: absolute;
		top: 200px;
		right:55px;
		}
	#mast-head h1 {
		position: absolute;
		top: 50px;
		right:75px;
		font-size:50px;
		color:#AB4F34;
		}
	#mast-head p {
		padding-top:20px;
		position: absolute;
		top: 100px;
		right:75px;
		font-family: Calibri, arial, serif;
		font-size:24px;
		color:#000;
		}
#box-one {
	float:left;
	background: url(images/dog.png) no-repeat;
	width:300px;
	height:300px;
	padding:20px 0 20px 0;
	margin:0 20px 0 0;
	border-radius:10px;
	background-color:#D4CBC9
	}
#box-two {
	float:left;
	background: url(images/cat.png) no-repeat;
	width:300px;
	height:300px;
	padding:20px 0 20px 0;
	margin:0 20px 0 0;
	border-radius:10px;
	background-color:#D4CBC9
	}
#box-three {
	float:left;
	background: url(images/pup.png) no-repeat;
	width:300px;
	height:300px;
	padding:20px 0 20px 0;
	margin:0;
	border-radius:10px;
	background-color:#D4CBC9
	}
#box-one h3, #box-two h3, #box-three h3 {
	padding-left:5px;
	}
#box-one ul li, #box-two ul li, #box-three ul li {
	text-align:center;
	font-size:18px;
	list-style-type: none;
	margin-bottom:5px;
	}
	#box-one ul li:first-child, #box-two ul li:first-child {
		margin-top:140px;
		}
	#box-three ul li:first-child {
		margin-top:115px;
		}
	#box-one ul li a, #box-two ul li a, #box-three ul li a {
		color: #000;
		text-decoration:none;
		}
		#box-one ul li a:hover, #box-two ul li a:hover, #box-three ul li a:hover {
			color: #AB4F34;
			background-image:url(images/sm_paw.png);
			background-repeat:no-repeat;
			padding: 0 20px;
			}
		#box-one ul li a:focus, #box-two ul li a:focus, #box-three ul li a:focus {
			color: #AB4F34;
			background-image:url(images/sm_paw.png);
			background-repeat:no-repeat;
			padding: 0 20px;
			}
		#box-one ul li a:active, #box-two ul li a:active, #box-three ul li a:active {
			color: #AB4F34;
			background-image:url(images/sm_paw.png);
			background-repeat:no-repeat;
			padding: 0 20px;
			}

/*********PRODUCT LISTING PAGE***********/
#prod-spotlight {
	background: url(images/productlistspotlight.png) no-repeat;
	width: 940px;
	height:181px;
	margin:0 0 20px 0;
	border-radius:10px;	
	}
	#prod-spotlight h1{
		padding:15px 0 0 20px;
		}
#sidebar-sort {
	width:230px;
	float:left;
	border-radius:10px;
	background-color:#D4CBC9;
	padding:20px 10px 0 10px;
	margin:0 20px 20px 0;
	}
	#sidebar-sort h2 {
		text-align:center;
		margin-top:-45px;
		}
	#sidebar-sort table {
		margin:10px 0 20px 20px;
		}
	#sidebar-sort table input[type=checkbox], .box-left-btm table input[type=radio] {
		margin-right:10px;
		}
	#sidebar-sort table .space {
		padding-left:20px;
		}
#prod-list-content {
	float:left;
	width:670px;
	}
#prod-list-content .sortbar {
	float:right;
	}
#sidebar-sort .colors {
	margin: 10px auto 20px auto;
	width:240px;	
}
	#sidebar-sort .colors img {
		border: 3px solid #D4CBC9;
		border-radius: 3px;
		margin: 0 3px 0 3px;
		}
		#sidebar-sort .colors a:hover img, #sidebar-sort .colors a:focus img {
				border: 3px solid #AB4F34;
				border-radius: 3px;
				}	
		
/*********PRODUCT DETAILS PAGE***********/
#details {
	float:left;
	width:940px;
	}
	#details #mainimage {
		width:360px;
		float:left;
		}
	#details #description {
		float:left;
		padding-left:20px;
		width:275px;
		}
	#details #cartarea {
		float:right;
		width:250px;
		}
	#details #cartbox {
		height:295px;
		background-color:#D4CBC9;
		border-radius:10px; 
		text-align:center;
		margin-top: 25px;
		}			
#scrollContent a img, #scrollContent a:link img, #scrollContent a:visited img, #scrollContent a:hover img, #scrollContent a:active img {
	border: 3px solid #D4CBC9;
	border-radius:10px;
	} 			
#addinfo {
	width:940px;
	float:left;
	}
#similaritems {
	height:395px;
	background-color:#D4CBC9;
	border-radius:10px; 
	text-align:center;
	float:right;
	width:250px;
	margin:-32px 0 0 20px;
	}
		
/****Tabbed Box****/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/	
	border-radius:10px;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		height: 31px; /*--Subtract 1px from the height of the unordered list--*/
		line-height: 31px; /*--Vertically aligns the text within the tab--*/
		border-radius:10px 10px 0 0;
		margin-bottom: -1px; /*--Pull the list item down 1px--*/
		overflow: hidden;
		position: relative;
		background: #D4CBC9;
		}
		ul.tabs li a {
			text-decoration: none;
			color: #000;
			display: block;
			font-size: 1.2em;
			padding: 0 20px;
			border: 1px solid #F4F3F0; /*--Gives the bevel look with a 1px white border inside the list item--*/
			outline: none;
			}
			ul.tabs li a:hover {
				background: #AB4F34;
				color: #F4F3F0;
				}
			html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
				background: #fff;
				border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
				color:#AB4F34;
				}
.tab_container {
	overflow: hidden;
	clear: both;
	float: left; width: 67%;
	background: #fff;
	border-radius:0 10px 10px 10px;
	}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	}

/****Similar Items Carousel****/
#slider{
	width:940px;	
	margin:20px 0;
	float:left;
	text-align:center;	
	}
#slider h2 {
		text-align:left;
		margin-top:-9px;
		}	
		
/****Search String box****/
#recentsearcharea {
	width:940px;
	float:left;
	}
#recentsearch {
	background:#D4CBC9;
	border-radius:10px;
	}
	#recentsearch h2, #recentsearch h4 {
		display:inline;
		}
	#recentsearch h2 {
		padding:0 10px 0 20px;	
		}
	
/*********ORDER PAGE***********/

.fw-box {
	width:895px;
	float:left;
	padding:20px 20px 0 20px;
	background-color:#fff;
	border:3px solid #D4CBC9;
	border-radius: 10px;
	margin-bottom:20px;
	}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {
	float:left;
	width:140px;
	}
	.col-3  {
		padding-left:50px;
		}
	.col-4 {
		width:90px;
		padding:0 0 0 25px;
		text-align:center;
		}
	.col-5{
		width:109px;
		padding-left:38px;
		}
	.col-5 li{
		list-style-type:none;
		padding-bottom: 10px;
		}
	.col-6, #summary-row3 .col-5 {
		width:90px;
		padding-left:45px;
		}
#summary-row1 {
	width:100%;
	margin:0 0 30px 0;
	float:left;
	}
	#summary-row1 .col-2 {
		padding-left:7px;
		}
	#summary-row1 .col-4 {
		padding:0 0 0 46px;
		}
#summary-row2 {
	width: 100%;
	padding:0 0 30px 0;
	float:left;
	border-bottom:2px solid #D4CBC9;
	margin-bottom:20px;
	}
	#summary-row2 .col-1 {
		border:3px solid #D4CBC9;
		border-radius: 10px;
		width:auto;
		}
	#summary-row2 .col-2 {
		width:160px;
		padding-left:20px;
		}
#summary-row3 {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
	#summary-row3 .col-1 {
		width:250px;
		}
	#summary-row3 .col-2 {
		margin-top:-5px;
		}
	#summary-row3 .col-3 {
		width:160px;
		margin-top:-10px;
		}
	#summary-row3 .col-4 {
		padding:0 0 0 70px;
		}

/*********LOGIN PAGE***********/

#login-row {
	float:left;
	margin-bottom:10px;
	}
	#login-row .col-1 {
		width:300px;
		}
	#login-row .col-2 {
		margin:-5px 0 0 0;
		}
	#login-row .col-3 {
		padding:0;
		}
.box-left-wrapper {
	float:left;
	margin:0 0 30px 0;
	}
.box-right-wrapper {
	float:right;
	margin:0 0 30px 0;
	}
	.box-left {
		float:left;
		width:430px;
		padding: 50px 10px 25px 10px;
		background-color:#fff;
		border:3px solid #D4CBC9;
		border-radius: 10px;
		}
	.box-right {
		float:right;
		width:430px;
		padding: 10px 10px 25px 10px;
		background-color:#fff;
		border:3px solid #D4CBC9;
		border-radius: 10px;
		}
		.box-right table input[type=text] {
			color:#999;
			}
	.box-left-btm {
		float:left;
		width:430px;
		padding: 10px 10px 25px 10px;
		background-color:#fff;
		border:3px solid #D4CBC9;
		border-radius: 10px;
		}
		.box-left-btm td:first-child {
			text-align:right;
			padding: 5px 3px 0 0;
			}
	.box-right-btm {
		float:right;
		width:430px;
		padding: 28px 10px 37px 10px;
		background-color:#fff;
		border:3px solid #D4CBC9;
		border-radius: 10px;
		}
		.box-right-btm td:first-child {
			text-align:right;
			padding: 5px 3px 0 17px;
			}
	.box-left tr, .box-right tr, .box-left-btm tr, .box-right-btm tr {
		padding-bottom: 5px;
		}
	.box-left td:first-child, .box-right td:first-child {
		text-align:right;
		padding: 5px 3px 0 60px;
		}

/*********SHIPPING PAGE***********/

.box-ship-m {
	float:left;
	width:420px;
	padding:5px 0 5px 30px;
	background-color:#fff;
	border:3px solid #D4CBC9;
	border-radius: 10px;
	}
.box-ship-o {
	float:right;
	width:390px;
	padding:10px 30px 48px;
	background-color:#fff;
	border:3px solid #D4CBC9;
	border-radius: 10px;
	}
.box-ship-m table {
	width: 100%;
	}
	.box-ship-m table td {
		padding: 5px 3px 0 0;
		}
.ship-inline {
	font-weight:lighter;
	display: inline;
	}
.ship-floatleft {
	float:left;
	}
.ship-floatright {
	float:right;
	}
.ship-row2 {
	padding-top:5px;
	}
	
/*********REVIEW PAGE***********/
	
#review-row3 {
	float:left;
	margin-bottom:20px;
	}
	#review-row3 .col-1 {
		width:200px;
		}
	#review-row3 .col-2 {
		width:200px;
		}
	#review-row3 .col-3 {
		width:200px;
		padding:0;
		}
	#review-row3 .col-4 h3, #review-row3 .col-5 h3 {
		color:#000;
		font-weight:lighter;
		}
	#review-row3 .col-4 {
		width:114px;
		padding:0 10px 0 77px;
		text-align:right;
		}
	#review-row3 .col-5 {
		width:94px;
		padding:0;
		text-align:left;
		}
		
/*********CONFIRMATION PAGE***********/		
#confirm-row1 {
	width:100%;
	float:left;
	border-bottom:2px solid #D4CBC9;
	margin-bottom:20px;
	}