/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font: 12px/18px arial, helvetica, sans-serif; color: #5f69a7; background: #737dbb; }

table, th, td { font: 12px arial, helvetica, sans-serif; color: #5f69a7; }

a img, :link img, :visited img { border: none; }

a:link { color: #fff; text-decoration: underline; }
a:visited { color: #fff; text-decoration: underline; }
a:hover, a:active { color: #eff5cf; text-decoration: none; }

#skip { display: none; }

#container { margin: auto; width: 760px; position: relative; text-align: left; }


/* NAVIGATION
------------------------------------------------------------------------------------- */
#nav { position: absolute; top: 30px; left: 290px; width: 115px; border-left: 1px solid #fff; z-index: 10; }
#nav li { position:relative; float:left; width: 115px; height:19px; color: #939bcb; font: 14px helvetica, arial, sans-serif; list-style: none; }
	#nav li a { position:relative; padding: 0; width: 115px; height: 19px; display: block; text-decoration: none; color: #fff; }
	#nav li a:hover { color: #8CC63F; cursor:hand; }
	#nav li strong { position: absolute; top: 0px; left: 0px; display: block; width: 115px; height: 19px; }
	#nav li, #nav li a, #nav li strong { background-image: url(../images/nav.gif); }

	#nav li.products, #nav li.products a, #nav li.products a strong						{ background-position: 0px 0px; }
	#nav li.news, #nav li.news a, #nav li.news a strong	{ background-position: 0px -19px; }
	#nav li.dogcare, #nav li.dogcare a, #nav li.dogcare a strong	{ background-position: 0px -38px; }
	#nav li.community, #nav li.community a, #nav li.community a strong				{ background-position: 0px -57px; }
	#nav li.about, #nav li.about a, #nav li.about a strong				{ background-position: 0px -76px; }

	/* HOVER STATE */
	#nav li.products a:hover, #nav li.products a:hover strong				{ background-position: -115px 0px; }
	#nav li.news a:hover, #nav li.news a:hover strong	{ background-position: -115px -19px; }
	#nav li.dogcare a:hover, #nav li.dogcare a:hover strong	{ background-position: -115px -38px; }
	#nav li.community a:hover, #nav li.community a:hover strong			{ background-position: -115px -57px; }
	#nav li.about a:hover, #nav li.about a:hover strong			{ background-position: -115px -76px; }

	/* ON STATE */
	#nav li.productson, #nav li.productson strong				{ background-position: -230px -0px; }
	#nav li.newson, #nav li.newson strong	{ background-position: -230px -19px; }
	#nav li.dogcareon, #nav li.dogcareon strong	{ background-position: -230px -38px; }
	#nav li.communityon, #nav li.communityon strong			{ background-position: -230px -57px; }
	#nav li.abouton, #nav li.abouton strong			{ background-position: -230px -76px; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
#header { height: 208px; position: relative; z-index: 50; }
	#mainlogo { position: absolute; top: 26px; left: 43px; }
	#rotator { position: absolute; top: 0px; left: 362px; }

	#secondary_nav_text { position: absolute; top: 13px; left: 593px; color: #fff; font: 12px helvetica, arial,sans-serif; }
		.cart_items { color: #95d5f0; }

	#secondary_nav { position: absolute; top: 36px; left: 593px; width: 150px; height: 26px; }
		#secondary_nav li { float: left; position: relative; width: 30px; height: 26px; list-style: none; text-indent: -3000px; }
			#secondary_nav li a { position: relative; display: block; width: 30px; height: 26px; text-decoration: none; color: #fff; font-size: 9px; }
			#secondary_nav li a:hover { cursor:hand; }
			#secondary_nav li strong { position: absolute; top: 0px; left: 0px; display: block; width: 30px; height: 26px; }
	#secondary_nav li, #secondary_nav li a, #secondary_nav li strong { background-image: url(../images/secondary_nav.gif); }

	#secondary_nav li.home, #secondary_nav li.home a, #secondary_nav li.home a strong						{ background-position: 0px 0px; }
	#secondary_nav li.contact, #secondary_nav li.contact a, #secondary_nav li.contact a strong	{ background-position: -30px 0px; }
	#secondary_nav li.locator, #secondary_nav li.locator a, #secondary_nav li.locator a strong	{ background-position: -60px 0px; }
	#secondary_nav li.login, #secondary_nav li.login a, #secondary_nav li.login a strong				{ background-position: -90px 0px; }

	/* HOVER STATE */
	#secondary_nav li.home a:hover, #secondary_nav li.home a:hover strong				{ background-position: 0px -26px; }
	#secondary_nav li.contact a:hover, #secondary_nav li.contact a:hover strong	{ background-position: -30px -26px; }
	#secondary_nav li.locator a:hover, #secondary_nav li.locator a:hover strong	{ background-position: -60px -26px; }
	#secondary_nav li.login a:hover, #secondary_nav li.login a:hover strong			{ background-position: -90px -26px; }

	/* ON STATE */
	#secondary_nav li.homeon, #secondary_nav li.homeon strong				{ background-position: 0px -26px; }
	#secondary_nav li.contacton, #secondary_nav li.contacton strong	{ background-position: -30px -26px; }
	#secondary_nav li.locatoron, #secondary_nav li.locatoron strong	{ background-position: -60px -26px; }
	#secondary_nav li.storeon, #secondary_nav li.storeon strong			{ background-position: -90px -26px; }
	#secondary_nav li.loginon, #secondary_nav li.loginon strong			{ background-position: -120px -26px; }

	#searchform { position: absolute; top: 73px; left: 593px; }
		#searchform .btn_submit { vertical-align: top; }

#h_main { position: absolute; top: 148px; left: 7px; z-index: 10; }
#h_title { margin: 0 auto 2px; width: 690px; height: 30px; text-align: right; background: #2baae1; }
* html #h_title { margin: 0 0 2px 35px; ma\rgin: 0 auto 2px; } /* FIXES IE5.5 LAYOUT ISSUE */
#s_title { margin: 0 auto 2px; width: 690px; height: 30px; background: #8cc63f url(../images/bg_s_title.gif) no-repeat 0% 0%; }
* html #s_title { margin: 0 0 2px 35px; ma\rgin: 0 auto 2px; }
	* html #s_title img { margin-right: -3px; } /* FIXES IE5.5 LAYOUT ISSUE */
	#s_title .enews_btn { float: right; width: 320px; height: 30px; background: #2baae1 url(../images/bg_enews_btn.gif) no-repeat 0% 0%; }  
	* html #s_title .enews_btn {}

/* HOME PAGE */
#h_content { padding: 30px 20px 10px 70px; min-height: 455px; }
* html #h_content { height: 495px; he\ight: 455px; }
	#h_content h1 { margin: 0 0 9px; }
	#h_content p { padding: 0 0 8px; }

	.h_col1 { margin: 309px 20px 0 0; width: 345px; float: left; }
		.wrap_about { padding: 0 53px 70px 0; background: url(../images/bg_wrap_about.jpg) no-repeat 100% 80px; }
	.h_col2 { width: 285px; float: left; }
	* html .h_col2 { width:295px; w\idth:285px; }
		.h_col2 .clear { padding: 0 0 24px; }

		.h_poll {}
			.h_poll .question, .h_poll .choices { width: 50%; vertical-align: top; }
			#h_content .h_poll .choices p { padding: 0 0 4px; }
				.h_poll .radio { vertical-align: middle; }
				* html .h_poll .radio_btn { width: 13px; height: 13px; } /* IE ADDS EXTRA HEIGHT & WIDTH FOR UNKNOWN REASON */

/* SUB PAGE */
#content { padding: 0 0 144px; background: url(../images/bg_tagline.gif) no-repeat 417px 100%; /*min-height: 455px;*/ }
	#content p { padding: 0 0 8px; }
	#content li { margin: 0 0 0 20px; }
	#content a:visited { color:#efefef; }

	#tert_nav { position: relative; height: 73px; text-transform: lowercase; }
		#tert_nav ul { position: absolute; top: 0px; left: 40px; }
			#tert_nav li { margin: 0; padding: 8px 8px 0 7px; /*width: 70px;*/ height: 73px; float: left; position: relative; font-size: 13px; line-height: 14px; list-style: none; background: url(../images/bg_tertnav_li.gif) no-repeat 100% 0; }
			* html #tert_nav li { /*width: 85px; w\idth: 70px; */}
			#tert_nav li.last { background: none; }
				#tert_nav a { display: block; text-decoration: none; }
				#tert_nav a:hover { text-decoration: underline; }

	.col_wrap { margin: 0 0 0 7px; width: 682px; }
	.col_wrap2 { margin: 0 0 0 61px; width: 639px; }
	.col_wrap3 { margin: 0 0 0 70px; width: 630px; }

	.s_col1 { padding: 0 20px 0 0; width: 190px; float: left; }
	* hmtl .s_col1 { width: 210px; w\idth: 190px; }
	.s_col2 { padding: 0 20px 0 0; width: 229px; float: left; }
	* html .s_col2 { width: 249px; w\idth: 229px; }
	.s_col3 { width: 220px; float: left; }
	
	.s_col_wide { width:559px; margin-left:70px; }
        .s_col_wide1 { width:610px; margin-left:70px; }
        .s_col_wide1 p, .s_col_wide1 img { margin-top: 10px; }
	.product_col1 { width: 213px; float: left; }
	.product_col2 { width: 211px; float: left; border: 1px solid #fff; border-width: 0 1px 0; }
	.product_col3 { width: 213px; float: left; }
	
	.product_col1 p, .product_col2 p, .product_col3 p	{ margin: 5px 10px; }
	.product_col1 h4, .product_col2 h4, .product_col3 h4	{ margin: 5px 10px; }
	.product_col1 ul, .product_col2 ul, .product_col3 ul	{ margin: 5px 10px; }

	.col { margin-top: 10px; }
		.col h4, .col p, .col ul { margin: 0 11px 0; }

	#content .arrowed li { margin: 0; list-style: none; }
	.arrowed a { padding: 0 0 0 15px; font-weight: bold; background: url(../images/arrow_bllt.gif) no-repeat 0% 1px; }

.news_thumb { float: left; padding: 0 10px 0 0; }
.news_details p { width: 350px; }

#footer { padding: 38px 71px; height: 1%; clear: both; color: #dcdfee; font-size: 11px; line-height: normal; }
	#footer a { text-decoration: none; }
	#footer a:hover { text-decoration: underline; }

h1 { text-transform: uppercase; color: #fff; font: normal 20px helvetica, arial, sans-serif; }
h2 { padding: 4px 0 0 10px; float: left; text-transform: uppercase; color: #737dbb; font: bold 20px helvetica, arial, sans-serif; }
h3 { margin: 5px 70px 10px 70px; color: #df8638; letter-spacing: 1px; font: normal 30px helvetica, arial, sans-serif; }
h4 { color: #737dbb; letter-spacing: 1px; font: normal 20px helvetica, arial, sans-serif; }
h4.detail { padding: 10px 0 0 0; width: 50%; color: #df8638; border-top: 1px solid #df8638; }

/* sIFR
------------------------------------------------------------------------------------- */
/* THESE ARE STANDARD sIFR STYLES... DO NOT MODIFY */
.sIFR-flash { margin: 0; visibility: visible !important;	}
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* HIDE ADBLOCK OBJECT TAB: THE TEXT SHOULD SHOW UP JUST FINE, NOT POORLY WITH A TAB LAID OVER IT. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* THESE "DECOY" STYLES ARE USED TO HIDE THE BROWSER TEXT BEFORE IT IS REPLACED. */
.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h2 { margin: 3px 0 0; padding: 0 0 0 10px; visibility: hidden; float: left; width: 360px; }
* html.sIFR-hasFlash h2 { width: 360px; w\idth: 350px; }
.sIFR-hasFlash h3 { visibility: hidden; }
.sIFR-hasFlash h4 { visibility: hidden; }
.sIFR-hasFlash h4.detail { visibility: hidden; font-size: 10px; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.hide { display: none; }
.clear { clear: both; }
br.clear { line-height: 0px; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*.clearfix { display: inline-block; }  FIXES MAC IE */
* html .clearfix { /*\*/height: 1%; display: block;/**/ }

.floatleft { float: left; position: relative; }
.floatright { float: right; position: relative; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

.input { margin-bottom: 8px; padding: 1px; height: 16px; color: #2baae1; font: 11px arial, helvetica, sans-serif; border: 1px solid #2baae1; }
.select { padding: 1px; height: 18px; color: #2baae1; font: 11px arial, helvetica, sans-serif; border: 1px solid #2baae1; }

.middle { position: relative; background: url(../images/bg_container_middle.gif) repeat-y 50% 0%; }
.top { position: relative; background: url(../images/bg_container_top.gif) no-repeat 50% 0%; }
.bottom { position: relative; background: url(../images/bg_container_bottom.gif) no-repeat 50% 100%; }

.underline { border-bottom: 1px solid #fff; }
.overline  { border-top: 1px solid #fff; }
.more { padding: 0 0 0 15px; background: url(../images/arrow_white.gif) no-repeat 0% 3px; }
.title_img { padding: 0 0 9px; }

.product_shot { margin: 2px 0 0 20px; float: right; position: relative; }
.product_detail { margin: 2px 0 0 75px; float: right; position: relative; }

.sitemap td { padding-right: 70px !important; }

.requiredText { font-size: 11px; }


/* FORMS

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

.contentform td { padding: 4px 3px; font-size: 12px; line-height: 18px; vertical-align: top; border-bottom: 1px solid #FFF; }
.contentform td.noborder { border: none; }
.contentform td.lft { font-weight: bold; color: #666; white-space: nowrap; }
.contentform .required, .contentform .required2 { color: #990FFF; font-size: 12px; font-weight: bold; }
.contentform .required2 { font-size:16px; }
.contentform td small { line-height: 11px; }
.contentform input, .contentform select { padding: 2px; border: 1px inset #999; }
.contentform input.checkbttn, .contentform input.checkbox, .contentform input.radiobutton { padding: 0; border: 0; }
.contentform input.checkbox, .contentform input.radiobutton { margin-right:5px; }
.contentform input.formbttn { padding: 1px; color: #fff; font-weight: bold; font-size: 11px; background: #8CC63F; border: 1px outset #999; cursor: pointer; }
.contentform option { padding-right: 8px; }

/* STORE LOCATOR

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

.locator table { width: 320px; border: 1px solid #ccc; }
.locator p { padding: 10px 0; font-weight: bold; padding-left: 5px; font-size: 11px; }
.locator td, .locator th { padding: 6px 5px; font-size: 11px; }
.locator th { width: 60px; }
.locator input.textField { border: 1px solid #4759BF; padding: 2px; } 
.locator input, .locator select { font-size: 10px; }
.locator option { padding: 2px 10px 0 0; }
.locator .form_btn { font-size: 11px; color: #745d02; padding: 1px; }

.store_result { float:left; width: 450px; font-size: 11px; }
.store_result p { width: 100%; height: 18px; border-bottom: 1px solid #A5A5A5; }
.store_result p span.left { float: left; }
.store_result p span { float: right; }
.store_result p span span { float: none; color: #A5A5A5; padding: 0 3px; }
.store_result p span img { display: inline; }
.store_result p.noborder { border: 0; }

.store_result table { width: 100%; padding: 3px 0; }
.store_result table td {  border-bottom: 1px solid #BFBFBF; font-size: 11px; text-align: left; padding-bottom: 10px; }
.store_result table td.one { width: 260px; }
.store_result table td.one strong { font-size: 12px; }
.store_result table td.two { padding-top: 17px; }
.store_result table td.two strong { color: #A5A5A5; }
.store_result table td.three { padding-top: 34px; }

.store_result_logos { width:160px; float:left; margin-left:10px; padding-left:10px; border-left:1px solid #a5a5a5; }
.store_result_logos h2 { padding:0; height:30px; }
.store_result_logos p.stores { margin-top:10px; padding-top:0; width:130px; }
.store_result_logos p.stores img.reseller { margin-bottom:12px; padding-bottom:5px; border-bottom:1px solid #a5a5a5; }

/* EVENTS
------------------------------------------------------------------------------------- */  
  .event_list              { list-style: none; }
  table tr.event_data      { height: 30px; }
  table td.event_date      { width: 180px; }
  table td.event_title	   { width: 220px; }
  table td.event_location  { width: 100px; }
  .event_thumb             { float: left; padding-right: 10px; }

  .event_tools { padding: 19px 0 0 0; float: left; width: 270px; }
    #content .outlook { margin-right: 5px; padding: 4px 0 3px 19px; background: url(../images/icon_outlook.gif) no-repeat 0% 3px; }
    #content .ical { padding: 4px 0 3px 22px; background: url(../images/icon_ical.gif) no-repeat 0% 0px; }

/* POLL
------------------------------------------------------------------------------------- */  
  #surveyResult .surveyresult_main		{ width:640px; height:347px; text-align: right; background:url(../images/bg_pollresults.jpg) no-repeat; }
  #surveyResult table	{ float:right; width:350px; text-align:left; margin-right:30px; }
  #surveyResult td		{ border-bottom: 1px solid #FC3; padding: 4px; color:#FFF; font-size:14px; }
  #surveyResult th		{ padding: 6px 0; }
  #surveyResult td.name strong { font-size:20px; font-weight:normal; }
  #surveyResult .surveyresult_main th strong { font-size:20px; }
  #surveyResult td.last	{ border: 0; font-size: 10px; }
  #surveyResult h1		{ font-size: 25px; font-weight: bold; color: #FFF; padding: 0 0 15px;}
  #surveyResult strong	{ color:#FC3; }
  #surveyResult strong em { font-style:normal; color:#FFF; }

#alreadyVoted {color: red;}


form#zipPrompt input.submit  { vertical-align:top; }

h4.subtitle1    { color: #df8638 !important; }
h4.subtitle2	{ color: #737bba !important; }
h4.subtitle3	{ color: #649517 !important; }
h4.subtitle4	{ color: #FFFFFF !important; }
h4.arrowed { padding: 0 0 0 15px;background: url(../images/arrow_bllt.gif) no-repeat 0% 50%; }
h3.pagetitle    { color: #df8638 !important; margin-left: 0px !important; border-bottom: 1px solid #df8638; padding-bottom: 4px; }