@charset "UTF-8";
/* Foundational styles for dublindog.com */


/* Baseline CSS Reset (Thanks Blueprint!)
------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table           { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
table, td, th   { }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*-------------------- End CSS Reset -------------------------- */



/* Structural Foundation
--------------------------------------------------------------- */

html, body { height:100% }  /* Used to manipulate footer position. Do not remove. */

body {
	font: 80% Helvetica, Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;;  /* The font-size percentage is of 16px. (0.75 * 16px = 12px) */
	line-height: 1.5;
	color: #111;
	
	background-attachment: fixed; /* hack for Firefox to use background positioning */
	background: #fff url(../images/backgrounds/bg_body.gif) top left repeat-x;
}

.oneCenterColumn #full-page-wrapper {
	min-height: 100%;  /* This wrapper is used to force footer to bottom of page */
	position: relative;
	background: url(../images/backgrounds/bg_flowers.jpg) bottom left repeat-x;

}


.oneCenterColumn #mainContent {
	position: relative;
	width: 960px; 
	min-height: 500px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	/*padding-bottom: 320px;   Used to position footer. Must be set to height of footer + footer top-border */
}


/* Typography
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; color: #114401; }
h1.orange-bg { color: #efb03f }
h2 { font-size: 2em; margin-bottom: 0.5em; color: #ce5d16;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: .5em; }
h4 { font-size: 1.2em; font-weight: bold; line-height: 1.25; margin-bottom: .5em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: .25em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p           { margin: 0 0 2.5em; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }

.italic		   { font-style: italic; }
.dark-green	   { color: #114401; }
.orange		   { color: #ce5d16; }
.dark-grey	   { color: #111; }
.brown		   { color: #2b1903; }
.off-white	   { color: #dedfe1; }
.tan		   { color: #d6c085; }
.copyrightText { color: #000; font-size: 8px; line-height: 24px; }
.align-right   { text-align: right; }


/* Forms 
--------------------------------------------------------------- */

input.text {
	font-size: 1.2em; 
	color: #2b1903; 
	margin-bottom: 1em; 
	margin-top: 0px; /* Fixed mysterious 2px top margin on Safari & alignment issue in IE */
	background: #e5dcbd;
	padding: 3px;
	border: 1px solid #2b1903;
}



a.button,input.button { 
	font-size: 0.9em;
	padding: 3px 6px 3px 6px;
	background: #ce5d16; 
		color: #000; 

	border: 1px solid black; 
}
input.button:hover, a.button:hover { background: #2b1903; color: #ce5d16; border: 1px solid #ce5d16; }

input.button-on-dark, a.button-on-dark  { 
	font-size: 0.9em;
	padding: 3px 6px 3px 6px;
	background: #ce5d16; 
	border: 1px solid #d6c085; 
}
input.button-on-dark:hover, a.button-on-dark:hover { background: #d6c085; border: 1px solid #ce5d16; }

textarea { 
	font-size: 1em; 
	color: #2b1903; 
	padding: 5px; 
	margin-bottom: 1em;
	background: #e5dcbd; 
	border: 1px solid #2b1903; 
}

select { border: 1px solid black; background: #e5dcbd; width: 130px; }


.standard-login { list-style: none; }
#username-field, #password-field { width: 180px; }
.register-help { font-size: .7em; padding-top: 6px; float: left; }
#standard-login-button { width: 7em; margin-left: 40px; }
#footer-login-button { width: 7em; float: right; }



/* Tables
--------------------------------------------------------------- */

th {
	font-weight: bold;
	padding: 3px 14px 3px 12px;
}

td {
	padding: 3px 14px 3px 14px;
}



/* Links 
--------------------------------------------------------------- */

a, a:visited { color: #ce5d16; text-decoration: none; }
a:hover      { color: #2b1903; text-decoration: none; }



/* Special Classes
--------------------------------------------------------------- */

.hide      		   { display: none; }
.float-left		   { float: left; }
.float-right	   { float: right; }
.fullClear 		   { clear: both; height: 0px; width: 100% }



/* Header
-------------------------------------------------------------------- */

.header { 
	position:relative;
	width: 960px;
	height: 176px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/backgrounds/bg_column.png) top left no-repeat;
}

.header .homelink{

	position:absolute;
	display:block;
	width:150px;
	height:100px;
	left:0;
	top:15;

}

#navbar {
	list-style: none;
	height: 50px;
	max-width: 775px;
	float: right;
	overflow: hidden;
	
	background: url(../images/backgrounds/bg_navbar.png) top left no-repeat;
	
	margin: 35px 0px 0px 0px;
	padding: 4px 10px 0px 20px;
	
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1;
}

#navbar li { 
	float: left; 
	height: 22px; 
	padding-top: 20px;
	padding-bottom: 10px; 
}

#navbar li a { padding: 25px 21px 12px 21px; }

#navbar a, #navbar a:visited { color: #d6c085; }
#navbar a:hover { color: #ce5d16; }

#home #nav-home a, #home #nav-home a:hover,
#store #nav-store a, #store #nav-store a:hover,
#about #nav-about a, #about #nav-about a:hover,
#blog #nav-blog a, #blog #nav-blog a:hover,
#photos #nav-photos a, #photos #nav-photos a:hover,
#contact #nav-contact a, #contact #nav-contact a:hover {
	color: #efb03f;
}

#home #nav-home, #store #nav-store, #about #nav-about, #blog #nav-blog,
#photos #nav-photos, #contact #nav-contact {
	background: url(../images/backgrounds/navbar_active.png) top left no-repeat;
}



/* Homepage
-------------------------------------------------------------------- */

.learnMore { font-size: 1.2em; font-weight:bold; text-align: right; padding-right: 15px; }
.learnMore a { padding: 10px 0px 10px 0px; }

.home-box {
	height: 240px;
	width: 270px;
	float: left;	
	margin: 55px 75px 30px 0px;
}
.home-box:hover { background: #f5e6c9; }

.first-box { margin-left: 0px; }
.last-box { margin-right: 0px; }



/* Footer
-------------------------------------------------------------------- */

#footerContainer {
/*	position: absolute;*/
	bottom: 0;
	width: 100%;
	min-width: 960px;
	height: 320px;  /* If changed, update 'padding-bottom' on #mainContent. Allow extra 3px for border. */
	overflow: hidden;
	
	background: url(../images/backgrounds/bg_footer.png) top left repeat-x; /*Hacked in ie6.css*/
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 65px 0px 0px 0px;
	
	color: #dedfe1;
}

#footer h3 { margin-bottom: 1.5em; color: #ce5d16; }
#footer a, #footer a:visited { color: #d6c085; }
#footer a:hover { color: #ce5d16; }


#customer-service-link { width: 250px; float: left; margin: 0px 190px 0px 0px; }

#other-links { width: 260px; float: left;  }
.footer-nav { list-style: none; margin-left: 0; padding-left: 0; }
.footer-nav li { padding: 0px 3px 5px 0px; }
.footer-nav li a { padding: 5px 3px 5px 3px; } 

#retailer-login-form { width: 186px; float: right; }

#legal-stuff {
	width: 250px;
	margin: 10px 0px px 0px;
	float: left;
	clear: left;
	color: #4f4126;
	font-size: .8em;
	text-align:center;
}



/* Hacks & Fixes
--------------------------------------------------------------- */

a:focus, a:hover, a:active { outline: none; }    /* FF: Stops outlining of links on click */ 
*:focus 				   { outline: none; }    /* FF: Stops outlining of other elements on click (inputs, etc) */
a, a:visited, a:active     { cursor: pointer; }  /* IE7: display link cursor when HREF wraps around entire DIV */
a img                      { border: none; }     /* IE7: Stop ugly blue border around linked images*/
.ie6FloatFix               { display: inline; }  /* IE6: Fixes double-margins-on-floated-elements bug. Apply to floated elements ONLY! */


#leftmenu {

	font-size:10px;

}


#leftmenu a{
	display:block;
	line-height:20px;
	color:#2b1903;
	font-size:  16px;

}
#leftmenu a:hover{
	 color: #ce5d16; 
}



#leftmenu a .active{

	line-height:20px;
	font-size:2em;
	color: #ce5d16;

}


#leftmenu a .active_sub{

	line-height:20px;
	font-size:  18px;
	color: #ce5d16;

}


/* Store Information Bar (Shopping Cart & Search)
------------------------------------------------------------------------------ */

#store-infobar { 
	width: 700px; /* Set to width of #store-stage. */
	height: 2.1em;
	margin-bottom: 40px;
	margin-left:0px
}

#infobar-search-form { float: left; width: 300px; }

#infobar-search-field {
	float: left;
	font-size: 1em;
	width: 150px;
}

#infobar-search-button {
	float: left;
	width: 75px;
	margin: 0px 0px 0px 10px;
}
	

.infobar-headline { font-size: 1.2em; font-weight: bold; line-height: 1.25; }

#infobar-cart-text {
	width: 270px;
	float: right;	
	text-align: right;
	padding-top: 3px;
	overflow: hidden;
}

#infobar-cart-form {
	float: right;
	width: 75px;
	margin-left: 10px;
}



/* Store Stage (main area)
---------------------------------------------------------------------------- */