﻿html, body
{
	text-align:center;
	height:100%;
	width:100%;
}

html 
{
	background-color:#D5D5D5;
	font-family: Calibri, Verdana;
	font-size:13px;
	line-height:16px;
	color: #4D4B4B;
	margin: 20px 0px 45px 0px;
}

#mainContainer 
{
	margin: 0 auto;
	text-align:center;
}

#container 
{
	width: 1000px;
	background-color:White;
	border:1px solid #BCBCBC;
	min-height:500px;
}

* html #container 
{
	height: 500px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
	background: white;
}

/* Header */

#header 
{
	background: transparent url(/shared/images/Kanopy_Stripe.gif) repeat-x bottom;
	margin:14px;
	text-align:right;
	height: 106px;
	z-index:-10;
	/*line-height: 106px;*/
}

#container
{
	background: white url(/shared/images/Logo_NoStripe.gif) no-repeat Left Top;
	background-position: 14px 14px;
}


#search 
{
	background-color:#DFDFDF;
	height:52px;
	float:right;
}

#rightHeader 
{
	float:right;
	text-align:right;
	width:650px;
}

#topNavigation 
{
	text-align:right;
	margin-top:12px;
	vertical-align:top;
}

#topNavigation ul, #topNavigation li
{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

.loginButton 
{
}

.newButton
{
	background-color: #9BB533; 
	padding: 8px; 
	color: White; 
	font-weight: bold;
	padding-bottom: 12px;
}

#topNavigation li 
{
	margin:0px;
	padding:0px;
	text-align:right;
	margin-left:auto;
}

#topNavigation a, #topNavigation a:visited 
{
	color:#6F6F6F;
	text-decoration:none;
	font-size: 14px;
	margin-left:25px;
}

#topNavigation a:hover 
{
	color:#404040;
}

#searchContent 
{
	padding:13px;
	float: left;
}

#navigation ul 
{
	padding:0;
	margin:0;
	list-style:none;
}

#navigation ul li:hover
{
	color:white;
	background-color:#9BB533;
	background:#9BB533 url(/shared/images/navLeft.gif) no-repeat;	
}

#navigation ul li:hover a
{
	color:white;	
}

#navigation ul li ul 
{
	margin:0px;
	padding:0px;
	font-size:11px;
	display:block;
	width:160px;
	margin:0px;
	color:White;
	position:absolute;
	margin-top:-28px;
	margin-left:160px;
	visibility:hidden;
	z-index:12;
}

#navigation ul li ul li 
{
	list-style:none;
	margin:0px;
	padding:0px;
}

#navigation ul li ul li a, #navigation ul li ul li a:visited
{
	padding:3px 8px 3px 8px;
	display:block;
	color:white;
	font-size:12px;
	background-color:#9BB533;
}

a.loginLink, a.loginLink:visited
{
	margin-top:14px;
}

#navigation ul li ul li a:hover , #navigation ul li ul li:hover 
{
	background-color: #A9C538;
}

/* End Header */

#middle 
{
	text-align:left;
}

#navigationContainer
{
	padding-left:15px;
	width:160px;
	float:left;
	
}

#navigation a, #navigation a:visited 
{
	text-decoration:none;
	font-size: 14px;
	color:#6F6F6F;
	padding:6px;
	display:block;
}



#navigation a.over, #navigation a.over:visited
{
	color:white;
	background:#9BB533 url(/shared/images/navLeft.gif) no-repeat;
	
}

#navigationContainer ul 
{
	margin:0px;
}

#navigationContainer li
{
	list-style:none;
}

#middle 
{
	margin:14px;
}

.adminNavigation 
{
	border: solid 1px #4F4F4F;
	background-color: #F0F0F0;
	color: #BCBCBC;
	margin-top:20px;
	margin-right:2px;
}

.adminNavigation ul 
{
	margin:0;
	padding:0;
	list-style:none;
}

.adminNavigation a, .adminNavigation a:visited 
{
	color:#4F4F4F;
	display:block;
	text-decoration:none;
	padding:3px;
	padding-left:6px;
}

.adminNavigation a:hover, .adminNavigation a:visited:hover
{
	color:#F0F0F0;
	background-color:#4F4F4F;
	text-decoration:none;
}

#content 
{
	padding: 5px 10px 10px 10px;
	float:right;
	width:760px;
}


.footer 
{
	width:1000px;
	text-align:right;
	margin-bottom:30px;
	
}

.welcomeBox 
{
	font-size:11px;
	padding:2px 6px 2px 6px;
	border: solid 1px #9BB533;
	margin-top:12px;
	margin-bottom:6px;
	background-color:#DBE7AB;
	margin-right:2px;
}

.clear 
{
	clear:both;
}
/* general page styles */

h2 
{
	font-size:16px;
	color:#88A229;
	margin: 0px 0px 8px 0px;
	padding:0px;
}

h3 
{
	font-size:15px;
	color:#6D6B6B;
	margin:3px 0px 8px 0px;
	padding:0px;
}
.categoryHeading
{
	font-size:15px;
	color:#88A229;
	font-weight: bold;
}
.categoryRow
{
	clear: both;
	float:none;
	padding-top: 15px;
}

a, a:visited 
{
	color:#88A229;
	text-decoration:none;
}

a:hover, a:visited:hover 
{
	text-decoration:underline;
}


/* Form styles */

.noborder 
{
	border:0;
}

div.frontEndForm .required, div.frontEndForm .notrequired 
{
	background-color: #FFFFFF; /*#E4EFC0;*/
}

div.frontEndForm .formRow input.required
{
	border:solid 1px #CCCCCC; /*#9BB533;*/
}

div.frontEndForm .formRow input.notrequired
{
	border:solid 1px #CCCCCC;
}

div.frontEndForm fieldset 
{
	border:1px solid #AFCF2E;
	padding:3px;
	padding-bottom:6px;
	margin-bottom:10px;	
}

div.frontEndForm fieldset.MyDetailsMain
{
	border:1px solid white;	
}

div.frontEndForm .formHighlight 
{
	border:solid 1px #BBBBBB;
	margin-bottom:10px;
	margin-right:10px;
	margin-top:2px;
	padding:2px;
}

div.frontEndForm fieldset legend 
{
	color:#88A229;
}

div.form, div.smallForm, div.mediumForm
{
	border:1px solid #AFCF2E;
	background-color:#F3F8DE;
	width:600px;
	padding:8px;
}


div.smallForm 
{
	width:280px;
}

div.mediumForm 
{
	width:390px;
}

div.formRow 
{
	padding:2px;
}

.tertiaryCombo
{
	margin-top: 8px;
}

tr.disabledRow 
{
	background-color:#EEB9A2;
}

div.buttonRow 
{
	text-align:right;
	margin-right:18px;
	padding:2px;
}

div.form h3, div.smallForm h3, div.mediumForm h3
{
	padding:0px;
	margin:2px 2px 13px 2px;
	font-size:14px;
	color:#88A229;
}

label 
{
	display:block;
	width: 100px;
	float:left;
	text-align:right;
	padding:2px 6px 2px 2px;
	color:#88A229;
	font-size:inherit;
	font-weight:bold;
	margin-top:2px;
}

/* For address fields only */
.address label
{
	float: none;
	text-align: left;
}

/* Hide Mailing address by default */
#Billing
{
	display: none;	
}

.ordinaryLabel 
{
	display:inline;width:auto;float:none;margin:0px;padding:0px;text-align:left;
}

.formData 
{
	display:block;
	padding:4px 6px 2px 2px;
}

div.frontEndForm label 
{
	color:#4D4B4B;	
}

/* Form error message display */

.errorDisplay 
{
	border:solid 1px #D9602B;
	background-color:#F5DEB1;
	color:#D9602B;
	padding:6px;
	z-index:0;
	margin-bottom:6px;
}

.ErrorBox
{
     /*padding: 3px 20px 3px 3px;
     border:solid 1px black;
     color:red;
     font-size:12px;
     background-color: #ffffc0;
     margin-left:28px;*/
    padding: 3px 20px 3px 3px;
	background-color: #9BB533; 
	color: White; 
	font-weight: bold;
}

.ErrorCallOut
{
     /*background-image: url(../../shared/Images/CallOut.gif);     
     position:absolute;
     left:0px;
     top:3px;
     width:29px;
     height:17px;*/
}

.ErrorCloseBox
{
     position:absolute;
     cursor:pointer;
     right:1px;
     top:1px;
}

/* Table Styles */

.adminTable 
{
	border-bottom: solid 1px #AFCF2E;
}

.adminTable td
{
	padding:3px 6px 3px;
	vertical-align:top;
}

.tableHeader td 
{
	font-weight:bold;
	border-bottom: solid 1px #DFDFDF;
}

.adminTable .tableHeader td
{
	border-bottom: solid 1px #AFCF2E;
}

.highlightedRow 
{
	background-color: #E2EDBC;
}

.rushItemRow 
{
	background-color: #EAB0B1;
}

div.categoryItem 
{
	margin-left:20px;
}

div.homepageItem ,div.categoryItem
{
	background: white url(/shared/images/homepageHighlightBg.gif) no-repeat top left;
	width:231px;
	height:118px;
	float:left;
	padding:7px;
	font-size:10px;
	margin-right:8px;
	margin-bottom:8px;
	overflow: auto;
}

div.categoryItem 
{
	background: white url(/shared/images/largeItemBox.gif) no-repeat top left;
	width:355px;
	margin-top:8px;
}


div.homepageItem .star ,div.categoryItem .star
{
    position:absolute;
    margin-left:-18px;
    margin-top:-10px;
}

div.homepageItem .thumbnailImage, div.categoryItem .thumbnailImage 
{
	padding-right:3px;
}

.ItemTitle, .ItemTitle:visited
{
	padding:0px;
	margin:0px;
	font-size:13px;
	color:#D9602B;
	font-weight:bold;
}

div.homepageItem .price, div.categoryItem .price
{
	font-size: 18px;
	color: #B4B4B4;
	font-weight: bold;
	float: left;
	margin-top: 105px; /*102*/
	margin-left: 3px;
	position: absolute;
	background-color: White;
}

div.homepageItem .normalPrice, div.categoryItem .normalPrice
{
	text-decoration: line-through;
	font-size:12px;
	color:#F7941D;
	margin-left:4px;
}

div.homepageItem .addToCart
{
	position:absolute;
	margin-top:108px;
	margin-left:128px;
}

div.categoryItem .addToCart 
{
	position:absolute;
	margin-top:108px;
	margin-left:253px;
}

a.subcategoryLink, a.subcategoryLink:visited
{
	clear:both;
	display:block;
	margin-bottom:10px;
	font-size: 15px;
}

a.subcategoryLink:hover, a.subcategoryLink:visited:hover
{
}

.checkBoxList 
{
	margin-left:110px;
	margin-top:10px;
	border:solid 1px #AFCF2E;
	background-color: White;
}

.checkBoxList label 
{
	display:inline;
	float:none;
	width:auto;
}

a.pageLink 
{
	font-size:14px;
}

.currentPage 
{
	font-size:14px;
	border: solid 1px black;
	padding-left:1px;
	padding-right:1px;
}

#ItemContent 
{
	margin-left:260px;
}

.minorDetails 
{
	float:left;
	width:255px;
}

.minorDetails .itemImage 
{
	padding-bottom:10px;
}

.minorDetails .label 
{
	display:block;
}

.itemDetails .highlightDescription 
{
	border: solid 1px #9BB533;
	background-color:#EBF1CF;
	padding:3px;
	margin-bottom:5px;
}

.itemDetails .price
{
	font-size:18px;
	color:#B4B4B4;
	font-weight:bold;
}

.itemDetails .normalPrice
{
	text-decoration: line-through;
	font-size:12px;
	color:#F7941D;
	margin-left:4px;
}

.priceSelect
{
	display: none;
	text-align: left;
}

.priceSelectRow
{
	width: 350px;
	margin-bottom: 4px;
}
.priceSelectRow a
{
	text-align: right;
	color:#88A229;
	text-decoration: underline;
}

.priceSelectRow .detail
{
	width: 300px;
	display: inline;
	
} 