/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Body
-------------------------------------------------------------- */
body { background: url(../images/bg.png) repeat #291916; margin: 0; padding: 0; text-shadow: 0 1px 0 #000; color: #c8a6a2;}

a { border-bottom: dotted 1px #663333; text-decoration: none;}
a:link { color: #00ccff; }
a:hover { color: #ff3366;  text-decoration: none;border-bottom: dotted 1px #ff3366;}
a:visited { color: #a95555; }
a:active { color: #fff;border-bottom: dotted 1px #fff; }
a:visited:hover { color: #ff3366; }
a:visited:active { color: #fff;border-bottom: dotted 1px #fff; }


/* Page
-------------------------------------------------------------- */
#page { margin: 0 auto; width: 940px; background: url(../images/bg-page.jpg) no-repeat top center; }

.edit {position: fixed; padding: 10px; border: none;}
.edit:hover {border: none;}

.caption {  background: url(../images/bg-dark.png) repeat; padding: 20px; font-weight: bold; color: #fff; font-size: 0.9em;}

/* Header
-------------------------------------------------------------- */
#header {background: url(../images/bg-header.jpg) no-repeat; margin: 0; padding: 0; height: 100px; position: relative; }
#header #logo { float: left; display: inline; margin: 0; padding: 0;}
#header #logo a { background: url(../images/logo-dogcollars.png) no-repeat; text-indent: -9999px; width: 232px; height: 100px; display: block; border-bottom: none;}
#header ul, #header li { margin: 0; padding: 0; list-style-type: none;}
#header #topmenu { position: absolute; display: block; text-align: left; width: 440px; height: 20px;left: 245px; top: 15px;}
#header #topmenu a { padding:1px 0; margin: 0 10px 0 8px; color: #a95555; display: inline;border: none;}
#header #topmenu a:hover { color: #ff3366; }
#header #topmenu a.last { padding-right:0; border-right: none;}
#header #nav { position: absolute; display: block; width: 440px;top: 47px; left: 250px; font-size: 1.6em; text-align: left; }
#header #nav li { display: inline; text-align: right;  }
#header #nav li a { margin:1px 25px 1px 0; color: #fff;border: none; }
#header #nav li a:hover { color: #ff3366; }
#header #nav li.last a { border-right: none; padding-right: 0; }
#header #nav li.active a{ color: #ff3366; }
#cartinfo { color: #d48c7c; text-align: center; position: absolute; display: block; width: 210px; height: 60px; left: 724px; top: 7px; line-height: 25px;}
#cartinfo a { border: none;color: #fff; }
#cartinfo a:hover { color: #ff3366; }
#cartinfo span { color: #fff; font-size: 1.4em; }

/* Content
-------------------------------------------------------------- */
#content {clear: both; float: left; display: inline; width: 940px;border-bottom: 1px solid #1e1210;}
#blog #content { padding-top: 30px; }
#staticpage #content { padding-top: 30px; }
#primarycontent { float: left; width: 660px; margin-right: 60px; padding-bottom: 20px; }
#secondarycontent { float: left; width: 220px; min-height: 600px; padding: 0 0 20px 0; }

.block { border: solid 4px #fff;color: #2c1b18; text-shadow: none; }
.darkblock { background: url(../images/bg-dark.png) repeat; padding: 20px; }
.darkblock h2 { font-weight: normal; color: #ff3366; line-height: 1.2em; font-size: 1.7em; margin: 0 0 10px 0;}

#intro { width: 932px; height: 352px; background: url(../images/bg-intro.jpg) no-repeat #cbc6cb;  position: relative; margin: 0 0 20px 0;}
#intro h1 { font-size: 2.2em; line-height: 1.2em; }
#intro h1 a { font-weight: normal; text-decoration: none; border: none; color: #222122; }
#intro a.newlink {position: absolute; top: 0; left: 0; text-indent: -9999px; display: block; width: 450px; height: 360px;}
#intro .text p { font-size: 1.1em; }
#intro .text a.button { font-size: 1.4em;  background: #ff3366; color: #fff; text-align: center; border: solid 2px #ff668b;  float: left; padding: 5px 15px; margin-right: 10px; }
#intro .text { position: relative; top: 40px; width: 400px; left: 480px; }
.hot {background: #ff3366; color: #fff; text-align: center; padding: 5px 10px; margin-bottom: 20px; font-weight: bold;}
.hot p {margin: 0; padding: 0;}

.list, .list ul { float: left; display: inline; width: 960px; margin-left: -20px; }
.list ul, .list li {list-style-type: none; padding: 0; margin: 0;}
.list li {position: relative; background-color: #cbc6cb;display: block; width: 212px; height: 199px; text-align: center;margin: 0 0 20px 20px; float: left;}
.list li a { border: none; padding: 145px 0 15px 0; display: block; }
.list li a span.name { color: #222122; font-size: 1.1em;}
.list li a span.price { color: #ff3366;}
.list li a:hover span { color: #ff3366;}
.list span.featured {position: absolute; top: 10px; left: -4px; background: #FF3366; color: #fff; padding: 5px 10px; text-align: center; text-transform: uppercase; }
.list a span.featured, .list a:hover span.featured {color: #fff;}

.listitem { clear: both; margin-bottom: 40px; }
.blogthumb { float: left; margin: 0 20px 20px 0; }

#bottom { clear: both; float: left; display: inline; width: 940px; margin-bottom: 20px;}
#donation, #shipping { width: 280px; float: left; margin-right: 20px; height: 109px; padding-left: 160px;}
#donation { background: url(../images/bg-dog-collar-donation.jpg) no-repeat; }
#shipping { margin-right: 0; background: url(../images/bg-dog-collar-shipping.png) no-repeat;}

.intropage { text-align: center; margin-bottom: 20px; }
.intropage h1 { color: #ff3366; font-size: 1.7em; font-weight: normal; margin-bottom: 10px; }
.intropage p { font-size: 1.1em; margin: 0;}

#primarycontent h1 { color: #ff3366; font-size: 2.1em; line-height: 1.4em; }
h2 { font-size: 1.5em; color: #fff; margin-bottom: 10px; }
h3 { color: #fff; }
#primarycontent .date { color: #A95555; font-style: italic; }
p.introtext, p.intro { font-size: 1.2em; color: #e7cfcc;}

.pic { border: solid 4px #fff; margin-bottom: 20px;}
.infopage h1 { margin: 20px 0; }


#secondarycontent h2 { font-size: 1.3em; color: #ff3366; margin-bottom: 10px; }

a.button {display: block;background: url(../images/bg-dark.png) repeat; padding: 10px; margin-bottom: 20px;border-bottom: none; }
a.feed { color: #ff9400; }
a.feed:hover { color: #fff; }
a.feed span { background: url(../images/icon-feed.png) no-repeat; padding:0 10px 0 25px; }

ul.spaced li { margin-bottom: 10px; }

.postinfo { display: block;background: url(../images/bg-dark.png) repeat; padding: 10px 20px; margin-bottom: 20px; }
.postinfo p { margin-bottom: 0; }

/* Details
-------------------------------------------------------------- */
#details { width: 932px; height: 420px; position: relative; margin: 0 0 20px 0; background-color: #dddcdd;}
#details h1 { color: #222122; font-size: 1.6em; margin-bottom: 5px; }
#details h2 { color: #666666;  font-size: 1em; margin-bottom: 5px;}
#details .saleprice { color: #ff3366; font-size: 1.6em; margin-bottom: 10px; }
#details .regprice { color: #222122; font-size: 0.6em; margin-bottom: 10px; text-decoration: line-through; }
#details .price { color: #222122; font-size: 1.1em; margin-bottom: 10px; }
#details .description { font-size: 1em; }
.vendor { font-size: 0.9em; }
#details a { color: #FF3366; }

.infodetails { position: absolute; left: 590px; top: 30px; width: 320px; }
.product-info-options { margin-bottom: 20px; font-size: 1.1em; padding: 3px 20px 3px 3px; margin-right: 10px;}
.price-field span {font-size: 0.9em; }

.stock {font-size: 10px; padding-top: 20px;}

a.sizechart { padding-top: 10px; color: #222122; }
#sizechart { width: 450px; }
.dog-leashes #sizechart {display: none;}

#zoom_close { border: none; }
#zoom p { text-shadow: none; color: #333333; }

#morepics { position: absolute; left: 20px; top: 337px; }
#morepics a { border: solid 4px #fff; display: block; float: left; margin-right: 10px;  }

/* Forms
-------------------------------------------------------------- */
.form {margin:0 0 20px 0; background: url(../images/bg-dark.png) repeat; padding:40px 20px;  }
#primaryContent .form h2 { margin-bottom: 20px; }
form p.note {color:#62accc; font-size:0.9em; padding-top:10px;}
form p.noteField {color:#fff; font-size:0.9em; padding-top:10px; margin-left:146px}
.form label, .addcomment label {float:left; width: 130px; padding:0.3em 1em 0 0; text-align:right; font-weight:bold; color:#fff}
.form p {margin-bottom:.5em; padding:0; display:block; clear: both;}
input.textField,select.textField, .form textarea {width:395px; padding: 5px; margin-bottom: 5px;}
.form p.submitZone {padding: 10px 0 10px 145px; }
label { font-weight: bold; color: #333; }
.form .submitbutton { background: #ff3366; color: #fff; text-align: center; border: solid 2px #ff668b; padding: 5px; cursor: pointer; }


/* Cart
-------------------------------------------------------------- */
#cart { margin-bottom: 20px; padding: 0 20px; }
#shoppingcart-table { width: 100%; }
#subtotal td { text-align: right; font-size: 1.2em; }
#subtotal td span { color: #fff; font-size: 1.2em; margin-left: 20px; }
#checkout { text-align: right; }
#shoppingcart-table th { text-transform: uppercase; font-size: 0.9em; font-weight: normal; }
#shoppingcart-table th.last { text-align: right; }
#shoppingcart-table td.basket-column { width: 80px; }
#shoppingcart-table td.basket-column del { font-size: 0.9em; color: silver; }
#shoppingcart-table td.last { text-align: right; }
.basket-images { float: left; display: inline; }
.basket-images a { border: none; }
.basket-images img { margin: 5px 10px; border: solid 4px #fff; }
.basket-desc { float: left; display: inline; width: 400px; margin: 5px 0 0 0; }
.basket-desc h3 { font-size: 1.1em; margin: 0; }
.basket-desc p { margin: 0; }

.btn-neutral { font-size: 1.1em;  background: #78534a; color: #fff; text-align: center; border: solid 2px #8d6257;  padding: 5px 20px; cursor: pointer; margin-right: 10px; }
.btn-pink, .foxycart_link { font-size: 1em;  background: #ff3366; color: #fff; text-align: center; border: solid 2px #ff668b;  padding: 5px 10px; cursor: pointer; }
.btn-positive { font-size: 1em;  background: #00d5ff; color: #fff; text-align: center; border: solid 2px #7deaff;  padding: 5px 10px; cursor: pointer; }
.btn-positive { font-size: 1em;  background: #007f62; color: #fff; text-align: center; border: solid 2px #00b086;  padding: 5px 10px; cursor: pointer; }


/* Foxee
-------------------------------------------------------------- */
.foxee select {font-size: 1em; padding: 3px 20px 3px 3px; margin-bottom: 10px; width: 170px}
.foxee input.qty {font-size: 1.1em; text-align: center; width: 20px;}

#fc_tb_window {text-shadow: none;}
#fc_tb_iframeContent {height: 500px;}

/* Footer
-------------------------------------------------------------- */
#footer {clear: both;border-top: 1px solid #331f1b; margin-top: 20px; height: 200px; padding: 20px 0; }
#footer #newsletter { float: left; display: block; width: 460px; }
#footer #newsletter h2 { font-size: 1.2em; font-weight: normal; margin: 0;}
#footer #newsletter p { padding: 0; margin: 0 0 15px 0; }
#footer #newsletter .emailinput { width: 160px; padding: 5px; margin-bottom: 5px; }
#footer #newsletter .submitbutton { background: #ff3366; color: #fff; text-align: center; border: solid 2px #ff668b; padding: 5px; cursor: pointer; }
#footer .info { width: 460px; float: right; display: inline; text-align: right; }
#footer .info li { display: inline; list-style-type: none; }
#footer .menu { margin-bottom: 5px; }
#footer .cc {display: block; width: 186px; height: 25px; text-indent: -9999px; background: url(../images/credit-cards.png) no-repeat; text-align: left; margin: 0 0 0 272px;}

/* Cart popup
-------------------------------------------------------------- */

#cart { background: #fff; text-decoration: none; text-shadow: none; }
#cart a { border: none; }

#fc_cart_container {
	margin:0px auto;
	padding:0px;
	overflow:hidden; width:100%; /* Clear floats, IE6 fix */
	background:url(http://www.dogcollars.ca/images/cart-title.png) no-repeat top left;
}

/* The form contains everything but the <noscript> message */
#fc_cart_form {
	padding:45px 0 0;
	overflow:hidden; width:100%; /* Clear floats, IE6 fix */
}


/* Define some styles for the cart table */
#fc_cart_table {
	width:100%;
	clear:both;
	border-collapse:collapse;
	color: #221513;
}
#fc_cart_table caption {
	display:none;
}
#fc_cart_table td,
#fc_cart_table th {
	padding:5px;
}

/* We'll set some basic widths to keep things appropriate */
#fc_cart_head_item {
	width:50%;
}
#fc_cart_head_quantity,
#fc_cart_head_price {
	width:25%;
}

#fc_cart_table td {
	border-bottom:1px solid #d5d5d5;padding: 5px;
	vertical-align: top;
}
/* The header cells */
#fc_cart_table thead th {
	background:#221513;
	color:#fff;
}
/* The footer cells */
#fc_cart_table tfoot td {
	border-bottom:1px solid #fff;
	background:#EEEEEE;
}
#fc_cart_table tfoot td.fc_col1 {
	text-align:right;
}
#fc_cart_foot_total td.fc_col1 {
	color:#fff !important;
	text-align:right;
}

.fc_cart_category_code, .fc_cart_item_weight, .fc_cart_item_code { display: none; }
/* The subscription sub-total footer row */
#fc_cart_foot_subscriptions td {
	color:#900;
}
#fc_cart_foot_subscriptions td.fc_col1 {
	font-style:italic;
}
#fc_cart_table #fc_cart_foot_total td {
	background:#221513;
	color:#fff;
}

/* Item "remove" links */
#fc_cart_table .fc_cart_remove_left,
#fc_cart_table .fc_cart_remove_right {
	display:none;
}
input.fc_cart_item_quantity {
	float:left;
}
#fc_cart_table .fc_cart_remove_link {
	width:20px;
	height:0px; overflow:hidden;
	padding:16px 0px 0px 0px;
	display:block;
	background:url(https://www.foxycart.com/themes/standard/images/cart_item_remove.png) no-repeat 8px -3px;
}
#fc_cart_table .fc_cart_remove_link:hover {
	background-position:8px -27px;
}

/* Coupons */
tfoot #fc_cart_foot_discount_error td {
	background:#ffe6e6;
	color:#600;
}
#fc_cart_foot_discount_new a {
	color:#900;
}
tr.fc_cart_foot_discount span.fc_discount {
	float:left;
}
tr.fc_cart_foot_discount span.fc_cart_coupon_remove {
	float:left;
}
tr.fc_cart_foot_discount a.fc_cart_remove_link {
	/* We'll override some styles to make it fit better */
	padding-top:14px !important;
	background-position:8px -6px !important;
}
tr.fc_cart_foot_discount a.fc_cart_remove_link:hover {
	background-position:8px -30px !important;
}


/* Cart items */
#fc_cart_container td.fc_cart_item_name {}
#fc_cart_container ul.fc_cart_item_options,
#fc_cart_container li.fc_cart_item_subscription_details ul {
	margin:0px 0px 5px;
	padding:0px 0px 0px 15px;
	background:none;
	list-style:outside;
	list-style-type:none;
}
#fc_cart_container li.fc_cart_item_option {
	background:none;
	color:#666;
}
#fc_cart_container li.fc_cart_item_subscription_details ul {
	border-top:1px solid #ccc;
}
#fc_cart_container li.fc_cart_item_subscription_details ul li.fc_cart_item_option {
}
#fc_cart_container input.fc_cart_item_quantity {
	width:2.5em;
	padding:2px 4px;
	border:1px solid #ccc;
}

#fc_cart_container span.fc_cart_item_price_total,
#fc_cart_container span.fc_cart_item_price_each {
	display:block;
}
#fc_cart_container span.fc_cart_item_price_each {
	color:#666;
}

/* Cart Buttons (Update, Checkout) */
#fc_cart_controls_top,
#fc_cart_controls_bottom {
	min-width:220px;
	margin:12px 10px 15px 0px;
	float:right;
}
#fc_cart_controls_top {
	margin-top:-30px;
	display: none;
}
#fc_cart_controls_bottom a {vertical-align:top;}
#fc_cart_container #fc_cart_controls_top a.fc_cart_update,
#fc_cart_container #fc_cart_controls_bottom a.fc_cart_update {font-size: 1.1em;  background: #78534a; color: #fff; text-align: center; border: solid 2px #8d6257;  padding: 5px 20px; cursor: pointer; margin-right: 10px; }
#fc_cart_container #fc_cart_controls_top a.fc_cart_checkout,
#fc_cart_container #fc_cart_controls_bottom a.fc_cart_checkout {font-size: 1.1em;  background: #ff3366; color: #fff; text-align: center; border: solid 2px #ff668b;  padding: 5px 20px; cursor: pointer;}
#fc_cart_container #fc_cart_controls_top a.fc_cart_update:hover,
#fc_cart_container #fc_cart_controls_bottom a.fc_cart_update:hover,
#fc_cart_container #fc_cart_controls_top a.fc_cart_checkout:hover,
#fc_cart_container #fc_cart_controls_bottom a.fc_cart_checkout:hover {
	background-position:right -24px;
}
#fc_cart_container #fc_cart_controls_top span.fc_cart_notice,
#fc_cart_container #fc_cart_controls_bottom span.fc_cart_notice {
	width:95px;
	float:left;
	display:block;
}

.fc_error {color: red;}

/* Multiship specific styles */
th.fc_shipto {
	background:#eee;
	font-weight:bold;
}
th.fc_shipto a {
	color:#666;
}

/* Noscript and Checkout */
#fc_error_noscript {
	margin:10px 0px 25px 0px;
	padding:5px 5px 5px 25px;
	border:1px solid #d03d39;
	display:block; clear:both;
	color:#900;
	background:url(https://www.foxycart.com/themes/standard/images/icon-warning.png) no-repeat 5px 8px;
	font-weight:normal;
}
#fc_error_noscript p {
	color:#900;
}
#fc_error_noscript a {
	text-decoration:underline;
}

#fc_tb_closeWindowButtonBot {  }