/********************************************************************* OLD  */
/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/*
body{
	width:1001px;
	font-family: Arial,sans-serif;
	font-size:10pt;
	color: #333333;
	line-height: 1.166;	
	margin-top: 0px;
	padding: 0px;
	background-image:url(../graphics/menu/pagebk.gif);
	text-align:center;
}
*/


a:link, a:visited, a:hover {
	color: #0e549a;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* overrides decoration from previous rule for hovered links */

h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{color:#0e549a;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11pt;
   font-weight:bold;
	margin:0;
	padding:0;
}

h2{
 font-size: 114%;
 color: #006699;
}
.PaymentOptions {
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 3px;
	background-color: #0e549a;
}


h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

#bows {
border:1px solid #000000;
text-align:left;
}

/*
.hdr {
background:url(../graphics/menu/hdrback.gif);
color:#FFFFFF;
font-size:11pt;
font-weight:bold;
padding-left:4px;
vertical-align:middle;
background-repeat:no-repeat;
height:22px;
}
*/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

/***********************************************/
/* NAVIGATION Styles                           */
/***********************************************/

div#dog-collars {
background-image:url(../graphics/menu/topbg.gif);
margin:0px;
}

img.tp {
padding-right:8px;
border:0px;
}
				

/***********************************************/
/* Top Navigation                              */
/***********************************************/

/*
#masthead{
	margin: 0px;
	left:0px;
	background-image:url(../graphics/menu/headbg.gif);
	width:100%;
	height:84px;
}
*/



#sylvan {
	position:absolute;
	top:12px;
	left:0px;
	background-image:url(../graphics/menu/headbg.gif);
	text-align: center;
	height: 84px;
	width: 346px;
}

td.sylvan1 {
	background-image:url(../graphics/menu/headbg.gif);
	text-align: center;
	height: 84px;
	width: 346px;
	}

	td.kisspet {
	background-image: url(../graphics/menu/headbg.gif);
	text-align: center;
	height: 84px;

	}

td.ships-free {
	background-image:url(../graphics/menu/headbg.gif);
	width:375px;
	height:84px;
	text-align:center;
	}
	
td.navbar {
background-image:url(../graphics/menu/navbg-bk.jpg);
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
}

td.dog-collars {
background-image:url(../graphics/menu/freeshipbg.jpg);
width:375px;
text-align:center;
}

#nav {
vertical-align:middle;
}

#nav img {
vertical-align:middle;
padding-right:3px;
padding-left:9px;
border:0px;
}

#nav a {
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding-top:2px;
}


#botlinks {
border-top:double;
vertical-align:middle;
text-align:center;
padding-top:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:normal;
}



#botlinks a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:normal;
text-decoration:none;
color:#4e2c2a;
padding:4px 4px 4px 4px;
}

/*
.r-front {
background-image:url(../graphics/menu/sfnt-r-bk.gif);
text-align:center;
width:181px;
}
*/


.content{
padding-left:12px;
background-image:url(../graphics/menu/pagebk.gif);
}

.contentl{
background-image:url(../graphics/menu/pagebk.gif);
}

#browse {
top:152px;
background-image:url(../graphics/menu/catback.gif);
width:228px;
}

#browse a {
	font-size:10pt;
	font-weight:bold;
	color:#4e2c2a;
	text-decoration:none;
	padding-left: 12px;
	padding-top:2px;
	padding-bottom:3px;
    background-image: url(../graphics/menu/catdot.gif);
    background-repeat: no-repeat;
    background-position: left;
}

/*
#clinks {
padding-left:22px;
}
*/

/*
#{
top:152px;
background-image:url(../graphics/menu/12-2.jpg);
}
*/

td.cats {
width:228px;
background-image:url(../graphics/menu/12-1.jpg);
background-repeat:repeat-x;
}

td.harness {
background-image:url(../graphics/menu/12-2.jpg);
background-repeat:repeat-x;
}

/*
img.ctimg {
background-image:url(../graphics/menu/ctimg.gif);
padding:9px;
}
*/

img.primg {
background-image:url(../graphics/menu/primg.gif);
padding:11px;
}

#cat a {
	font-size:10pt;
	font-weight:bold;
	color:#4e2c2a;
	text-decoration:none;
	}
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/

body{
	text-align:center;
	background:#fbeecb;/*background image goes here*/
	margin:0;
	padding:0;
	}
#centerHack{ /*fixes float bug in IE 6 using small monitors*/
	width:960px;
	margin:0 auto;
	border:0px solid #f00;
	}
#wrapper{  /*contains everything*/
	position:relative;
	width:960px;
	float:left;
	background:#fbeecb;
	border:1px solid #aaaaaa;
	/*these font values are inherited by all nested containers*/
	font-family:arial, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	text-align:left;
	}
/*************************************************  GLOBAL PAGE CONTAINERS  */
#content2col{
	float:left;
	position:relative;
	top:25px;
	width:720px;
	border-left:235px solid #fbeecb;
	background:#fbeecb;
	}
#content1col{
	float:left;
	position:relative;
	top:-20px;
	margin-bottom:-10px;
	left:25px;
	width:900px;
	background:#fbeecb;
	border:0px solid #f00;
	}
#column1col{
	position:relative;
	top:-0px;
	margin-bottom:10px;
	left:0px;
	float:left;
	width:900px;
	background:#fbeecb;
	border:0px solid #0f0;
	}

/******************************************************** 2COL LEFT COLUMN  */
#leftColumn2col{
	float:left;
	position:relative;
	top:-36px;
	margin-bottom:0px;
	left:-230px;
	margin-right:-235px;
	width:228px;
	background:#d7c28c;
	border:0px solid #0f0;
	}
.leftColumnTopper{
	position:relative;
	left:-5px;
	background:#faebcb;
	width:235px;
	border:0px solid #000;
	}
.leftColumnTopper img{
	position:relative;
	top:4px;
	left:5px;
	}
/*************************************************************  CATTREE 1  */
.thisCat a{
	position:relative;
	left:13px;
	font-weight:bold;
	font-size:12px;
	margin:0px;
	padding-left:12px;
	background-image: url(../imgStore-sylvan/catdot3.gif);
	background-repeat: no-repeat;
	background-position: left;
	color:#660000;
	}
.thisCat a:hover{
	background-image: url(../graphics/menu/catdot2.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration:none;
	color:#00f;
	}
.cat img{position:relative;left:-8px;margin:0;}
.cat{
	position:relative;
	margin-top:6px;
	}
.cat a{
	width:228px;
	font-weight:bold;
	font-size : 14px;
	text-decoration:none;
	margin-left:8px;
	color:#ba1b04;
	}
.cat a:visited {color:#ba1b04;	margin-left:8px;}
.cat a:hover {color:#00f;margin-left:8px;text-decoration:none;}
.cat1 a{
	position:relative;
	left:13px;
	width:180px;
	font-weight :bold;
	font-size : 12px;
	text-decoration:none;
	padding-left:12px;
	color:#4a2c2a;
	background-image: url(../graphics/menu/catdot.gif);
	background-repeat: no-repeat;
	background-position: left;
	border:0px solid #000;
	}
.cat1 a:hover{
	color:#00f;
	background-image: url(../graphics/menu/catdot2.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration:none;
	}
.cat2{
	/*display:none;*/
	position:relative;
	left:32px;
	width:180px;
	font-size:10px;
	border:0px solid #000;
	}
.cat3{
	display:none;
	}
.cattreeFooter{
	width:115px;
	height:55px;
	margin:0 auto;
	border:0px solid #0f0;
	}
/******************************************************** 2COL RIGHT COLUMN  */
#rightColumn2col{
	position:relative;
	top:-40px;
	margin-bottom:-40px;
	left:15px;
	float:left;
	width:710px;
	background:#fbeecb;
	border:0px solid #000;
	}
#SFNTrightColumn2col{
	position:relative;
	top:-40px;
	margin-bottom:-40px;
	left:0px;
	float:left;
	width:725px;
	background:#fbeecb;
	border:0px solid #000;
	}
/***************************************************************  MASTHEAD  */
#masthead{
	width:960px;
	height:160px;
	background-image: url(../imgStore-sylvan/mastheadBkgd.gif);
	background-repeat: no-repeat;
	}
.mastheadLogo{
	float:left;
	position:relative;
	top:25px;
	left:10px;
	}
.mastheadLogo a{border:0;}
.mastheadLogo a:visited{border:0;}
.mastheadMiddleLogo{
	float:left;
	position:relative;
	top:11px;
	left:10px;
	}
.navbar1{
	float:right;
	position:relative;
	top:12px;
	left:-18px;
	width:280px;
	height:52px;
	border:0px solid #0f0;
	}
.navbar1 img{
	padding-right:8px;
	border:0px;
	}
.mastheadFreeShipping{
	float:right;
	position:relative;
	top:-6px;
	left:-48px;
	}
.mastheadFreeShipping a{border:none;}
.navbar2{
	float:left;
	position:relative;
	top:16px;
	left:6px;
	width:500px;
	height:22px;
	font-size:141px;
	font-weight:bold;
	color:#fff;
	border:0px solid #fff;
	}
.navbar2 img {
	float:left;
	position:relative;
	top:-8px;
	padding-right:3px;
	padding-left:9px;
	}
.navbar2 a{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ccc;
	padding-top:2px;
	text-decoration:none;
	}
.navbar2 a:hover{color:#fff;text-decoration:none;}
.navbar2 a:visited{color:#ccc;text-decoration:none;}
.navbar2 a:visited:hover{color:#fff;text-decoration:none;}
.searchNav{
	position:absolute;
	display:table;
	top:97px;
	left:424px;
	width:auto;
	height:20px;
	padding:0;
	margin:0;
	border:0px solid #f00;
	z-index:10;
	}
.miniCartEmpty{
	position:absolute;
	top:24px;
	left:524px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}
.miniCart{
	float:left;
	position:absolute;
	top:12px;
	left:520px;
	z-index:100;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:#d7c69a;
	}
div#links {position: relative; top: 4px; width: 120px; height: 20px; font: 10px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin-left:auto; margin-right:auto; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;}
div#links a:hover {color: #411; background: #AAA;
}

div#links a span {display: none;}
div#links a:hover span {
	display: block;
	 position: absolute;
	top: 10px;
	left:-70px;
	width: 220px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	color: #AAA; background:#fff;
	font: 10px Verdana, sans-serif;
	text-align: center;
	border:4px solid #494848;}
/**********************************************************  GLOBAL FOOTER  */
#footer{
	position:relative;
	top:40px;
	left:-1px;
	float:left;
	width:962px;
	height:48px;
	background:#fbeecb;
	border-top:1px solid #000;
	margin:0 auto;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#000;
	}
#footer a{color:#53322f; margin:0 4px;text-decoration:none;}
#footer a:hover{color:#9b0404; margin:0 4px;}
/*******************************************************************  SFNT  */
.r-front {
	background:#cabc94;
	text-align:center;
	width:181px;
	}
SFNTlinks a{
	color: #4e2c2a;
	font-weight:bold;
	text-decoration: none;
}
SFNTlinks a:hover{
	text-decoration: underline;
}
/*******************************************************************  CTGY  */
.categoryTitle{
	display:block;
	color:#660000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	}
.categoryTable{
	display:table;
	width:680px;
	position:relative;
	left:20px;
	border:0px solid #00f;
	}
.categoryDisplayTable{
	display:table;
	width:660px;
	position:relative;
	margin:0 auto;
	border:0px solid #0f0;
	}
.topProdLayout{
	height:190px;
	border:0px solid #f00;
	}
.bottomProdLayout{
	height:26px;
	border:0px solid #00f;
	}
img.ctimg {
	background-image:url(../graphics/menu/ctimg.gif);
	padding:9px;
	}
.subcatImageBorder{
	width:168px;
	height:144px;
	background-image:url(../graphics/menu/ctimg.gif);
	background-repeat:no-repeat;
	margin:0 auto;
	}
.subcatImage{
	position:relative;
	top:9px;
	left:9px;
	width:150px;
	height:126px;
	border:0px;
	}
.subcatLink{
	text-align:center;
	font-family:arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
.subcatLink a{
	color:#4e2c2a;
	text-decoration:none;
	}
.subcatLink a:hover{
	color:#00f;
	text-decoration:none;
	}
	
/*******************************************************************  PROD  */
.PRODbreadcrumbs{
	position:relative;
	left:6px;
	margin-bottom:12px;
	}
.productTitle{
	display:block;
	color:#660000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	}
.productTable{
	display:table;
	position:relative;
	left:20px;
	border:1px solid #00f;
	}
.prodDescription{
	font-family:arial,sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#4a2c2a;
	}
.hdr {
	height:16px;
	background-image:url(../imgStore-sylvan/hdrback.gif);
	background-repeat:repeat-x;
	border:1px solid #5d3706;
	color:#ffffff;
	font-size:11pt;
	font-weight:bold;
	padding-left:4px;
	line-height:16px;
	}
.relatedProdTable{
	margin:0 auto;
	}
.prodImage{
	position:relative;
	width:368px;
	height:303px;
	background-image:url(../imgStore-sylvan/prodBorder.jpg);
	background-repeat:no-repeat;
	padding:11px 0px 0px 0px;
	}
.relatedProdItem{
	width:160px;
	height:200px;
	border:12px solid #fbeecb;
	}
.relatedProdThumb {
	width:150px;
	height:127px;
	background-image:url(../graphics/menu/ctimg.gif);
	background-repeat:no-repeat;
	padding:9px 9px 9px 9px;
	border:0px solid #00f;
	}
.accessoryTable{
	width:580px;
	margin:0 auto;
	border:0px solid #0f0;
	}
/*************************************************************  LOGN - ORDL  */
#login {
	float:left;
	position:relative;
	top:24px;
	margin:0 auto;
	width: 570px;
	height:340px;
	background:#d7c28c;
	}
.loginHead {
	display:block;
	font: 17px Arial, sans-serif;
	font-weight: bold;
	color: #4a2c2a;
	text-align:center;
	}
.loginlt {
	float: left;
	width: 250px;
	height:180px;
	margin: 0px 10px 0 20px;
	border: 1px solid; #f00;
	padding: 0;
	border:0px solid #0f0;
	}
.loginrt {
	position:relative;
	float: left;
	width: 240px;
	padding-left:15px;
	margin-top:-100px;
	margin-left:260px;
	border-left:2px solid #4a2c2a;
	}
a .createNewAccount {
	float:left;
	position:relative;
	top:30px;
	left:-6px;
	width:269px;
	height:36px;
	background-image:url(../imgStore-sylvan/createNewAccount.gif);
	background-position:top left;
	}
a:hover .createNewAccount {
	background-position:bottom left;
	}
.ORDL{
	float:left;
	position:absolute;
	left:60px;
	margin-left:-10px;
	}
.LOGN{
	float:left;
	position:absolute;
	left:40px;
	}
a .logout2{
	width:215px;
	height:67px;
	background-image:url(../imgStore-sylvan/logout2.gif);
	background-position:top left;
	}
a:hover .logout2{
	background-position:bottom left;
	}

	
/*******************************************************************  BASK  */
a .continueShopping{
	float:left;
	position:relative;
	display:block;
	width:223px;
	height:30px;
	background-image:url(../imgStore-sylvan/continueShopping.gif);
	background-position:top left;
	border:0px solid #0f0;
	}
a:hover .continueShopping{
	background-position:bottom left;
	}
a .checkout{
	float:left;
	position:relative;
	left:18px;
	width:122px;
	height:31px;
	background-image:url(../imgStore-sylvan/checkout.gif);
	background-position:top left;
	border:0px solid #0f0;
	}
a:hover .checkout{background-position:bottom left;}
/*******************************************************************  OCST  */
.sylvanCheckoutHeader{
	font-family:arial, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#9b170d;
	}
.modifyCartLink{
	font-size:14px;
	font-weight:bold;
	}
.modifyCartLink a{text-decoration:underline;}
.modifyCartLink a:hover{text-decoration:none;}
.modifyCartLink a:visited{text-decoration:underline;}
.modifyCartLink a:visited:hover{text-decoration:none;}
/*******************************************************************  OSEL  */
.selectCardType{
	position:relative;
	left:60px;
	}
	
/*******************************************************************  MISC  */
.clear{clear:both;}/*used for clearing floats*/
a img{border:0;}
.preload{display:none;}
form{margin:0;padding:0;}

/*
******************************
******************************
copyright notice may not be removed or altered.
© 2008 by Steve Strickland
all rights reserved
www.ecommerce-retail.com
W3C validated CSS 2.1
******************************
******************************/