@charset "UTF-8";
/* CSS Document */


body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #666;
	line-height: 16px;
}
.container {
	background-color: #FFF;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
#header {
	margin: auto;
	height: 90px;
	width: 840px;
	background-color: #FFF;
	padding-top: 40px;
	padding-left: 0px;
}
#header input, #navigation input{
	height: 22px;
	background-image: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 3px;
	border: 1px solid #999;
	color: #000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 16px;
	font-weight: normal;
}
#header .searchbox {
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right-style: none;
	margin: 0px;
	vertical-align: middle; *vertical-align: text-bottom;
}
#header .button, #login .button, #login .signupbutton, #navigation .button{
	height: 30px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(/images/Layout/greenshade.gif);
	background-repeat: repeat-x;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #91a06f;
	border-right-color: #6c7854;
	border-bottom-color: #3b4628;
	border-left-color: #6c7854;
	vertical-align: middle; 
	*vertical-align: text-bottom;
}
#login .signupbutton, #login .button{
	width: 80px;
	padding: 0px;
}
#login .signupbutton{
	margin-left:0px;
	background-image: url(/images/Layout/orangeshade.gif);
	border-top-color: #ff985a;
	border-right-color: #dd5f24;
	border-bottom-color: #984119;
	border-left-color: #dd5f24;
	position: relative;
	top: 2px;
	right: 0px;
	float: right;
}
#login .logoutbutton{
	margin-left:0px;
	color: #FFF;
	background-image: url(/images/Layout/orangeshade.gif);
	border-top-color: #ff985a;
	border-right-color: #dd5f24;
	border-bottom-color: #984119;
	border-left-color: #dd5f24;
	position: relative;
	top: -10px;
	right: 0px;
	float: right;
}
#login .basketbutton{
	margin-left:0px;
	color: #FFF;
	background-image: url(/images/Layout/greenshade.gif);
	border-top-color: #91a06f;
	border-right-color: #6c7854;
	border-bottom-color: #3b4628;
	border-left-color: #6c7854;
	position: relative;
	top: -10px;
	right: 0px;
	float: right;
}
#header .searchbut {
	background-image: url(/images/Layout/search-button.gif);
	background-repeat: no-repeat;
	color: #FFF;
	height: 30px;
	width: 90px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #F3EDDD;
	vertical-align: middle; *vertical-align: text-bottom;
	
}
#header #headerdiv {
	float: right;
	text-align: right;
	width: 400px;
	padding: 0px;
	margin: 0px;
}
#navigation .button {
	float: right;
}
#header #headerdiv p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#header #headerdiv p b {
	font-size: 30px;
	font-weight: normal;
}
#navigation {
	margin: auto;
	width: 840px;
	height: 40px;
	clear: both;
}
#underline {
	background-color: #E6E6E6;
	margin: auto;
	clear: both;
	height: 3px;
}
#hero {
	height: 300px;
	width: 840px;
	position: relative;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	z-index: 0;
}
#hero .textover {
	height: 300px;
	width: 840px;
	clear: both;
}
#hero .textover h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #FFF;
	background-color: #51514F;
	padding: 10px;
	float: left;
	margin: 20px;
}
#hero .thirds .message, #hero .thirds .intro  {
	float: left;
	height: 260px;
	width: 240px;
	text-align: center;
	padding: 20px;
	background-image: url(/images/Layout/greyfade.jpg);
}
#hero .thirds .message h2 {
	font-size: 70px;
	line-height: 64px;
	color: #6A7854;
	margin: 0px;
}
#hero .thirds .message h4 {
	font-size: 30px;
	color: #52514F;
	line-height: 18px;
	margin: 0px;
}
#hero .thirds .message h3 {
	font-size: 48px;
	line-height: 48px;
	font-weight: normal;
	color: #6A7854;
	margin: 0px;
}
#hero .thirds .intro  {
	text-align: left;
}
#hero .thirds .intro h1 {
	font-weight: normal;
	margin: 0px;
	line-height: 36px;
	color: #6A7552;
	font-size: 36px;
}
#hero .thirds .intro p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#hero .thirds img {
	float: left;
}
#showcase {
	height: 400px;
	width: 840px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	position:relative;
}
#showcase #zoomimage {
	height: 398px;
	width: 398px;
	margin-right: 40px;
	border: 1px solid #999;
	text-align: center;
	display:table-cell;
	vertical-align:middle;
}
#showcase #productinfo {
	float: right;
	height: 400px;
	width: 400px;
}
#showcase #productinfo p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#showcase #productinfo h1 {
	margin: 0px;
	font-size: 36px;
	line-height: 36px;
	color: #6A7552;
}
.descr a, #showcase #productinfo a {
	text-decoration:none;
	color: #6A7552;
}
.descr a:hover, #showcase #productinfo a:hover {
	color: #DB5A22;
}
#loginwrapper {
	height: 84px;
	background-color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#loginwrapper #login {
	width: 840px;
	margin: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 14px;
	padding-bottom: 10px;
	color: #FFF;
}
#login p {
	font-size: 12px;
	line-height: 12px;
	color: #CCC;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
#login p a {
	color: #FFF;
	text-decoration: none;
}
#login p a:hover {
	text-decoration: underline;
}
#login input {
	height: 24px;
	background-image: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 3px;
	margin-right: 20px;
	margin-left: 5px;
	border: 1px solid #999;
	color: #000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 16px;
	font-weight: normal;
}
#login .box {
	width: 197px;
}


#main {
	background-color: #FFF;
	margin: auto;
	width: 840px;
	padding-right: 0px;
	padding-left: 0px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-image: url(/images/Layout/greyfade.jpg);
	background-repeat: repeat-x;
}
.clear {
	clear: both;
}
#breadcrumb {
	width: 840px;
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	color: #6A7552;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#breadcrumb a {
	text-decoration:none;
	color:#6A7552;
}
#breadcrumb a:hover {
	color:#DB5A22;
}
#main .topntail {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 30px;
}
#main .topntail h2 {
	margin: 0px;
}
#main .topntail .show {
	float: right;
}
#main .topntail a{
	color:#DB5A22;
	text-decoration:underline;
}
#main .topntail a:hover{
	color:#6A7552;
	text-decoration:none;
}
#main .portalwrapper .primary, #main .portalwrapper .secondary, #main .portalwrapper .category, #main .portalwrapper .product{
	float: left;
	width: 170px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}
#main .portalwrapper {
	/**/
}
#main .portalwrapper .primary {
	height: 220px;
	overflow: hidden;
}
#main .portalwrapper .product {
	height: 312px;
	overflow: hidden;
}
#main .portalwrapper .category {
	height: 220px;
	overflow: hidden;
}
#main .portalwrapper .secondary {
	height: 85px;
	background-color: #FFF;
}
#main .portalwrapper .primary .descr .price, #main .portalwrapper .product .descr .price {
	float:right;
}
#main .portalwrapper .primary .descr .price b, #main .portalwrapper .product .descr .price b {
	font-size: 16px;
}
#main .portalwrapper .product .image {
	background-color: #FFF;
	height: 168px;
	width: 168px;
	border: 1px solid #999;
	text-align: center;
	display:table-cell;
	vertical-align:middle;
	overflow: hidden;	
}
.image img  {
	margin-bottom:0px;
}
.descr {
	margin-top:10px;
}
.descr h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}
.descr p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin: 0px;
	padding-top: 5px;
}

.orderbutton, .generalbutton{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	border-top-color: #ff985a;
	border-right-color: #dd5f24;
	border-bottom-color: #984119;
	border-left-color: #dd5f24;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-image: url(/images/Layout/orangeshade.gif);
	position: relative;
	top: 2px;
	padding-right: 10px;
	padding-left: 10px;
}
.orderbutton{
	margin-top:5px;
	margin-bottom:5px;
	float:right;
}
#productinfo .orderbutton{
	float:left;
}
.generalbutton{
	margin-left:10px;
	margin-right:10px;
}
#footer {
	padding: 60px;
	background-image: url(/images/Layout/bottom-curve.jpg);
	background-repeat: no-repeat;
	color: #999;
	background-position: center top;
	background-color: #cccccc;
}
#footer h2 {
	font-weight: normal;
	font-size: 24px;
	margin: 0px;
}
#footer h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
}
#footer ul  {
	list-style-type: none;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer #footercontent {
	margin: auto;
	width: 840px;
}
#footer ul li {
	padding-top: 12px;
	clear: both;
}
#footer ul li ul {
	float: left;
	clear: none;
}
#footer ul li ul li a {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	line-height: 16px;
	padding-left: 20px;
}
#footer ul li ul li {
	padding: 0px;
	float: none;
	width: 210px;
}
#footer ul .l1 {
	float: left;
	width: 168px;
	clear: none;
}
input {
	cursor:pointer;
}

.BasketTitle{
	margin-left:20px;
	margin-right:20px;
}
.BasketContainer{
	width: 633px;
	margin-left: 100px;
	float: left;
}
.BasketNavigation{
	padding-bottom: 20px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}
.BasketGridContent{
	background-color: #FFFFFF;
	padding: 10px;
}
.BasketRowHeader{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.BasketRow1{
	background-color:#FFF;
}
.BasketName{
	padding:3px;
	width:294px;
	float:right;
	font-size:12px;
}
.BasketUpdate{
	padding:3px;
	width:344px;
	float:right;
	font-size:12px;
}
.BasketQuantity{
	padding:3px;
	width:84px;
	float:right;
	text-align:center;
	font-size:12px;
}
.BasketPrice{
	padding:3px;
	width:64px;
	float:right;
	font-size:12px;
}
.BasketTotalRow{
	padding:3px;
	width:64px;
	float:right;
	font-size:12px;
}
.BasketDelete{
	padding:3px;
	width:94px;
	float:right;
	font-size:12px;
	text-align:center;
}

.BasketRowHeader .BasketName{
	font-weight:bold;
}
.BasketRowHeader .BasketQuantity{
	font-weight:bold;
}
.BasketRowHeader .BasketPrice{
	font-weight:bold;
}
.BasketRowHeader .BasketTotalRow{
	font-weight:bold;
}
.BasketRowHeader .BasketDelete{
	font-weight:bold;
}

.BasketRow1 .BasketDelete a{
	color:#063;
}
.UpdateButton {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color:#00643c;
	color: #FFF;
}
.AddressContainer{

}
.AddressBox{
	width:200px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.AddressSelect{
	float:left;
	width:20px;
}
.Address{
	float:left;
	width:180px;
	font-size: 12px;
	font-weight: bold;
}
.BasketNavLeft{
	float:left;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.BasketNavRight{
	float:right;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.PageExtender{
	float:right;
	width:2px;
	height:300px;
}



/* iE6 float Hack */
* .primary, .secondary, .product {
	display:inline;
}
* html input { overflow: visible; }

/* iE6 div vertical align 
* #main .portalwrapper .product .image{
	position:relative;
}
* .image img{
	position:absolute;
	top:50%;	
}*/
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
form{
	margin:0px;
	padding:0px;
}