/*
---------------------------------------------
01. MAIN / DEFAULT ELEMENTS
---------------------------------------------
*/

body {
	background: url(../images/body_bg.gif);
	font: normal 12px "Verdana", "Tahoma", sans-serif;
	margin: 0px;
	padding-bottom: 50px;
	padding-top:0px;
	color:#666;
	line-height:18px;}
	
div, form, ul, img {
	margin: 0px;
	padding: 0px;
	border: 0px; }
	
#wrapper {
	margin: 0px auto;
	width: 825px;
	display: block;
	position: relative; }

#left {
	float: left;
	width: 210px; }
	
#right {
	float: right;
	width: 547px;
	padding: 8px;
	background: #ffffff url(../images/main_top.gif) no-repeat }
	
#copy {
	padding:0px 14px; }

#footer {
	color: #F5F7E3;
	text-align: center;
	font-size: 10px; }
	
	#footer a { color: #F5F7E3; }
	
/*
---------------------------------------------
02. TEXT / HEADINGS
---------------------------------------------
*/

a {color:#c15b76;}

a:hover { text-decoration: none; }

h1 {
	text-indent: -9999px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	padding: 0px;}	
	
	html>body h1 { margin-left: 25px;}

h1 a {
	display: block;
	width: 216px;
	height: 60px;
	background: url(../images/logo_santa.gif) no-repeat left top; }
		

h2 {
		height: 24px;
		margin: 0px;
		padding: 0px;
		font-size:24px;
		color:#4f717a;}
		
h3 {
	font: bold 14px "Tahoma", "Arial", sans-serif;
	color: #C0C927;
	margin: 0px 0px 5px 0px;
	padding: 0px; }
	
	h3 small {
	display:block;
	font-weight:normal;
	font-size:12px;
	padding-bottom:5px;
	color:#7f7f7f;
	}
	
h4 {
	font: normal 14px "Tahoma", "Arial", sans-serif;
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px; }

/*
---------------------------------------------
LOGIN PANEL
---------------------------------------------
*/

#toppanel { width:100%; position:relative; }

#panel {
    width: 100%;
    position: relative;
    height: 162px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    overflow: hidden;
    text-align: left;
	height:7px;
	background:#294c57;
}

.panel_contents {
    height: 100%;
    width: 811px;
   /* position: absolute; */
	margin: 31px auto 30px;
    z-index: -1;
}

.panel_button {  
     position: relative;  
     top: -2px;  
     width: 186px;  
     height: 24px;  
     background: url(../images/tab-login.gif);  
     cursor: pointer;
	 z-index:50;
} 

.panel_button a {
    text-decoration: none;
    color: #FFF;
    font-size: 13px;
    position: relative;
    top: 0px;
    left: 50px;
    font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
color: #999999;
}

.button_bar { width:811px; margin:auto;}

.panel-login {float:left; width:463px; height:101px;  background:url(../images/panel-account-bg.gif) no-repeat;}
.panel-login .inner {margin: 14px 24px 29px 22px; overflow:hidden}

.panel-login IMG {display:block; float:left;}
.panel-login .forgot {float:right; display:block; color:#b9c5c9;}
.panel-login .fieldset {margin: 36px 0 0 0; padding:0; text-indent:none; }
.panel-login INPUT {border-width: 1px 0 0 1px; border-color:#19333c; padding:3px 5px 3px; color:#597981; width:169px;}
.panel-login .inner {margin:14px 21px 12px; overflow:hidden}
.panel-login P {width:228px; color:#FFF; font:11px Arial, Helvetica, sans-serif; line-height:15px; margin-top:30px;}
.btn-login { vertical-align:bottom; border:none; padding:0 !important; width:43px !important;}

.panel-register { float:right; width:342px; height:101px; background:url(../images/panel-registered-bg.gif) no-repeat;  }
.panel-register .inner {margin:14px 21px 12px; overflow:hidden}
.panel-register P {width:228px; color:#FFF; font:11px Arial, Helvetica, sans-serif; line-height:15px; margin:0;}
.panel-register .btn-register {float:right;}
.panel-register .register-content {margin-top:13px;}

/* Search */

.search { display:block; margin-bottom:15px; padding-right:0px !important;}
.search FIELDSET {margin-bottom:-5px; margin-top:-9px; padding-left:15px; border:none;}
.search-input {border:none; background:none; padding-left:15px; color:#597981; font-size:12px; outline:none; width:134px;}
.search-btn{ vertical-align:top; margin-top:1px;}

/*
---------------------------------------------
03. HEADER / MENUS
---------------------------------------------
*/

.logo {
	text-indent: -9999px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	padding: 0px;}	
	
	html>body h1 { margin-left: 25px;}

.logo a {
	display: block;
	width: 216px;
	height: 60px;
	background: url(../images/logo.gif) no-repeat left top; }

#searchBar{ height:45px; width:240px; background:url(../images/search_bg.gif) repeat-x; float:right; padding:0px 15px; font-size:10px;}

#searchBar .inputbox { margin:0px; padding:0px; width:180px;}
#searchBar .button { padding-top:8px;}

#header {
	height: 53px;
	padding-top: 18px;
	background: url(../images/header.gif) bottom center no-repeat;
	overflow: hidden; }
	
#menu {
	float: right;
	margin: 11px 20px 0px 0px;
	padding: 0px;
	height: 42px;
	list-style: none;
	background: url(../images/menu_bg.gif) bottom left repeat-x; }
	
	html>body #menu { margin: 11px 48px 0px 0px; }
	
	#menu li { float: left; }
	
	#menu li a {
		height: 33px;
		display: block;
		margin: 9px 0px 0px 0px;
		padding: 0px;
		text-indent: -9999px; }
	
	#menu li.active a { margin: 0px; height: 42px; }
		
	#menu li#mH a { width: 65px; background: url(../images/menu_home.gif) no-repeat }
		#menu li#mH a:hover {background: url(../images/menu_home_mo.gif)}
		#menu li#mH.active a {background: url(../images/menu_home_on.gif)}
		
	#menu li#mS a { width: 50px; background: url(../images/menu_shop.gif) no-repeat }
		#menu li#mS a:hover {background: url(../images/menu_shop_mo.gif)}
		#menu li#mS.active a {background: url(../images/menu_shop_on.gif)}
		
	#menu li#mA a { width: 73px; background: url(../images/menu_about.gif) no-repeat }
		#menu li#mA a:hover {background: url(../images/menu_about_mo.gif)}
		#menu li#mA.active a {background: url(../images/menu_about_on.gif)}
		
	#menu li#mPress a { width: 73px; background: url(../images/menu_press.gif) no-repeat }
		#menu li#mPress a:hover {background: url(../images/menu_press_mo.gif)}
		#menu li#mPress.active a {background: url(../images/menu_press_on.gif)}
		
	#menu li#mF a { width: 40px; background: url(../images/menu_faq.gif) no-repeat }
		#menu li#mF a:hover {background: url(../images/menu_faq_mo.gif)}
		#menu li#mF.active a {background: url(../images/menu_faq_on.gif)}
		
	#menu li#mC a { width: 92px; background: url(../images/menu_contact.gif) no-repeat }
		#menu li#mC a:hover {background: url(../images/menu_contact_mo.gif)}
		#menu li#mC.active a {background: url(../images/menu_contact_on.gif)}
		
	#menu li#mY a { width: 106px; background: url(../images/menu_account.gif) no-repeat}
		#menu li#mY a:hover {background: url(../images/menu_account_mo.gif)}
		#menu li#mY.active a {background: url(../images/menu_account_on.gif)}
		
	#menu li#mB a { width: 50px; background: url(../images/menu_blog.gif) no-repeat}
		#menu li#mB a:hover {background: url(../images/menu_blog_mo.gif)}
		#menu li#mB.active a {background: url(../images/menu_blog_on.gif)}
		
	#menu li#mV a { width: 73px; background: url(../images/menu_snootyvip.gif) no-repeat}
		#menu li#mV a:hover {background: url(../images/menu_snootyvip_mo.gif)}
		#menu li#mV.active a {background: url(../images/menu_snootyvip_on.gif)}
	
	#menu li#mSale a { width: 92px; background: url(../images/menu_saleitems.gif) no-repeat }
		#menu li#mSale a:hover {background: url(../images/menu_saleitems_mo.gif)}
		#menu li#mSale.active a {background: url(../images/menu_saleitems_on.gif)}	
		
	#menu li#mP a { width: 89px; background: url(../images/menu_shopping.gif) no-repeat}
		#menu li#mP a:hover {background: url(../images/menu_shopping_mo.gif)}
		#menu li#mP.active a {background: url(../images/menu_shopping_on.gif)}

#subMenu {
	width: 208px;
	background: url(../images/submenu_bg.gif) no-repeat;
	padding-top: 50px;
	margin-bottom: 10px;
	list-style: none; }
	
	#subMenu li { padding: 0px 17px; }
	
	#subMenu li.bot {
		height: 15px;
		padding: 0px;
		margin-top: -6px;
		background: url(../images/submenu_bot.gif) no-repeat; }
	
	#subMenu li a {
		display: block;
		color: white;
		font: normal 13px "Tahoma", "Arial", sans-serif;
		text-decoration: none;
		height: 26px;
		line-height: 26px;
		border-bottom: 1px solid #68858D; }
		
	#subMenu li a:hover, #subMenu li.active a {
		background: url(../images/submenu_arrow.gif) left center no-repeat;
		padding-left: 15px; }

#subMenuDog {
	width: 208px;
	background: url(../images/submenudog_bg.gif) no-repeat;
	padding-top: 50px;
	margin-bottom: 10px;
	list-style: none; }
	
	#subMenuDog li.back { padding: 0px 17px; background: url(../images/submenu_bgtile.gif) repeat-y; }
	
	#subMenuDog li.bot {
		height: 15px;
		padding: 0px;
		margin-top: -6px;
		background: url(../images/submenu_bot.gif) no-repeat; }
	
	#subMenuDog li a {
		display: block;
		color: white;
		font: normal 13px "Tahoma", "Arial", sans-serif;
		text-decoration: none;
		height: 26px;
		line-height: 26px;
		border-bottom: 1px solid #68858D; }
		
	#subMenuDog li a:hover, #subMenu li.active a {
		background: url(../images/submenu_arrow.gif) left center no-repeat;
		padding-left: 15px; }			
		
#subMenuCat {
	width: 208px;
	background: url(../images/submenucat_bg.gif) no-repeat;
	padding-top: 50px;
	margin-bottom: 10px;
	list-style: none; }
	
	#subMenuCat li { padding: 0px 17px; background: url(../images/submenu_bgtile.gif) repeat-y; }
	
	#subMenuCat li.bot {
		height: 15px;
		padding: 0px;
		margin-top: -6px;
		background: url(../images/submenu_bot.gif) no-repeat; }
	
	#subMenuCat li a {
		display: block;
		color: white;
		font: normal 13px "Tahoma", "Arial", sans-serif;
		text-decoration: none;
		height: 26px;
		line-height: 26px;
		border-bottom: 1px solid #68858D; }
		
	#subMenuCat li a:hover, #subMenu li.active a {
		background: url(../images/submenu_arrow.gif) left center no-repeat;
		padding-left: 15px; }
		
#subMenuMore {
	width: 208px;
	background: url(../images/submenucat_bg.gif) no-repeat;
	padding-top: 50px;
	margin-bottom: 10px;
	list-style: none; }
	
	#subMenuMore li { padding: 0px 17px; background: url(../images/submenu_bgtile.gif) repeat-y; }
	
	#subMenuMore li.bot {
		height: 15px;
		padding: 0px;
		margin-top: -6px;
		background: url(../images/submenu_bot.gif) no-repeat; }
	
	#subMenuMore li a {
		display: block;
		color: white;
		font: normal 13px "Tahoma", "Arial", sans-serif;
		text-decoration: none;
		height: 26px;
		line-height: 26px;
		border-bottom: 1px solid #68858D; }
		
	#subMenuMore li a:hover, #subMenu li.active a {
		background: url(../images/submenu_arrow.gif) left center no-repeat;
		padding-left: 15px; }			

#nav {
	display:block;
	background:url(../images/breadcrumbs_bg.gif) left top no-repeat;
	width:547px;
	height:31px;
	padding:8px 15px 4px;
	font-size:11px;
	color:#a6b7bc;
}
	
#nav a {
	color:#a6b7bc;
	}
	
#pagenav {
	display:block;
	background:url(../images/breadcrumbs_bg.gif) left top no-repeat;
	width:507px;
	height:31px;
	padding:8px 15px 4px;
	font-size:13px;
	color:#666;
}
	
#pagenav a {
	color:#c15b76;
	}
	


/*
---------------------------------------------
04. CONTENT
---------------------------------------------
*/
	
#content {
	background: url(../images/content.gif) repeat-y left top;
	width: 785px;
	min-height: 145px;
	padding: 0px 20px; }
	
#conTop {
	background: url(../images/content_top.gif) no-repeat;
	height: 25px;
	margin: 0px -20px -10px -20px; }

#conBot {
	background: url(../images/content_bot.gif) bottom center no-repeat;
	height: 20px;
	margin: 0px -20px 0px -20px; }
	
#rightBot {
	background: url(../images/main_bot.gif) no-repeat;
	height: 13px;
	margin: -8px;
	margin-top: 0px;
	overflow: hidden;  }
	
.notice_alert {background-color:#b90042; padding:8px; margin:25px 0px; color:#FFF;}
.notice_alert A {color: #FFF;}

.notice_light {background-color:#e8edf3; padding:8px; margin:25px 0px; color:#143266}
.notice_light A {color: #7f7f7f;}
.notice_light_approved {background-color:#99CC33;}

input.button {
  color: #fff; background: #0034D0;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #ffcf31;
}

titlesml {
  font-size:8px;
}

#data_table {
	width:100%;
	border-collapse:collapse;
	font-size:11px;
	border:2px solid #95afb9; }
	
	#data_table TH {
		color:#FFF;
		background-color:#8eaab5;
		font-weight:bold;
		text-align:left;
		font-size:12px;
		padding:6px 6px; }
	
	#data_table TD {
		border-top:1px solid #FFF;
		padding:6px 6px;
		color:#7f7f7f;
		background: #f3f7f7 url(../images/product_box_bg.gif);
		background-repeat: repeat-x;
		background-position:bottom; }
		
	#data_table TD A {
		color:#c15b76;	}
		
	#data_table TFOOT TD {
		font-size:12px;
		text-align:left;
		color:#FFF;
		background-color:#8eaab5;
		background-image:none; }
		

#data_tableP {
	width:100%;
	border-collapse:collapse;
	font-size:11px;
	border:2px solid #c8697e; }
	
	#data_tableP TH {
		color:#FFF;
		background-color:#c8697e;
		font-weight:bold;
		text-align:left;
		font-size:12px;
		padding:6px 6px; }
	
	#data_tableP TD {
		border-top:1px solid #c8697e;
		padding:6px 6px;
		color:#FFF;
		background: #d38798 url(../images/product_box_bg.gif);
		background-repeat: repeat-x;
		background-position:bottom; }
		
	#data_tableP TD A {
		color:#c15b76;	}
		
	#data_tableP TFOOT TD {
		font-size:12px;
		text-align:left;
		color:#FFF;
		background-color:#c8697e;
		background-image:none; }


#form_table {
	width:100%;
	border-collapse:collapse;
	font-size:11px;
	color:#7f7f7f; }

	#form_table .column {
		text-align: right;
		width:175px;
		font-weight:bold; }
		
	#form_table TD {
		background-color:#f2f8ff;
		border:1px solid #FFF;
		padding:5px;}
	
	#form_table INPUT,textarea {
		font-size:11px;
		border: none;
		border-top:1px solid #dee0e3;
		border-left:1px solid #dee0e3;
		width:300px;
		height:17px;
		padding: 3px; }
		
	#form_table .currentField {
		padding-left:10px;
		color:#000000;
		background-image: url(../images/form_input_bg.gif);
		background-repeat: no-repeat;
		background-position: left top; }
	
	#form_table .changedField {
		background-color:#f2f8ff;
		color:#7f7f7f;
		border-color:#FFF;}
		
#form_tableP {
	width:100%;
	border-collapse:collapse;
	font-size:11px;
	color:#FFF; }

	#form_tableP .column {
		text-align: right;
		width:175px;
		font-weight:bold; }
		
	#form_tableP TD {
		background-color:#ffa7ba;
		border:1px solid #c8697e;
		padding:5px;}
	
	#form_tableP INPUT,textarea {
		font-size:11px;
		border: none;
		border-top:1px solid #dee0e3;
		border-left:1px solid #dee0e3;
		width:300px;
		height:17px;
		padding: 3px; }
		
	#form_tableP .currentField {
		padding-left:10px;
		color:#000000;
		background-image: url(../images/form_input_bg.gif);
		background-repeat: no-repeat;
		background-position: left top; }
	
	#form_tableP .changedField {
		background-color:#f2f8ff;
		color:#FFF;
		border-color:#FFF;}


/*
---------------------------------------------
05. MISC DIVS
---------------------------------------------
*/

#welcome {
	display: block;
	height: 208px; 
	padding: 40px 310px 35px 30px;
	background: url(../images/welcome-autumn.jpg) no-repeat; }
	
	#welcome p { margin: 0px; line-height: 155%; width: 250px; }
	
	#paw { 
		height: 40px; 
		width: 14px; 
		background: url(../images/welcome_paw.gif) no-repeat; 
		position: relative;
		top: 27px;
		left: 517px; }
	
	html>body #paw { top: 30px; }
		
#title {
	width: 471px;
	height: 39px;
	padding: 12px 38px 8px;
	background: url(../images/text_bg.gif) no-repeat; }
	
#dogBrown {
	width: 170px;
	height: 182px;
	position: absolute;
	bottom: 0;
	z-index: 999; }
	
#catOrange {
	width: 137px;
	height: 135px;
	/**background: url(../images/cat_orange.gif) no-repeat;**/
	position: absolute;
	bottom: 0;
	right: -9px;
	z-index: 50; } 
	
#footerText {
	width: 500px;
	height: 135px;
	position: absolute;
	bottom: 0;
	z-index: 40; } 
	


/*
---------------------------------------------
06. PRODUCTS
---------------------------------------------
*/
	
#items { padding: 10px 15px 0px; }
	
#itemView {
	margin: 10px 15px;
	padding: 10px;
	/* border: 1px solid #CFCFCF; */
}
	
#itemImage {
	width: 220px;
	background-color: white;
	float: left;
	overflow: hidden; }

#itemInfo {
	width: 260px;
	float: right; }
	
	#itemInfo dt {
		color: #A29999;
		float: left;
		width: 34%;
		height: 25px;
		line-height: 25px; }
	
	#itemInfo dti {
		color: #A29999;
		float: left;
		width: 34%;
		height: 35px;
		line-height: 35px; }
		
	#itemInfo dd {
		float: left;
		width: 66%;
		margin: 0px;
		padding: 0px;
		height: 25px;
		line-height: 25px; }
	
	#itemInfo ddi {
		float: left;
		width: 66%;
		margin: 0px;
		padding: 0px;
		height: 35px;
		line-height: 35px; }
	
.item {
	width: 172px;
	float: left;
	position: relative;
	padding: 12px 0px 10px 0px; }
	
	.item .display {
		width: 139px;
		height: 162px;
		background: url(../images/item_bg.gif) no-repeat;
		padding: 4px; }
		
	.item .image, .item .imageAlt {
		width: 139px;
		height: 125px;
		overflow: hidden; 
		background-color: #ffffff;
		margin-bottom: 0px; }
		
	.item .price {
		width: 71px;
		height: 44px;
		position: absolute;
		top: 0;
		right: 0;
		background: url(../images/item_price.gif) no-repeat;
		color: white;
		font: bold 20px "Tahoma", "Arial", sans-serif;
		text-align: center;
		padding: 13px 0px 0px 0px;
		z-index: 999; }
		
	.item .dog-gone {
		width: 61px;
		height: 61px;
		position: absolute;
		top: 16px;
		right: 107px;
		background: url(../images/dog-gone.gif) no-repeat;
		color: white;
		font: bold 20px "Tahoma", "Arial", sans-serif;
		text-align: center;
		padding: 0px 0px 0px 0px;
		z-index: 9999; }
	
	.item .selling-fast {
		width: 61px;
		height: 61px;
		position: absolute;
		top: 16px;
		right: 107px;
		background: url(../images/selling-fast.gif) no-repeat;
		color: white;
		font: bold 20px "Tahoma", "Arial", sans-serif;
		text-align: center;
		padding: 0px 0px 0px 0px;
		z-index: 9999; }
		
	.item .last-ones {
		width: 61px;
		height: 61px;
		position: absolute;
		top: 16px;
		right: 107px;
		background: url(../images/last-ones.gif) no-repeat;
		color: white;
		font: bold 20px "Tahoma", "Arial", sans-serif;
		text-align: center;
		padding: 0px 0px 0px 0px;
		z-index: 9999; }
		
	.item .coming-soon {
		width: 61px;
		height: 61px;
		position: absolute;
		top: 16px;
		right: 107px;
		background: url(../images/coming-soon.gif) no-repeat;
		color: white;
		font: bold 20px "Tahoma", "Arial", sans-serif;
		text-align: center;
		padding: 0px 0px 0px 0px;
		z-index: 9999; }
		
	.item .priceonsale {
		width: 71px;
		height: 44px;
		position: absolute;
		top: 0;
		right: 0;
		background: url(../images/item_priceonsale.gif) no-repeat;
		color: white;
		font: bold 20px "Tahoma", "Arial", sans-serif;
		text-align: center;
		padding: 13px 0px 0px 0px;
		z-index: 999; }
		
	.item .pricenew {
		width: 71px;
		height: 44px;
		position: absolute;
		top: 0;
		right: 0;
		background: url(../images/item_pricenew.gif) no-repeat;
		color: white;
		font: bold 20px "Tahoma", "Arial", sans-serif;
		text-align: center;
		padding: 13px 0px 0px 0px;
		z-index: 999; }
		
	.item .pricefrom {
		width: 71px;
		height: 44px;
		position: absolute;
		top: 0;
		right: 0;
		background: url(../images/item_pricefrom.gif) no-repeat;
		color: white;
		font: bold 20px "Tahoma", "Arial", sans-serif;
		text-align: center;
		padding: 13px 0px 0px 0px;
		z-index: 999; }
		
	.item a { color: #ffffff; text-decoration:none; }
	.item a:hover { text-decoration:underline; }
	.item .viewdetails a { color: #4F717A; text-decoration:none; }
	.item .viewdetails a:hover { text-decoration:underline; }
	.item p { margin: 5px 0px; text-align: center; padding-right: 20px; }
	.item .price span { font-weight: normal; }
	.item .imageAlt { margin-bottom: 3px; }

/*
---------------------------------------------
07. CLASSES
---------------------------------------------
*/	
	
.np { padding: 0px; }
.nm { margin: 0px; }
.nb { border: 0px; }
.m5 { margin-bottom: 5px; }

.seperator {
	background: url(../images/seperator.gif);
	width:512px;
	height:20px;
	margin:20px 0px;
}

.clear { 
	display: block;
	clear: both; }
	
.clear:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }
	
/*
---------------------------------------------
00. END
---------------------------------------------
*/