﻿html
{height:100%;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}
footerclean
{height:300px;}

body
{
    margin: 0px;
    padding: 0px;
    z-index: 1;
    color: #000000;
    background: #cccc98;
    font: .7em Verdana, Arial, Helvetica, sans-serif;
    
}
#content
{height:100%;
    margin: 20px auto;
    width: 1000px;
    padding: 0px;
    position: relative;
    z-index: 0;
    background-color: #FFFFFF;
    border-right: #6c6d31 solid;
    border-top: #6c6d31 solid;
    border-left: #6c6d31 solid;
    border-bottom: #6c6d31 solid;
}

/* basic selectors */
a.adtext { color: Black; text-decoration:none}
a:hover.adtext{ color: Black; text-decoration:none}
a:link { color: Black; text-decoration:none}
a:visited { color: Black;  text-decoration:none}
a:active, a:hover { color: #000099;  text-decoration:underline;}
li{z-index:1;}
th
{
    vertical-align:top;
}
td
{
    vertical-align:top;
}
h1 {
	color: #5b626c;
	font: bold 130% Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	color: #5b626c;
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	color: #5b626c;
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	color: #5b626c;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h5 {
	color: #000;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h6 {
	color: #000;
	font: bold italic 100% Verdana, Arial, Helvetica, sans-serif;
}
img { border: 0px; }
hr { color: #ccc; height: 1px; }
table { font-size: 100%; }
code { color: #6c0; font: 100% "Courier New", Courier, monospace }
form { margin: 0px; padding: 0px; }
input, textarea, select { font: 100% Verdana, Arial, Helvetica, sans-serif; border:1px solid #666666;}
#bar2
{
    /* styles for horizontal top bar */
    background: #720000;
    height: 37px;
    font-size: 110%; /* box model hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 27px;
    width:564px;
    z-index: 100; padding-left:20px; padding-right:20px; padding-top:7px; padding-bottom:3px
    
}
	html>body #bar2 { height: 27px; }

#bar
{
    /* styles for horizontal top bar */
    background: #6c6d31;
    height: 37px;
    padding: 7px 20px 3px 20px;
    font-size: 110%; /* box model hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 27px;
    z-index: 100;
    margin-top: 142px;
}
	html>body #bar { height: 27px; }
#bar3
{
    /* styles for horizontal top bar */
    background: #877b62;
    height: 30px;
    padding: 7px 20px 3px 20px;
    font-size: 110%; /* box model hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 30px;
    z-index: 100;
    width:99%;
   
}
	html>body #bar3 { height: 27px; }


/* layout styles */
#header {
	height: 70px;
	z-index:100;

}

#logo {
	position: absolute;
	
	top: 13px;
	z-index:2;

}

#menu1
{
    /* styles for top menu */
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    }
	#menu1 ul { list-style: none; padding: 0px; margin: 0px; }
	#menu1 li { padding: 0px; margin: 0px; display: inline; border-left: solid 1px #000; }
	#menu1 li.first { border-left: none; z-index:2; }
	#menu1 li a:link, #menu1 li a:visited { 
		padding: 0px 2px 0px 5px; 
		 
		text-decoration: none; 
	}
	#menu1 li a:active, #menu1 li a:hover {
		
		text-decoration: underline;
	}

#mainmenu { /* styles for section or tab menu */
	position: absolute;
	top: 61px;
	left: 207px;
	width: 1200px;
		z-index:2;

}
	html>body #mainmenu {
		position: relative; /* Necessary for menu to position in Opera */
	}
	#mainmenu ul { list-style: none; padding: 0px; margin: 0px; }
	#mainmenu li { display: inline; }
	#mainmenu li a:link, #mainmenu li a:visited { 
		background: url('images/tab.gif') no-repeat 0px 1px;
		display: block;
		float: left;
		margin-right: 1px;
		width: 116px;
		height: 27px;
		color: Black; 
		font-weight: bold;
		text-decoration: none; 
		text-align: center;
		padding-top: 6px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 21px;
		width: 118px;
	}
	html>body #mainmenu li a:link, html>body #mainmenu li a:visited { width: 115px; height: 21px; }
	#mainmenu li a:active, #mainmenu li a:hover, #mainmenu li a.selected{
		background: url('images/tab.gif') no-repeat 0px -92px;
	}



	#leftcontent 
	{float:left;
		position:absolute;
		top:250px;
		left:10px;
		width:180px;
		background:#fff;
			z-index:2;

		}

	#rightcontent {float:right;
		position:absolute;
		right:10px;
		top:250px;
		width:180px;
		background:#fff;
			z-index:2;

		}
	#centercontent 
	{
		margin-top:40px;
		background:#fff;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 200px;
   		margin-right:205px;
   			z-index:100;

		}
		
#centercontentnixright
	{ 
		margin-top:20px;
		background:#fff;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 185px;
   		

   		
   			z-index:100;

		}
		#ie6only{padding-right:108px;
		}
	html>body #centercontent {
   		margin-left: 200px;
   		margin-right:205px;
   			z-index:100;

		}
	#centercontentwide 
	{
		margin-top:20px;
		background:#fff;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 200px;
   		margin-right:10px;
   			z-index:100;

		}

	html>body #centercontentwide {
   		margin-left: 200px;
   		margin-right:10px;
   			z-index:100;

		}

.subtotal
{
    text-align: right;
    border-top: 1px solid #c9c9c9;
    margin-top: 5px;
}

.sectionheader
{
    border-bottom: #dcdcdc 1px dotted;
    color: #65738E;
    font-size: 8pt;
    padding-bottom: 5px;
    font-weight:bold;
}

.admin-header
{
    background-color: #6190CD; 
    height:40px;
    padding-left:10px;
    border-bottom:solid 4px #B4CCEB;
}
.admin-header h1
{
    color: white;
}

.admintable
{
	margin: 5px;
	padding:0;
	width:700px;
	border:1px dashed #cccccc;

}
.adminlabel
{
    font-size: 8pt;
    font-family: verdana;
    width: 120px;
    margin-bottom: 3px;
    vertical-align: top;
}
.adminitem
{
	border-width:0px;
	background-color: #ffffff;
	margin-bottom:3px;
}

.ourprice
{
	font-weight: bold;
	font-size: 10pt;
	color: #720000;
	font-family: verdana;
}

.retailprice
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: verdana;
	text-decoration: line-through;
}

.totalbox
{
	text-align:center;
	color:#990000;
	font-weight:bold;
}

.adbox
{
	padding:10px;
	font-size:9pt;
	margin-bottom:10px;
	border:1px solid gainsboro;
}
a.editme
{
	text-decoration:none;
	color:#4a4d5c;
}
.commandbar
{
    padding: 3px;
    font-size: 8pt; /*	background-color: blue;*/
    border: 1px solid gainsboro;
    
}


#footer {
	clear: both;
	border-top: solid 1px #d4d9de;
	padding: 5px;
	text-align: center;
}
.mainproductimage {
	width: 220px;
	text-align: center;
	float: left;
	padding-bottom: 10px;
}

.productdata {
	border: none;
	border-collapse: collapse;
}
	.productdata td, .productdata th { font-weight: normal; padding: 2px; text-align: left; }
	.price { font-weight: bold; color: #720000; }
	del.price { color: #000; text-decoration: line-through; 
}

.productsection
{
	padding:30px;
	border-top:1px dashed #cccccc;
}

.browsebox
{clear:none;
    border-right: #6c6d31 solid;
    border-left: #6c6d31 solid;
    border-bottom: #6c6d31 solid;
    border-top: #6c6d31 solid;
}
.browsebox2
{border:Thin solid #720000;padding-right:7px;padding-top:7px;padding-bottom:7px;
height:100px; 

}
.carttext
{width:100%;

    }


.browsebox h1
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #3973b5;
    border-bottom: 1px dashed #cccccc;
}
.browsebox h1 a
{
    color: #3973b5  ;
}


h1.accent
{
 	font-size: 12px;
	font-weight:bold;
	color:#990000;
	margin: 0px;
	margin-bottom:5px;
   
}
.smalltext
{
    font-size: 8pt;
    color: #666666;
    font-family: verdana;
}
.wb a:link, .wb a:active, .wb a:visited { text-decoration: none; color: #855A37; font-weight:bold }
  .wb a:hover { text-decoration: underline; color: #000099 }
.adbox h3
{
    font-weight: bold;
    font-size: 10pt;
    font-family: verdana;
	color:#C7C030;
	margin-top:1px;
	margin-bottom:3px;

}
.loginheader
{ 
    height:30px;
    font-weight: bold; 
    font-size: 10pt; 
    color: #666666; 
    font-family: verdana; 
    background-color: #f5f5f5; 
    text-align:center;
 }
 .logincell
 {
    background-color:#ffffff;
    vertical-align:middle;
    text-align:center;
    padding:20px;
}
.logtable
{
    border:1px solid #cccccc;
    background-color:#cccccc;
    
}
.category
{
    background-color: #cccc98;
    font-weight: bold;
    padding-left: 10px;

    
}

.dogsuppliescategory
{margin-top:40px;
    background-color: #6c6d31;
    padding-bottom: 10px;
    padding-top:10px;
    font-weight: bold;
padding-left: 10px;
}

.subcategory
{
    background-color: #cccc98;
    padding-left: 25px;
}
.productbox
{
     height:300px;
     width:220px;
     border:1px solid #c5c5c5;
     margin:5px;

}
.productbox2
{
     
     width:143px;
     border:1px solid #c5c5c5;
     margin-top:2.5px;margin-bottom:2.5px;margin-right:2.5px;margin-left:2.5px;



}

.productimage
{
    width:75px;
}
.productsummarydisplaywrapper
{
     width:200px;
     padding-top:20px;
}
.productsummarydisplaywrapper2
{
     
     
}
.productsummaryimageholder
{
    height:135px;
    text-align:center;
    vertical-align:middle;
}
.productsummarytext
{
    padding-left:20px;
    height:55px;
}
.productsummarytext2
{height: 60px;
font-size: 8pt
    }
.retailprice
{
    font-weight: bold;
    color: black;
    text-decoration: line-through;
}
.yousave
{
    font-weight: bold;
    color: #336600;
}
.hookline
{padding-right:10px;
    font-size: larger;
    color: #5b626c;
    font-style: italic;
}
.coreboxbody
{
    background-image:url('images/core_box_bg.gif');
    width:140px;
    padding-left:20px;
    padding-right:20px;
    z-index:2
}
.coreboxtop
{
   background-image:url('images/core_box_top.gif');
   height:22px;
   width:180px;
z-index:2
}
.coreboxbottom
{
    width:180px;
    background-image:url('images/core_box_bottom.gif');
    height:22px;
z-index:2
}
.coreboxheader
{
    width:180px;
    background-image:url('images/core_box_bg.gif');
    font-weight: bold;
    padding-top:5px;
    padding-bottom:10px;
    text-align:center;
    z-index:2
}
.tenpixspacer
{
    height:10px;
}
.twentypixspacer
{
    height:20px;
}
.sectionoutline
{
    border:1px solid #cccccc;
    padding:15px;
}

checkout-visited
{
    font-size: 16pt;
    color: #dcdcdc;
    font-family: verdana;
}
checkout-current
{
    font-size: 16pt;
    color: #990000;
    font-family: verdana;
}
/* Rating */
.ratingstar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledratingstar {
    background-image: url('http://www.dogsuppliesstore.com/App_Themes/Default/Images/FilledStar2.png');

}

.emptyratingstar {
    background-image: url('http://www.dogsuppliesstore.com/App_Themes/Default/Images/EmptyStar2.png');
}

.savedratingstar {
    background-image: url('http://www.dogsuppliesstore.com/App_Themes/Default/Images/SavedStar2.png');
}
fieldset
{
    padding:10px;
    -moz-border-radius: 1em;
    border-radius: 1em;

}
.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}
#ads
{
    margin-top: 40px;
}
.largeheader
{
    font-size: x-large;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
:hover#prevLink, :visited:hover#prevLink { background: url('~/images/prevlabel.gif') no-repeat left 15%; }
:hover#nextLink, :visited:hover#nextLink { background: url('~/images/nextlabel.gif') no-repeat right 15%; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }