/* Default page styles */
body {
  margin: 0px;
  padding: 0px;
	background-color: #000000;	
	font-family: Arial, Sans-Serif;
	color:#333333;
}
table {
	padding: 0;
	border: 0;
  }
td {
	font-family: Arial, Sans-Serif;
	color:#333333;
  }
img {
	border:0;
  }
/*  Page Layout  */
/*	zdvContainer = The Master Outer Page Container */
#dvContainer {
    margin:0px auto;
    margin-bottom: 10px;
    text-align: left;
    width: 975px;
    background-color:#fff;
	}
	
/* header */
#dvHeader {
  width: 975px;
  height:30px;
  z-index: 100;
  }
  
#dvLogo {
  position: relative;
  top:5px;
  left:5px;
  z-index: 100;
  width:500px;
  float:left;
  }
  
 #dvCrueltyFree {
	float:right;	
	z-index: 150;
	position:relative;
	margin-bottom:-35px;
	margin-right: 15px;
 }
 
#dvSearchBar {
	float:right;
	z-index:1;
	position:relative;
	margin-top:-5px;
	padding-right:10px;
	padding-bottom:3px;
	}	
	
/*  ----------   */
/* header nav menu */

#dvMainMenu {
  vertical-align:middle;
  float:left; 
  width:975px;
  border:none; 
  background: url(images/bg_nav.jpg) repeat-x; 
  color: #CCE8E9;
  font-size:12px;   
}
#dvMainMenu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
}
#dvMainMenu ul li {
  float:left; 
  position:relative;
  z-index:250; 
  border-right:solid 1px #ffffff;
}
#dvMainMenu ul li ul {
  display:none; 
  border:none;
}
#dvMainMenu ul li a {
  float:left; 
  display:block; 
  height:24px;
  line-height:24px; 
  padding:0 12px 0 12px; 
  text-decoration:none; 
  color: #ffffff;
  font-weight:900;
}
#dvMainMenu ul li a:hover {
  float:left; 
  display:block; 
  height:24px;
  line-height:24px; 
  padding:0 12px 0 12px; 
  text-decoration:none; 
  color: #CCE8E9;
  font-weight:900;
}
#dvMainMenu ul li:hover {
  width:auto;
}
#dvMainMenu table {
  position:absolute; 
  z-index:249; 
  top:0; 
  left:0; 
  border-collapse:collapse;
}
  /*Non-IE6*/
#dvMainMenu ul li:hover a {
  background-color:transparent; 
  text-decoration:none;
} 
#dvMainMenu ul li:hover ul {
  display:block; 
  position:absolute; 
  z-index:248; 
  top:20px; 
  left:0;
}
#dvMainMenu ul li:hover ul li ul {
  display: none;
}
#dvMainMenu ul li:hover ul li a {
  display:block; 
  width:10em; 
  height:20px;
  line-height:20px;
  margin-left:-1px; 
  border-left:solid 1px #BEBEBE; 
  border-right:solid 1px #BEBEBE;
  border-bottom: solid 1px #BEBEBE; 
  background-color:#ffffff; 
  font-weight:normal; 
  font-size:11px;
  color:#333333;
} 
#dvMainMenu ul li:hover ul li a:hover {
  background-color:#DFF2F8; 
  text-decoration:none;
} 
  /*IE6*/
#dvMainMenu ul li a:hover {
  background-color:transparent; 
  text-decoration:none;
}
#dvMainMenu ul li a:hover ul {
  display:block; 
  position:absolute;
  z-index:247;   
  left:0; 
  top:2.3em;
  margin-top:-9px;
}
#dvMainMenu ul li a:hover ul li a {
  display:block; 
  width:10em; 
  height:1px; 
  line-height:20px; 
  border-left:solid 1px #BEBEBE;
  border-right:solid 1px #BEBEBE; 
  border-bottom: solid 1px #BEBEBE; 
  background-color:#fff; 
  font-weight:normal; 
  color:#663300;
} 
#dvMainMenu ul li a:hover ul li a ul {
  visibility:hidden; 
  height:0px; 
  width:0px; 
  position:absolute; 
  z-index: 247;
}
#dvMainMenu ul li a:hover ul li a:hover {
  background-color:#DFF2F8; 
  text-decoration:none;
} 
/*  ----------   */
/* primary content section */

#dvContentHolder{
	position: relative;
	width: 975px;
  }
  
#dvContent2 {
  padding: 0 0 0 0;
	position:relative;
	width:975px;
	background-color:#FFFFFF;
	text-align:left;
	margin-bottom:0px;
	}	
  
/* left nav */  
#dvLeftNav {
  float:left;
	width:145px;
	padding-top:15px;
  }
#dvLeftNav h1{
	margin: 12px 15px 0 15px; padding-bottom: 6px;
	font-size: 15px; color: #E7D4A7;
	}
#dvLeftNav h2{
	margin: 0; padding: 10px 15px 0 15px;
	font-size: 11px; color: #0048AC;
	font-weight: bold;
	}
#dvLeftNav h3{
	margin: 0;
	font-weight: normal; font-size: 11px;
}
#dvLeftNav ul{margin: 0; padding: 0 15px 6px 16px;}
#dvLeftNav li{
	line-height: 85%;
	margin: 0; padding: 0;
	list-style: none;
	padding-top: 9px;
	padding-left: 9px;
	}
#dvLeftNav .current{background: url(images/curr_sel.gif) no-repeat left 10px;}
#dvLeftNav .current a{color: #BA8F49; font-weight: bold;}
/*  ----------   */
/* */
#dvCenterContent{
  float:left;
	width:800px;
	font-size:12px;
  }
/*  ----------   */  
img.floatRight{
  float: right;
  padding-right: 15px;
  padding-left: 15px;
}
a {
	text-decoration:none;
	font-family: Arial, Sans-Serif;
	color: #006699;
}	
a:visited {
  color:#006699;
}
a:hover {
  color:#336699;
  text-decoration:underline;
}
a:whitelink {	
	color:#FFFFFF;
	text-decoration:underline;
}
input.qty {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	font-weight: bold;
	text-align: center;
	border-top:1px solid #B7B6B5;
	border-right:1px solid #B7B6B5;
	border-bottom:1px solid #B7B6B5;
	border-left:1px solid #B7B6B5;
	width: 17px;
}
.ctrPanel {
	background-color:White;
	padding-top:10px;
	min-height:550px;
	_height:550px;	
}
.greyBG {
	background-color:#E6E7E8;
}
.greenBG {
	background-color:#E9ECCD;
}
.orangeBG {
	background-color:#FFEAD2;
}
.blueBG {
	background-color:#D2D3EB;
}
/*  text formatting */
.white {	
	color:#FFFFFF
}
.blue {
	color:#336699;
}
.green {
	color:#AFBD22;
}
.grey {
	color:#A7A9AC;
}
.orange {
	color:#FDC180;
}

.slate {
	color:#54839f;
	}
  
.b {
	font-weight:bold;
}
.rte {
	text-align:right;
}
.lft {
	text-align:left;
}
.ctr {
	text-align:center;
}
.u {
	text-decoration:underline;
}
h2 {
	font-size:15px;
	font-weight:normal;
}
h3 {
	font-size:13px;
	font-weight:normal;
}
.title {
	font-size:16px;
	letter-spacing:8;
}
td.header {
	font-family: Arial, Sans-Serif;
	font-size:12px;
    font-weight: bold;
	color:#666666;
}
.loginLink {
	text-decoration:none;
	color:#666666;
	font-size:11px;
	}
.loginLink:hover {
	text-decoration:underline;
	color:#7C93C9;
	font-size:11px;
	}

.font18 {
	font-size:18px;
	}
.font16 {
	font-size:16px;
	}
.font14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.font12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.font10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.press {
	color:#7C93C9;
	font-weight:bold;
}

.feature {
	font-family:"Century Gothic";
	font-size:16px;
	color:#666666;
	}
	
.featuresm {
	font-family:"Century Gothic";
	font-size:12px;
	color:#666666;
	}

/*tabs */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Arial, Helvetica, Verdana;
    font-size: 11px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(images/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color:#333333;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}