* {margin:0;padding:0;outline:0; }
.clr{clear:both;}
body{margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#545454;}
p{margin:15px;line-height:1.8em;padding-bottom:10px;}
a{text-decoration:none;color:#2A63ED;}
a:hover{text-decoration:underline;}
ul{list-style:none;margin:0;padding:0;}
ul li{list-style-type:none;}
h1{margin:20px 10px 30px 0px;padding:0;font-weight:normal;font-size:1.6em;text-transform:uppercase;}
h2{margin:10px 0;padding:0;font-weight:bold;font-size:1.2em;}
h3{border-bottom:1px solid #EAC9BD;padding-bottom:5px;color:#4D1504;}
.heading{font-family: 'Rubik', sans-serif; font-size:20px;color:#212121;border-bottom:2px solid #e5e5e5;padding-bottom:5px;}
#container{width:1000px;margin:0 auto;}
#header{width:100%;background-color:#4D1504;overflow:hidden;}
#header #logo{float:left;margin:12px;}
#header-menu{float:right;margin:10px 10px 0 0;}
#header-menu ul li{display:inline;margin:0 15px;}
#header-menu a.account{background:url(images/myaccount_icon.png) top left no-repeat;padding-left:20px;color:#EAC9BD;}
#header-menu a.cart{background:url(images/shopping_cart_icon.png) top left no-repeat;padding-left:20px;color:#EAC9BD;}

#footer-top{width:100%;height:260px;padding:10px 0;background-color:#4D1504;}
#footer-top .foo-col{width:22%;margin-right:3%;float:left;line-height:2.5em;overflow:hidden;color:#dfdfdf;}
#footer-top h3{font-size:13px;border:none;font-weight:bold;text-transform:uppercase;color:#F4F4F4;border-bottom:1px dotted #666666;padding-bottom:5px;margin-bottom:10px;}
#footer-top a{color:#dfdfdf;}
#footer-top a:hover{color:#FFFFFF;text-decoration:none;}
#social{margin-top:20px;border-top:1px dotted #666666;}
#social div{float:left;width:25%;height:50px;margin-top:15px;line-height:50px;color:#f4f4f4;letter-spacing:1px;}
/*footer-color: background-color:#EAC9BD;*/
#footer{padding:0;margin:0;width:100%;height:50px;background-color:#f4f4f4;border-top:1px solid #E1E0CB;}/*4D1504*/
#footer .foo-left{float:left;line-height:50px;}
#footer .foo-right{float:right;margin-top:11px;}
/*#footer p{margin:0;padding:0;line-height:50px;}
#footer ul{margin:10px 0;}
#footer ul li{display:inline;padding-right:20px;padding-left:20px;border-right:1px solid #EAC9BD;}
#footer ul li.last{border:none;}
#footer div{margin:0;padding:0;float:right;}
#footer img{float:right;}
#footer span{margin-left:15px;}
#footer a{color:#EAC9BD;padding:0 10px;}*/
#menu{clear:both;width:100%;background-color:#270D06;}
/*#menu{width:100%;margin:0;background-color:#270D06;height:30px;line-height:30px;overflow:hidden;}
#menu ul{margin:0;padding:0;}
#menu ul li{display:inline;margin:0 15px;}
#menu a{color:#EAC9BD;}*/

#about{width:96%;margin:2%;overflow:hidden;}
#about h2{font-size:1.3em;font-weight:bold;border-bottom:1px solid #f4f4f4;padding-bottom:5px;}
#about p{margin:15px 0;text-align:justify;}
/* For Home Products Images */
#sweets{width:100%;margin:25px 0;}
#sweets #sweet{width:33%;float:left;text-align:center;}
#sweets #sweet p{margin:10px 0;color:#555555;}
#sweets #sweet img{width:166px;height:133px;margin-bottom:10px;}
#sweets #sweet a{font-size:1.2em;}
#sweets #sweet span{color:#555555;}
#sweets #sweet span.price{font-size:1.2em;color:#B12704;font-weight:bold;}

/*#ppchome{width:96%;margin:15px 2%;}
#ppchome div.item{width:27%;float:left;text-align:center;margin:3%;overflow:hidden;}
#ppchome img{float:left;width:100%;margin-bottom:5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#ppchome h2{font-size:16px;}*/

#ppchome{width:96%;margin:15px 2%;}
#ppchome div.item{width:27%;float:left;text-align:center;margin:3%;overflow:hidden;}
#ppchome img{float:left;width:100%;margin-bottom:5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#ppchome h2{font-size:16px;}

#account-box{width:100%;height:250px;margin:10px auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #E5E5E6;}
#account-box div{width:27%;float:left;margin:3%;}
#account-box li{line-height:26px;}
#account-box a{color:#2A63ED;}
#account-box p{line-height:1.6em;}
#account-box button{height:30px;margin-top:15px;padding:2px 10px;background-color:#E5E5E6;border:none;width:100px;font-family:arial;}
#account-box button.delivery{width:225px;background-color:#FFAD33;}
#account-box button:hover{cursor:pointer;border-bottom:2px solid #CCCCCC;}


/* Cart Products Display */
#cart{width:100%;height:auto;margin:10px auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #E5E5E6;}
#cart #item, #cart #item-heading{clear:both;width:96%;height:100px;margin:2%;border-bottom:1px solid #f4f4f4;}
#cart #item-heading{height:25px;}
#cart .product{width:70%;float:left;}
#cart .quantity{width:15%;float:left;text-align:right;}
#cart .price{width:15%;float:left;text-align:right;}
#cart img{float:left;width:75px;height:63px;margin-right:10px;}
#cart .product span{color:#008A00;font-size:12px;}
#cart #subtotal{margin:0 2% 2% 0;text-align:right;line-height:1.6em;font-size:1.2em;font-weight:bold;color:#4D1504;}
#cart #subtotal span{color:#FF0000;}
#cart a{color:#2A63ED;margin:0 10px;}
#cart h2{margin:0;font-size:18px;font-weight:normal;}
#cart p{margin-top:20px;line-height:1.6em;}
#concheck{clear:both;width:96%;margin:20px 2%;}


table{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
td{padding:10px 0;font-size:13px;}
table td select,table td input{width:100%;height:22px;font-size:12px;margin-top:4px;}
.btn{height:auto;padding:6px 0;background-color:#EAC9BD;}
span.address{background-color:#4D1504;padding:8px 25px;}

.edit_button{background-color:#f5f5f6;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px 5px;font-size:12px;}
.edit_button:hover{text-decoration:none;}

#profile{float:left;width:200px;margin:0 20px 0 20px;font-size:12px;}
#profile img{margin-bottom:10px;}
#profile h2{font-size:16px;margin:5px 0;padding:0;}
#profile h3{text-transform:uppercase;font-size:13px;font-weight:normal;color:#999999;letter-spacing:2px;border:none;}
#profile p{margin:0 0 25px 0;text-align:justify;}
/*Button*/
.cart_button{
	background: #4D1504;
    background: -moz-linear-gradient(top, #9D6959, #4D1504);
    background: -webkit-gradient(linear, left top, left bottom, from(#9D6959), to(#4D1504));
    background-image: -o-linear-gradient(#9D6959, #4D1504);
    -pie-background: linear-gradient(#9D6959, #4D1504);
	padding:10px;
	text-decoration:none;
	color:#FFF;
	font-weight:normal;
	text-align:center;
	border:1px solid #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:10px;
	min-width: 90px;
	display:inline-block;
}
.cart_button:hover{
	cursor: pointer;
	text-decoration:none;
	color:#FFF;
	border:1px solid #555;
	background: #4D1504;
    background: -moz-linear-gradient(top, #EAC9BD, #4D1504);
    background: -webkit-gradient(linear, left top, left bottom, from(#EAC9BD), to(#4D1504));
}

/*Button*/
.download_button{
	background: #4284c6;
    background: -moz-linear-gradient(top, #6cb5ff, #4284c6);
    background: -webkit-gradient(linear, left top, left bottom, from(#6cb5ff), to(#4284c6));
    background-image: -o-linear-gradient(#6cb5ff, #4284c6);
    -pie-background: linear-gradient(#6cb5ff, #4284c6);
	padding:10px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:10px;
	min-width: 90px;
	display:inline-block;
}
.download_button:hover{
	cursor: pointer;
	text-decoration:none;
	color:#FFF;
	border:1px solid #555;
	background: #2a77c4;
    background: -moz-linear-gradient(top, #46a0fc, #2a77c4);
    background: -webkit-gradient(linear, left top, left bottom, from(#46a0fc), to(#2a77c4));
}

#product-info{clear:both;width:96%;margin:2%;overflow:hidden;}
#product-info p{padding-bottom:15px;}
#product-info .product-image{width:50%;float:left;text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#product-info .product-image .thumbs{width:60px;float:left;}
#product-info .product-image .thumbs .img{margin-bottom:10px;padding:4px;border:1px solid #CCCCCC;background-color:#F5F5F6;}
#product-info .product-form{width:50%;float:left;}
#product-info form{margin:0;padding:0;}
/*#product-info h1{margin:0 0 15px 0;font-size:2em;padding-bottom:5px;border-bottom:1px solid #F4F4F4;}*/
#product-info h2{margin:20px 0 15px 0;font-size:1.1em;padding:9px 0 9px 0;border-bottom:1px solid #F4F4F4;border-top:1px solid #F4F4F4;color:#4D1504;text-transform:uppercase;}
#product-info select{width:75px;}
#product-info span.price{font-size:1.2em;font-weight:bold;}
#product-info span.price input{width:100px;font-size:1.6em;color:#FF0000;border:none;}
#product-info span.green{color:#008A00;}
#product-info .buttons{clear:both;width:100%;margin:20px 0;}
#product-info .buttons div.hidden{float:right;width:50%;}
#product-info .buttons div{float:right;width:25%;align:center;}
#product-info .buttons div .cart_button{width:150px;}
#product-info ul li{line-height:1.6em;margin-bottom:10px;}
#product-info table td{padding:10px;background-color:#F5F5F6;}
#product-info table td.head{width:160px;}
#product-info .pin{height:25px;width:100px;padding-left:5px;margin-right:5px;}
#product-info .pinBtn{height:30px;width:80px;}

#login-sign-box{width:30%;margin:20px auto;padding:10px 20px 10px 20px;border:1px solid #E5E5E6;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#login-sign-box input{width:100%;height:26px;font-size:12px;margin-top:4px;}
#login-sign-box textarea {width:100%;height:80px;font-size:12px;margin-top:4px;}
#login-sign-box p{margin:25px 0;line-height:1.8em;}
#login-sign-box a{color:#2A63ED;text-decoration:none;}
#login-sign-box .cart_button{width:100%;}
#login-sign-box a.cart_button{width:95%;color:#FFFFFF;text-decoration:none;}
#newto{height:1px; background-color:#E5E5E6; text-align:center;margin:50px 0 15px 0;}
#newto span{background-color:white;position:relative;top:-0.5em;padding:0 10px;color:#999;}

ol{counter-reset: li;list-style: none;*list-style: decimal;font: 13px arial;padding:0;margin:2% 4%;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
.rounded-list span{position: relative;display: block;padding: .4em .4em .4em 2em;*padding: .4em;margin: 0 0 2em 0;background: #FAFAFA; line-height:170%;color: #444;text-decoration: none;-moz-border-radius: .3em;-webkit-border-radius: .3em;border-radius: .3em;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.rounded-list span:before{content: counter(li);counter-increment: li;position: absolute;	left: -1.3em;top: 50%;margin-top: -1.3em;background: #EAC9BD;height: 2em;width: 2em;line-height: 2em;border: .3em solid #fff;text-align: center;font-weight: bold;-moz-border-radius: 2em;-webkit-border-radius: 2em;border-radius: 2em;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}

#checkout{clear:both;width:100%;padding:20px 0;}
#checkout div{float:left;width:50%;margin:20px 0;}
#checkout button{float:right;width:200px;margin-right:25px;}

#bc{width:96%;margin:20px auto;font-size:11px;text-transform:uppercase;}

#orders{width:100%;margin:20px auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #E5E5E6;}
#orders #order-info, #orders #order{padding:8px 0 8px 20px;}
#orders #order-info{height:45px;background-color:#F4F4F4;color:#666666;}
#orders #order{height:170px;border-top:1px solid #E5E5E6;}
#orders #order-info div{float:left;margin-right:100px;line-height:1.6em;}
#orders #product{margin-top:15px;line-height:1.9em;}
#orders span{color:#666666;}
#orders span.red{color:#FF0000;}
#orders h2{margin:0;}
#orders img{width:80px;float:left;margin-right:15px;}

#cartmessage #info{background-color:#FFFFCC;padding:10px;text-align:center;}
h2.featured{margin-top:20px;padding-top:5px;border-top:1px solid #E7E7E7;color:#AAAAAA;text-transform:uppercase;font-size:14px;font-weight:normal;}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */ 
/*@media only screen and (max-width: 40em) {*/
/*@media only screen and (max-width: 769px) {*/
@media only screen and (min-width: 415px) and (max-width: 769px){
* {margin:0;padding:0;outline:0; }
h1{margin-left:10px;font-size:1.6em;}
#container{width:100%;margin:0;padding:0;}
#footer{height:100px;text-align:center;}
#footer .foo-left{float:none;line-height:50px;}
#footer .foo-right{float:none;margin:11px 0;}
/*#ppchome div{width:33%;}*/
#ppchome h2{font-size:1em;font-weight:normal;}


#account-box{width:100%;height:auto;margin:10px auto;border:none;}
#account-box div{clear:both;width:88%;margin:3%;padding:3%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #E5E5E6;}
/*#menu{overflow:hidden;}*/
#cart {width:96%;margin:2%;}
#cart .product{width:40%;float:left;}
#cart .quantity{width:30%;float:left;text-align:right;}
#cart .price{width:30%;float:left;text-align:right;}
#cart img{width:0px;height:0px;}
#cart h2{font-size:1em;font-weight:bold;}

#login-sign-box{width:80%;margin:5%;padding:0;padding:0 5%;}

#checkout div{width:90%;margin:5%;}
/*#product-info span.price input{font-size:1.2em;color:#FF0000;border:none;width:70px;}
#product-info .buttons div.hidden{width:100%;visibility:collapse;}
#product-info .buttons div{width:50%;}*/
#orders{width:94%;margin:3%;padding:0;}
#orders #order-info, #orders #order{width:96%;padding:2%;margin:0;}
#orders #order-info{height:180px;font-size:12px;}
#orders #order-info div{width:45%;float:left;margin:0 5% 25px 0;line-height:1.6em;}
#orders #order-info #shipping{width:100%;margin:0;padding:0;float:left;}
#orders #order-info #shipping a{float:left;}
#orders #order-info #shipping div{width:100%;}

#footer-top{width:100%;height:auto;overflow:hidden;}
#footer-top .foo-col{width:40%;margin:5%;}
#social div{width:40%;margin:5%;height:auto;}


#product-info .product-image .thumbs{height:100px;width:100%;float:left;overflow:hidden;}
#product-info .product-image .thumbs .img{float:left;width:60px;margin-right:10px;padding:4px;border:1px solid #CCCCCC;background-color:#F5F5F6;}
}

@media only screen and (max-width: 414px) {
h1{font-size:1.4em;margin-left:10px;}	
#container{width:100%;margin:0;padding:0;}
#footer{height:120px;text-align:center;}
#footer .foo-left, #footer .foo-right{float:none;}
#ppchome h2{font-size:1em;font-weight:normal;}
#ppchome div.item{width:90%;float:none;text-align:center;margin:5%;overflow:hidden;}
#ppchome img{float:none;width:auto;margin:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#cart img{float:none;}
#cart .product{width:100%;float:none;}
#cart .quantity{width:100%;float:none;}
#cart .price{width:100%;float:none;}

#product-info h1{font-size:1.4em;padding-top:20px;}
#product-info .product-image{clear:both;width:90%;margin:5%;text-align:center;}
#product-info .product-image img{width:100%;}
#product-info .product-form{width:90%;margin:5%;}
#product-info .buttons div{width:50%;text-align:center;}
#product-info .buttons div .cart_button{width:120px;}
#product-info .product-image .thumbs{height:100px;width:100%;float:left;overflow:hidden;}
#product-info .product-image .thumbs .img{float:left;width:60px;margin-right:10px;padding:4px;border:1px solid #CCCCCC;background-color:#F5F5F6;}

#cart {width:96%;margin:2%;}
#cart .product{width:40%;float:left;}
#cart .quantity{width:30%;float:left;text-align:right;}
#cart .price{width:30%;float:left;text-align:right;}
#cart img{width:0px;height:0px;}
#cart h2{font-size:1em;font-weight:bold;}
#cart a{font-size:11px;margin:0 5px;}

#account-box{width:100%;height:auto;margin:10px auto;border:none;}
#account-box div{clear:both;width:88%;margin:3%;padding:3%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #E5E5E6;}

#login-sign-box{width:80%;margin:5%;padding:0;padding:0 5%;}
#checkout div{width:90%;margin:5%;}

#orders{width:94%;margin:3%;}
#orders #order-info, #orders #order{width:96%;padding:2%;margin:0;}
#orders #order-info{height:200px;font-size:12px;}
#orders #order-info div{float:left;margin:0 35px 25px 0;line-height:1.6em;}

#footer-top {width:100%;height:auto;overflow:hidden;}
#footer-top .foo-col{width:90%;margin:5%;float:none;}
#social div{width:90%;height:auto;margin:5%;float:none;}

#footer ul li{display:block;padding:0 0 15px 0;border:none;}
#footer span{display:block;padding-top:20px;}

#sweets #sweet{width:90%;margin:5%;float:none;text-align:center;border-bottom:1px solid #f4f4f4;}
}