/*------------------------------------------------------------------
General Screen + Projection Style Sheet

Guide Dogs for the Blind
version:	1.2
author:		Brian McNitt, TrendMedia Technologies, Inc.
email:		brian.mcnitt@trendmedia.com
website:	http://www.trendmedia.com
------------------------------------------------------------------*/


/* =Typography Base Styles
------------------------------------------------------------------*/
body{
	text-align:center;
	min-width: 71.6em;
	font-size: 62.5%; /* :NOTE: Base font size is overridden in stylesheet "http://forms.guidedogs.com/bodystyle.aspx" */
	font-family:Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;	
}
hr{
	border: none;
	background-color: #AA9F5e; /* :HACK: slight color difference between color and background color to validate under W3C CSS. */
	color: #AA9F5F;
	height: 1px;
}
hr+p{
	 margin-top: 1em;
}
h1, h2, h3, h4, h5, h6{
	margin: 1em 0 0.25em 0;	
}
p {
	margin-top: 0;
}
ul, ol {
	/*margin: 0 0 1em 0;*/
/*	padding: 0 0 0 1.25em;*/
	font-size: 1.2em;
	/*display:inline-block;*/
}
#main div div#cartSubTotal {float:right; margin-right:105px; margin-bottom:20px;}
ul.leftFloatFix, ol.leftFloatFix{/*KLUDGE: fixes alignment of bullets next to left floated blocks such as images. set to a different value in IE specific stylesheets*/
	margin-left:8.75em;
}
th, td{
	font-size:1.2em;
}
td table td{
	font-size:1.0em;
}
input, select {
	font-size:1.1em;
}
.hidden{
	float:left;
	margin-left: -2000em;
	
}
.floatLeft{
	float: left;	
}
.floatRight{
	float: right;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
caption{
	font-size:1.2em;
}
/* =Headlines
------------------------------------------------------------------*/


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

a:link, a:visited {
	color: #333;
	background-color:#fff;
}
a:hover {
	color: #1479C4;
	background-color:#fff;
}

/* =Branding
------------------------------------------------------------------*/
#branding{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:7.6em;
	color:#000;
	background-color: #EFE6C7;
}
#branding img#logo{
	float:left;
	margin: 1.8em 0 0 1.5em;
}
div#skipLinks{
	float:left;
	margin-left: -2000em;
}
#branding a:link, #branding a:visited {
	color: #000;
	background-color:#EFE6C7;
}
#branding a:hover {
	color: #1479C4;
	background-color:#EFE6C7;
}

/* =Page Title
------------------------------------------------------------------*/
#pageTitle{
	padding-top:0.25em;
	padding-left: 1.4em;
}
#pageTitle h1 {
	margin-top: 0;
	font-size: 1.6em;
	text-transform: uppercase;	
}

/* =Main Content
------------------------------------------------------------------*/
#mainContent{
	clear:left; /*NOTE: clears past the floated skip links*/
	float: left;
	width: 49.9em;
	margin: 0 0 2em 0;
	padding: 0 0 0 1.5em;
}
#mainContent.noSidebar{
	width: 68.5em;
}
#mainContent .column{

	float: left;
	padding-left:6.0em;
}
#mainContent hr {
	margin: 0 0 0 -1.5em;
}
#mainContent p {
	font-size: 1.2em;
}
#mainContent h1 {
	font-size: 1.6em;	
}
#mainContent h2 {
	font-size: 1.4em;	
}
#mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {
	font-size: 1.2em;
}
#mainContent li li, #mainContent LI P, #mainContent TD P, #mainContent BLOCKQUOTE P {
	font-size:.8333em; /*NOTE: control EMS sizing of nested elements in the main content area*/
} 

#mainContent table td p{
	font-size:1.0em;
}

/* =Image styles
------------------------------------------------------------------*/

img.floatLeft{
	float: left;
	margin: 0 1em 1em 0;
}
img.floatRight{
	float: right;
	margin: 0 0 1em 1em;
}

/* =Sidebar
------------------------------------------------------------------*/
#sidebar{
	float: right;
	width: 18.5em;
	margin: 0 0 2em 0;
	padding: 0 0.8em 0 0;
}

/* =Main Nav
------------------------------------------------------------------*/
#mainNav{
	color:#000;
	position:absolute;
	top:7.6em;
	left:0;
	width:70.5em;
	height:2.1em;
	background-color: #AC5925;
	padding:0.1em 0 0 .9em;
}

/* =Utility Nav
------------------------------------------------------------------*/
#utilityNav{
	position: absolute;
	top: 0.5em;
	right: 0.5em;	
	width: 45em;
	text-align:right;
}
#utilityNav a:link, #utilityNav a:visited {
	text-decoration: none;
}
img.fontSize{
	vertical-align: -0.5em;
	margin: 0 0.5em 0 0;
}
#fontSizeFirst{
	margin: 0 0.5em 0 0.5em;
}

#utilityNav a:link, #utilityNav a:visited {
	color: #000;
	background-color:#EFE6C7;
	text-decoration:none;
}
#utilityNav a:hover {
	color: #000;
	background-color:#EFE6C7;
	text-decoration:underline;
}

/* =Search
------------------------------------------------------------------*/
#search{

	position: absolute;
	top: 3.7em;
	right: 0.5em;	
	width: 45em;
	text-align:right;
}
#search form{
	margin: 0;
}
#search input#query{
	width:15em;
}
#search .button { /*Note: button styling is not supported in Safari.*/
	background-color: transparent;
	border: 0;
	padding: 0;	
}
#search label {
	float: left;
	margin: -2000em;
}

/* =Breadcrumb
------------------------------------------------------------------*/
#breadcrumb{
	position:absolute;
	top:9.8em;
	left:0;
	width:100%;
	padding: 1.2em 0 0 0;
	background-image: url(../images/breadcrumb-top-boarder.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#breadcrumb p{
	margin:0;
	padding: 0 0 1em 1.5em;
}

/* =Footer
------------------------------------------------------------------*/
#footer{
	position:relative;
	clear: both;
	text-align: center;
	padding: 1.75em 5em 0 0;
	color: #000;
	background-color: #EFE6C7;	
	background-image: url(../images/footer-top-boarder.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#footer p{
	margin-bottom:0;
	padding: 0 0 1em 0;
	
}
p#footerTagline {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;	
}
#footerText{
	float:left;
}
#footer a:link, #footer a:visited {
	color: #000;
	background-color:#EFE6C7;
	text-decoration:none;
}
#footer a:hover {
	color: #000;
	background-color:#EFE6C7;
	text-decoration:underline;
}
#validations{
	position:absolute;
	margin-top:-55px;
	right:0;
}

*:first-child+html #validations{
	position:absolute;
	margin-top:-55px;
	right:0;
}


* html #validations{
	position:absolute;
	margin-top:-55px;
	right:0;
}

/* =Box Styles
------------------------------------------------------------------*/
#wrapper{
	position:relative;
	width: 71.4em;
	text-align:left;
	margin: 0em auto 0em auto;
	border:1px solid #666;
	padding-top:12.9em;
}
#homePage{
	margin-top:-3.1em;
}
#homePage h1.hidden, #homePage h2.hidden{
	margin-bottom: -5em; /* NOTE: fixes ghost margins of hidden header elements on home page */
}
.box {
	border: 1px solid #AA9F5F;
	margin-bottom: 1.0em;
	padding-bottom:1em;

}
.box>p {
	margin-top: .5em;
}
.box h2 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 .5em 0;
	padding: 0 .75em 0 .75em;
	color: #000;
	background-color: #D4CFAF; /* #e3e3e3*/
	text-transform: uppercase;	

}
.box h3 {
	font-size: 1.2em;

}
.box p, .box ul, .box ol, .box table, .box h3{
	font-size: 1.2em;
	margin-left: 0.75em;
	margin-right: 0.75em;
	margin-bottom:0;
}
#homeSidebar .box {
	background-color:#d4cfaf;
	margin-bottom:0em;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
}
#homeSidebar .box a:link, #homeSidebar .box a:visited {
	color: #000;
	background-color:#d4cfaf;
}
#homeSidebar .box a:hover {
	color: #1479C4;
	background-color:#d4cfaf;
}
#homeSidebar #special{
	background-color:transparent;
	border-bottom-style: none;
	color:#fff;
}
#homeSidebar #special a:link, #homeSidebar #special a:visited {
	color: #fff;
	background-color:#a04b12;
}
#homeSidebar #special a:hover {
	color: #000;
	background-color:#a04b12;
}
#homeSidebar #special img{
	border: 1px solid #fff;
}
#homeSidebar .box h2{
	background-color: #aa9f5f;
}
.box h2 {
	background-color: #D4CFAF; /*#aa9f5f;*/
}

#subNav h2 {
	color: #fff;
	background-color: #0a2d47;
}
#subNav ul{
	margin-left:0.85em;
	padding: 0;
	list-style-type: none;
}
#subNav li{
	padding-left: 12px;
	background-image: url(../images/subnav.gif);
	background-repeat: no-repeat;
	background-position: 0 .25em;
}


/* =Form Styles
------------------------------------------------------------------*/
/* GENERAL CONVIO FORMS */
label{ 
	font-family:Arial, Helvetica, sans-serif; /* Fixes label display in Convio Surveys */
}
textarea{ 
	font-family:Arial, Helvetica, sans-serif; /* Fixes label display in Convio Surveys */
}
/* CONVIO DONATION FORM */
.FormSectionHeader {
	font-weight: bold;
	background-color: #EFE6C7;
	color: #000;
}
td.FormInfoMsg {
	font-size:1.2em;
}
td.holdsErrorMsgTable{
	background-color:#E3DFCA;

}

/* =Home Page Styles
------------------------------------------------------------------*/
#featureAndSidebarWrapper{
	background-color:#efe6c7;
	border-bottom-width: 0.3em;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-top-width: 0.3em;
	border-top-style: solid;
	border-top-color: #fff;
}
#homeContent{
	padding-top:7px;
	background-image: url(../images/breadcrumb-top-boarder.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color:#efe6c7;
}
#homeFeature{
	float:left;
	width:47.4em;
}
#homeFeatureContent{
	margin: -.5em 1em 0 1em;
}
#homeFeatureContent h2 {
	font-size: 1.4em;	
}
#homeFeatureContent h3, #homeFeatureContent h4, #homeFeatureContent h5, #homeFeatureContent h6 {
	font-size: 1.2em;
}
#homeFeatureContent a:link, #homeFeatureContent a:visited {
	color: #000;
	background-color:#efe6c7;
}
#homeFeatureContent a:hover {
	color: #1479C4;
	background-color:#EFE6C7;
}
#homeFeatureContent p, #homeFeatureContent ul, #homeFeatureContent ol, #homeFeatureContent table{
	font-size: 1.2em;
}
#homeFeatureContent h1{
	text-transform: uppercase;
	font-size: 1.6em;
}
#homeSidebar{
	float:right;
	width: 23.7em;
	border-left-width: 0.3em;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color:#a04b12;
}
#homeSidebar div.box h3{
	margin-bottom:-.5em;

}
#homeThreeColumn{
	clear:both;
	background-image: url(../images/home-three-col-top-boarder.gif);
	background-repeat: repeat-x;
	padding-top:7px;
	border-bottom-width: 0.3em;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	background-color:#c3bc8f;
}
#homeThreeColumn a:link, #homeThreeColumn a:visited {
	color: #000;
	background-color:#c3bc8f;
}
#homeThreeColumn a:hover {
	color: #1479C4;
	background-color:#c3bc8f;
}
#homeThreeColumn p, #homeThreeColumn ul, #homeThreeColumn ol, #homeThreeColumn table, #homeThreeColumn h3{
	font-size: 1.2em;

}
#homeThreeColumn h2{
	font-size: 1.3em;
}
#building{
	float:left;
	width: 21.5em;
	height:22em;
	min-height:22em;
	border-right-width: 0.3em;
	border-right-style: solid;
	border-right-color: #FFFFFF;	
	padding: 0 1em 0 1em;
}
#creating{
	float:left;
	width: 21.5em;
	height:22em;
	min-height:22em;
	border-right-width: 0.3em;
	border-right-style: solid;
	border-right-color: #FFFFFF;	
	padding: 0 1em 0 1em;
}
#supporting{
	float:left;
	width: 21.85em;
	height:22em;
	min-height:22em;
	padding: 0 0.75em 0 1em;
}
#homeFeatureImage{
	border-bottom-width: 0.3em;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
/* product list styles */
#main h1#productListHeading {font-size:1.5em}
td.productListing-data {font-size:1em}
td.productListing-data h3 {font-weight:normal; margin-left: 20px; font-size:1em}
tr.productListing-rowheading {display:none}
img.listingProductImage {margin-bottom:10px}
#indexProductList img.listingProductImage {margin-bottom:0}

/* shopping bag */
table#cartContentsDisplay td, table#cartContentsDisplay th {
	font-size:1em;
	vertical-align: top;
	padding-bottom:5px;
}
table#cartContentsDisplay td.cartUnitDisplay, table#cartContentsDisplay td.cartTotalDisplay,
table#cartContentsDisplay #scUnitHeading, table#cartContentsDisplay #scTotalHeading {text-align:right; padding-right:10px}
a.buttonLink {
	text-transform: uppercase;
	border:1px solid #AA9F5E;
	padding: 3px 6px;
	text-decoration: none;
	margin-right:15px;
}
a.buttonLink:hover {color:#333}
#shoppingCartDefault .buttonRow {clear:right}
#shoppingCartDefault .buttonRow * {vertical-align:top}
#shoppingCartDefault .buttonRow input {
	margin: -4px 15px 0 0;
}
.cartAttribsList ul {
	margin: 0;
	font-size:1em;
}

/* Additional images and cross-sell display */
#productAdditionalImages {
	width:150px;
	float:left;
	margin-top:10px;
	}
#crossSell {
	margin-top: 20px;
	width: 25%;
	float:right;
}
#crossSell * {text-align:center}
#crossSell  h2 {font-size:1.1em; margin-bottom:0.5em}
.centerBoxContentsCrossSell {width:100% !important}
.additionalImages {}
.additionalImages, .centerBoxContentsCrossSell {
	float:left;
	}
.centerBoxContentsCrossSell h3 {
		font-size:1em;
		font-weight:normal;
	}
	
	/* Large image popup */
	body#popupAdditionalImage {
		min-width:0px;
	}

/*product listing page */
.centerBoxContentsProducts {float:left; text-align:center; padding-bottom:10px}
.centerBoxContentsProducts h3.itemTitle {margin:0; font-size:1em}
#productsListingBottomNumber {display:none}

/* checkout */
fieldset {border:0}
#checkoutShipping address, #checkoutPayment address, #checkoutConfirmDefault address,
#checkoutPayAddressDefault address, #checkoutShipAddressDefault address {font-style:normal; font-weight:bold; margin-bottom:10px}
fieldset.shippingChoiceFieldset {width:420px; clear:left; padding-top:8px}
fieldset.shippingChoiceFieldset legend {font-weight:bold; padding-left:0;}
#checkoutShipping fieldset div.important {display:inline; width:65px}
/*#checkoutShipping fieldset input {float:left; margin-right:5px;}
#checkoutShipping fieldset label.checkboxLabel {float:right; width:310px}*/
fieldset#checkoutOrderTotals {margin-bottom:10px}
#checkoutOrderTotals .lineTitle, #orderTotals .lineTitle {float:left; width:45%}
#checkoutOrderTotals .totalBox, #orderTotals .totalBox {float:right; width:50%}
#checkoutOrderTotals .totalBox span, #orderTotals .totalBox span {width:70px; text-align:right; display:block}
#checkoutOrderTotals #ottotal, #orderTotals #ottotal {font-weight:bold}
.ccinfo label {width:40%; float:left; clear:left; padding-top:8px;}
.ccinfo input, .ccinfo select, #checkoutNewAddress input, #checkoutNewAddress select {margin-top:8px}
#checkoutNewAddress label {width:23%; float:left; clear:left; padding-top:8px;}
#checkoutNewAddress label.radioButtonLabel {width: 4em; clear:none; float:none}

#checkoutShipAddressDefault .moduleRow .back, #checkoutShipAddressDefault .moduleRowSelected .back {float:left}
#checkoutShipAddressDefault .moduleRow .back input, #checkoutShipAddressDefault .moduleRowSelected .back input {margin-right:10px}
#checkoutShipAddressDefault .moduleRow .back label, #checkoutShipAddressDefault .moduleRowSelected .back label {font-weight:bold; margin-bottom:6px}
#checkoutShipAddressDefault fieldset address {padding-left:27px; font-weight:normal}

#checkoutPayAddressDefault .moduleRow .back, #checkoutPayAddressDefault .moduleRowSelected .back {float:left}
#checkoutPayAddressDefault .moduleRow .back input, #checkoutPayAddressDefault .moduleRowSelected .back input {margin-right:10px}
#checkoutPayAddressDefault .moduleRow .back label, #checkoutPayAddressDefault .moduleRowSelected .back label {font-weight:bold; margin-bottom:6px}
#checkoutPayAddressDefault fieldset address {padding-left:27px; font-weight:normal}

#checkoutShipto address, #checkoutBillto address {font-weight:normal}

#main #checkoutPayment h2, #main #checkoutShipping h2 {margin-bottom:0;}
#checkoutBillto, #checkoutPayment .floatingBox , #checkoutShipto{padding-left:10px}
#checkoutPaymentHeadingTotal {margin-left:-10px;}

#main div .discountLabel {float:left; margin-right:45px}
#disc-ot_coupon + p {clear:left}

fieldset h2 {margin-left:-10px}

#main div div.confirmationCartItem {margin-left:10px; margin-bottom:12px}
#main div#orderTotals {margin-bottom:20px}

/*#checkoutBillto .important {width:300px;}
#checkoutBillto .important div {float:left; wdith:150px}
#checkoutBillto .important div.back {clear:both; float:right; width:140px}*/
#checkoutBillto .important div.back {font-weight:bold; margin-top:5px}

#checkoutShipto {clear:left}

#main h2 a, #main h3 a {font-size:0.9em; font-weight:normal}
#main #checkoutConfirmDefaultShippingAddress {padding-top:10px}
#checkoutBillto h4 {margin-top:0}

.content ul {font-size:1em}

body#popupShippingEstimator, div.shippingEstimatorWrapper {width:400px;}

legend {font-family:Arial,Helvetica,sans-serif; color:black}

#loginBody fieldset legend {font-weight:bold}
#loginBody fieldset label {float:left; clear:left; width: 20%; margin-right:5px; margin-bottom:4px;}
#loginBody fieldset input, #loginBody fieldset select {float:left; width:75%; margin-bottom:4px}
#loginBody fieldset span.alert {display:none}
#loginBody fieldset input#state {display:none}
#loginBody fieldset .hiddendfield, #loginBody fieldset .hiddenField {display:none}
#loginBody fieldset input#email-format-html, #loginBody fieldset input#email-format-text {width:10%}
#loginBody fieldset label.radioButtonLabel {clear:none}

#createAcctDefault fieldset legend {font-weight:bold}
#createAcctDefault fieldset label {float:left; clear:left; width: 20%; margin-right:5px; margin-bottom:4px;}
#createAcctDefault fieldset input, #createAcctDefault fieldset select {float:left; width:75%; margin-bottom:4px}
#createAcctDefault fieldset span.alert {display:none}
#createAcctDefault fieldset input#state {display:none}
#createAcctDefault fieldset .hiddendfield, #createAcctDefault fieldset .hiddenField {display:none}
#createAcctDefault fieldset input#email-format-html, #createAcctDefault fieldset input#email-format-text {width:10%}
#createAcctDefault fieldset label.radioButtonLabel {clear:none}

#addressBookProcessDefault fieldset legend {font-weight:bold}
#addressBookProcessDefault fieldset label {float:left; clear:left; width: 20%; margin-right:5px; margin-bottom:4px;}
#addressBookProcessDefault fieldset input, #addressBookProcessDefault fieldset select {float:left; width:75%; margin-bottom:4px}
#addressBookProcessDefault fieldset span.alert {display:none}
#addressBookProcessDefault fieldset input#state {display:none}
#addressBookProcessDefault fieldset .hiddendfield, #createAcctDefault fieldset .hiddenField {display:none}
#addressBookProcessDefault fieldset input#email-format-html, #addressBookProcessDefault fieldset input#email-format-text {width:10%}
#addressBookProcessDefault fieldset label.radioButtonLabel {clear:none}

#accountPassword fieldset legend {font-weight:bold}
#accountPassword fieldset label {float:left; clear:left; width: 20%; margin-right:5px; margin-bottom:4px;}
#accountPassword fieldset input, #accountPassword fieldset select {float:left; width:75%; margin-bottom:4px}
#accountPassword fieldset span.alert {display:none}
#accountPassword fieldset .hiddendfield, #createAcctDefault fieldset .hiddenField {display:none}

#passwordForgotten form div.back {display:none}

fieldset td, #orderTotals td {font-size:1em;}

#pageTwo .buttonRow, #pageTwoHeading  {display:none !important;}

#checkoutModifiers input[type="text"] {width: 80px}