@import url('jquery-ui.css');
@import url('colorbox.css');
/*------------------------
 CSS - YE OLDE LOLLY SHOP
------------------------*/

/* TOP LEVEL */

* {
	padding: 0;
	margin: 0;}

body {
	background-image: url(../images/bg-tile.gif);
	margin:0;
	background-repeat: repeat;
	background-position: top;
	font:12px/18px Verdana, Arial, Helvetica, sans-serif normal;
	color:#4d0000;}

#container {
	margin: 0 auto;
	padding: 12px 0 0 0;
	width: 821px;
	background:transparent url(../images/bg-main.jpg) no-repeat center top;}

#container-inner {
	margin: 0 auto;
	padding: 12px 0 0 0;
	width: 821px;
	background:transparent url(../images/bg-main-inner-top.jpg) no-repeat center top;}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: '.';
	display: block;
	clear: both;}

p {
	margin:0 0 10px 10px;}
	
h1 { 
	margin:0 0 10px 0;}

h2 {
	font-weight:bold;
	color:#cc1504;
	font-size:12px;
	margin:0 0 10px 0;
	border-bottom:1px solid #cc1504;}
	
h3 {
  width:200px;
  font-weight:normal;
  font-size:15px!important;
  padding-bottom:10px;
}
	
input, select, textarea {
	border:1px solid #E8B469;
	background: #FCEFD8;}

/* HEADER */

#logo {
	margin:auto;
	width:352px;}
	
#flash {
	margin:auto;
	width:643px;
	height: auto;
	text-align: center;
	background: url('../swf/flash-placeholder.jpg') left top no-repeat;	}

#header-inner {
	margin:auto;
	width:643px;
	height: auto;
	text-align: center;}
	
	#flash p { background: #ffffff; width: 85%; }
	.swficon { margin: 100px 0 20px 0;  border: none; }

/* NAVIGATION */

#nav { width:622px; text-align:center; height:83px; background:transparent url(../images/nav/logo.gif) no-repeat 234px 0px; margin:auto;}
#nav ul { list-style-type:none; }
#nav ul li { float:left; }
#nav ul li a {	height:42px; display:block; text-decoration:none; } 
#nav ul li a:hover { background-position:0 -42px !important; } 
#nav ul li.active a { background-position:0 -42px !important; }

#nav ul li#home a {	background:url(../images/nav/home.jpg);	width:61px; }
#nav ul li#about a { background:url(../images/nav/about.jpg); width:91px; }
#nav ul li#products a {	background:url(../images/nav/products.jpg); width:85px; }
#nav ul li#contact a {	background:url(../images/nav/contact.jpg); width:97px; margin-left:132px;}
#nav ul li#shopping a {	background:url(../images/nav/shopping.jpg); width:156px; }

.hidden {display:none;}


#accordion {width:260px!important;}

#gallery {width:172px; margin-top:20px; float:right; clear:right;}
#gallery_title {border:none; float:right;}
#gallery img {display:block; width:170px; height:120px; margin-bottom:10px; border:1px solid #bc0501;}

/* CONTENT AREA */

#content-area-bg-repeat {
	width:821px;
	background:transparent url(../images/bg-text-area.jpg) repeat-y 65px 0px;}

#content-area-bg-top {
	width:821px;
	background:transparent url(../images/bg-main-bottom.jpg) no-repeat center top;}

#content-area-bg-top-inner {
	width:821px;
	background:transparent url(../images/bg-main-inner-bottom.jpg) no-repeat center top;}

#content-area {;
	margin:auto;
	width:644px;
	padding:0 0 15px 52px;}

#content-left {
	width:470px;
	float:left;}
	
#content-area ul { 
	margin:0 0 10px 0;
	padding:0 0 0 30px;}
	
#content-area ul li {
	list-style:url(../images/bullet-arrow.jpg);}
	
#content-area a {
	text-decoration:underline;
	font-weight:bold;
	color:#cc1504;}

#content-area a:hover {
	text-decoration:none;}

#content-right {
	width:117px;
	float:left;
	margin:0 0 0 10px;}
	
	/*--About Us Page Layout Modification--*/
	
	#content-expand {
	width:602px;
	height: auto;
	float:left;}
	
#content-expand p {
	margin: 0 0 20px 0; }
	
div.floatright {
	width:117px;
	float:right;
	padding:0 0 0 15px;}
	
	div.floatleft {
	width:470px;
	float:left;
	}
	
	div.flash-slideshow {
		width: 350px;
		height: 370px;
		float: right;
		padding-left: 15px; }
		
	#slideshow {
		width: 350px;
		height: 370px;
		display: block;
		background: url('../images/slideshowbg.jpg') no-repeat 0 0; }
		
	#slideshow p {
		background: #FADFAC;
		display: block;
		width: 230px;
		height: 60px;
		text-align: center;
		padding: 10px;
		border: 1px solid #D9A149;
		position: relative;
		top: 120px;
		left: 50px; }
	
	/*--Modification Ends--*/

#contact-form {
	width:200px;
	float:right;}

/* PRODUCTS */

.product-category-row {
	width:644px;}

.product-category-box {
	text-align:center;
	width:100px;
	padding:20px;
	margin:0 10px 20px 0;
	float:left;}

.product-category-text {
	width:100px;
	margin:5px 0;}

.product-listing {
	float:left;
	width:400px;
	}
	
.product-listing- li {
  margin-bottom:20px;
  }
	
.product-listing img {
  float:left;
  padding:0 10px 20px 0;
  }
  
  
  #products {}
  #products li {float:left; padding:20px; width:100px; height:100px; position:relative; list-style:none!important;}
  #products li img {
    width:100px;
    height:100px;
    position:absolute;
    border:1px solid #bc0501;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -webkit-box-shadow:3px 4px 10px #000;
    -moz-box-shadow:3px 4px 10px #000;
    top:10px;
    left:10px;
  }
  
#product_images { margin-right:20px!important; padding-left:0!important;}
#product_images li {list-style:none!important; margin-top:20px; margin-left:0;}

.product-listing-box {
	width:580px;
	padding:10px;
	margin:0 10px 20px 0;
	border:1px solid #E8B469;}

.product-listing-pic {
	width:176px;
	float:left;}

.product-listing-details {
	width:404px;
	float:left;
}

.product-listing-details-noimage {
	width:580px;
	float:left;
}

.product-listing-box p { margin:0 0 10px 0; }

.product-listing-box .img {
	margin:0 0 10px 0;
	border:3px solid #E8B469;}
	
#details img {float:left; padding:0 20px 20px 0;}
#details h2 {margin-left:10px; border-bottom:none;}
#details p {width:600px;}



/* CMS STYLES */

div.dynamictext body { background:#020C10; font:11px/18px Verdana, Arial, Helvetica, sans-serif normal; color:#4d0000; }
div.dynamictext td { border:0; border-bottom:1px solid #E8B469; border-right:1px solid #E8B469; vertical-align:top; padding:3px; }
div.dynamictext table { border:1px solid #E8B469; border-right:0; border-bottom:0; }
div.dynamictext p { margin:0 0 10px 0; }
div.dynamictext h1, 
div.dynamictext h2, 
div.dynamictext h3, 
div.dynamictext h4, 
div.dynamictext h5 { margin:0 0 10px 0; padding:0; font-weight:bold; }
div.dynamictext h1 { font-size:18px; }
div.dynamictext h2 { font-size:16px; color:#4d0000; border:none; }
div.dynamictext h3 { font-size:14px; }
div.dynamictext h4 { font-size:12px; }
div.dynamictext h5 { font-size:11px; }
div.dynamictext ul { margin:0 0 10px 0;	padding:0 0 0 30px; }
div.dynamictext a  { text-decoration:underline; font-weight:bold; color:#cc1504; }
div.dynamictext a:hover { text-decoration:none; }


/* CART AND CHECKOUT */

#checkout { margin-top:25px; }
#checkouttable th { text-align:left; font-weight:bold; background:#E8B469; padding:4px 2px; }
#checkouttable td { padding:2px 4px; border-bottom:1px dashed #E8B469; }
#checkouttable .card { background:#F2C973; }
#checkouttable .qty td { border-bottom:0; }
#checkout .buttons { padding-top:10px; text-align:right; }
#checkout .inputbutton { padding:0; border:0;}

#cart { margin-top:25px; }
#carttable th { text-align:left; font-weight:bold; background:#E8B469; padding:4px 2px; }
#carttable td { padding:2px 0; border-bottom:1px dashed #E8B469; }
#carttable .right { text-align:right; }
#carttable .qty td { border-bottom:0; }
#cart .totalprice { text-align:right; font-weight:bold; padding:8px 0; }
#cart .buttons { padding-top:10px; text-align:right; }
#cart .inputbutton { padding:0; border:0; margin-left:10px;}

/* INFO POP UPS */

#info-area {
	margin:20px auto;
	width:460px;
	padding:20px;
	background:#F4CD82;}

#info-area ul { 
	margin:0 0 10px 0;
	padding:0 0 0 30px;}

#info-area ul li {
	list-style:url(../images/bullet-arrow.jpg);}

/* FOOTER */

#footer {
	width:656px;
	background:transparent url(../images/footer-image.jpg) no-repeat 4px 0px;
	margin:auto;
	padding:120px 0 80px 40px;
	color:#95a56a;}
	
html > body #footer { position: relative; left: -1px; }
	
#footer p {
	float:left;
	width:450px;}

#footer a {
	color:#95a56a;
	font-size:11px;
	text-decoration:none;}
	
#footer a:hover {
	text-decoration:underline;}
	
#footer img {
	float:right;
	margin-right:15px;
	border:none;}

#construction {
	width:260px;
	padding:10px;
	height:200px;
	margin:10px auto;
	background:#F3CD82;}


.field {
	text-align:center;	
}