﻿/* TEACHER skin settings */

body {
	height:100%;
	padding:0px;
	background:#fff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:14px;
	text-align:center;
	color:#474747;	
	/*background: repeat url(purpleBackgroundGradient.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	 */
	background-color:#3399ff;
}

td {
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:12px;
}

.root {
	margin-left: auto;
	margin-right: auto;
	width:960px;
	/*background-color:#FFE566;*/
    background-color:#D0D0D0;
}


.banner {
	/*background:url(FallBannerBackground.jpg);*/
    background:url(wooddesignbanner.jpg); 
	background-repeat:no-repeat;
}

#errorMessage {
	color:#e1393e;
	padding-top:5px;
	font-family:Arial, "Times New Roman", Times, serif;
}

.bigRed {
	color:#e1393e;
	font-size:22px;
	font-family:Arial, "Times New Roman", Times, serif;
	margin-bottom:4px;
}

.small {
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:11px;
}

.submitButton {
	height:30px;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:16px;
	border:1px solid #000000;
	background-color:#b29ebe;
	margin-left:3px;	
	cursor:pointer;
}

.buttonContinueFinal div {
	padding-top:14px;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:24px;
	text-align:center;
}


.contentPageLeft h3 {
	padding:0;
	margin:0;
	margin-bottom:15px;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, "Times New Roman", Times, serif;
}

.contentPageLeft h2 {
	padding:0;
	margin:0;
	margin-top:20px;
	#margin-top:40px;
	font-size:18px;
	margin-bottom:15px;
	font-weight:normal;
	font-family:Arial, "Times New Roman", Times, serif;	
}

.contentPageRight p{
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:13px;
	font-weight:normal;
	line-spacing:120%;
	padding-right:20px;
}

.contentPageRight h1 {
	padding:0;
	margin:0;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:normal;
	padding-top:15px;
	margin-bottom:20px
}


.contentPageRight h2 {
	padding:0;
	margin:0;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:20px;
	margin-bottom:25px;
	font-weight:normal;
}

.bannerNav {
	height:120px;
	width:560px;
	margin-right:23px;
	margin-top:0px;
	float:right;
	font-family:Arial, serif;
	_margin-right:5px;
}

.bannerSearch {	
	font-size:24px;
	clear:right;
	float:right;
	margin-top:15px;
	margin-bottom:16px;
	text-align:right;
	width:560px;
}

.search {
	height:26px;
	width:173px;
	_width:163px;
	border:1px solid #474747;
	font-size:18px;
	font-family:Arial, serif;
	text-align:center;
	padding-top:2px;
	padding-left:4px;
}

.go {
	cursor:pointer;
	height:31px;
	width:37px;
	border:1px solid #474747;
	background-color:#b29ebe;
	font-size:18px;
	display:inline;
	font-family:Arial, serif;
	text-align:center;
	padding-bottom:5px;
}


h5 {
	color:#474747;
	font-size:17px;
	font-weight:normal;
	font-family:Arial, "Times New Roman", Times, serif;
}

.nav {
	clear:both;
	height:54px;
	background-color:#ffffff;
	font-family:Arial, serif;
	font-size:24px;
	position:relative;
	background:url(wooddesignnav.jpg); 
	background-repeat: repeat-x;

}


.mainNav h1 a {
	font-family:Arial, serif;
	font-size:24px;
	font-weight:normal;
	color:#474747;
	text-decoration:none;
	margin-bottom:0;
	margin-left:24px;

}




h2 {
	font-family:Arial, serif;
	font-weight:normal;
	margin-left:10px;
	font-size:20px;
	margin-top:15px;
}

.catControlLeft {
	position:absolute;
	top:224px;
	left:1px;
	width:95px;
	height:18px;
	padding:5px;
	background-color:#e1393e;
	color:#ffffff;
	cursor:pointer;
	border:1px solid #474747;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
}

.catControlRight {
	position:absolute;
	top:224px;
	left:562px;
	width:95px;
	height:18px;
	padding:5px;
	background-color:#e1393e;
	color:#ffffff;
	cursor:pointer;
	border:1px solid #474747;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
}

.panelIndex a {
	color:#474747;
	margin-right:4px;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:14px;
}

.mainFeatureContents {
	padding:20px;
	text-align:left;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:14px;
}

.bottomNav {
	font-size:14px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	padding-left:20px;
	background-color:#ffffff;
	height:210px;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding-top:20px;
	padding-bottom:20px;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;

}

.bottomNav h3 {
	font-size:14px;
	margin-top:15px;
	margin-bottom:5px;
	color:#000000;
	font-family:Arial, "Times New Roman", Times, serif;
}

.bottomNavColumn {
	float:left;
	width:230px;
	text-align:left;
	font-family:Arial, "Times New Roman", Times, serif;
}

.footer {
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	width:960px;
	height:47px;
	border:1px solid #d0d0d0;
	background-color:#ffffff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:11px;	
	margin-bottom:50px;
}

.miniCart td {
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:13px;
}

.leftNav {
	margin-top:12px;
	margin-left:20px;
	_margin-left:10px;
	width:143px;
	float:left;
	text-align:left;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:14px;
}


.leftNav ul li a {
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:12px;
	text-decoration:none;
}

.breadCrumbs {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:16px;
	text-decoration:none;
	margin-top:12px;
	margin-left:5px;
	margin-bottom:10px;
	font-weight:bold;	
}

.navLinks {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:14px;
	text-decoration:none;
	margin-top:12px;
	margin-left:10px;
	margin-bottom:10px;	
}

.pageControls {
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	position:relative;	
	font-size:12px;
	width:730px;
	background-color:#edfad8;
	height:24px;
	padding-left:10px;
	padding-top:6px;
	clear:both;
	margin-left:3px;

}

.prodPreview {
	position:relative;
	width:180px;
	height:290px;
	background-color:#ffffff;
	border:0px;
	float:left;
	text-align:center;
	margin-right:4px;
	margin-bottom:14px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:14px;
	
}

.prodTip {
	width:220px;
	position:absolute;
	font-size:14px;
	padding:3px;
	text-align:left;
	background-color:#ffffff;
	border:1px solid #a0a0a0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
}

.prodDetail {
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	text-align:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	background-color:#ffffff;
	width:958px;
	#float:left;
	#display:inline;
}

.prodDetail h1 {
	font-family:Arial, "Times New Roman", Times, serif;
	float:left;
	font-weight:normal;
	padding:0;
	margin:0;
	display:block;
	font-size:30px;
	margin-left:16px;
	margin-bottom:15px;
	_margin-left:8px;
}

.buttonAddToCart div {
	padding-top:14px;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:20px;
	text-align:center;
}

.productDetailsMembersPrice {
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:21px;
	margin-top:5px;
}

.prodDetailAlternate {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:22px;
	margin-top:25px;
}

.prodInfoLink1 {
	margin-top:5px;
	font-size:16px;
	margin-left:5px;
	font-family:Arial, "Times New Roman", Times, serif;
}

.prodInfoLink2 {
	margin-top:12px;
	font-size:16px;
	margin-left:5px;
	font-family:Arial, "Times New Roman", Times, serif;
}

.prodInfoLink3 {
	margin-top:10px;
	font-size:16px;
	margin-left:5px;
	font-family:Arial, "Times New Roman", Times, serif;
}

.prodInfo {
	background-image:url(BackgroundProdInfo2.gif);
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:14px;
	margin-bottom:1px;
	width:959px;
	#float:left;
	#display:inline	
}

.prodInfoRight h3 {
	margin:0;
	padding:0;
	padding-bottom:10px;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
}	

.prodInfoRight ul li a {
	color:#474747;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:13px;
	text-decoration:none
}

.basket {
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:14px;
	text-align:left;
	margin-top:7px;
	margin-left:13px;
	margin-bottom:20px;
	background-color:#ffffff;
	width:934px;
	#float:left;
	#display:inline;
}

.basket h1 {
	padding:0;
	margin:0;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:normal;
	padding-top:15px;
	margin-left:15px;
	margin-bottom:25px
}

.buttonBasketPage div {
	color:#ffffff;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:15px;
	text-align:center;
}

.buttonContinueShopping div {

	font-family:Arial, "Times New Roman", Times, serif;
	font-size:18px;
	margin-top:5px;
	text-align:center;
}

.buttonContinueCheckout div {

	font-family:Arial, "Times New Roman", Times, serif;
	font-size:24px;
	margin-top:10px;
	text-align:center;
}

.checkoutInvisibleTextBoxBold2 {
	border : 0px solid;
	text-align: right;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:14px;
	color:#474747;
	width: 71px;
	width:100px;
	font-weight:bold;
	background-color:none;
}

.full {
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:14px;
	text-align:left;
	margin-top:7px;
	margin-left:13px;
	margin-bottom:20px;
	background-color:#ffffff;
	width:934px;
	#float:left;
	#display:inline;
	padding-bottom:20px;

}

.full h1 {
	padding:0;
	margin:0;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:normal;
	padding-top:25px;
	margin-left:25px;
	margin-bottom:40px
}

.full h2 {
	padding:0;
	margin:0;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:20px;
	margin-bottom:25px;
	font-weight:normal;
}

.full .noGap {
	padding:0;
	margin:0;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
}

.checkout h3 {
	padding:0;
	margin:0;
	font-size:24px;
	margin-left:25px;
	font-weight:normal;
	margin-top:-8px;
	margin-bottom:35px;
	font-family:Arial, "Times New Roman", Times, serif;
}

.checkoutAddress {
	float:left;
	width:160px;
	margin-right:45px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:14px;
}

.checkoutAddress .red {
	color:#e1393e;
	font-family:Arial, "Times New Roman", Times, serif;
}


.confirmationAddress {
	float:left;
	width:200px;
	margin-right:45px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:14px;
}

.button192W div {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:18px;
	padding-top:5px;
	text-align:center;

}

.button355W div {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:18px;
	padding-top:5px;
	text-align:center;

}

.formPanel {
	width:412px;
	height:143px;
	float:left;
	margin-right:20px;
	text-align:center;
	font-family:Arial, "Times New Roman", Times, serif;
	border:1px solid #474747;
	
}

.leftSearch {
	width:148px;
	height:22px;
	border:1px solid #000000;
	font-size:16px;
	margin-top:4px;
	font-family:Arial, serif;
	margin-bottom:4px;
	text-align:left;
	margin-left:0px;

}


.validate {
	width:100px;
	height:30px;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:16px;
	border:1px solid #000000;
	background-color:#b29ebe;
	margin-left:3px;	
	cursor:pointer;
}

.csModify {
	width:200px;
	height:30px;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:16px;
	border:1px solid #000000;
	background-color:#ecffc3;
	margin-left:3px;	
	cursor:pointer;
}



.csSubmit {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:16px;
	border:1px solid #000000;
	background-color:#b29ebe;
	cursor:pointer;
}


.wishSubmit {
	height:30px;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:16px;
	border:1px solid #000000;
	background-color:#ecffc3;
	margin-left:3px;	
	cursor:pointer;
}

/* shop for gift box main page */


.shopFor {
	width:380px;
	height:260px;
	font-size:16px;
	position:absolute;
	top:120px;
	left:532px;
	padding-top:40px;
	margin-left:10px;
	font-family:Arial, "Times New Roman", Times, serif;
}

.shopForLabel {
	width:170px;
	display:block;
	text-align:right;
	float:left;
	margin-right:4px;
	margin-top:0px;
	padding-bottom:8px;
	color:white;
}

.shopForBreak {
	clear:both;
	margin-top:20px;
}

.shopForSelect {
	width:140px;
}

.shopForButton {
	background-color:#b9d483;
	border:2px solid #6e9232;
	color:#526d25;
	height:30px;
	width:120px;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:16px;
	margin-left:120px;
	margin-top:25px;

}

/* home page featues */

.todaysFeatures {
	width:592px;
	/*height:690px;*/
    height:660px;
	margin-left:10px;
	float:left;
	margin-right:10px;
	background-color:#ffffff
}

/* used on homepage to make the product smaller */
.mainFeatures .prodPreview {
	background-color:#FFFFFF;
	float:left;
	font-family:"Arial","Lucida Sans Unicode",arial;
	font-size:14px;
	height:250px !important;
	margin-bottom:14px;
	margin-right:4px;
	position:relative;
	text-align:center;
	width:180px;
}
/* used on homepage to make the product smaller */



.mainRight {
	width:338px;
	float:left;
}

.catFlip {
	width:338px;
	height:205px;
	background-color:#ffffff;
	text-align:center;
}

.catFlipTitle {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:20px;
	padding-top:10px;
    padding-bottom: 10px;
	text-align:center
}

.catFlip a {
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial;
	font-size:18px;
	text-align:center;
	margin-top:10px;
	display:block;
	text-decoration:underline;
	color:#474747
}

.featureRight {
	width:338px;
	overflow:hidden;
	margin-bottom:10px;
}


.mainFeatures {
	margin-top:10px;
	margin-bottom:10px;
}

.mainFeatures h2 {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:26px;
	margin-left:15px;
	margin-bottom:5px;
}

.featureLink {
	font-size:16px;
}

.featureLink:hover {
	text-decoration:underline
}

.todaysFeatures .prodPreview {
	border:1px solid #ffffff;
	margin-left:10px;
	margin-bottom:0
}



/* Dialog control */

.dialogLeftArrow {
	margin-top:25px;
	font-size: 0px; line-height: 0%; width: 0px;
	border-top: 10px solid #ffffff;
	border-right: 20px solid #fe9400;
	border-bottom: 10px solid #ffffff;
}

.dialog {
	width:400px;
	position:absolute;
	z-index:20
}

.dialogLeft {
	float:left
}

.dialogRight {
	float:left;
	border:3px solid #fe9400;
}

.dialogCenter {
	padding:15px;
	text-align:center;
	background-color:#ffffff
}

.dialogButton {
	height:25px;
	font-family:"Arial","Lucida Sans Unicode",arial;
	font-size:14px;
	border:1px solid #000000;
	background-color:#fe9400;
	margin-left:3px;	
	cursor:pointer;
}

.greyText{
	color:#929292
}

.greyText td{
	color:#929292
}
.optionsGrid{
	margin-top:15px;
}
.optionsGrid td{
	height:25px
}
.optionsGrid th{
	padding-bottom:5px;
}

.groupPreview {
	position:relative;
	width:180px;
	height:220px;
	background-color:#ffffff;
	border:1px solid #d0d0d0;
	float:left;
	text-align:center;
	margin-right:4px;
	margin-bottom:14px;
	font-family:"Arial","Lucida Sans Unicode",arial;
	font-size:14px;
	padding-top:10px
}

.groupName  {
	display:block;
	position:relative;
	margin-bottom:5px;
	margin-top:10px;

}
.groupName a {
	text-decoration:none;
	font-size:16px;
	color:#474747;
	font-weight:bold
}
.groupName a:hover {
	text-decoration:underline;

}

