/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* === ONLINE STORE === */
#fullwidth div.store { width: 656px; margin-left: 20px; float: left; min-height: 450px; display: inline;  }
 #fullwidth div.store p, #fullwidth div.store h1, #fullwidth div.store h4 { margin-right: 36px; }
#fullwidth div .productlisting { width: 198px; float: left; display: inline; margin: 0 12px 10px 5px; text-align: left; background: none; padding: 0; }
 #fullwidth div .productlisting p { margin: 0 0 0 8px; line-height: 1.3; }
.productlisting a { font-size: 1.2em; }
.newline { height: 10px; line-height: 1px; margin: 0; padding: 0; clear: left; }
.price { font-size: 1.2em; color: #ccc; margin-bottom: 20px; }
.store-productimage { float: right; margin: 0 20px 120px; }
.store h1 { margin-bottom: 4px; }
.store h3 { clear: left; }
.rule { border-bottom: 1px solid #f49ac1; height: 2px; overflow: hidden;}

#fullwidth #store-rightcol { width: 143px; float: right; height: 450px;  }
 #fullwidth #store-rightcol p { margin: 0; }
	

.boxText { font-size: 10px; }
.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 1.1em; color: #FFD; }
.stockWarning img { margin: 0 8px 12px 0; float: left; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 0.8em; }
 h3 .orderEdit a:link, h3 .orderEdit a:visited { color: #fff; }
 h3 .orderEdit a:hover, h3 .orderEdit a:active { color: #ee4c9b; }
	h2 .orderEdit { font-size: 0.7em; }
 h2 .orderEdit a:link, h2 .orderEdit a:visited { color: #f49ac1; }
 h2 .orderEdit a:hover, h2 .orderEdit a:active { color: #ee4c9b; }

FORM {	display: inline;}
table { font-size: 1em; }

TR.header {  background: #fff; }
TR.headerNavigation {  background: #bbc3d3; }
TD.headerNavigation {  font-size: 10px;  background: #bbc3d3;  color: #fff;  font-weight : bold; }
A.headerNavigation {  color: #FFF; }
A.headerNavigation:hover { color: #fff;}

TR.headerError { background: #ff0000;}
TD.headerError { font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;}

TR.headerInfo {  background: #00ff00;}
TD.headerInfo { font-size: 12px;  background: #00ff00; color: #ffffff;  font-weight: bold;  text-align: center; }

TR.footer {  background: #bbc3d3;}
TD.footer {  font-size: 10px;  background: #bbc3d3;  color: #ffffff;  font-weight: bold; }

.infoBox {  background: #999;}
.infoBoxContents {  background: #888;  font-size: 10px;}
.infoBoxNotice {  background: #FF8E90;}
.infoBoxNoticeContents {  background: #FFE6E6;  font-size: 10px;}
TD.infoBoxHeading {  font-size: 10px;  font-weight: bold;  background: #bbc3d3;  color: #ffffff;}
TD.infoBox, SPAN.infoBox {  font-size: 10px; }

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { 	 }

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {   }

.productListing-heading {
  font-size: 1.05em; background: #b5b5b5 url(images/table-head-bg.png) repeat-x top left; border-bottom: 1px solid #bbb; 
  color: #000; font-weight: bold; padding: 3px 5px 1px; }
TD.productListing-data { font-size: 1em; padding: 6px 2px 2px;border-bottom: 1px solid #777; }
 TD.productListing-data img { margin: 0 10px 0 0; }
 td.productListing-data.basket-text { padding: 12px 2px 2px;}
  #fullwidth .store td.productListing-data.basket-text p { margin: 0 0 8px; }

TABLE.page-buttons { clear: left; border:none; border-collapse:collapse; margin: 0 18px; width: 602px; }

A.pageResults { color: #00F; }
A.pageResults:hover { color: #00F; background: #FFFF33; }

TD.pageHeading, DIV.pageHeading {    font-size: 20px;  font-weight: bold;  color: green;}

TR.subBar { background: #f4f7fd; }
TD.subBar { font-size: 0.8em;  color: #f00;}

P.main { font-size: 0.9em; line-height: 1.5; }
TD.main { font-size: 1em; line-height: 1.5; }
TD.smallText, SPAN.smallText, P.smallText { font-size: 0.85em; }
TD.accountCategory {  font-size: 13px;  color: #aabbdd;}
TD.fieldKey { font-size: 12px;  font-weight: bold;}
TD.fieldValue { font-size: 12px;}
TD.tableHeading {  font-size: 12px; font-weight: bold;}
SPAN.newItemInCart {  font-weight: bold; }

TEXTAREA { width: 100%; padding: 3px; }
.checkout TEXTAREA { margin: 0 0 10px; width: 100%; border: 3px solid #fff; height: 50px;}

SPAN.greetUser { font-size: 12px;  color: #f0a480;  font-weight: bold; }

TABLE.formArea {  background: #f1f9fe;  border: 1px solid #7b9ebd; }

TD.formAreaTitle { font-size: 12px; font-weight: bold;}

SPAN.markProductOutOfStock {  font-size: 1.1em;  color: #fff;  font-weight: bold; }
SPAN.productSpecialPrice {  color: #f00;}
SPAN.errorText { color: #f00;}

.moduleRow { }
.moduleRowOver { background-color: #767377; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #494549; }

.checkoutBarFrom, .checkoutBarTo { font-size: 0.85em; color: #8c8c8c; padding-top: 3px;}
.checkoutBarCurrent { font-size: 0.85em; color: #fff; padding-top: 3px; }

/* message box */

.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 1.1em; color: #FFD; margin-top: 8px;}
.messageStackError img, .messageStackWarning img, .messageStackSuccess img { margin: 0 8px 0 0; float: left;}

.messageStackSuccess { font-size: 1.1em; color: #c2ee4c; margin-top: 8px;}

/* input requirement */

.inputRequirement { font-size: 10px; color: #ff0000; }

a.cssButton, a.cssButton:link, a.cssButton:visited, input.cssButton { background: #a7a7a8 url(/images/button-bg-grey.png) repeat-x left -10px; font: 16px Arial, Helvetica, "Arial MT",  sans-serif; color: #fff; font-weight: normal; cursor: pointer;
  text-align: center; text-decoration: none; border: 1px solid #000; padding: 6px 14px 5px; margin: 0; height: 28px; line-height: 22px;
}
input.cssButton { padding: 2px 14px 6px; }
a.cssButton.button-strong, a.cssButton.button-strong:link, a.cssButton.button-strong:visited, input.cssButton.button-strong { background: #f49ac1 url(images/button-bg.png) repeat-x left -10px; }

a.cssButton:hover, input.cssButton:hover, input.cssButton.sfhover { background: #ee4c9b url(images/button-bg-grey.png) repeat-x left -90px; color: #fff; text-decoration: none; }
a.cssButtonbutton-strong:hover, input.cssButton.button-strong:hover, input.cssButton.button-strong.sfhover { background: #ee4c9b url(images/button-bg.png) repeat-x left -90px; }
input.cssButton:active { outline: none; }

a.cssButtonAccount, a.cssButtonAccount:link, a.cssButtonAccount:visited { background: #3f4042 url(images/button-bg-account.png) no-repeat left 0px; font: 14px Arial, Helvetica, "Arial MT",  sans-serif; color: #fff; font-weight: normal; cursor: pointer; display: block;
  text-align: left; text-decoration: none; padding: 6px 0 0; margin: 0 0 2px; height: 20px; width: 135px; overflow: hidden; }
 a.cssButtonAccount span { margin: 0px 10px 5px;  }
 a.cssButtonAccount:hover { background: #909192 url(images/button-bg-account.png) no-repeat -172px 0px; color: #fff; text-decoration: none; }


a.cssButtonSmall, a.cssButtonSmall:link, a.cssButtonSmall:visited { background: #a7a7a8 url(images/button-bg-grey.png) repeat-x left -14px; font: 14px Arial, Helvetica, "Arial MT", sans-serif; color: #fff; font-weight: normal; cursor: pointer; text-align: center; text-decoration: none; border: 1px solid #000; padding: 4px 10px 3px; margin: 0; height: 20px; 
}
a.cssButtonSmall:hover, a.cssButtonSmall:active { background: #ee4c9b url(images/button-bg-grey.png) repeat-x left -94px; color: #fff; text-decoration: none; }



a.cssButtonCheckout, a.cssButtonCheckout:link, a.cssButtonCheckout:visited { background: #cc839f url(images/button-bg-checkout.png) no-repeat left 0px; font: 14px Arial, Helvetica, "Arial MT",  sans-serif; color: #fff; font-weight: normal; cursor: pointer; display: block;
  text-align: left; text-decoration: none; padding: 6px 0 0; margin: 10px 0 2px; height: 20px; width: 135px; overflow: hidden; }
 a.cssButtonCheckout span { margin: 0px 10px 5px;  }
 a.cssButtonCheckout:hover { background: #df4892 url(images/button-bg-checkout.png) no-repeat -172px 0px; color: #fff; text-decoration: none; }

#fullwidth .store { margin-bottom: 10px; }
#fullwidth .store div.basket { margin: 10px 18px 0; width: 602px; background: none; float: none; display: block; height: auto; padding: 0; }
 #fullwidth .store div.basket table { border-collapse:collapse; }
.basket-name { font-size: 1.2em; }
.basket-qty { padding: 3px 3px 2px; border: 1px solid #f49ac1; text-align: center; width: 30px;}
.checkbox { background: #1b161c;}
.basket-price { font-size: 1.1em;  }
.basket-subtotal { font-size: 1.1em; text-align: right; margin-top: 12px; }
#fullwidth #store-rightcol div.basket { background: url(images/basket-bg.png) repeat-x top left; width: 135px; padding: 0; }
.basket-heading { display: block; padding: 3px 10px 5px; }
 .basket-heading img { margin-right: 6px; }
	a.basket-heading:hover, a.basket-heading:active { color: #fff; text-decoration: none; }
#fullwidth #store-rightcol div.basket p.basket-contents { margin: 5px 8px 4px 10px; font-size: 0.9em; }
#fullwidth #store-rightcol div.basket p.basket-contents a:link, #fullwidth #store-rightcol div.basket p.basket-contents a:visited { color: #fff; }
#store-rightcol .basket-price { color: #f49ac1; font-size: 1em; }

#fullwidth .store .main-onecol { margin-left: 18px; width: 292px; float: left; background: none;}
 #fullwidth .store .main-onecol p, #fullwidth .store .main-onecol h3 { margin: 0 0 10px; }

#fullwidth .main-onecol label { width: 150px; height: auto; float: none; display: block; text-align: left; font-size: 1.1em; padding: 0; }
#fullwidth .store form .main-onecol div { width: 292px; height: 29px; margin: 6px 0 12px 0; padding: 0; display: block; background: url(http://www.dogadorers.co.uk/img/form-input-md.png) no-repeat left top;  }
#fullwidth .main-onecol form div.textarea { height: 140px; margin: 6px 0 6px 8px; display: inline; background: url(http://www.dogadorers.co.uk/img/form-textarea.png) no-repeat left top; }

#fullwidth .store form div.textarea-wide { width: 600px; height: 76px; margin: 6px 18px 6px; display: inline; background: url(http://www.dogadorers.co.uk/img/form-textarea-wide.png) no-repeat left top; }
 #fullwidth .store form div.textarea-wide textarea.forminput { width: 580px; max-width: 580px;  margin: 8px 10px 3px; height: 62px; }

#fullwidth .store .productOptions { background: #282429; border: 1px solid #484549; height: auto; padding: 10px; margin: 0 18px 10px; display: block;  float: none; }
 #fullwidth .store .productOptions h3 { margin: 0 0 6px; }
 #fullwidth .store .productOptions input { background: none; float: none; }
 #fullwidth .store .productOptions label { margin: 0 12px 0 0;  width: 106px; font-size: 1em; text-align: left; padding: 0; float: none; }
 #fullwidth .store .productOptions select {  margin: 0; float: none;}
 .product-options-name { color: #f49ac1; }
 #fullwidth .store .productOptions div { clear: both; height: 1px; line-height: 1px; overflow:hidden; margin: 0; padding: 0;  }

	
	
	
	
	
	
	
	
	
	
input { border: none; background: #fff; font: 1.2em Arial, Helvetica, "Arial MT", sans-serif; color: #c92f7a; margin: 7px 10px 3px; padding: 0; }
	input.input-radio, input.input-check { background: none; }
textarea { border: none; background: #fff; font: 1.2em Arial, sans-serif; color: #c92f7a; margin: 8px 10px 3px; padding: 0; height: 124px; max-height: 124px; }
.forminput { width: 323px; max-width: 323px; }
form div.formsubmit { clear: left; height: 44px; text-align: center; margin: 8px 0 0 168px; background: none; }
div.formsubmit input { width: 113px; height: 28px; margin: 0 auto; background: transparent; }
.required { font-weight: bold; font-size: 1.1em; }
p.formerror { margin: 8px 0 8px 168px; font-weight: bold; color: #f49ac1; }
input.input-button { width: auto; height: auto; }

.account{ font-size: 1.1em; }
.account img { margin-right: 5px; }

.checkout-product { font-weight: bold; }
table.checkout td.checkout-price { color: #f49ac1; padding-left: 14px; }

table.checkout { margin: 4px 18px 12px; width: 602px; font-size: 1em; clear: left; }
 #fullwidth .store table.checkout p { margin: 0 0 12px; }
	#fullwidth .store table.checkout h3 { margin: 0 0 4px; font-size: 1.33em;}
	#fullwidth .store table.checkout h4 { margin: 0 0 4px;}

table.orders { margin: 2px 18px 6px; width: 602px; font-size: 1em; border-top: 1px solid #f49ac1; background: #322e33 }
	table.orders td { border-bottom: 1px solid #f49ac1; padding-top: 4px; padding-bottom: 4px; }
#fullwidth .store h3.orderinfo { margin: 14px 18px 0; }
	#fullwidth .store h3.orderinfo span { color: #fff; }
#fullwidth .store h4 { margin: 0px 18px 2; }
	#fullwidth .store h4 span { color: #fff; }