/* CSS Document */

/* BASIC PAGE LAYOUT BITS AND PIECES*/
body{
	background-color:#452f2a;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#container {
	background-color: #fdf4e4;
	width: 800px;
	margin:0 auto;
}
/* POP UPS POP UPS */
#infoShoppingCart, #popupSearchHelp {
	background-color: #fcefda;
	text-align: left;
	color: #452f2a;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#infoShoppingCart a, #infoShoppingCart a:hover {
	color: #bf3f56;
	font-weight: bold;
	text-decoration: none;
}

/* HEADER PART OF THE TEMPLATE */
#leader {
	background-color: #452F2A;
	height: 50px;
	width: 794px;
	background-image: url(../images/rediscover-your-sweet-side.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #e6aad1;
	font-size: 1.1em;
	text-align: right;
	padding-right: 6px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
}
#leader img {
	margin: 0px;
	padding-top: 12px;
}
#leader a {
	color: #e6aad1;
	text-decoration: none;
}
#leader a:hover {
	text-decoration: underline;
}
#logintext {
	float: right;
	margin-top: 15px;
}
#loginimage {
	float: right;
	margin-left: 15px;
}

/* NAVIGATION IN HEADER */
#navi{
	background-color: #eebadc;
	height: 28px;
	width: 800px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

/* LOGO AND SEARCH IN HEADER */
#header {
	height: 145px;
}
#header-logo {
	height: 145px;
	background-image: url(../images/header-logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 339px;
}
#header-search {
	height: 145px;
	background-image: url(../images/header-shop-canopy.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 461px;
	float: left;
	text-align: left;
}
#header-search-area {
	height: 36px;
	width: 243px;
	background-image: url(../images/header-seach-area.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 218px;
	margin-top: 10px;
	text-align: right;
}
#searchboxi {
	width: 190px;
	height: 36px;
	float: left;
	padding-top: 7px;
	padding-right: 10px;
}
#searchbuttoni {
	height: 36px;
	width: 43px;
	float: left;
}
input.searchbtn {
	margin-right: 6px;
}
.searchbox {
	width: 155px;
	font-size: 10px;
	color: #666666;
}
#header-under{
	height: 20px;
	width: 800px;
	background-image: url(../images/header-under-canopy.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header-under-homepage{
	height: 243px;
	width: 800px;
	background-image: url(../images/header-under-canopy-homepage.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#main {
	width: 800px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-attachment: fixed;
	text-align: left;
}
#main a {
	color: #C44058;
	text-decoration: none;
}
#main a:hover{
	color: #8CD7EC;
}
#content-area {
	padding: 0px;
	text-align: justify;
	color: #452f2a;
	width: 435px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
}
#content-area h1 {
	font-size: 24px;
	text-align: left;
}
#content-area h4 {
	font-size: 14px;
	font-weight: bold;
	color: #bf3f56;
	text-align: left;
}
#content-area h5 {
	font-size: 12px;
	font-weight: bold;
	color: #bf3f56;
	text-align: left;
}
#content-area h3 {
	text-align: left;
}
#content-area img {
	border-style: none;
}
#orderHistoryDetailedOrder, #orderHistoryStatus {
	font-size: 16px;
	text-align: left;
	margin-top: 15px;
}



.pink {color: #bf3f56}

/* FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER   */
#footer {
	height: 140px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0;
	padding: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer-links{
	color: #8fd7eb;
	width: 770px;
	text-align: right;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 20px;
	font-size: 10px;
	padding-top: 0px;
}
#footer-links a{
	color: #8fd7eb;
	text-decoration: underline;
}
#footer-links a:hover{
	text-decoration: none;
}
#footer-left {
	width: 340px;
	float: left;
	text-align: left;
}
#footer-mid {
	width: 100px;
	float: left;
	text-align: left;
}
#footer-right {
	width: 330px;
	float: left;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#errors{
	color: #CCCCCC;
	background-color: #FFFFFF;
}

/* SWEET BAG SHOPPING CART */
#sweetbag{
	width: 266px;
}
#sweetbag-top{
	background-image: url(../images/sweetbag-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 43px;
	width: 266px;
	float: left;
}
#sweetbag-mid{
	background-image: url(../images/sweetbag-mid.jpg);
	width: 266px;
	background-repeat: repeat-y;
	float: left;
}
#sweetbag-bottom{
	background-image: url(../images/sweetbag-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 154px;
	width: 266px;
	float: left;
}
#sweetbag-bottom a{
	color: #452f2a;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#sweetbag-bottom a:hover{
	color: #90d7e9;
}
#sweetbag-mid p{
	margin: 0px;
	padding: 0px;
}
#sweetbag-edit{
	height: 40px;
	width: 254px;
	text-align: right;
	padding-top: 52px;
	padding-right: 12px;
}
#sweetbag-checkout{
	height: 54px;
	width: 254px;
	padding-right: 12px;
	text-align: right;
	padding-top: 8px;
}
.sweet-text{
	margin: 0px;
	width: 215px;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#sweetbag-order{
	width: 160px;
	margin-left: 80px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	margin-right: 26px;
}
#sweetbag-order a {
	color: #BF3F56;
	text-decoration: underline;
}
#sweetbag-order a:hover {
	text-decoration: none;
}
.sweetie-bag-text{
	color: #452F2A;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
}
.sweetie-bag-total{
	font-weight: bold;
	color: #452F2A;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#sweetbag-order ul {
	list-style-type: none;
	padding: 0px;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sweetbag-order li {
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sweetbag-padding {
	height: 40px;
	width: 266px;
}
.hrr {
	margin-top: 10px;
}


/* HOMEPAGE   HOMEPAGE    HOMEPAGE    HOMEPAGE   HOMEPAGE   HOMEPAGE   HOMEPAGE   HOMEPAGE   HOMEPAGE   HOMEPAGE  */
#homepage-cartoons-text {
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}
#homepage-cartoons-text p {
	margin: 0px;
	padding: 10px;
}
#homepage-cartoons {
	height: 216px;
	width: 800px;
	background-image: url(../images/homepage-cartoon-man-woman.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#cartoon-woman {
	float: left;
	height: 216px;
	width: 300px;
}
#cartoon-man {
	float: left;
	height: 216px;
	width: 300px;
}
#cartoon-text {
	float: left;
	width: 200px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 120px;
}
#cartoon-text a {
	color: #BF3F58;
	text-decoration: none;
}
#cartoon-text a:hover {
	color: #8CD7EC;
}

#homepage-boxes {
	height: 180px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#homepage-boxes img{
	margin-left: 15px;
	text-align: left;
	float: left;
}
#homepage-text {
	margin-right: 20px;
	margin-left: 20px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	height: 50px;
}
#homepage-enviro {
	width: 800px;
}
#homepage-enviro-man {
	height: 229px;
	width: 244px;
	margin-left: 15px;
	float: left;
}
#homepage-enviro-title {
	float: left;
	width: 474px;
	margin-left: 36px;
	margin-right: 15px;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

#homepage-enviro-title p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.paratop {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#homepage-bank-text {
	font-size: 12px;
	margin-top: 25px;
	text-align: center;
	font-weight: bold;
}
#homepage-bank-images {
	height: 94px;
	width: 800px;
	text-align: center;
}


/* TABLES AND LISTS    TABLES AND LISTS     TABLES AND LISTS    TABLES AND LISTS    TABLES AND LISTS    TABLES AND LISTS    TABLES AND LISTS     */
table #del{
	font-size: 11px;
	border: 1px solid #8fd7eb; }

table #del th{
	background-color: #deefef;
	font-size: 11px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	text-align: center;
	border: 1px solid #8fd7eb; }
table #del td{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #8fd7eb; }
	
.links{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.links li{
	padding-bottom: 20px;
}
.topten li{
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}


#bluee {
	background-color: #00FFFF;
	height: 45px;
	width: 45px;
}
#bluee img {
	border-style: none;
}

/* PRODUCT PAGE   PRODUCT PAGE    PRODUCT PAGE   PRODUCT PAGE   PRODUCT PAGE   PRODUCT PAGE    */
#product-list {
	height: 115px;
	width: 435px;
	border-style: none;
}
.overlap {
    position: relative;           /* establish new containing block */
    width: 115px; height: 115px;  /* must specify width/height */
  }
  .overlap .listingProductImage, .overlap .mask { position: absolute; }
  .overlap .listingProductImage {    top: 0; right: 0; z-index: 1; }
  .overlap .mask { top: 0; right: 0; z-index: 2; }
  
.overlap2 {
    position: relative;           /* establish new containing block */
    width: 120px; height: 120px;  /* must specify width/height */
  }
  .overlap2 .listingProductImage2, .overlap2 .mask2 { position: absolute; }
  .overlap2 .listingProductImage2 {    top: 0; right: 0; z-index: 1; }
  .overlap2 .mask2 { top: 0; right: 0; z-index: 2; }
  
.overlap-big {
    position: relative;           /* establish new containing block */
    width: 226px; height: 226px;  /* must specify width/height */
  }
  .overlap-big .productMainImage-big, .overlap-big .mask-big { position: absolute; }
  .overlap-big .productMainImage-big {    top: 0; right: 0; z-index: 1; }
  .overlap-big .mask-big { top: 0; right: 0; 0; z-index: 2; }

#product-text {
}
#product-text-desc {
	font-size: 12px;
	margin-right: 20px;
	margin-left: 30px;
	text-align: justify;
}
#product-text-desc h3{
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#product-text-price {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
.listingDescription {
	font-weight: normal;
}
.productListing-heading {
	display: none;
}
td .productListing-data {
	padding-top: 10px;
	padding-bottom: 25px;
	
}
#product-button1 {
}
#product-button1 img, #product-button2 img  {
	border-style: none;
}





/* PRODUCT PAGE   PRODUCT PAGE    PRODUCT PAGE   PRODUCT PAGE   PRODUCT PAGE   PRODUCT PAGE    */
#productGeneral h1, #productReviewsDefaultHeading, #reviewsInfoDefaultHeading, #loginDefaultHeading, #reviewsWriteHeading, #reviewsDefaultHeading {
	color: #bf3f56;
}
 
 
#prod-details{
	width: 435px;
}
#prod-details-image, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	width: 226px;
	float: left;
	text-align: center;
}
#prod-details-desc{
	width: 209px;
	float: left;
} 
#prod-details-desc-text{
	text-align: justify;
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
} 
#prod-details-desc-price{
	text-align: right;
}
#prod-details-desc-price h3{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#prod-details-desc-price ul{
	list-style-type: none;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
} 
#prod-details-desc-price li{
	margin: 0px;
	padding: 0px;
}
#productDescription strong {
}
#prod-details-desc-buy{
	text-align: right;
	padding-top: 25px;
}
#prod-before {
	width: 435px;
}
#productReviewLink img{
	margin-top: 25px;
	margin-bottom: 20px;
}
.centerBoxContentsAlsoPurch {
	height: 155px;
	width: 144px;
	float: left;
}
#prod-review-button {
	width: 435px;
	float: left;
	margin-top: 20px;
}
/*The below 2 CSS rules control the way the items are stacked on the Review pages*/
#cart-btn, #productReviewsDefaultProductPageLink, #reviewsInfoDefaultProductPageLink, #review-btn, #reviewsWriteProductPageLink {
	float: left;
	width: 70px;
	margin-top: 40px;
	margin-bottom: 20px;
}
#review-image, #cart-btn2, #buttonRow, #rating, #review-content, #bold {
	float: left;
}


/* FORMS    FORMS    FORMS    FORMS    FORMS    FORMS    FORMS    FORMS    FORMS    FORMS    FORMS    FORMS  */
legend {
	display: none;
}
#contactUsForm, #loginn, #account, .no-field, #csNotifications {
	border: 1px solid #fdf4e4;
	padding: 10px;
	text-align: left;
}
#outline, #comments, #checkoutOrderTotals, #outline2 {
	border: 1px solid #bf3f56;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
input.radio, input.checkbox, input.submit {
	width: auto;
	margin-bottom: 15px;

}
label {
	width: 100px;
	float: left;
	margin-right: 20px;
	text-align: right;
	display: block;
}

#contactname, #email-address, #login-email-address, #login-password, #company, #firstname, #lastname, #street-address, #suburb, #city, #stateZone, #state, #postcode, country, #telephone, #fax, #dob, #nickname, #password-new, #password-confirm, #password-current, #search1 {
	width: 230px;
	color: #6C6C6C;
	border: 1px solid #bf3f56;
	background-color: #bae6f2;
	margin-bottom: 15px;
}
textarea {
	width: 230px;
	color: #6C6C6C;
	border: 1px solid #bf3f56;
	background-color: #bae6f2;
}
.selecta {
	width: 230px;
	color: #6C6C6C;
	border: 1px solid #bf3f56;
	background-color: #bae6f2;
}

#buttonRow-forward  {
	float: left;
	margin-right: 20px;
	margin-left: 135px;
}
#buttonRow-back {
	float: left;
}
#buttonRow-back img {
	float: left;
	border-style: none;
}
#address{
	font-size: 14px;
}


/* NEW PRODUCTS   NEW PRODUCTS   NEW PRODUCTS   NEW PRODUCTS   NEW PRODUCTS   NEW PRODUCTS   NEW PRODUCTS     */

#sorter label, #sorter input {
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}
#accountLinksWrapper ul {
	margin: 0px;
	padding: 0px;
}
#accountLinksWrapper li {
	list-style-type: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/* CHECKOUT   CHECKOUT   CHECKOUT   CHECKOUT   CHECKOUT   CHECKOUT   CHECKOUT   CHECKOUT   CHECKOUT   */
.tableHeading th {
	background-color: #8fd7eb;
}
.tableHeading th, .cartTableHeading th {
	background-color: #8fd7eb;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
		padding-left: 5px;
	vertical-align: middle;
}
.rowEven td {
	background-color: #fdf4e4;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #eebadc;
	padding-top: 10px;
	text-align: center;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.rowOdd td {
	background-color: #fdf4e4;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #eebadc;
	padding-top: 10px;
	text-align: center;
}
#cartSubTotal, #orderTotals {
	background-color: #8fd7eb;
	font-weight: bold;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
#quantity-box {
	padding-top: 10px;
}
#shipping-cost {
	text-align: right;
	font-weight: bold;
}
#comments legend, #checkoutOrderTotals legend, #outline2 legend {
	display: block;
	font-weight: bold;
	color: #000000;
}
#comments textarea, #checkoutOrderTotals textarea, #outline2 textarea {
	width: 410px;
}
#checkoutOrderTotals {
	font-weight: bold;
	font-size: 12px;
}
#sub-total-left {
	float: left;
}
#sub-total-right {
	float: right;
}


#outline2 label {
	width: auto;
	text-align: left;
}
#no-checkbox {
	display: none;
	}
	
	
/* SPECIAL OFFERS   	SPECIAL OFFERS   	SPECIAL OFFERS   	SPECIAL OFFERS   	*/
.productSpecialPrice {
	font-weight: bold;
	color: #FF0000;
}