/* 0.0 CSS LEGEND
--------------------------------------------------

YUI CSS Reset

1.0 YUI RESET
2.0 YUI BASE
2.0 YUI FONTS

--------------------------------------------------
*/


/* @group 1.0 YUI RESET
--------------------------------------------------*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* @end */


/* @group 2.0 YUI BASE
--------------------------------------------------*/
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th{font-weight:bold;text-align:left;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}
/* @end */


/* @group 3.0 YUI FONTS
--------------------------------------------------*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* @end */


/* 0.0 CSS LEGEND
--------------------------------------------------

Website Styles

1.0 HTML
2.0 SITE-WRAPPER
3.0 SITE-BRANDING
4.0 SITE-NAVIGATION
5.0 SITE-CONTENT
	5.1 CONTENT-MAIN
	5.2 CONTENT-SUB
6.0 SITE INFO
7.0 HOME PAGE
8.0 EMAIL FORM
9.0 IMAGE ZOOM

--------------------------------------------------
*/


/* @group 1.0 HTML
--------------------------------------------------*/
body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
dl {
	margin: 0;
	padding: 0;
}
dl dt {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
}
dl dt a { font-weight: bold; }
dl dd {
	margin: 0;
	padding: 0 0 15px 0;
}
font {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}
a {
	color: #06f;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
div.hr {
	background: #ddd;
	height: 1px;
	margin: 25px 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
div.hr hr {
	left: -9999px;
	margin: 0;
	position: absolute;
	top: -9999px;
}
/* @end */


/* @group 2.0 SITE-WRAPPER
--------------------------------------------------*/
div#site-wrapper {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 760px;
}
div#AccessibilityLinks {
	left: -9999px;
	position: absolute;
	top: 0;
}
/* @end */


/* @group 3.0 SITE-BRANDING
--------------------------------------------------*/
div#site-branding {
	background: transparent url(../images/site-branding.png) repeat-x bottom left;
	height: 117px;
	position: relative;
	width: 760px;
}
div#site-branding h1 {
	background: transparent url(../images/site-branding-h1.gif) no-repeat;
	height: 111px;
	left: 9px;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 17px;
	text-indent: -9999px;
	width: 111px;
	z-index: 900;
}
div#site-branding h1 a {
	display: block;
	height: 111px;
	left: 0;
	position: absolute;
	top: 0;
	width: 111px;
}
/* @end */


/* @group 4.0 SITE-NAVIGATION
--------------------------------------------------*/
div#site-navigation {
	
}

/* Main nav: Primary level */
div#site-navigation ul#site-navigation-primary,
div#site-navigation ul#site-navigation-primary li {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#site-navigation ul#site-navigation-primary {
	height: 24px;
	left: 115px;
	position: absolute;
	top: 93px;
	z-index: 1000;
}
div#site-navigation ul#site-navigation-primary li {
	float: left;
	font-size: 10px;
	height: 24px;
	line-height: 24px;
	position: relative;
	text-transform: uppercase;
}
div#site-navigation ul#site-navigation-primary li a {
	color: #fff;
	display: block;
	float: left;
	height: 22px;
	line-height: 22px;
	padding: 0 15px 2px 15px;
	text-decoration: none;
}
div#site-navigation ul#site-navigation-primary li a:hover,
div#site-navigation ul#site-navigation-primary li.hover a {
	background: #4f6da2;
}

/* Main nav: Secondary level */
div#site-navigation ul#site-navigation-primary li ul {
	background: transparent url(../images/site-navigation-ul.png);
	left: 0;
	margin: 0;
	padding: 8px;
	position: absolute;
	top: 24px;
	width: 134px;
}
* html div#site-navigation ul#site-navigation-primary li ul {
	background-color: #4f6da2;
	background-image: none;
}
div#site-navigation ul#site-navigation-primary li ul li {
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 0;
	width: 134px;
}
div#site-navigation ul#site-navigation-primary li ul li a {
	background: transparent !important;
	float: none;
	font-size: 11px;
	height: 1.3em;
	line-height: 1.3em;
	padding: 0;
	width: 134px;
}
div#site-navigation ul#site-navigation-primary li ul li a:hover {
	background: transparent;
	text-decoration: underline;
}
div#site-navigation ul#site-navigation-primary li ul li h4 {
	border-top: 2px solid #59769c;
	color: #5987f5;
	font-size: 11px;
	font-weight: normal;
	height: 1.3em;
	line-height: 1.3em;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}

/* Sub nav */
div#site-navigation p#site-navigation-secondary {
	color: #000;
	font-size: 10px;
	line-height: 33px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
}
div#site-navigation p#site-navigation-secondary a {
	color: #000;
	padding: 0 8px;
	text-decoration: none;
}
div#site-navigation p#site-navigation-secondary a:hover {
	color: #06f;
	text-decoration: underline;
}
/* @end */


/* @group 5.0 SITE-CONTENT
--------------------------------------------------*/
div#site-content {
	background: #fff url(../images/site-content.gif) repeat-y;
	overflow: hidden;
	width: 760px;
}


/* @group 5.1 CONTENT-MAIN
--------------------------------------------------*/
div#content-main {
	background: transparent url(../diamond_page_images/content-main.jpg) no-repeat;
	color: #676767;
	float: right;
	padding: 408px 25px 0 75px;
	position: relative;
	width: 478px;
}
div#content-main h2 {
	background: #ebdbb1 url(../images/site-content-h2.png) repeat-x top left;
	color: #000;
	font-size: 24px;
	font-weight: normal;
	left: 0;
	line-height: 48px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 324px;
	text-align: center;
	text-transform: uppercase;
	width: 578px;
}
div#content-main h3#buy_online {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}
div#content-main h3 {
	font-size: 25px;
	font-weight: normal;
	margin: 0 0 15px 0;
}
div#content-main h4 {
	color: #676767;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}
div#content-main p {
	line-height: 1.5; 
	margin: 0 0 15px 0;
}

body.testimonials dl dt {
	font-size: 25px;
	font-weight: normal;
}
body.testimonials dd {
	overflow: hidden;
	width: 478px;
}
body.testimonials dd a.zoomImage {
	display: block;
	float: right;
	margin: 0 0 10px 15px;
}
body.testimonials dd img {
	float: right;
}
div#content-main p.disclaimer {
	background: #ffc;
	border: 1px dotted #ccc;
	color: #666;
	font-size: 10px;
	line-height: 1.5;
	margin: 25px 0 0 0;
	overflow: hidden;
	padding: 15px;
	position: relative;
	width: 448px;
}
body.faq div#content-main h3 {
	border-top: 1px solid #ddd;
	margin: 25px 0 15px 0;
	padding: 15px 0 0 0;
}
body.faq ul,
body.faq ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
body.faq ul {
	margin: 0 0 15px 0;
}
body.faq ul li {
	margin-bottom: 5px;
}
body.faq div#content-main ul li h4 {
	font-size: 16px;
}
body.faq ul li div {
	border-left: 2px solid #ddd;
	margin: 5px 0 15px 0;
	padding-left: 15px;
}
body.products p#purifiedwater {
	border-top: 1px dotted #000;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}
body.products p#purifiedwater img {
	float: right;
	margin: 0 0 5px 25px;
}
ul.columns,
ul.columns li,
ul.columns li ul,
ul.product-feature,
ul.product-feature li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.columns {
	margin-bottom: 15px;
	overflow: hidden;
	width: 478px;
}
ul.product-feature {
	
}
ul.product-feature li {
	margin: 0 0 30px 0;
	overflow: hidden;
	width: 478px;
}
ul.product-feature li img {
	float: left;
	margin: 0 30px 0 0;
}
table.listTable {
	margin: 1em 0;
}
table.listTable td {
	padding: 3px 10px 3px 0;
}
/* @end */


/* @group 5.1.1 PAGE SPECIFIC MODIFICATIONS
--------------------------------------------------*/
body.faq div#content-main,
body.promotions div#content-main,
body.dealer_locator div#content-main,
body.contact_us div#content-main,
body.site_map div#content-main,
body.about_diamond div#content-main,
body.privacy_policy div#content-main,
div#site-content div.noheader {
	background-image: none;
	padding-top: 93px;
}
body.faq div#content-main h2,
body.promotions div#content-main h2,
body.dealer_locator div#content-main h2,
body.contact_us div#content-main h2,
body.site_map div#content-main h2,
body.about_diamond div#content-main h2,
body.privacy_policy div#content-main h2,
div#site-content div.noheader h2 {
	top: 15px;
}
body.dealer_locator div#site-content,
body.site_map div#site-content {
	background-image: none;
}
body.dealer_locator div#content-main,
body.site_map div#content-main {
	float: none;
	padding-left: 0;
	padding-right: 0;
	width: 760px;
}
body.dealer_locator div#content-sub,
body.site_map div#content-sub {
	display: none;
}
body.dealer_locator div#content-main h2,
body.site_map div#content-main h2 {
	width: 760px;
}

body.dealer_locator div#locator-container {
	margin: 0;
	padding: 0;
	width: 760px;
}
body.dealer_locator div#locator-container div#form-container {
	float: left;
	width: 250px;
}
body.dealer_locator div#locator-container div#map-container {
	float: right;
	width: 500px;
}

div.sitemapCol { float: left; padding: 0 0 0 50px; width: 330px; }
body.site_map div#content-main ul,
body.site_map div#content-main li {
	margin: 0;
	padding: 0;
	list-style: none;
}
body.site_map div#content-main ul li { font-size: 22px; margin: 0 0 15px 15px; }
body.site_map div#content-main ul li li { font-size: 18px; margin-bottom: 0; }
body.site_map div#content-main ul li li li { font-size: 15px; margin-bottom: 0; }
body.site_map div#content-main ul li li li li { font-size: 12px; margin-bottom: 0; }

body.site_map div#content-main ul {  }
body.site_map div#content-main ul ul { border-left: 2px solid #eee; margin-bottom: 15px; }
body.site_map div#content-main ul ul ul {  }
body.site_map div#content-main ul ul ul ul {  }

/* Products */
body.products table.product-list td {
	border-bottom: 1px solid #ddd;
	padding: 15px 0 15px 0;
}
body.products table.listTable {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0;
	width: 100%;
}
body.products table.listTable th {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
	text-align: left;
	padding: 10px 3px;
}
body.products table.listTable td {
	padding: 5px;
	vertical-align: top;
}
body.products table.listTable tr.dark_row td {
	background: #ecf2fa;
}
body.products table.listTable tr.light_row td {
	background: #fff;
}
/* @end */


/* @group 5.2 CONTENT-SUB
--------------------------------------------------*/
div#content-sub {
	background: #f3f3f3;
	float: left;
	padding: 50px 25px 25px 25px;
	width: 130px;
}
div#content-sub h3 {
	color: #b6b6b6;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 12px 0;
	text-transform: uppercase;
}
div#content-sub ul,
div#content-sub ul li {
	font-size: 12px;
	list-style: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
div#content-sub ul {
	margin-bottom: 17px;
}
div#content-sub ul li {
	margin-bottom: 3px;
	width: 130px;
}
div#content-sub ul li a {
	display: block;
	padding-left: 2px;
	text-decoration: none;
	width: 128px;
}
div#content-sub ul li a:hover {
	text-decoration: underline;
}
div#content-sub ul li.selected a {
	color: #b6b6b6;
	cursor: default;
}
div#content-sub ul li.selected a:hover { text-decoration: none; }
div#content-sub ul li h4 {
	background: #dfdfdf;
	color: #676767;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 2px 0;
	padding: 4px 2px;
}
div#content-sub ul li h4 a {
	display: inline;
	padding: 0;
}
div#content-sub ul li h5 {
	color: #9e9e9e;
	margin: 0;
	text-indent: 2px;
}
/* @end */


/* @end */


/* @group 6.0 SITE-INFO
--------------------------------------------------*/
div#site-info {
	background: transparent url(../images/site-info.gif) no-repeat 0 35px;
	font-size: 10px;
	overflow: hidden;
	padding: 115px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 760px;
}
div#site-info p {
	margin: 0 0 15px 0;
}
/* @end */


/* @group 7.0 HOME PAGE
--------------------------------------------------*/
body.home div#site-content {
	background: none;
}

/* CONTENT-MAIN */
body.home div#content-main {
	background: none;
	float: none;
	line-height: 1;
	padding: 15px 0 268px 0;
	position: relative;
	width: 760px;
}
body.home div#content-main p#home-image-detailtext {
	left: -9999px;
	position: absolute;
	top: -9999px;
}
body.home ul#home-pick-species,
body.home ul#home-pick-species li {
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}
body.home ul#home-pick-species {
	bottom: 49px;
	height: 251px;
	left: 10px;
	overflow: hidden;
	position: absolute;
	width: 740px;
}
body.home ul#home-pick-species li#home-pick-species-cat {
	background: transparent url(../images/home-cat.png) no-repeat 0 77px;
	float: right;
	height: 128px;
	padding: 123px 0 0 112px;
	width: 262px;
}
* html body.home ul#home-pick-species li#home-pick-species-cat { background-image: url(../images/home-cat.gif); }
body.home ul#home-pick-species li#home-pick-species-dog {
	background: transparent url(../images/home-dog.png) no-repeat 68px 0;
	float: left;
	height: 128px;
	padding: 123px 0 0 68px;
	width: 272px;
}
* html body.home ul#home-pick-species li#home-pick-species-dog { background-image: url(../images/home-dog.gif); }
body.home ul#home-pick-species li a {
	display: block;
	height: 55px;
	text-indent: -9999px;
}
body.home ul#home-pick-species li#home-pick-species-cat a {
	width: 190px;
}
body.home ul#home-pick-species li#home-pick-species-dog a {
	width: 180px;
}
ul#vendors {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
}
ul#vendors li {
	margin-left: 0;
	padding-left: 0;
}

/* CONTENT-SUB */
body.home div#content-sub {
	background: none;
	float: none;
	overflow: hidden;
	padding: 0;
	text-align: center;
	width: 760px;
}
body.home div#content-sub p {
	margin: 0 0 0 -16px;
	overflow: hidden;
	text-align: center;
	width: 792px;
}
body.home div#content-sub p a {
	padding: 0 16px;
}
/* @end */


/* @group 8.0 EMAIL FORM
--------------------------------------------------*/
div#content-main div.form-container h3 { margin: 1em 0 .2em 0; font-size: 16px; text-transform: none; }
div#content-main div.form-container fieldset { border: 1px solid #e3e3e3; border-bottom: none; margin: 0 0 2em 0; padding: 0; background: #f3f3f3; }
div#content-main div.form-container fieldset p { border-bottom: 1px solid #e3e3e3; padding: 15px; margin: 0; }
div#content-main div.form-container table { margin-top: 15px; }
div#content-main div.form-container .form_instructions { font-size: 10px; line-height: 1.2; border: 1px dashed #bdf; padding: 5px 10px; background: #fff; margin: 15px 15px 0 15px; }
div#content-main div.form-container .form_instructions em {  }
div#content-main div.form-container label { font-weight: bold; font-size: 12px; }
div#content-main div.form-container .errors,
div#content-main div.form-container .box_green { margin: 15px 0; padding: 15px; border: 1px solid #fc6; background: #ffc; }
div#content-main div.form-container .box_green { background: #d8ffcc; border-color: #291; color: #291; }
div#content-main div.form-container .errors p { background: transparent url(../images/exclamation.gif) no-repeat 0 2px; padding-left: 25px; }
div#content-main div.form-container .box_green p { background: transparent url(../images/accept.gif) no-repeat 0 2px; padding-left: 25px; }
div#content-main div.form-container .errors p em { color: #c00; font-style: normal; font-weight: bold; }
div#content-main div.form-container label.error,
div#content-main div.form-container h3.error { color: #c00; font-weight: bold; }
div#content-main div.form-container label em,
div#content-main div.form-container h3 em { font-style: normal; color: #c00; }
div#content-main div.form-container input.error,
div#content-main div.form-container textarea.error { border-color: #c00; background-color: #fef; }
div#content-main div.form-container input:focus,
div#content-main div.form-container input.error:focus, 
div#content-main div.form-container textarea:focus { background-color: #ffc; border-color: #fc6; }
/* @end */


/* @group 9.0 IMAGE ZOOM
--------------------------------------------------*/
div#expandMe {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff;
	box-shadow: 0 0 12px #000;
	-moz-box-shadow: 0 0 12px #000;
	-webkit-box-shadow: 0 0 12px #000;
	height: 40px;
	left: 50%;
	margin: -40px 0 0 -40px;
	overflow: hidden;
	padding: 20px;
	position: fixed;
	top: 50%;
	width: 40px;
	z-index: 5000;
}
div#expandMe img.UILoader {
	left: 50%;
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 50%;
	z-index: 100;
}
div#expandMe a#expandMe-close {
	bottom: 20px;
	color: #999;
	display: block;
	font-size: 10px;
	line-height: 1;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
}
div#expandMe a#expandMe-close:hover { color: #666; }
img.preload {
	left: -9999px;
	position: absolute;
	top: 0;
}
/* @end */

div#printthis{
      text-align:right;
}