html { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: black; line-height: 21px; }
body { margin: 0 auto; width: 960px; padding: 0 15px; background: url(../images/framing.png) repeat-y top center; }
h1, h2, h3, h4, h5, h6 { clear: both; }
h1, h2, h3 { margin: 0px; font-weight: normal; }
h1 { font-size: 50px; margin-bottom: 10px; line-height: 40px; }
h2 { font-size: 18px; text-transform: uppercase; font-family: Georgia; }
h4 { font-family: georgia; font-weight: normal; margin-bottom: 5px; text-transform: uppercase; margin-top: 20px; }
h5 { font-size: 13px; }

.left { float: left; }
.right { float: right; }
img.left { margin: 0 5px 5px 0; }
img.right { margin: 0 0 5px 5px; }
img.center { display: block; margin: 0 auto; }
table { width: 100%; }
th.left, td.left { float: none; text-align: left; }
th.right, td.right { float: none; text-align: right; }
th, td { border: 1px solid silver; }

.clear { clear: both; }

p { overflow: hidden; }

#content h3 { background: url("../images/heading-background.png") repeat-x scroll 0 0 transparent; font-family: Georgia; font-size: 22px; font-weight: normal; letter-spacing: 0.7px; line-height: 38px; text-align: center; text-transform: uppercase; }


#header { height: 158px; position: relative; }

	#header p { margin: 0; }
	#header p a { text-indent: -12345px; position: absolute; left: 14px; bottom: 0; background: url(../images/artrevolution.png); width: 430px; height: 63px; }
	
	#header form { margin: 0; position: absolute; top: 0; right: 0; width: 175px; height: 158px; background: url(../images/looking-for-something.png) 22px 26px no-repeat #e0e1e2; }
	#header form * { margin: 0; padding: 0; }
	#header fieldset { padding: 63px 0 0 16px; }
	#header form input.text { background: url(../images/query.png) no-repeat; width: 138px; height: 28px; border: 0; padding: 0 7px; }
	#header form .middleColumn { width: auto; background: none; }
	#header form input.action { background: url(../images/search.png) no-repeat; width: 59px; height: 19px; border: 0; text-indent: -12345px; margin: 5px 0 0 94px; }
	
	#headerimage { position: absolute; top: 0; right: 175px; } 

	
#nav { height: 35px; background: black; letter-spacing: 1px; padding-top: 2px; }
	
	#nav ul { margin: 0; padding: 0 20px; }
	#nav ul li { line-height: 35px; float: left; list-style: none; font-weight: bold; }
	#nav ul li a { display: block; color: white; text-transform: uppercase; text-decoration: none; padding: 0 0 0 20px; }
	#nav ul li a span { display: block; padding: 0 20px 0 0; }
	#nav ul li a.active { background: url(../images/tab.png); color: black; }
	#nav ul li a.active span { background: url(../images/tab.png) top right; }


#layout { min-height: 400px; overflow: hidden; padding: 10px 0px; }
	
	#HomePage #layout { padding: 10px; }
	#HomePage #column { width: 245px; padding: 20px; min-height: 583px; overflow: hidden; float: left; position: relative; } /*  background: url(../images/home-column.png) no-repeat; */
	#HomePage #column img { margin: 10px auto; display: block; }
	#HomePage #column h2 { color: #FFF; font-family: Georgia; font-weight: normal; letter-spacing: 0.7px; font-size: 22px; width: 120px; text-transform: uppercase; }
	#HomePage #column h3 { font-family: Georgia; font-size: 14px; font-weight: normal; height: 46px; line-height: 14px; margin: 0; padding: 15px 16px 0 0; text-transform: uppercase; width: 140px; }
	#HomePage #column h4 { font-family: Georgia; text-transform: uppercase; margin: 10px 0; color: #68676C; line-height: 16px; padding: 0; font-weight: normal; }
	#HomePage #column .column { float: left; margin: 20px 0px 20px -10px; }
	#HomePage #column .lastChild { width: 150px; margin-left: 15px; }
	#HomePage #column .content { padding: 5px 5px 0 0; color: #68676C; width: 155px; }
	#HomePage #column .content p { line-height: 18px; }
	#HomePage #column .footer { font-family: Georgia; position: absolute; bottom: 19px; left: 0; color: #d4d323; font-size: 12px; line-height: 15px; padding: 10px; text-transform: uppercase; height: 30px; }
	#HomePage #column .footer p { margin: 0; }
	#HomePage #column .footer a { padding: 0 2px; margin: 0 -2px; background: #404042; color: #d4d323; text-decoration: none; }
	#HomePage #content { float: left; width: 414px; margin: 0 auto; } 
	#HomePage #introduction { padding: 20px 15px; } 
	#HomePage #column2 { width: 221px; float: right; padding-left: 20px;}
	#HomePage #column2 img { margin-bottom: 10px; }
	#HomePage ul.products { margin: 20px 0; overflow: hidden; width: 453px; }
	#HomePage ul.products li { text-align: center; margin: 0 18px 33px 0; list-style: none; float: left; background: url(../images/thumb-shadow.png) no-repeat; width: 128px; height: 128px; }
	#HomePage ul.products li img { margin: 0 0 -3px -7px; }
	#HomePage ul.products li a { text-decoration: none; color: black; }
	
	#Product #layout { padding: 67px 32px 67px 32px; }
	#Product #column, #Product #content { width: 406px; float: left; margin-left: 38px; }
	#Product #colourway { position: relative; overflow: hidden; }
	#Product #colourway img { position: absolute; }
	#Product #colourway img.current { z-index: 5; }
	#Product #colourway img.upcoming { z-index: 4; }
	#Product .copyright { text-align: right; font-size: 10px; }
	#Product #content h1 { margin-top: 0; }
	#Product #colourways p,
	#Product #artwork p { font-size: 14px; float: left; margin-right: 10px; }
	#Product #colourways ul,
	#Product #artwork ul { margin: 0 0 20px 0; padding: 0; overflow: hidden; }
	#Product #colourways ul li,
	#Product #artwork ul li { margin: 0 5px 0 0; padding: 0; list-style: none; float: left; }
	#Product #orderform ul li { list-style-type: none; }
	#Product #orderform p { clear: left; }
	#Product #Stretched ul li { font-weight: bold; }
	#Product #Unstretched ul li { font-weight: bold; }
	#Product #Bannerends { background: #E9E9E9; margin-top: -15px; }
	#Product #Bannerends label.left { padding: 0 30px; }
	#Product #Bannerends ul { float: left; }
	#Product #Bannerends ul li { width: 180px; font-weight: bold; margin: 0; padding: 0; }
	#Product #Bannerends .middleColumn { float: left; width: 198px; margin-top: 5px; }
	#Product #Color { float: left; width: 200px; }
	#Product #Color .middleColumn { padding-left: 0; margin-top: 5px; }
	#Product #Color .middleColumn ul { margin-left: 0; }

	/*#Product #Color .odd { float: left; width: 70px; }*/
	#Product #Color ul li {font-weight: bold; }
	#Product #Colourways, #Product #Bannerends { clear: both; }
	#Product #Colourways label { font-size: 14px; }
	#Product #Colourways ul { overflow: hidden; }
	#Product #Colourways ul li { font-weight: bold; float: left; margin: 0 18px 0 0; }
	#Product #Names { clear: left; }
	#Product #Names label { font-size: 11px; }
	#Product #Names textarea { width: 390px; }
	#Product #Form_OrderForm_error { color: red; }
	#Product form label.left { float: none; margin: 15px 0 -15px 0; display: block; }
	#Form_PaymentForm { width: 314px; }
	#ordersummary table { width: 520px; float: right; }
		#ordersummary table th { text-align: left; padding-right: 15px;  border-style: none; }
		#ordersummary table tr td { font-size: 12px; line-height: 20px; padding-right: 15px; border-style: none; }
		#Product #ordersummary .right { text-align: right; }
		#Product #ordersummary .center { text-align: center; }
		#Product #ordersummary .total { font-weight: bold; text-align: right; }
		#Product #totalprice { line-height: 20px;  padding-right: 15px; border-top: 1px solid black; border-bottom: 1px solid black; }
		#Product #names { font-weight: bold; }

	#Gallery #content { width: 650px; margin: 10px auto; }
	#Gallery .header {  }
	#Gallery .header .pagination {  }
	#Gallery ul.products { margin: 20px 0; width: 700px; }
	#Gallery ul.products li { text-align: center; margin: 0 28px 28px 0; list-style: none; float: left; background: url(../images/thumb-shadow-big.png) no-repeat; width: 143px; height: 143px; position: relative; }
	#Gallery ul.products li img { margin: 0 0 -3px -8px; }
	#Gallery ul.products li img.icon { margin: 0; position: absolute; top: -10px; left: -10px; z-index: 2; }
	#Gallery a { text-decoration: none; color: black; }
	#Gallery .footer { clear: both; }
	
	#Page #layout, #UserDefinedForm #layout, #BlocksPage #layout  { padding: 10px 130px; margin: 50px 0; }
	#Page #layout p { text-align: justify; }
	
	#UserDefinedForm #layout .column { width: 295px; float: left; margin-right: 85px; }
	#UserDefinedForm #layout .last { margin-right: 0; }
	/*
	#UserDefinedForm #layout form .middleColumn input, #UserDefinedForm #layout form .middleColumn textarea { width: 250px; }
	*/
	
	#BlocksPage #layout p { text-align: center; }
	#BlocksPage #layout img { float: none !important; margin: 10px; }
	
#footer { height: 24px; background: black; line-height: 24px; color: #999; font-size: 9px; }
	
	#footer a { color: #999; padding: 0 5px; text-decoration: none; font-size: 9px; }

.page_no { display: none; }
.pagination { overflow: hidden; line-height: 16px; }
.pagination ul { margin: 0; padding: 0; overflow: hidden; }
.pagination ul li { margin: 0; padding: 0; font-size: 11px; list-style: none; }
.pagination ul a { border: solid 1px #6d6e71; margin-right: 2px; }
.pagination ul .previous-off,
.pagination ul .next-off { color: #6d6e71; display: block; float: left; font-weight: bold; padding: 3px 4px; }
.pagination ul .next a,
.pagination ul .previous a { font-weight: bold; }
.pagination ul a:link,
.pagination ul a:visited { color: #6d6e71 !important; display: block; float: left; padding: 3px 6px; text-decoration: none; }
.pagination ul a:hover { border: solid 1px #6d6e71; }
.pagination ul a.active { background: #6d6e71; color: white !important; }

#bigImage { border: 2px solid black; position: absolute; line-height: 1px; z-index: 15px; display: none; z-index: 10; }

#TermsAndConditionsContent { height: 220px; padding: 10px; border: 1px solid silver; overflow: auto; font-size: 10px; line-height: 14px; }