@import url("reset.css");

/***********************
* Grid		           *
***********************/
/* @group Grid */
	.holder { 
		width: 753px;
		margin: 0 auto;
	}
	h1 { 
		height: 47px; 
		margin: 23px 0 21px;
	}
	p { 
		margin-bottom: 10px;
	
	}
	div#navigation { 
		margin-bottom: 10px;
	}
		div#navigation .holder { 
		}
		div#navigation ul {
		}
			div#navigation ul#toplevel {
				margin:0 auto;
				width:563px;
				/*width:485px;*/
			}
			div#navigation ul li { 
				float: left; 
				padding: 7px 6px 0 7px; 
				height: 17px;
			}
			div#navigation li.motif { 
				width: 19px; 
			}
			div#navigation li.rightmotif { 
				margin-left: 8px; 
			}

		div#navigation ul#secondLevel {
			margin:0 auto;
			width:473px;
			/*width:494px;*/
		}

		div#navigation ul#secondLevel li { 
			margin-top: 5px;
		}
		div#navigation ul#secondLevel li.rightmotif {
			margin-left:4px;
		}
	div#feature { 
		padding: 18px 0;  
	}
		div#feature.products { 
			padding: 20px 0;
			
		}
		div#feature.products .holder { 
			margin: 0 auto;
			width: 644px;
			height: 330px;
			overflow: hidden;	
		}
		
		div#feature div#productholder { 
			width: 10000px;
		}
		div#feature ul.productmover li { 
			float: left; width: 20px; height: 200px; background-color: orange;
			cursor: pointer;
		}
		div#feature ul.productmover li.previous { 
			float: right;
		}
		div.catalogueholder { 
			width: 632px; 
		}
		div#feature div.productintro { 
			width: 153px; float: left; margin-right: 5px;
		}
		div#feature div.productintro h3 { 
			margin: 10px 0;
		}
		
		div#feature div.product { 
			text-align: left;
			width: 605px;
			float: left;
			margin: 0 20px;
		}
		div#feature div.product div.producthero { 
			float: left; 
			width: 230px;
		}
		div#feature div.product div.productdetail { 
			margin-left: 245px;
		}
		div#feature div.product div.productdetail h3 { 
			margin-bottom: 15px;
			padding-top: 3px;
		}
		div#feature div.product div.productdetail select { 
			padding: 1px; margin-bottom: 2px;
		}
		div#feature div.product div.productdetail li.addtocart { 
			margin-top:10px; 
		}

		div#feature div.product div.productdetail .extra-detail {
			margin:10px 0;
		}
		
	div#content { 
		padding: 0 0 35px;
	}
		div#content div.cartdetails { padding: 8px 16px; }
		
		
		
		div.content { 
			/*padding-left: 44px;
			padding-right: 44px;*/
		}
		div#content div.content div.top 	{ /*margin-top: 32px;*/ }
		div#content div.content div.middle 	{ padding: 28px 67px; }
		div#content div#productholder div.middle 	{ padding: 1px; }
		div#content div.content div.top,
		div#content div.content div.bottom 	{ height: 8px; }
		
		div.content ul		{ margin-bottom: 10px ; }
		div.content ul li 	{ margin: 0 30px ; }
		
	div.productviewer { 
		margin: 15px auto;
		width: 680px;
	}
	div.productviewer a { 
		/*display: block;*/
	}
	div.productviewer img { 
		vertical-align: top;
		margin-right: 5px;
	}	
		
	#footer { 
		padding: 15px 0;
	}
		#footer p { 
			margin-bottom: 8px;
		}	
	
/* @end */
/***********************
* Styles	           *
***********************/
/* @group Styles */
	body { 
		
	}

	a { 
		color: #000;
	}
	a:hover, li.current a, li.section a, .addtocart a { 
		color: #c90385;
	}

	h1 { 
		background: url(../images/bkgd-h1.gif) no-repeat center top;
	}	
	
	div#navigation {  }
	
		div#navigation li.leftmotif 	{ background: url(../images/bkgd-mainlevel-leftmotif.gif) no-repeat; }
		div#navigation li.rightmotif 	{ background: url(../images/bkgd-mainlevel-rightmotif.gif) no-repeat; }
	

		div#navigation #secondLevel li.leftmotif 	{ background: url(../images/bkgd-2ndlevel-leftmotif.gif) no-repeat top right; }
		div#navigation #secondLevel li.rightmotif 	{ background: url(../images/bkgd-2ndlevel-rightmotif.gif) no-repeat top left; }

	
	div#feature { 
		background: url(../images/bkgd-feature.jpg) repeat-x left top;
	}
	div#feature.catalogue { 
		background: url(../images/bkgd-feature_catalogue.jpg) repeat-x left top;
	}
	div#feature.products { 
		background: url(../images/bkgd-feature_product.jpg) repeat-x left top;
	}
		div.productintro a img { border: 1px solid white; }


		div#feature div.product div.producthero img,
		div#feature div.product div.productdetail .extra-detail img { 
			border: 5px solid white;
		}
		div#feature div.product div.productdetail .extra-detail img {
			border-width: 2px;
		}
		div#feature div.product div.productdetail select { 
			background-color: #929397; border: 1px dotted #c9c9c9; }
	div#content { }
		div#content div.content div.top 	{ background: url(../images/bkgd-content_top.gif) no-repeat center center; }
		div#content div.content div.middle 	{ background: url(../images/bkgd-content_middle.gif) repeat-y center top; }
		div#content div.content div.bottom 	{ background: url(../images/bkgd-content_bottom.gif) no-repeat center bottom; }
	
	div.productviewer img { border: 1px solid #ccc; }
	div.productviewer a.current { border-bottom: 5px none #c90385; }
	
	table.cart { }
		
		table.cart tr.row td { border-top: 1px solid #e7e7e7; }

		table.cart tr.row td.qty,
		table.cart tr.row td.del { text-align: center; }
		table.cart tr.row td.sub { text-align: right; }
		table.cart tr.row td input[type="text"],
		table.details tr td input[type="text"],
		table.details tr td select,
		table.details tr td textarea.instructions { border: 1px dashed #e7e7e7; border-bottom-color: #cbcbcb; }
		
		table.cart tr.row td input[type="text"] { width: 40px; text-align: center; }
		
		table.details tr td input[type="text"],
		table.details tr td select,
		table.details tr td textarea.instructions  { font-size: 12px; padding: 4px; font-weight: bold; }
		
		table.details tr td textarea.instructions { width: 592px; }
		
		table.cart td.del,
		table.cart td a.delete,
		a.empty { color: #b6b6b6; }
		
		table.summary td { color: #808080; }
		table.summary td.billingdetails { color: #565656; }
		
		table.cart td, table.cart th,
		table.details td, table.details th { padding: 3px; }
		table.cart th, 
		table.details th { font-weight: bold; color:#c90385; }
		
		table.cart td.totaltag { text-align: right; font-weight: bold; }

		td.cartaction { padding: 20px 12px; }
		
		table.cart td.cartaction { padding:12px 0 0 ;}


		table.topmargin { margin-top: 20px; }

div#footer {
		background: url(../images/bkgd-footer.jpg) repeat-x left top;
		color: white;
	}
		div#footer a { 
			color: white;		
		}
	
/* @end */

/***********************
* Styles	           *
***********************/
/* @group Typography */

	div#feature div.productintro h3,
	div#feature div.product h3 { 
		font: bold 14px "Gill Sans", Georgia, "Times New Roman", Times, serif; 
		color: #fff;
	}
	div#feature div.productintro h3 a { 
		color: #fff; 
	}
	div#feature div.productintro h3 a:hover { 
		text-decoration: underline; 
	}
	
	div#feature div.product h3 { font-size: 16px; }
	
	div#feature div.product div.productdetail { font-size: 14px; color: #fff; }
	div#feature div.product div.productdetail p { line-height: 17px; }
	div#feature div.product div.productdetail li { line-height: 19px; }

	div#feature div.product div.productdetail strong { font-weight: bold; }
	
	div#feature div.product div.productdetail select { font-size: 10px; color: #fff; }
	
	div#content div.cartdetails,
	div#content div.cartdetails a { font: 10px Verdana, sans-serif; color: #686868; }
	div#content div.cartdetails a:hover { color: #c90385; }
	
	div#content div.cartdetails,
	td.cartaction 					{ text-align: right; }
	
	
	
/* @end */
/***********************
* Tool Tips            *
***********************/
.tip			{ width:170px; font: bold 16px Georgia,arial;  background:url(../images/tooltip.png) left top repeat-y; padding: 0 15px 0 10px;}
.tip-top		{ background:url(../images/tooltip-top.png) top left no-repeat; height:15px; width:195px; }
.tip-title		{ color:#fff; font-weight:bold; /*margin:0 30px 0 50px;*/ text-align: center;}
.tip-text		{ color:#000; padding:10px 30px 20px 50px; }
.tip-bottom		{ background:url(../images/tooltip-bottom.png) left bottom no-repeat; width:195px; height:29px; }