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

/*** some people may not like to clear all of their padding and margin spacing but I do, I want to have full control ****/

*{
	margin:0px;
	padding:0px;
}

#png-wrap { position: relative; width: 1100px; margin: 0 auto;}

img, div { behavior: url(iepngfix.htc) }

body {
	background: #6bdae7;
	font:12px/24px Georgia, "Times New Roman", Times, serif; 
	color:#73481e;
	}

/*** I usually do center aligned designs so I am going to set the container to sit in the middle of the page ****/

h1	{ font-size:1.5em; }
h2	{ font-size:1.4em; }
h3	{ font-size:1.3em; }

img, div { behavior: url(css/iepngfix.htc) }

h1 span,h2 span,h3 span	{ display:none; }

fieldset,img,a img,:link img,:visited img {border:0;}

a:link,a:visited	{ color:#73481e; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#73481e; text-decoration:underline; outline:none; }



#container{
	width:1074px;
	margin:0px auto; /**** learn css shortcuts, it will make your life easier ****/
	background: url("../images/container.png") no-repeat;
}


#masthead {
	height: 162px;
	width: 908px;
	background: url("../images/masthead.png");
	margin: 0 auto;
	}
	#masthead a {
		display: block;
		width: 296px;
		height: 157px;
		margin-left: 142px;
		}
		#masthead a span {display: none;}
	
/* ------------------------ horizontal sprite nav ------------------------ */
#nav-container { 
	background:url("../images/nav.png") no-repeat; 
	width:900px; 
	height:57px; 
	margin:0 auto;
	}

ul#nav {
	position: absolute; 
	left: 240px; 
	top: 177px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	letter-spacing: 2px;
	z-index: 9999;
	}
	


#nav li, #nav a { height:30px; display:block; float: left; text-decoration: none; } /* change height here also */

#nav li {background: url("../images/nav-star.jpg") 0 6px no-repeat; padding-left: 20px; margin-right: 15px;}
/* ------------------------- End Nav ------------------------------------*/



#outer-wrap {
	width: 908px;
	margin: 0 auto;
	background: url("../images/bg-outer.png") center repeat-y;
	}

#wrap {
	width: 900px;
	margin: 0 auto;
	background: url("../images/bg-wrap.jpg") center repeat-y;
	}

#leftcol{
	width:650px;
	float:left;
	background: url("../images/left-col.jpg") left top no-repeat;
	padding-top: 100px;
}

	#leftcol p, #leftcol h1, #leftcol h2, #leftcol h3, #leftcol ul, #leftcol dl, #navBreadCrumb {
			margin:0px 18px 10px 25px;
			}

#rightcol{
	width:250px;
	float:left;
}

	#rightcol span {color: #f897bd;
		}

	#rightcol p, #rightcol h1, #rightcol h2, #rightcol h3, #rightcol ul, #rightcol dl {
			margin:0px 24px 10px 20px;
			}
	#rightcol p, #rightcol ul {	font-size:14px; line-height: 18px; }
			
	#title-location {
		height: 121px;
		background: url("../images/title-location.png");
		}
		
	#title-contact {
		height: 81px;
		background: url("../images/title-contact.png");
		}
		
	.right-box-top {
		height: 79px;
		background: url("../images/right-box-top.png");
		}
			.right-box-top h3 {
				padding-top: 35px;
				font-size: 1.6em;
				font-weight: normal;
				}
		
	.right-box-bg {
		background: url("../images/right-box-bg.png");
		padding-bottom: 10px;
		text-align: center;
	
		}
	.right-title-bottom {
		background: url("../images/right-title-bottom.png") top no-repeat;
		height: 11px;
		}
		
	#catBoxDivider {
		display: none;
		}
		
#clear{
	clear:both; /*** this stops the floating ***/
}

#bottom-wrap {
	height: 211px;
	background: url("../images/bottom-wrap.jpg") left bottom no-repeat;
	clear: both;
	}
	
#footer{
	height:137px; /*** you don't always need set a height for the footer ***/
	width: 908px;
	margin: 0 auto;
	padding-top: 57px;
	font-size:14px; 
	line-height: 18px;
	text-align: center;
	background: url("../images/footer.png");
}

#footer p {
	margin: 0 auto 10px;
	width: 600px;
	}

#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		width: 600px;
		border-left: 1px solid #73481e;
		}
	#footer li.first { border: none; }
	
	#footer a:link,#footer a:visited	{ text-decoration:none; outline:none; }
	#footer a:hover,#footer a:active	{ text-decoration:underline; outline:none; }
	
/* -------------------------SHOP Styles---------------------- */

#navCatTabsWrapper, .categoryIcon, .navNextPrevWrapper, #productDetailsList, #productTellFriendLink, #productReviewLink, #productDateAdded, #productInfoLink, #shoppingcart hr, .categoryImg {
	display: none;
	}
	
#indexDefaultMainContent, #shoppingCartDefault {
	margin: 0 25px;
	}

.centerBoxWrapper {
	float: left;
	display: inline;
	}
	
	#leftcol .centerBoxWrapper h2 {margin-left: 0px;}
	
	#leftcol .centerColumn h1, #leftcol .centerColumn h2 {margin-left: 0px;}
#productGeneral, .centerColumn {
	margin: 25px;
	}

#cartSubTotal { text-align: right;}

.centerBoxContentsNew {
	float: left;
	display: inline;
	text-align: center;
	margin-left: 45px;
	}
	
	.centerBoxContentsNew img {border: 3px solid #F898BD;}


#loginDefault .inputLabel {display: block;} 

.listingProductImage {margin-bottom: 25px;}

#leftcol .itemTitle {margin-left: 0px;}

#leftcol #allProductsDefault hr {margin-bottom: 15px;}

#html-upload-ui{
	display:block !important;
}