@import url("reset.css");
@import url("form.css");

* {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html, body {
    height: 100%;
}

/* Container Section */

#container {
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width: 1000px;	
}

	* html #container { /* ie 6 fix */
		height: 100%;
	}
	

div.specialOffers {
	background: url('../images/special.jpg') repeat-x;
	margin: 10px 0;
	border: 1px solid #000;
	height: 29px;
}

div.specialOffers h2 {
	color: #fff;
	padding: 3px;
	font-size: 16px;
	font-weight: bold;
	
	
}

/* Header Section */

#header {
	overflow: hidden;
	width: 100%
}

	#header img {
		float: left;		
	}
	
/* Menu Section */

#menu {
	background: url(../images/menu-bg.jpg) repeat-x top left;
	overflow: hidden;
	width: 100%;
}

	#menu ul {
		margin-left: 150px;
		overflow: hidden;		
	}
		
		#menu ul li {
			float: left;
		}
	
			#menu ul li span {
				color: #ffffff;
				line-height: 29px;
			}
			
			#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active {
				display: block;
				color: #ffffff;
				line-height: 29px;
				padding: 0 12px;
			}
			
				#menu ul a.selected, #menu ul li a:hover {
					text-decoration: underline;
				}		
		
/* Inner Container Section */

#inner-container {
	clear: both;
	padding: 10px 0 113px;
}

#inner-container.admin {
	padding-bottom: 40px;
}

	#inner-container:after {
		content: " ";
		display: block;
		clear: both;
	}		
	
/* Navigation Section */

#navigation {
	float: left;
	width: 150px;
}

	#navigation div {
		background: #f5f5f5;
		border: 1px #000000 solid;
		margin-bottom: 10px;
		width: 148px;
	}

		#navigation div div {
			background: transparent ;
			border: none;
			margin: 0;
			width: auto;
		}

	#navigation h2 {
		background: url(../images/menu-bg.jpg) repeat-x top left;
		border-bottom: 1px #000000 solid;
		color: #ffffff;
		font-size: 13px;
		font-weight: bold;
		line-height: 29px;
		padding: 0 10px;
	}
	
		#navigation h2 img {
			display: inline-block;
			margin-right: 10px;
			vertical-align: middle;
		}

	#navigation ul {	
		overflow: hidden;
	}
	
		#navigation ul li {
		}
	
			#navigation ul li a {
				display: block;
				color: #000000;
				font-weight: bold;
				padding: 5px 10px;
				width: 128px;
			}
	
				#navigation ul li a:hover, #navigation ul li a.selected {
					display: block;
					background: #00ccff;
					color: #000;
					padding: 5px 10px;
				}

			#navigation ul li ul {
			}
			
				#navigation ul li ul li {
				}

					#navigation ul li ul li a {
						display: block;
						color: #000000;
						font-weight: normal;
						padding: 5px 10px 5px 20px;
						width: 118px;
					}

						#navigation ul li ul li a:hover, #navigation ul li ul li a.selected {
							display: block;
							background: #dbecf6;
							color: #000;
							padding: 5px 10px 5px 20px;
						}


	#navigation address, #navigation  p {
		padding: 5px 10px;
	}

/* Side Bar */

#side-bar {
	float: right;
	width: 150px;
}

	#side-bar div {
		background: #f5f5f5;
		border: 1px #000000 solid;
		margin-bottom: 10px;
		overflow: hidden;
		width: 148px;
	}

	#side-bar h2 {
		background: url(../images/menu-bg.jpg) repeat-x top left;
		border-bottom: 1px #000000 solid;
		color: #ffffff;
		font-size: 13px;
		font-weight: bold;
		line-height: 29px;
		padding: 0 10px;
	}
	
		#side-bar h2 img {
			display: inline-block;
			margin-right: 10px;
			vertical-align: middle;
		}
	
	#side-bar ul {	
		overflow: hidden;
	}

		#side-bar ul li a {
			display: block;
			color: #000000;
			padding: 5px 10px;
			width: 128px;
		}

			#side-bar ul li a:hover, #side-bar ul li a.selected {
				display: block;
				background: #dbecf6;
				color: #000;
				padding: 5px 10px;
			}

	#side-bar #basket ul {
		overflow: hidden;
		padding: 5px 10px;
	}
	
		#side-bar #basket ul li {
			padding: 2px 0 0;
		}
		
			#side-bar #basket ul li span {
				clear: left;
				display: block;
				float: left;
				width: 50px;
			}
	
	#side-bar #basket p {
		overflow: hidden;
		padding: 5px 10px;
	}
	
		#side-bar #basket p a {
			background: url(../images/menu-bg.jpg) repeat-x bottom left;
			border: 1px #000000 solid;
			color: #ffffff;
			display: inline-block;
			padding: 3px 2px;
			text-align: center;			
		}	

			#side-bar #basket p a:hover {
				background: url(../images/menu-bg.jpg) repeat-x top left;
			}
		
			#side-bar #basket p a.view {
				width: 40px;
			}

			#side-bar #basket p a.checkout {
				margin-left: 5px;
				width: 64px;
			}
		
	#side-bar address, #side-bar p {
		padding: 5px 10px;
	}		
		
/* Main Section */

#main {
	margin: 0 0 0 160px;
}
	
/* Content Section */

#content {	
	float: left;
	overflow: hidden;
	position: relative;	
	text-align: left;	
	width: 680px;
}

	#content h1, #content h1 em {
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 10px;
	}
	
	#content h3 {
		color: #f00;
		font-size: 18px;
		font-weight:  bold;
	}

#content.admin {
	width: 840px;
}

/* Side Bar */

#side-bar {
	float: right;
	width: 150px;
}
	
/* Footer Section */

#footer {
	background: url(../images/footer-bg.jpg) repeat-x  top left; 
    bottom: 0;
	height: 103px;
	line-height: 30px;
    position: absolute;
    width: 100%;
}

	#footer.admin {
		height: 30px;
	}

	#footer span {
		color: #666666;
		float: left;
		padding: 0 0 0 10px;
	}
	
	#footer ul {
		float: right;
		padding: 0 10px 0 0;
	}
	
		#footer ul li {
			display: inline;
			color: #666666;
			padding: 0 0 0 2px;
		}
	
			#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active {
				color: #666666;
				text-decoration: none;
			}
			
			#footer ul li a:hover  {
				text-decoration: underline;
			}

	#footer img#credit-cards {
		clear: both;
		display: block;
		height: 73px;
		margin: 0 auto;
		overflow: hidden;
		width: 518px;
	}

/* Testimonials Section */	

ul.testimonials {
	list-style: none !important;
	padding-left: 0 !important;
}
	ul.testimonials li {
		border-bottom: 2px #975100 solid;
		float: left;
		margin: 10px 20px 10px 0;
		padding-bottom: 5px;
		text-align: justify;
		width: 240px;
	}
	
	ul.testimonials li strong {
		display: block;
		padding-top: 3px;
	}

/* News Section */	

ul.news {
	overflow: hidden;
}

	ul.news li {
		border-bottom: 1px #dbecf6 solid;
		margin: 10px 15px 10px 0;
		padding-bottom: 5px;
		position: relative;
		text-align: justify;		
	}
	
	ul.news li a {
		display: block;
		color: #0072b1 !important;
		font-weight: bold;
		margin-bottom: 2px;
	}	

		ul.news li a:hover {
			color: #dbecf6 !important;
		}	
	
	ul.news li em, p#news em {
		display: block;
		font-size: 11px;
		padding-top: 5px;
		text-align: right;
	}

	img.news {
		float: right;
		padding: 0 0 0 5px;
		width: 302px;
	}

/* Gallery Category */

ul.gallery-category-list {
	clear: both;
	list-style: none !important;
	padding-left: 0 !important;
}

	ul.gallery-category-list li {
		float: left;
	}

	ul.gallery-category-list li a {
		display: block;
		color: #000;
		margin: 0 0 10px 20px;
		font-weight: bold;		
		text-align: center;
		width: 200px;
	}
	
	ul.gallery-category-list li a:hover {
		text-decoration: underline;
	}
	
	ul.gallery-category-list li span {
		display: block;
		height: 30px;
		padding-top: 10px;
		text-align: center;
		width: 200px;
	}

/* Gallery Show Section */		

#gallery-list {
	width: 100%;
	text-align: center;
	margin: 10px auto 20px;
	list-style: none !important;
	list-style-position: outside !important;
	padding-left: 0 !important;
}

	#gallery-list li {
		display: inline;
		float: left;
		margin: 3px;
		padding: 5px;
	}
	
		#gallery-list li img {
			padding: 2px;
			vertical-align: top;
			width: 139px;
			height: 94px;
		}
		
		#gallery-list li span {
			display: block;
			font-size: 9px;
		}

/* Download Section */

#pdfs {
	margin: 0 0 10px;
}

	#pdfs li {
		margin: 5px 0;
	}
		
		#pdfs li img {
			display: inline;
			padding-right: 5px;
			vertical-align: middle;
		}
	
		#pdfs li a:hover {
			text-decoration: underline;
		}
	
		#pdfs li span {
			padding-left: 10px;
		}

/* Paging */

ul.paging {
	clear: both;
}

	ul.paging li {
		clear: none;
		float: left;
		padding-right: 5px;
		width: auto;
	}
	
	ul.paging a:link, ul.paging a:visited, ul.paging a:active {
		color: #000;
		display: block;
		text-decoration: none !important;
	}
	
	ul.paging a:hover {
		text-decoration: underline !important;
	}
	
	ul.paging a.selected:link, ul.paging a.selected:visited, ul.paging a.selected:active, ul.paging a.selected:hover {
		text-decoration: underline;
	}

/* Site Map */	

#sitemap {
	list-style: outside disc;
	margin-left: 20px;	
}
	#sitemap li strong {
		color: #000;
	}

	#sitemap ul {
		list-style: outside disc;
		margin-left: 30px;
	}

	#sitemap li {
		padding: 5px 0 0 !important;
	}

	#sitemap li a {
		color: #000;
	}
	
		#sitemap li a:hover {
			text-decoration: underline;
		}

/* Site Content Section */

#site-content {
	float: left;	
}

	#site-content p {
		line-height: 1.5em;
		margin-bottom: 1em;
	}

	#site-content ul {
		margin-bottom: 10px;
		list-style: outside disc !important;		
	}
		
		#site-content ul li {
			float: none !important;
			padding: 0 !important;
			margin: 0 0 0 20px  !important;
		}
	
	#site-content ul#services {
		clear: right;
		list-style: url(../images/information-pages/tick.jpg) !important;
	}
	
		#site-content ul#services li {
			margin: 0 0 0 270px !important;			
			padding: 0 20px !important;
			vertical-align: middle;
		}

		
	#site-content p a {
		color: #0177B7;
		text-decoration: underline;
	}
	
		#site-content p a:hover {
			text-decoration: none;
		}
		
/* Category Listing Section */

ul.category-list {
	clear: both;
	margin: 10px 0;
}

	ul.category-list li {
		display: inline;
		float: left;
		width: 200px;
		margin: 0 20px 20px 0;
		text-align: center;		
	}
	
	ul.category-list li.category {
		border: 1px #000000 solid;
	}
	
	
	ul.category-list li h4 {
		padding: 0 0 5px 0;
		color: #000;
		overflow: hidden;
		font-weight: bold;
		height: 2.4em
	}
	
		ul.category-list li a.more-info {
			background: url(../images/menu-bg.jpg) repeat-x bottom left;			
			border-top: 1px #000000 solid;
			color: #fff;
			text-align: center;
			padding: 3px 0;
			font-weight: bold;
			display: block;
			
		}
		
			ul.category-list li a.special {
				background: url(../images/special.jpg) repeat-x bottom left;
			}
	
			ul.category-list li a.more-info:hover {
				background: url(../images/menu-bg.jpg) repeat-x top left;
			}

	ul.category-list a.main-image {
		background: url(../images/please-wait.gif) no-repeat center center;
		border-bottom: 1px #000000 solid;
		display: block;		
		padding: 3px 0;
		text-align: center;
		overflow: hidden;
	}
	
		ul.category-list a.main-image img {
			height: 125px;
			width: 175px;
		}

/* Product Listing Section */

ul.product-list {
	clear: both;
	list-style: none;
	margin: 10px 0;
}

	ul.product-list li {
		border: 1px #000000 solid;
		clear: none;
		display: inline;
		float: left;
		width: 200px;
		margin: 0 20px 20px 0;
		overflow: hidden;
		padding: 0;
		text-align: center;		
	}
		
		ul.product-list li a.more-info {
			background: url(../images/menu-bg.jpg) repeat-x bottom left;
			border-top:  1px #000000 solid;		
			color: #fff;
			display: block;
			font-weight: bold;
			margin-top: 3px;
			padding: 3px 0;
			text-decoration: none !important;
			text-align: center;
		}
		
			ul.product-list li a.more-info:hover {
				background: url(../images/menu-bg.jpg) repeat-x top left;
			}
		
	ul.product-list li a.main-image {
		background: url(../images/please-wait.gif) no-repeat center center;
		border-bottom: 1px #000000 solid;
		display: block;			
		padding: 3px 0;
		text-align: center;
		overflow: hidden;		
	}
	
		ul.product-list li a.main-image img {
			height: 125px;
			width: 175px;
		}
	
	ul.product-list li h4 {
		padding: 0 0 5px 0;
		color: #000;
		overflow: hidden;
		font-weight: bold;
		height: 2.4em
	}
	
	ul.product-list li p span {
		height: 1em
	}
		
/* Product Section */
			
#product-image {
	overflow: hidden;		
	width: 100%;
}

	fieldset#main-image {
		float: left;
		margin-right: 10px;	
	}

	fieldset#more-image {
	}

		fieldset#more-image ul {			
			list-style: none !important;
			padding: 0 !important;
		}
		
			fieldset#more-image ul li {
				clear: none;
				float: left !important;
				padding: 0 5px 5px 0 !important;				
				width: 130px;
			}
		
#product-info {
}

	ul.specification {
		list-style: disc outside !important;
		padding: 0 !important;				
	}
		
		ul.specification li {
			float: none;
			line-height: 1.5em;
			margin: 0 -20px 0 20px !important;
			padding: 0;
			vertical-align: middle;
		}
		
	ul#product-options {
	}		
	
		ul#product-options li {
			list-style: none !important;
		}
		
		ul#product-options li label {
			font-weight: bold;
			margin-left: 0;
			width: 80px;
		}
		
		ul#product-options li .horizontal .label {
			font-weight: bold !important;
			margin-left: 0;
			width: 80px;
		}		

		ul#product-options li .horizontal ul li label {
			font-weight: normal !important;
		}		

		#product-options li input.width {
			width: 200px !important;
		}
					
/* Your Details */					

#billing-details {
	float: left;
	width: 46%;
}

#shipping-details { 
	float: right;
	width: 44%;
}

#copy {
	padding: 5px 0 5px 20px;
}

#general-details {
	/*width: 97%;*/
}
	
	#general-details label {
		width: 220px;
	}
	
	#general-details textarea {
/*		height: 50px;
		margin-left: 10px;
		width: 98%;*/
	}
		
#continue {
	clear: both;
	margin-top: 10px;
}
		
/* Address */		

#billing-address {
	float: left;
	height: 165px;
	width: 300px;
}

#shipping-address {
	float: right;
	height: 165px;
	width: 300px;	
}
		
/* Ordered Layout */

#ordered-items	{
	margin: 5px 0;
	width: 100%;
}	

	#ordered-items th {
		background: url(../images/menu-bg.jpg) repeat-x top left;
		border-bottom: 1px #fff solid;
		color: #ffffff;
		font-weight: bold;
		padding: 7px 0;
	}
	
	#ordered-items td {
		padding: 7px 0;
		vertical-align: top;
	}	
			
#ordered-total {
	width: 200px;
}

	#ordered-total th {
		font-weight: bold;
	}

/* Order Section */		

#order-result {
}

	#order-result table {
		margin-top: 10px;
	}
	
		#order-result th {
			border-bottom: 1px #fff solid;
			font-weight: bold;
			padding: 0 0 7px;
		}
		
		#order-result td {
			padding: 5px 0;
		}
		
		#order-result td a {
			color: #f00 !important;
			font-weight: bold;
		}

		#order-result td a:hover {
			color: #fff !important;
			text-decoration: underline;
		}

#order-info2 {
}
	
	#order-info2 table {
		margin-top: 10px;
	}
	
		#order-info2 table th {
			font-weight: bold;
			padding: 2px 0;
		}
		
#order-search-form {
}		

	#order-search-form table {
		margin-top: 5px;
	}
	
		#order-search-form table td {
			padding: 3px;
		}



a.button {
	background: url(../images/menu-bg.jpg) repeat-x bottom left;
	border: 1px #000000 solid;
	color: #ffffff;
	display: inline-block;
	padding: 3px 2px;	
}


	a.button:hover {
		background: url(../images/menu-bg.jpg) repeat-x top left;
	}


/* Block Format */

ul.block {
	float: left;
	width: 340px;
}

	ul.block li {
		margin-bottom: 10px;
	}
	
		ul.block li span, ul.block li p {
			display: block;
			margin: 0 auto;
			text-align: center;
			width: 340px;
		}
		
			ul.block li p a {
				color: #0177B7;
				text-decoration: none;
			}
	
				ul.block li p a:hover {
					text-decoration: underline;
				}
			
			ul.block li p em {
				font-style: normal;
				padding-left: 5px;
			}
			
/* */

img#home-random {
	margin-bottom: 10px;
}

/* Navigation News Rotater */


	 div#navigation div.newsRotater {
		display: none;
		height: 104px;
		margin: 10px;
		overflow: hidden;
		position: relative;
		width: auto;
	}
		
		div#navigation div.newsRotater div {
			left: 0;			
			position: absolute;
			top: 0;
			z-index: 1;
		}
		
			div#navigation div.newsRotater div.firstItem {
				z-index: 2;
			}
	
		div#navigation div.newsRotater div h3 {
			color: #000000;
			font-weight: bold;
			overflow: hidden;
			padding-bottom: 10px;
			text-align: left;
			white-space: nowrap;
		}
		
		div#navigation div.newsRotater div p {
			color: #000000;
			margin: 0;
			padding: 0;
			width: 128px;
		}
		
			div#navigation div.newsRotater div p a{
				color: #0177B7; 
				text-decoration: underline;
			}
			
				div#navigation div.newsRotater div p a:hover {
					text-decoration: none;
				}
	
		div#navigation div.newsRotater div em {
			color: #000000; 
			display: inline-block;
			font-size: 11px;
			overflow: hidden;
			padding-top: 10px;
			text-align: right;
			width: 128px;
		}

/* Side Bar News Rotater */


	 div#side-bar div.newsRotater {
	 	border: none;
		display: none;
		height: 104px;
		margin: 10px;
		overflow: hidden;
		position: relative;
		width: auto;
	}
		
		div#side-bar div.newsRotater div {
			border: none;
			left: 0;			
			position: absolute;
			top: 0;
			z-index: 1;
		}
		
			div#side-bar div.newsRotater div.firstItem {
				z-index: 2;
			}
	
		div#side-bar div.newsRotater div h3 {
			color: #000000;
			font-weight: bold;
			overflow: hidden;
			padding-bottom: 10px;
			text-align: left;
			white-space: nowrap;
		}
		
		div#side-bar div.newsRotater div p {
			color: #000000;
			margin: 0;
			padding: 0;
			width: 128px;
		}
		
			div#side-bar div.newsRotater div p a{
				color: #0177B7; 
				text-decoration: underline;
			}
			
				div#side-bar div.newsRotater div p a:hover {
					text-decoration: none;
				}
	
		div#side-bar div.newsRotater div em {
			color: #000000; 
			display: inline-block;
			font-size: 11px;
			overflow: hidden;
			padding-top: 10px;
			text-align: right;
			width: 128px;
		}

		
/* Public Home Page */

div#home div#site-content p img {
	float: left;
}

/* JDC Links */

#websiteBy {
	background: url(../images/footer-bottom-bg.png) no-repeat top left;
	display: none;
	height: 12px;
	margin: 0 auto ;
	width: 1014px;	
}

p#jdc {
	color: #ffffff;
	display: block;
	font-size: 9px;
	padding: 10px 0;
	text-align: center;
}

	p#jdc a {
		color: #ffffff;
		font-size: 9px;
	}
	
		p#jdc a:hover {
			text-decoration: underline;
		}