﻿body
{
	background-color: #CBB09B;
	background-image: url(Images/body_bk.jpg);
	background-repeat: repeat-x;
	color: #000000;
}

#webpage
{
	background-image: none;
	width: 800px;
	border: solid 1px #999999;
	padding-top: 0px;
	background-color: #ffffff;
}

#header
{
	height: auto;
}

#titleBar
{
	background-image: url(Images/QuestHeader.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 163px;
	border-bottom: 0px;
}

#topMenu
{
	height: 30px;
	border-top: 1px solid #43663E;
	background: url(Images/appbarbg.jpg) scroll left top;
	width: 100%;
	font-size: 14px;
}

#topMenu a
{
	color: #ffffff;
	text-decoration: none;
}

#topMenu a:hover
{
	color: #CBA68A;
}


#topMenu li
{
	color: #85B37E;
	border-left: 2px dotted #43663E;
	display: inline;
	height: 28px;
	line-height: 28px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 8px 3px 6px 3px;
}

#categoryMenu
{
	border:2px solid #CCCCCC;
	margin-bottom:6px;
}

#categoryMenu ul
{
	margin-bottom: 10px;
}

#categoryMenu li
{
	padding-left: 38px;
	padding-top: 9px;
	height: 24px;
	background-image:url(Images/pawprint.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	font-weight: bold;
	font-variant:small-caps;
}

#categoryMenu a
{
	text-decoration: none;
	color: #43663E;
}

#categoryMenu h3
{
	background: transparent url(Images/listh.gif) no-repeat scroll left top;
	color: #ffffff;
	height: 35px;
	margin: 0;
	padding-left: 30px;
	padding-top: 7px;
	font-size: 20px;
	width: 116px;
}

#categoryMenu li
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#main
{
	float: left;
	width: 600px;
	padding: 10px 4px 4px 20px;
}

#extraInfoSection
{
	padding: 4px;
	float: right;
	width: 150px;
}

#footer
{
	background-image: none;
	background-color: #43663E;
}

h1
{
	border-bottom: none;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	color: #5C4D41;
}

h2
{
	border-bottom: none;
	margin-bottom:10px;
	font-style: normal;
	font-weight: normal;
	color: #503018;
}

.productList
{
	list-style-type: none;
}

.productListItem
{
	height: 200px;
	width: 33%;
	float: left;
	text-align: center;
}

.productListItem a
{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

.productListImage
{
	height: 100px;
	vertical-align: bottom;
	clear: both;
}

.categoryListItem
{
	height: 160px;
	width: 33%;
	float: left;
	text-align: center;
	margin-top: 20px;
}

.categoryListItem a
{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

.categoryListItem .categoryTitle
{
	margin-top: 10px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

.categoryListImage
{
	height: 100px;
	vertical-align: bottom;
	clear: both;
}

.categoryListImage a
{
	padding-top: 0px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

.childCategoryListItem
{
	width: 33%;
	float: left;
	text-align: center;
}

.childCategoryListItem a
{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

.childCategoryListImage
{
	height: 100px;
	vertical-align: bottom;
	clear: both;
}

.priceBlock
{
	color: #990000;
	font-family: verdana,arial,helvetica,sans-serif;
}

.priceBlock span
{
	color: #666666;
	font-weight: bold;
	margin: 0 0.3em 0 0;
}

.priceBlock select
{
	margin-right: 100px;
	float:right;
	color: #666666;
	margin-bottom: 10px;
	margin-top: 10px;
}

.productAttributes label
{
	color: #666666;
	font-weight: bold;
	margin: 10px 0 0 0;
	width: 150px;
	display: block;

}

.productAttributes select
{
	margin-left: 0px;
}

.infoBlock
{
	color: #3366CC;
	font-family: verdana,arial,helvetica,sans-serif;
}

.infoBlock span
{
	color: #666666;
	font-weight: bold;
	margin: 0 0.3em 0 0;
}

.contentSection
{
	margin-top: 35px;
}

.searchBlock
{
	margin-top: 10px;
	margin-bottom: 30px;
}

/* News */
#newsList
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 10px;
	border: 2px solid #cccccc;
}

#newsList h3
{
	background: transparent url(Images/listh.gif) no-repeat scroll left top;
	color: #ffffff;
	height: 35px;
	margin: 0;
	width: 116px;
	padding-left: 30px;
	padding-top: 7px;
	font-size: 20px;
}

#newsList dl
{
	width: 148px;
}

#newsList dt
{
	background-image: url(Images/pawprint.jpg);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	color: #43663E;
	font-weight: bold;
	font-size: 12px;
	padding: 8px 8px 2px 36px;
	min-height: 25px;
	border-top: 2px solid #cccccc;
}

#newsList dd
{
	color: #43663E;
	padding: 4px 4px 8px 8px;
}

#newsList a
{
	color: #43663E;
	font-weight: bold;
	font-size: 12px;
}

#newsIndex
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 10px;
	
}

#newsIndex h3
{
	color: #43663E;
	height: 35px;
	margin: 0;
	padding-left: 30px;
	padding-top: 7px;
	font-size: 20px;
}

#newsIndex dl
{
	
}

#newsIndex dt
{
	background-image: url(Images/pawprint.jpg);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	color: #43663E;
	font-weight: bold;
	font-size: 12px;
	padding: 8px 8px 2px 40px;
	min-height: 25px;
	border-top: 2px solid #cccccc;
}

#newsIndex dd
{
	color: #43663E;
	padding: 4px 4px 8px 40px;
}

.contact div
{
	margin-bottom: 20px;
	margin-top: 20px;
}

.floatyContentItem
{
	height: 200px;
	width: 40%;
	float: left;
	text-align: justify;
	padding: 10px;
}

.pagingSection b
{
	padding: 2px;
	color: #6C4824;
	font-size: 18px;
}

.pagingSection a
{
	padding: 2px;
	color: #996633;
	font-size: 16px;
	text-decoration: none;
}

.emailAddress
{
	background-image: url(Images/mail_forward.png);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 24px;
	padding-left: 30px;
}

.streetAddress
{
	background-image: url(Images/home.png);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 24px;
	padding-left: 30px;
}

.telephone
{
	background-image: url(Images/user1_telephone.png);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 24px;
	padding-left: 30px;
}

.addressMap
{
	background-image: url(Images/earth_location.png);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 24px;
	padding-left: 30px;
}

.faq
{
	background-image: url(Images/help.png);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 24px;
	padding-left: 30px;
	margin-top: 20px;
}

.question
{
	color: #990000;
	font-family: verdana,arial,helvetica,sans-serif;
}

.answer
{
	padding-top: 10px;
	color: #666666;
	font-weight: bold;
	margin: 0 0.3em 0 0;
}

.linksList ul
{
	list-style-type: none;
}

.linksList ul li
{
	background-image: url(Images/pawprint.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 35px;
	padding-left: 40px;
	padding-top: 15px;
}

.linksList ul li span
{
	margin-left: 10px;
}

.linksList ul li a
{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

.linksList ul li a:hover
{
	text-decoration: underline;
}

#basketSummary
{
	margin-bottom: 6px;
	border: 2px solid #cccccc;
}

#basketHeader
{
	margin-bottom: 6px;
}

#basketSummary .basketContent
{
	padding-left: 4px;
}

#basketSummary h3
{
	background: transparent url(Images/listh.gif) no-repeat scroll left top;
	color: #ffffff;
	height: 35px;
	margin: 0;
	width: 116px;
	padding-left: 30px;
	padding-top: 7px;
	font-size: 20px;
}

#checkoutTitle
{
	background-image: url(Images/Icons/16x16/true.png);
	background-position: left;
	background-repeat: no-repeat;
	color: #5C4D41;
	font-weight: bold;
	padding-left: 25px;
	height: 24px;
	line-height: 24px;
}

#basketTitle
{
	background-image: url(Images/Icons/16x16/shoppingcart.png);
	background-position: left;
	background-repeat: no-repeat;
	color: #5C4D41;
	font-weight: bold;
	padding-left: 25px;
	height: 24px;
	line-height: 24px;
	margin-top: 6px;
}

#checkoutTitle a
{
	text-decoration: none;
	color: #5C4D41;
}

#checkoutTitle a:hover
{
	text-decoration: underline;
}

#basketTitle a
{
	text-decoration: none;
	color: #5C4D41;
}

#basketTitle a:hover
{
	text-decoration: underline;
}

.basketTable
{
	margin-bottom: 8px;	
}

#orderSummary
{
	border: 2px solid #CCCCCC;
	padding: 3px;
	margin-bottom: 8px;
}

#shipmentSummary
{
	border: 2px solid #CCCCCC;
	padding: 3px;
	margin-bottom: 8px;
}

.imageButton
{
	width: auto;
	background-color: Transparent;
	border: none;
	padding: none;
}

td input
{
	float: left;
}

.basketTable td .text-input
{
	width: 40px;
}

.checkoutProgress
{
	height: 100px;
}

.checkoutProgress li
{
	display: inline;
	list-style: none;
	padding-left: 26px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #333333;
}

.checkout-1
{
	background: transparent url(Images/1.png) no-repeat scroll left top;
	height: 26px;
}

.checkout-2
{
	background: transparent url(Images/2.png) no-repeat scroll left top;
}

.checkout-3
{
	background: transparent url(Images/3.png) no-repeat scroll left top;
}

.checkoutProgress a
{
	color: #999999;
	text-decoration: none;
}

input
{
	margin-left: 10px;
}

.input-validation-error
{
	border: 2px dashed #CC6600;
	background-color: #FFFFCC;
	background-image: url(Images/icons/false.png);
	background-position: 230px center;
	background-repeat: no-repeat;
}

.validation-summary-errors
{
	color:#800000;
    border: none;
    background-color: Transparent;
	list-style-image: url(Images/icons/false.png);
	list-style-type: none;
	list-style-position: inside;
	margin-left: 20px;
}

.validation-summary-errors li
{
}

table
{
	width: auto;
}

#loginSection
{
	color: #ffffff;
}

#loginSection a
{
	color: #ffffff;
	text-decoration: none;
}

.product-image-container
{
	float: left;
	margin: 0px 10px 10px 10px;
}

.shoppingcartfull input
{
	margin-left: 0px;
}

.announcement
{
    background-image: url(Images/announcement.jpg);
    padding: 8px;
    font-size: 14px;
    color: #666666;
    background: #FFFFCC;
}

.announcement span
{
    font-size: 18px;
}