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

/********************************
	MAIN SECTION
*********************************/
*{
	margin:0;
	padding:0;
}

body{
	background:url(../images/bg.gif);
	color:#f7cc36;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a{
	text-decoration:none;
}

li{
	list-style:none;
}

img{
	border:none;
}

hr{
	display:none;
}

.clear{clear:both;}

#wrapper{
	width:720px;
	margin: 0 auto;
}

#header{
	width:730px;
	height:134px;
	background:url(../images/header.png) no-repeat top left;


}

#content{
	width:730px;
	background:url(../images/bodybg.png) repeat-y top left;
	overflow:hidden;
}

#contentWrapper, #headerWrapper, #footerWrapper{
	width:610px;
	margin: 0 auto;

}

#headerWrapper{
	overflow:hidden;
	padding-top: 9px;
}


#footer{
	width:730px;
	height:71px;
	background:url(../images/footer.png) no-repeat top left;
}

/********************************
	MAIN SECTION END
*********************************/

/********************************
	HEADER
*********************************/

/***LOGO***/
.logo{
	float:left;
	width:188px;
	height:65px;
	margin-top:40px;
	background:url(../images/logo.png) no-repeat top left;
	cursor:pointer;
	
}

.logo span{
	display:none;
}
/***LOGO***/

/***CART***/
#shopCart{
	float:right;
	width:153px;
	margin-top:35px;
}

#cart{
	float:left;
	width:22px;
	height:22px;
	background:url(../images/cart.png) no-repeat top left;
	cursor:pointer;
	margin-top:5px;
	padding-right:10px;
}

#cart span{
	display:none;
}

.cartNum{
	float:left;
	color:#f7cc36;
	font-size:24px;
}

.cartText{
	float:right;
	color:#559c44;
	font-size:9px;
	font-weight:bold;
	padding-bottom:2px;
}

#cartBtn a{
	clear:right;
	float:right;
	width:87px;
	height: 17px;
	display:block;
	background:url(../images/viewcartBtn.png) no-repeat top left;
}
#cartBtn a:hover{
	background-position: 0 -17px;
}

#cartBtn a span{
	display:none;
}
/***CART***/


/***MAIN NAV***/
.mainNav{
	clear:right;
	float:right;
	margin-top:15px;
}

.mainNav li {
	display:block;
	float:left;
	padding-left:8px;
	list-style-type:none;
}

.mainNav li span{
	display:none;
}

.mainNav li a{
	display:block;
	height:25px;
	background:url(../images/mainNav.png);
}

.mainNav .pins a{
	width:52px;
}

.mainNav .pins a:hover, #pins_page .mainNav .pins a{
	background-position: 0px -25px;
}


.mainNav .create a{
	width:85px;
	background-position: -75px 0px;
}

.mainNav .create a:hover{
	background-position: -75px -25px;
}


.mainNav .info a{
	width:52px;
	background-position: -180px 0px;
}

.mainNav .info a:hover{
	background-position: -180px -25px;
}

.break{
	float:left;
	margin-left: 16px;
	width:2px;
	height:25px;
	background:url(../images/break.png) no-repeat;
}
/***MAIN NAV***/

/********************************
	HEADER END
*********************************/


/********************************
	CONTENT 
*********************************/

/**BANNER**/
#banner{
	padding-bottom:15px;
}


/**NEW RELEASE**/
#newRelease{
	background:url(../images/newRelease.jpg) top left no-repeat;
	width:192px;
	height:25px;
}

/**ALL PINS**/
/**NEW RELEASE**/
#morepins{
	background:url(../images/morepins.jpg) top left no-repeat;
	width:153px;
	height:31px;
}


/***H-BREAK***/
#hbreak{
	height:2px;
	width:610px;
	background:url(../images/hbreak.jpg) no-repeat top left;
}


/***SECTION HEADER***/
#sectionHeader{
	padding-bottom:10px;
}

#sectionHeader h2{
	margin-top: 15px;
	padding-bottom: 10px;
}

#sectionHeader h2 span{
	display:none;
}

/***SECTION HEADER***/

#contentBody{
	padding-bottom:50px;
}


/***PRICE DESCRIPTION***/
.productImg{
	border:#f7cc37 3px solid;
	padding:5px;
}

#firstProduct{
	float:left;
	width: 177px;
	padding-bottom:30px;
}

#product{
	float:left;
	width: 177px;
	margin-left:39px;
	padding-bottom:30px;
}


#firstProduct .addtoCart, #product .addtoCart{
	border:none;
	background:url(../images/addtocart.png) top left no-repeat;
	cursor:pointer;
	margin-top:5px;
	margin-left:3px;
	width:96px;
	height:25px;
}

#firstProduct .addtoCart:hover, #product .addtoCart:hover{background-position:bottom;}


#priceDesc .price{
	float:left;
	font-size:28px;
	font-weight:bold;
	height:auto;
}

#priceBreak{
	float:left;
	margin-left: 8px;
	margin-top: 5px;
	padding-right: 8px;
	width:2px;
	height:25px;
	background:url(../images/break.png) no-repeat;
}

.p_title{
	float:left;
	color:#559c44;
	padding-top:2px;
	padding-bottom:3px;
	font-size:12px;
	font-weight:bold;
}

.p_unit{
	float:right;
	color:#559c44;
	font-size:12px;
}



/***SINGLE PIN***/
#productImg{
	float:left;
	border: #f7cc37 solid 5px;
	padding:5px;
}

#addProduct{
	float:left;
	margin-left:12px;
	margin-top:-7px;
}

#addProduct h3{font-size:28px;}

#addProduct td{padding:0px;}

#addProduct #selectingBox{padding-left:174px;}

#addProduct .col2 span{
	font-size:24px;
	font-weight:bold;
}


#addToCart{
	float:right;
	border:none;
	background:url(../images/addtocartL.png) top left no-repeat;
	width:105px;
	height:27px;
	cursor:pointer;
}

#addToCart:hover{background-position:bottom;}

.p_label{
	color:#569c2d;
	font-size:24px;
	font-weight:bold;
}

/***Series Pin**/
#seriespins{
	clear:both;
	min-height:200px;
	padding-top:40px;
}

#seriesTitle span{display:none;}

#seriesTitle{
	background:url(../images/seriespins.jpg) top left no-repeat;
	width:160px;
	height:31px;
	padding-bottom:10px;
}

#seriesproduct{
	margin-top:10px;
}



/**Order List**/
#orderList{
	padding-bottom:50px;
}


/********************************
	CONTENT END
*********************************/


/********************************
	FOOTER
*********************************/

#footerWrapper{
	text-align:center;
	padding-top:5px;
}

#footerWrapper p{
	padding-bottom:5px;
}

#footerWrapper p a{
	color:#559c44;
	font-size:12px;
	font-weight:bold;
}

#footerWrapper p a:hover{
	color:#f7cc36;
}


/********************************
	FOOTER END
*********************************/






/********************************
	VIEW CART
*********************************/

.greenText{
	color:#559c44;
}

#checkOut{
	font-size:12px;
	font-weight:bold;
	border-collapse:collapse;
	
}

td{
	padding:5px;
	
}

.update td{
	text-align:center;
	padding:15px 5px;
}

#updateBtn{
	cursor:pointer;
	border:none;
	background:url(../images/update.png) top left no-repeat;
	width:81px;
	height:25px;
}

#updateBtn:hover{background-position:bottom;}

#removeBtn span{display:none;}

#removeBtn{
	display:block;
	background:url(../images/removeBtn.png) top left no-repeat;
	width:37px;
	height:25px;
}

#removeBtn:hover{background-position:bottom;}


.odd{
	background-color:#fbf3d9;
}

#checkOut .item{
	height:60px;
}

#checkOut .name{
	text-align:left;
	padding-left:5px;
}

#checkOut .image{
	width:80px;
}

#checkOut .itemName{
	width:180px;
	padding-left:5px;
}

#checkOut .price{
	width:70px;

}

#checkOut .times{
	width:30px;

}

#checkOut .qty{
	width:60px;
}

#checkOut .inqty{
	width:40px;
	color:#559c44;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:#f7cc36 1px solid;
	
}

#checkOut .equal{
	width:30px;
}

#checkOut .total{
	width:70px;

}

#checkOut .larger{
	font-size:18px;
}

#checkOut .remove{
	width:50px;
}


#cartOption{
	float:right;
}

#cartOption li{
	margin-top:5px;
}

#continueShopBtn span, #checkoutBtn span{
	display:none;
}

#continueShopBtn, #checkoutBtn{
	display:block;
	width:130px;
	height:33px;
}

#continueShopBtn{background:url(../images/continueshop.jpg) top left no-repeat;}
#checkoutBtn{background:url(../images/checkout.jpg) top left no-repeat;}

#continueShopBtn:hover{background-position:bottom;}
#checkoutBtn:hover{background-position:bottom;}


#noCart{
	margin: 0 auto;
	width:550px;
}

.noCart{
	width:190px;
	height:190px;
	float:left;
	margin-top:50px;
	background:url(../images/noCart.png) no-repeat top left;
	padding-right:30px;
}

.noCart span{
	display:none;
}

.noCartText{
	float:left;
	margin-top:120px;
	width:330px;
}

/********************************
	VIEW CART END
*********************************/


/********************************
	ORDER SUMMARY START
*********************************/
#checkForm .inputField, #checkForm select{
	border: solid 3px #f7cc36;
	margin-left:30px;
}

#checkForm  .inputField{
	width:150px;
	padding: 0 5px;
}

#checkForm #zip{
	width:50px;
}

#checkForm #cardExp{
	width:30px;
}

.formTitle{
	font-size:12px;
	font-weight:bold;
	color:#559c44;
}

#submitTD{
	border:none;
	width:96px;
}

#submit{
	cursor:pointer;
	border:none;
	background:url(../images/submitBtn.jpg) top left no-repeat;
	width:96px;
	height:26px;
}

#submit:hover{background-position:bottom left;}

#orderForm span, #cartItems span, #orderSum span, #totalCost span{
	display:none;
}

#orderForm{
	background:url(../images/orderForm.jpg) top left no-repeat;
	margin-left:5px;
	padding-bottom:5px;
	width:120px;
	height:16px;
}

#cartItems{
	background:url(../images/cartItem.jpg) top left no-repeat;
	padding-bottom:10px;
	width:111px;
	height:16px;
}

#orderSum{
	background:url(../images/orderSummary.jpg) top left no-repeat;
	padding-bottom:8px;
	width:170px;
	height:20px;
}


#totalCost{
	background:url(../images/totalCost.jpg) top left no-repeat;
	margin-top:30px;
	padding-bottom:8px;
	width:102px;
	height:16px;
}

#totalPrice{
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	font-weight:bold;
}

#checkForm{
	float:left;
	margin-left:-5px;
	width:350px;
}

#cartItem li{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#cartItem span{color:#559c44;}

#cartItem a{color: #559c44;}
#cartItem a:hover{color: #f7cc36;}


#orderSummary{
	float:right;
	margin-left:55px;
	width:200px;
}

#summary{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:25px;
}

#summary span{color: #559c44;}
/********************************
	ORDER SUMMARY END
*********************************/


/********************************
	ADD CONFIRM POPUP
*********************************/
#addConfirm{
	position:absolute;
	border:3px solid #f7cc36;
	background:#FFF;
	color: #559c44;
	font-size:12px;
	font-weight:bold;
	width:270px;
	padding:15px;	
}

#addConfirm p{padding-bottom:10px;}
#addConfirm #cartOption{float:none;}
#addConfirm #cartOption li{float:left;}
#addConfirm #cartOption li{padding-right:10px;}
#addConfirm #cartOption #check{padding-right:0px;}



/********************************
	Pagination
*********************************/
#pagination{float:right;}

#pagiCurrent{
	font-size:10px;
	font-weight:bold;
	border:#f7cc36 3px solid;
	padding:3px 5px;
	margin-left:5px;
}

.pagiNum{
	font-size:10px;
	font-weight:bold;
	color:#559c44;
	border:#559c44 3px solid;
	padding:3px 5px;
	margin-left:5px;
}

.pagiNum:hover{
	color:#f7cc36;
	border:#f7cc36 3px solid;
}