/*

National Masonry 2009 (screen) style sheet
===============================================

Author:			John Metcalfe - john@discoverydesign.co.uk
Copyright:		2009 Discovery Design Ltd.
Description: 	Layout stylesheet for National Masonry
Last Edit:		24/01/2010 by John Metcalfe

*/

/* RESETS
=============================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:					0;
font-weight:			inherit;
font-style: 			inherit;
font-size: 				100%;
font-family: 			inherit;
margin: 				0;
padding:				0;
outline: 				0;
vertical-align: 		baseline;
}

:focus {
outline: 				0;
}

body {
background: 			#F4F4F4;
color: 					#515151;
font: 					13px/21px Arial, Helvetica, sans-serif;
}

ol, ul {
list-style: 			none;
}

table {
border-collapse: 		separate;
border-spacing: 		0;
}

caption, th, td {
font-weight:  			normal;
text-align:  			left;
}

blockquote:before, blockquote:after, q:before, q:after {
content: 				"";
}

blockquote, q {
quotes:  				"" "";
}

pre, code {
background: 			#e0e5e5;
border-left: 			3px solid #abb0b0;
display: 	 			block;
font-size: 				1.5em;
margin:  				25px 0;
padding:  				15px;
}

p > code {
font-size: 				1.0em;
line-height:  			1.2em;
}

pre code {
border: 				none;
}

acronym {
cursor: 				help;
border-bottom:			1px dashed #333;
}

strong {
font-weight: 			bold;
}

em {
font-style: 			italic;
}

hr {
display: 				none;
}

.right {
float: 					right;
}

.left {
float: 					left;
}

.hide {
display:				none;
}

.clear {
clear: 					both;
}

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

.clearfix {
display: 				block;
}

html[xmlns] .clearfix {
display: 				block;
}

* html .clearfix {
height: 				1%;
}

#index_topimage {
height:					455px;
position:				relative;
margin:					0 auto;
width:					1009px;
}

#index_container {
margin:					0 auto;
width:					1009px;
}

#pagecontainer {
background:				#FFF;
margin:					0 auto;
width:					900px;	
}

#pageleftcolumn {
background:				#FFF;
float:					left;
height:					1650px;
width:					200px;
}

#pagerightcolumn {
background:				#FFF;
float:					left;
height:					1650px;
width:					600px;
}

.bordertop {
background:				url(../graphics/styles/border-top.jpg) no-repeat;
height:					11px;
width:					1009px;
}

.bordermid {
background:				url(../graphics/styles/border-mid.jpg) repeat-y;
padding: 				15px 20px;
width:					969px;
}

.borderbottom {
background:				url(../graphics/styles/border-bottom.jpg) no-repeat;
height:					11px;
width:					1009px;
}

#companybuttons {
height:					68px;
margin:					15px 0 0;
width:					1010px;
}

#companybuttons em {
font:					italic bold 14px Arial, Helvetica, sans-serif;
}

.stonemachineryukbutton a, .nationalmasonrybutton a, .nationalmasonrysuppliesbutton a, .hiremachinesbutton a, .blogbutton a {
display: 				block;
height: 				63px;
text-decoration: 		none !important;
width: 					237px;
}

.stonemachineryukbutton {
background: 			url(../graphics/styles/companybutton_nmm_small.jpg) no-repeat;
float:					left;
height:					67px;
padding: 				3px;
text-align:				center;
width:					196px;
}

.nationalmasonrybutton {
background: 			url(../graphics/styles/companybutton_aum_small.jpg) no-repeat;
float:					left;
height:					67px;
padding: 				3px;
text-align:				center;
width:					196px;
}

.nationalmasonrysuppliesbutton {
background: 			url(../graphics/styles/companybutton_c_small.jpg) no-repeat;
float:					left;
height:					67px;
padding: 				3px;
text-align:				center;
width:					196px;
}

.hiremachinesbutton {
background: 			url(../graphics/styles/companybutton_hm_small.jpg) no-repeat;
float:					left;
height:					67px;
padding: 				3px;
text-align:				center;
width:					196px;	
}

.blogbutton {
background: 			url(../graphics/styles/companybutton_np_small.gif) no-repeat;
float:					left;
height:					67px;
padding: 				3px;
text-align:				center;
width:					196px;	
}

.stonemachineryukbutton:hover {
background: 			url(../graphics/styles/companybutton_nmm_small.jpg) no-repeat 0 -73px;
cursor:					pointer;
}

.nationalmasonrybutton:hover {
background: 			url(../graphics/styles/companybutton_aum_small.jpg) no-repeat 0 -73px;
cursor:					pointer;
}

.nationalmasonrysuppliesbutton:hover {
background: 			url(../graphics/styles/companybutton_c_small.jpg) no-repeat 0 -73px;
cursor:					pointer;
}

.hiremachinesbutton:hover {
background: 			url(../graphics/styles/companybutton_hm_small.jpg) no-repeat 0 -73px;
cursor:					pointer;
}

#home_column1 {
float:					left;
margin:					0 13px 0 0;
width:					476px;	
}

#home_column2 {
float:					left;
width:					480px;	
}

#page_column1 {
float:					left;
margin:					0 13px 0 0;
width:					476px;	
}

#page_column2 {
float:					left;
width:					480px;	
}

#container_catalogues {
width:					478px;	
}

#mainmenu {
height:					37px;
margin:					0 0 0 2px;
}

#mainmenu ul {
	
}

#mainmenu li {
float:					left;	
}

#mainmenu li a {
background:				#EEE;
border-bottom:			1px solid #DDD;
border-left:			1px solid #DDD;
border-top:				1px solid #DDD;
color:					#555555;
font-weight:			bold;
padding:				8px 8px 8px 7px;
}

#paydeposit {
background:				#1f5176 url(../graphics/styles/machine_deposit.jpg) no-repeat;
color:					#FFF;
height:					150px;
width:					476px;
}

#slimfooter {
color:					#999;
margin:					6px 0 10px;
}

/* PAGE CONSTRUCTION - STYLE
=============================================== */
.pagelogo  {
border-bottom:			1px solid #d5d5d5;
}

#pageleftcolumn li {
background:				#FFF;
border-bottom:			1px solid #d5d5d5;
color:					#666;
font-size:				11px;
height:					20px;
text-indent:			15px;
}

#pageleftcolumn li:hover {
color:					#000;
cursor:					pointer;
}

.borderspacer {
margin:					20px 0;
}

.bordermid p {
margin:					10px 0;
}

.cleanline {
background: 			#e3e3e3;
border:					none;
display:				block;
height:					2px;
}

#productDisplay label {
font-size:				12px !important;
}

#web_nav {
list-style:				square;
margin:					0 0 0 15px;
}

.instructa, .instructb {
margin:					23px 0 10px 105px !important;
}

/* LINKS
=============================================== */	
a:link, a:visited, a:active {
color: 					#000;
text-decoration: 		none;
}

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

#hovermenu_column1 li a, #hovermenu_column2 li a, #hovermenu_column3 li a {
color: 					#666666;
text-decoration: 		none;
}

#hovermenu_column1 li a:hover, #hovermenu_column2 li a:hover, #hovermenu_column3 li a:hover {
color: 					#333333;
text-decoration: 		none;
}

#verticalNav ul.toplevel li a {
background: 			url(https://www.stonemachineryuk.co.uk/graphics/styles/arrow-black.gif) no-repeat 196px 21px; 
/*border-top: 			1px solid #999; 
border-bottom: 			1px solid #999;*/
color:					#000;
display:				block;
font-size:				11px;
height:					49px;
line-height:			48px;
padding:				0 0 0 89px;
text-decoration:		none;
width:					141px;
}

#verticalNav a:hover {
white-space:			nowrap;
}

#verticalNav :hover ul.toplevel li a {
background:				#eee url(../graphics/styles/arrow-grey.gif) no-repeat 196px 21px;
color:					#444;
filter:					alpha(opacity=90);
opacity:				0.9;
}

#verticalNav ul.toplevel li a:hover {
color: 					#111;
background: 			#FFF url(../graphics/styles/arrow-black.gif) no-repeat 196px 21px;
filter:					alpha(opacity=100);
opacity:				1.0;
}

#verticalNav ul.toplevel li:hover > a {
color: 					#111;
background: 			url(../graphics/styles/arrow-black.gif) no-repeat 196px 21px;
filter:					alpha(opacity=100);
opacity:				1.0;
}

#verticalNav :hover ul.toplevel :hover ul.sub li a {
background:				#FFF;
color:					#000;
filter:					alpha(opacity=100);
opacity:				1.0;
}

#slimfooter a:link, #slimfooter a:visited, #slimfooter a:active {
color: 					#999;
text-decoration: 		none;
}

#slimfooter a:hover {
color:					#666;
}

/* HEADINGS
=============================================== */
h1, .hc2header {
color:  				#555 !important;
font-size: 				18px !important;
font-weight:			bold !important;
margin:  				5px 5px 5px 0 !important;
padding:  				3px 3px 3px 0 !important;
}

h2 {
color:					#848484;
font-weight:			bold;
font-size:				16px;
margin:					5px 0 0;
}

#small_border_body h2 {
color:					#575757 !important;
font-size:				20px !important;
font-variant:			small-caps;
margin:					0;
padding:				10px 0 0 0;
text-align:				center;
}

#small_border_body h3 {
color:					#575757 !important;
font-size:				16px !important;
font-variant:			small-caps;
font-weight:			bold;
margin:					0;
padding:				10px 0 0 22px;
text-decoration:		underline;
}


#home_column1 h2 {
color:					#848484;
font-weight:			bold;
font-size:				16px;
margin:					5px 0 10px;
}

#home_column2 h2 {
color:					#848484;
font-weight:			bold;
font-size:				16px;
margin:					18px 0 10px;
}

.cat_top h2 {
color:  				#555555 !important;
font-size: 				16px !important;
font-weight:			bold !important;
}

#verticalNav h4 {
color:					#555555 !important;
}

h3 {}
h4 {}
h5 {}
h6 {}


#small_border_body p {
font-size:				14px;
padding:				5px 23px 5px 23px;
text-align:				justify;
}

.smallcapsdeposit {
color:					#575757;
font-size:				14px !important;
font-variant:			small-caps;
font-weight:			bold;
padding-bottom:			10px !important;
text-align:				center !important;
text-decoration:		underline;
}

/* NAVIGATION MENU 
=============================================== */
#menuContainer {
height:					500px;
position:				relative;
width:					750px;
}

#verticalNav {
float:					left;
font-size: 				12px;
list-style:				none;
left:					40px;
margin:					0;
position:				absolute;
position:				relative;
padding:				0;
top:					90px;
z-index:				1000;
}

#verticalNav ul.toplevel, #verticalNav ul.sub {
margin:					0;
list-style:				none;
padding:				0;
z-index:				2;
}

#verticalNav table {
border-collapse:		collapse;
margin:					-1px;
}

#verticalNav ul.toplevel ul.sub {
left:					-9999px;
margin: 				0 0 0 26px;
position:				absolute;
width:					173px;
}

#verticalNav ul.toplevel ul div.base {
background:				#FFF;
border:					1px solid #ddd;
height:					405px;
left:					-9999px;
margin: 				2px 0 0 25px;
padding:				10px;
position:				absolute;
width:					508px;
}

#verticalNav ul.toplevel ul div.basesn {
height:					25px;
left:					-9999px;
position:				absolute;
width:					200px;
}

#verticalNav ul.toplevel ul div.border {
background:				#FFF;
height:					445px;
filter:					alpha(opacity=50);
left:					-9999px;
margin: 				3px 0 0 26px;
opacity:				0.5;
position:				absolute;
width:					548px;
}

#verticalNav ul.toplevel {
width:					226px;
}

#verticalNav ul.toplevel li {
float:					left;
width:					214px;
}

#verticalNav :hover ul.toplevel :hover ul.sub {
left: 					188px;
top:  					0;
}

#verticalNav :hover ul.toplevel :hover ul.pos1 {
top: 					0px;
}

#verticalNav :hover ul.toplevel :hover ul.pos2 {
top: 					46px;
}

#verticalNav :hover ul.toplevel :hover ul.pos3 {
top: 					91px;
}

#verticalNav :hover ul.toplevel :hover ul.pos4 {
top: 					0px
}

#verticalNav :hover ul.toplevel :hover ul.pos5 {
top: 					195px;
}

#verticalNav :hover ul.toplevel :hover ul.pos6 {
top: 					164px;
}

#verticalNav :hover ul.toplevel :hover ul.pos7 {
top: 					275px;
}

#verticalNav :hover ul.toplevel :hover ul.pos8 {
top: 					196px;
}

#verticalNav :hover ul.toplevel :hover ul.pos9 {
top: 					265px;
}

#verticalNav :hover ul.toplevel :hover ul.pos10 {
top: 					242px;
}

#verticalNav :hover ul.toplevel :hover ul.pos15 {
top: 					320px;
}

#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2 {
color:					#000;
border-bottom:			1px solid #cccccc;
border-top:				1px solid #cccccc;
background: 			#FFF url(../graphics/styles/arrow-black.gif) no-repeat 160px center;
filter:					alpha(opacity=80);
opacity:				0.8;
height: 				2.1em;
line-height: 			25px;
text-align: 			left;
}

#verticalNav :hover ul.toplevel :hover ul.sub li a:hover {
background:				#FFF;
color:					#000;
}

#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2:hover {
background:				#FFF url(../graphics/styles/arrow-black.gif) no-repeat 160px center;
filter:					alpha(opacity=90);
opacity:				0.9;
color:					#000;
}

#verticalNav :hover ul.toplevel :hover ul.sub li:hover > a.sub2 {
background:				#FFF url(../graphics/styles/arrow-black.gif) no-repeat 160px center;
color:					#000;
}

#verticalNav :hover ul.toplevel :hover ul.sub div.base {
left:					-9999px;
}

#verticalNav :hover ul.toplevel :hover ul.sub div.basesn {
left:					-9999px;
}

#verticalNav :hover ul.toplevel :hover ul.sub div.basesn {
left:					-9999px;
}

#verticalNav :hover ul.toplevel :hover ul.sub div.border {
left:					-9999px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base {
left:					185px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.basesn {
left:					185px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div1 {
top:					-80px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div2 {
top:					-124px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div3 {
top:					-172px
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div4 {
top:					-78px;
margin-top:				13px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div5 {
top:					-284px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div6 {
top:					-241px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div7 {
top:					-380px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div15 {
top:					-400px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div4 {
top:					-78px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis1 {
top:					0px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis2 {
top:					25px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis3 {
top:					50px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis4 {
top:					75px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis5 {
top:					100px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis6 {
top:					126px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis7 {
top:					151px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis8 {
top:					176px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis9 {
top:					201px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis10 {
top:					226px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis11 {
top:					251px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis12 {
top:					276px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis13 {
top:					301px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis14 {
top:					326px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.vis15 {
top:					351px;
left:					200px !important;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.border {
left:					175px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b1 {
top:					-89px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b2 {
top:					-134px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b3 {
top:					-181px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b4 {
top:					-76px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b5 {
top:					-294px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b6 {
top:					-252px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b7 {
top:					-390px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b15 {
top:					-409px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul {
float:					left;
list-style:				none;
margin:					0;
padding:				0;
width:					200px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.basesn ul {
float:					left;
list-style:				none;
margin:					0;
padding:				0;
width:					200px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul li {
display:				block;
float:					left;
height:					auto;
margin:					0;
padding:				0;
width:					150px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.basesn ul li {
display:				block;
float:					left;
height:					auto;
margin:					0;
padding:				0;
width:					150px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul li a {
background:				#FFF url(../graphics/styles/arrow-grey.gif) no-repeat left center;
border:					0;
color:					#666;
display:				block;
float: 					left;
height:					auto;
line-height:			25px;
margin:					0;
padding-left:			10px;
width:					190px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.basesn ul li a {
background:				#FFF url(../graphics/styles/arrow-grey.gif) no-repeat left center;
border:					0;
color:					#666;
display:				block;
float: 					left;
height:					auto;
line-height:			25px;
margin:					0;
padding-left:			10px;
width:					190px;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul li a:hover {
color:					#000;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.basesn ul li a:hover {
color:					#000;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base h4 {
color:					#303030;
font-weight: 		 	bold;
font-size:				14px;
margin:					0;
padding:				5px 0 5px 0;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base p {
color:					#555;
font-size:				12px;
margin:					0;
padding:				0 0 5px 0;
line-height:			18px;
}

.machine01 {
background: 			url(../graphics/styles/menum01.jpg) no-repeat;
height: 				3.8em;
width: 					214px;
}

.machine02 {
background: 			url(../graphics/styles/menum02.jpg) no-repeat;
height: 				3.8em;
width: 					214px;
}

.machine03 {
background: 			url(../graphics/styles/menum03.jpg) no-repeat;
height: 				3.8em;
width: 					214px;
}

.machine04 {
background: 			url(../graphics/styles/menum04.jpg) no-repeat;
height: 				3.8em;
width: 					214px;
}

.machine05 {
background: 			url(../graphics/styles/menum05.jpg) no-repeat;
height: 				3.8em;
width: 					214px;
}

.machine06 {
background: 			url(../graphics/styles/menum06.jpg) no-repeat;
height: 				3.8em;
width: 					214px;
}

.machine07 {
background: 			url(../graphics/styles/menum07.jpg) no-repeat;
height: 				3.8em;
width: 					214px;
}

.machine15 {
background: 			url(../graphics/styles/menum15.jpg) no-repeat;
height: 				3.8em;
width: 					214px;
}

.machine01:hover {
background: 			url(../graphics/styles/menum01.jpg) no-repeat 0 -49px;
height: 				3.8em;
width: 					214px;
}

.machine02:hover {
background: 			url(../graphics/styles/menum02.jpg) no-repeat 0 -49px;
height: 				3.8em;
width: 					214px;
}

.machine03:hover {
background: 			url(../graphics/styles/menum03.jpg) no-repeat 0 -49px;
height: 				3.8em;
width: 					214px;
}

.machine04:hover {
background: 			url(../graphics/styles/menum04.jpg) no-repeat 0 -49px;
height: 				3.8em;
width: 					214px;
}

.machine05:hover {
background: 			url(../graphics/styles/menum05.jpg) no-repeat 0 -49px;
height: 				3.8em;
width: 					214px;
}

.machine06:hover {
background: 			url(../graphics/styles/menum06.jpg) no-repeat 0 -49px;
height: 				3.8em;
width: 					214px;
}

.machine07:hover {
background: 			url(../graphics/styles/menum07.jpg) no-repeat 0 -49px;
height: 				3.8em;
width: 					214px;
}

.machine15:hover {
background: 			url(../graphics/styles/menum15.jpg) no-repeat 0 -48px;
height: 				3.8em;
width: 					214px;
}

.innerlist {
background-position: 	183px 9px !important;
padding: 				0 0 0 10px !important;
width: 					190px !important;
}

.navlpic {
border: 				1px solid #CCCCCC;
}

.pricebox {
color: 					#4D4D4D;
font-size:				16px;
font-weight:			bold;
position:				absolute;
right:					7px;
text-align:				center;
top:					339px;
}

#smallmenu {
left:					40px;
position:				absolute;
top:					351px;
}

.innersmallmenu {
background:				url(../graphics/styles/menum00.jpg) no-repeat 0 0;
font-family:			"Lucida Sans Unicode","Lucida Grande",sans-serif;
font-size:				11px;
height:					25px;
line-height:			25px;
text-indent:			6px;
width:					214px;
}

.innersmallmenu:hover {
cursor:					pointer;
text-decoration:		underline;
}

/* CONTACT FORM
=============================================== */
.input {
background: 			#fff;
border: 				none;
display: 				block;
font-size: 				12px;
font-family: 			"Lucida Grande", Helvetica, Arial, sans-serif;
margin-bottom: 			5px;
padding: 				8px 10px;
width: 					450px;
}

.formlab {
color: 					#303030;
float: 					left;
font-size: 				16px;
font-weight: 			bold;
line-height: 			31px;
width: 					160px;
}

.formlabcheck {
color: 					#303030;
float: 					left;
font-size: 				16px;
font-weight: 			bold;
margin-left:			10px;
}

.formip {
background: 			#ececec !important;
border: 				1px solid #e3e3e3 !important;
}

.formmessage {
background: 			#ececec !important;
border: 				1px solid #e3e3e3 !important;
}

.contactbutton {
background: 			#e3e3e3;
border: 				1px solid #cecaca;
color: 					#303030;
font-weight:			bold;
margin:					0 0 0 317px;
padding:				10px 20px;
}

/* TYPOGRAPHY
=============================================== */
.message {
background: 			#f2f2f2;
font-size:  			1em;
margin: 				0 0 1em 0;
padding:  				.5em 10px;
}

.message.positive {
background:  			#0f0;
}

.message.negative {
background:  			#f7e1e1;
}

.note {
background:  			#f3f3f3;
font-size:  			1em;
margin:  				0 0 1em 0;
padding:  				.5em 10px;
}

.warning {
background:  			#f7e1e1;
font-size:  			1em;
padding:  				.5em 10px;
}

.highlight {
font-size:  			1.4em;
}

address {
font-style:  			normal;
margin:  				1em 0;
}

/* CONTAINERS
=============================================== */
#container {
background: 			#f2f2f2;
margin:  				0 auto;
position:  				relative;
text-align:  			left;
width:  				100%;
}

/* SHOPPING BASKET INFO
=============================================== */
#info {
color: 					#fff;
font-weight:			bold;
height: 				3.2em;
line-height: 			3.2em;
margin:					0;
padding: 				0;
position: 				absolute;	
right: 					20px;
text-align: 			right;
top: 					-3.2em;
width: 					300px;
z-index: 				10;
}

#info a {
color: 					#aaa;
}

#info a:hover {
color: 					#fff;
}

#basket {
background: 			url(../graphics/petrol/cartBg.gif) no-repeat 0 50%;
display: 				inline;
height: 				3.2em;
line-height: 			3.2em;
padding-left: 			2em;
}

/* MID
=============================================== */
#mid {
background: 			#fff;
margin: 				0 auto;
padding-bottom: 		1.5em;
position: 				relative;
width: 					960px;
}

/* BREADCRUMBS TRAIL
=============================================== */
#breadcrumbs {
color: 					#848484;
font-size: 				13px;
font-weight: 			bold;
margin: 				8px 0 12px;
padding: 				0;
width: 					98%;
}

#breadcrumbs a {
color: 					#444;
}

#breadcrumbs a:hover {
color: 					#111;
}

/* SIDEBAR
=============================================== */
#sidebar {
display: 				inline;
float: 					right;
font-size: 				1.1em;
margin-bottom: 			1em;
margin-right: 			10px;
width: 					220px;
}

/* STANDARD SEARCH
=============================================== */
#searchTitle, #navToolsTitle, #recentlyViewedTitle, #navSubDept, #pagesTitle {
background: 			#F2F2F2;
border-top: 			3px solid #E4E4E4;
border-bottom: 			3px solid #E4E4E4;
color: 					#575757;
font-size: 				14px;
font-weight: 			bold;
margin: 				1em 0;
padding: 				0.25em 10px;
}

#search {
margin: 				0;
padding: 				0;
}

#search label {
display: 				none;
}

#searchKeyword {
background: 			#FFF;
border: 				1px solid #DDD;
float: 					left;
margin: 				0;
padding: 				4px;
width: 					170px;
}

#adv {
border: 				1px solid #D9D9D9;
float: 					left;
margin: 				0 0 0 10px;
padding: 				3px 4px;
width: 					180px;
}

#searchSubmit, #brandSubmit, #newsletterSubmit, .formButton {
background: 			#1F5176;
border: 				0;
color: 					#fff;
float: 					right;
height: 				2.2em;
line-height: 			2.2em;
margin:					0;
overflow: 				hidden;
padding: 				0 4px 1px 4px;
text-transform: 		uppercase;
}

#searchSubmit:hover, #brandSubmit:hover, #newsletterSubmit:hover, .formButton:hover {
background: 			#3C5F87;
cursor: 				pointer;
}

/* SHOP BY BRAND
=============================================== */
#shopbyBrandTitle {
background:				#f2f2f2;
font-size:				1em;
letter-spacing: 		1px;
margin: 				1em 0;
padding: 				.5em 10px;
text-transform: 		uppercase;
}

#shopByBrand {
float: 					left;	
padding: 				3px 4px;
width: 					180px;
}

/* TOP LEVEL NAVIGATION
=============================================== */
#navDeptTitle {
background: 			#F2F2F2;
border-top: 			3px solid #E4E4E4;
border-bottom: 			3px solid #E4E4E4;
color: #575757;
font-size: 14px;
margin: 1em 0;
padding: 0.25em 10px;
}
#navDept,
#navDept li {
list-style: none;
margin: 0;
padding: 0;
}
#navDept {
z-index:1;
}
#navDept li {
display: block;
float: left;
height: 3em;
margin: 0 2px 0 0;
position: relative;
}
#navDept li a {
background: #4f7a9f;
color: #cbd7e2;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
line-height: 3em;
display: block;
padding: 0 12px;
}
#navDept li a:hover {
color: #fff;
}
#navDept li a.selected {
background: #fff;
color: #111;
}
#navDept li a:hover.selected {
background: #fff;
color: #111;
}

/* navSub dropdown menu - shows only when tree nav is enabled in admin > design settings */

.navSub,
.navSub li {
list-style: none;
margin: 0;
padding: 0;
}
.navSub {
display: none;
position: relative;
}
#navDept li:hover .navSub {
display: block;
float: none;
left: 0;
top: 3.3em;
position: absolute;
width: 170px;
}
#navDept li:hover .navSub li {
clear: left;
display: block;
float: none;
position: relative;
}
#navDept li:hover .navSub li a {
background: #4f7a9f;
border-top: 0;
display: block;
width: 170px;
}
#navDept li .navSub a.selected {
color: #cbd7e2;
}
#navDept li:hover .navSub li a:hover {
background: #5a8bb6;
color: #fff;
}
#navDept li:hover .navSub li .navSub {
display: none;
position: relative;
}
#navDept li:hover .navSub li:hover .navSub {
display: block;
float: none;
top: 0;
left: 194px;
position: absolute;
width: auto;
}
#navDept li:hover .navSub li:hover .navSub li .navSub {
display: none;
position: relative;
}
#navDept li:hover .navSub li:hover .navSub li:hover .navSub {
display: block;
float: none;
top: 0;
left: 194px;
position: absolute;
width: auto;
}

/* customer tools */

#navTools, #navTools li {
list-style: 			none;
margin:					0;
padding: 				0;
}

#navTools {
height: 				20px;
}

#navTools li {
float: 					left;
}

#navTools li a {
color: 					#575757;
font-weight: 			bold;
padding: 				0 0 0.5em;
}

#navTools li a:hover, #navTools li a.selected {
color: 					#343434;
}

#navTools li a span {}

.grey_arrow {
color:					#CCC;
font-size:				16px;
font-style:				italic;
margin:					0 5px;
}

/* menu items */

.navStaticTitle {
background: #f2f2f2;
font-size: 1em;
letter-spacing: 1px;
margin: 1em 0 .5em 0;
padding: .5em 10px;
text-transform: uppercase;
}
.navStatic,
.navStatic li {
list-style: none;
margin: 0;
padding: 0;
}
.navStatic {
margin-bottom: 1em;
}
.navStatic li a,
.navStatic li a:link,
.navStatic li a:visited,
.navStatic li a:active {
background: url(../graphics/petrol/navStaticBg.gif) no-repeat 1em .9em;
color: #777;
display: block;
width: 100%;	
}
.navStatic li a:hover {
color: #111;
}
.navStatic li a span {
display: block;
padding: .5em 10px .5em 2.4em;
}

/* newsletter signup */

#newsletterTitle {
background: #F2F2F2;
border-top: 3px solid #E4E4E4;
border-bottom: 3px solid #E4E4E4;
color: #575757;
font-size: 14px;
font-weight: bold;	
margin: 1em 0;
padding: 0.25em 10px;
}
#newsletter label {
display: none;
}
#newsletterEmail {
background: #fff;
border: 1px solid #d9d9d9;
float: left;
margin: 0;
padding: 4px;
width: 360px;
}


/* menu items */
#recentlyViewed,
#recentlyViewed li {
list-style: none;
margin: 0;
padding: 0;
}
#recentlyViewed {
height: 150px;
overflow: hidden;
}
#recentlyViewed li a,
#recentlyViewed li a:link,
#recentlyViewed li a:visited,
#recentlyViewed li a:active {
background: url(../graphics/petrol/navStaticBg.gif) no-repeat 1em .9em;
color: #777;
font-size: 14px;
display: block;
width: 100%;	
}
#recentlyViewed li a:hover {
color: #111;
}
#recentlyViewed li a span {
display: block;
padding: .5em 10px .5em 2.4em;
}


/* =CONTENT
=============================================== */

#main {
float: left;
font-size: 1.1em;
display: inline;
width: 700px;
margin-left: 10px;
}

/* content area */

#content, .machineryinfo {
margin: 1em 0;
}
#content #contactDetails {
background: #f2f2f2;
float: right;
margin-left: 20px;
padding: 1em 15px;
width: 320px;
}
#content #contactDetails address {
margin: 0;
}
#content a {
font-weight: bold;
}
#content ul,
#content ul li {
list-style: none;
margin: 0;
padding: 0;
}
#content ul {	
margin: 1em 0 2em 0;
}
#content ul li {
list-style: disc;
margin: .5em 0 .5em 2em;
}
p.buttonWrapper {
height: 2em;
line-height: 2em;
margin: 1em 0;
}
p.buttonWrapper a:link,
p.buttonWrapper a:visited,
p.buttonWrapper a:active {
background: #5a8bb6;
color: #fff;
margin-right: .5em;
padding: .5em 1em;
}
p.buttonWrapper a:hover {
background: #4f7a9f;
}

/*  sub-department navigation - content area */

#navSubDept,
#navSubDept li {
list-style: none;
margin: 0;
padding: 0;
}

#navSubDept li {
display: block;
float: left;
height: 2em;
line-height: 2em;
list-style: none;
margin: 0 10px;
}
#navSubDept li a {
background: url(../graphics/petrol/navStaticBg.gif) no-repeat 0 50%;
color: #888;
display: block;
font-weight: normal;
text-indent: 1em;
}
#navSubDept li a:hover,
#navSubDept li a.selected {
color: #111;
}


/* =FORMS
=============================================== */

fieldset {
border: none;
margin: 0;
padding: 0;
}
legend {
clear: left;
color: #222;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 2em;
}
fieldset h3 {
margin: 1em 0;
}
.formField {
background: #fff;
border: 1px solid #d9d9d9;
padding: 4px;
width: 170px;
}
select.formSelect {
background: #fff;
border: 1px solid #d9d9d9;
padding: 3px 4px;
width: 170px;
}
select.formSelectMedium {
background: #fff;
border: 1px solid #ccc;
margin-right: 5px;
padding: 3px 4px;
width: 90px;
}
.formFieldShort {
background: #fff;
border: 1px solid #ccc;
margin-right: 5px;
padding: 4px;
width: 50px;
}
.formFieldMedium {
background: #fff;
border: 1px solid #ccc;
margin-right: 5px;
padding: 4px;
width: 90px;
}
h3 .formRadio {
margin: -.2em .5em 0 0;
}
p .formRadio {
margin: -.2em .5em 0 0;
}

label {
margin: .5em 0;
}
label span {
color: #a00;
font-size: 110%;
font-weight: bold;
}
input.formField:focus, input.formFieldShort:focus, input.formFieldMedium:focus, .quantity:focus{
background: #fff;
border: 1px solid #aaa;
}

.enquire_box {
background: 			#F2F2F2;
border:  				1px solid #E4E4E4;
color:  				#575757;
margin:					0 0 10px;
padding:  				4px;
width:  				400px;
}



/* =TABLES
=============================================== */

table {
border-collapse: collapse;
border-bottom: 3px solid #E4E4E4;
border-top:3px solid #E4E4E4;
line-height: 150%;
margin: .5em 0 1em 0;
width: 100%;
}
th {
background: #F2F2F2;
border-bottom: 3px solid #E4E4E4;
font-size: 14px;
font-weight: bold;
padding: 5px;
}
tr {}
td {
background: #f9f9f9;
border-bottom: 1px solid #e5e5e5;
padding: 5px;
vertical-align: top;
}
table .price {
color: #5a8bb6;
font-size: 1em;
font-weight: bold;
}
th.first,
td.first {
width: 25%;
}
td.qty {
width: 100px;
}
th.remove {
width: 75px;
}
th.product,
th.attributes {
width: 30%
}


/* =MISC
=============================================== */

/* site map */

#sitemap,
#sitemap ul,
#sitemap li {
list-style: none;		
margin: 0;
padding: 0;
}
#sitemap {
margin: 1em 0;
}
#sitemap li {
margin: .5em 0;
}
#sitemap li h3 {
margin: .2em 0;
}
#sitemap ul {
padding-left: 20px;
}

/* shopping cart & checkout */

.module1 {
float: left;
margin: 1em 0;
width: 480px;
display: inline;
}
.module2 {
float: left;
margin: 1em 0;
width: 480px;
display: inline;
}
.module1 *:first-child,
.module2 *:first-child {
margin-top: 0;
}
.formCheckbox,
.formRadio {
margin: 0;
padding: 0;
vertical-align: middle;
}
p .formCheckbox {
margin: -.4em .5em 0 0;
}
p .formRadio {
margin: -.4em .5em 0 0;
}
#cartContents {
margin-bottom: 1em;
}
#cartContents td.productDetails {
padding-left: 80px;
}
.cartProductImage {
display: inline;
float: left;
margin: 0 0 0 -75px;
}
.cartProductImage a img {
background: #fff;
border: 1px solid #d5d5d5;
padding: 2px;
width: 60px;
}
.cartProductImage a:hover img {
background: #eee;
border: 1px solid #d5d5d5;
padding: 2px;
}
a.removeItem {
background: url(../graphics/site/removeItem.gif) no-repeat 0 50%;
height: 16px;
padding-left: 20px;
}
#acceptedCards img {
margin-right: .5em;
}

/* cart totals */

#total {
clear: both;
margin: 1em 0 0 0;
padding: 0;
font-size: 110%;
}
#total dt {
border-bottom: 1px solid #ddd;
font-weight: bold;
line-height: 2.5em;
}
#total dd {
line-height: 2.5em;
margin-top: -2.6em;
text-align: right;
}
#total .total {
font-size: 1.2em;
}
.actions {
clear: both;
margin: 1em 0;
}

/* content area forms (checkout, login, contact form etc.) */

#main label {
display: block;
}
#main .formField,
#main .formFieldMedium {
margin: 0 0 .8em 0;
width: 280px;
}
#main select.formSelect,
#main select.formSelectMedium,
#main select.formSelectShort {
margin: 0 0 .8em 0;
width: 280px;
}
#content .formField,
#frmContact .formField {
width: 375px;
}
#content .formFieldShort,
#frmContact .formFieldShort {
margin: .2em 0 1em 0;
width: 50px;
}
#content select.formSelect,
#frmContact select.formSelect {
width: 228px;
}
#content select.formSelectMedium,
#frmContact select.formSelectMedium {
margin-right: .8em;
width: 80px;
}
#content .formButton,
#frmContact .formButton {
float: left;
margin-right: .5em;
}
#cv2 {
float: left;
margin: -.2em 0 0 1em;
}

.enquirelabel {
margin:					0 12px 0 0;
}

/* checkout summary */

#checkout dl.cartSummary,
#checkout dl.cartSummary dt,
#checkout dl.cartSummary dd {
margin: 0;
padding: 0;
}
#checkout dl.cartSummary dt {
clear: left;
float: left;
margin: 0;
width: 40%;
}
#checkout dl.cartSummary dd {
float: left;
margin: 0;
width: 59%;
}
.addGiftWrap {
float: left;
margin: -.5em 0 0 0;
}

/* checkout form layout */

table.user,
table.user tr,
table.user td {
background: none;
border: none;
padding: 0;
}
table.user {
margin: 0;
}
table.user td {
width: 50%;
}	
.paymentGateway {
background: #fff;
border: 1px solid #ddd;
float: left;
display: block;
margin: -.5em 1em 1em 0;
padding: 3px;
}


/* =PRODUCT LISTS
=============================================== */

/* product list */

.products,
.products li {
list-style: none;
margin: 0;
padding: 0;
} 
.products li {
background: #F2F2F2;
border-bottom:3px solid #E4E4E4;
border-top:3px solid #E4E4E4;
margin: 0 0 1em 0;
padding: 5px 10px 0 170px;
position: relative;
}
.products li:hover {
background: #f2f2f2;
}
.products li h3 {
background: none;
clear: left;
font-size: 14px;
margin-right: 1.5em;
}
.products li h3 a,
.products li h3 a:link,
.products li h3 a:visited,
.products li h3 a:active {
color: #575757;
font-weight: bold;
}
.products li h3 a:hover {
color: #343434;
}
.products .image {
display: inline;
float: left;
margin: -1.2em 0 1em -158px;
width: 146px;
}
.products .image a img {
background: #CECECE;
padding: 1px;
}
.products .image a:hover img {
background: #d6d3d3;
padding: 1px;
}
.products .addWishlist,
.products .addCompare {
display: inline;
margin: .5em 1em .5em 0;
}
.products .desc {
line-height: 1.5em;
}
.products .rrp {
color: #777;
display: inline;
font-size: 12px;
font-weight: bold;
}
.products .rrp span {
color: #555;
}
.products .onSale {
background: #a00;
display: inline;
color: #fff;
font-weight: bold;
margin: 0;
padding: 1.5em 1em .5em 1em;
position: absolute;
top: -.5em;
right: 10px;
}
.products .price {
color: #4d4d4d;
font-size: 16px;
font-weight: bold;
}
.products .quantity {
clear: both;
margin: -3em 0 1em 0;
text-align: right;
}
.products .actions {
float: right;
margin: .5em 0;
text-align: right;
}

/* product grid */

.products.grid {
margin-right: -10px;
width: 710px;
}
.products.grid li {
float: left;
margin-right: 10px;
padding: 10px 10px 0 10px;
width: 204px;
}
.products.grid .image {
float: none;
margin: 1em 0;
}
.products.grid .addWishlist,
.products.grid .addCompare {
border: 0;
display: block;
margin: .2em 0;
padding: 0;
}
.products.grid .price {
margin: .5em 0;
}
.products.grid .price span {
display: block;
margin: .5em 0;
}
.products.grid .actions {
clear: both;
float: none;
margin: .5em 0;
text-align: left;
}

/* sort by options / attributes header */

#productSort h3 {
clear: both;
font-size: 1em;
letter-spacing: 1px;
margin: 1em 0 0 0;
text-transform: uppercase;
}
#productSort h3 a {
color: #999;
height: 2.7em;
line-height: 2.7em;
padding: .8em 10px;
}
#productSort h3 a:hover {
color: #555;
}
#productSort h3 a.selected {
background: #f2f2f2;
color: #111;
}
#productSort h3 a span {
color: #777;
letter-spacing: normal;
text-transform: none;
}

/* sort container */

#productSort #productSortOptions {
background: #f2f2f2;
margin: 0 0 1em 0;
padding: 0.5em 3px 0.5em 17px;
}

/* sort options */

#productSort #productSortOptions .sortBlock {
float: left;
margin-right: 10px;
width: 140px;
}
#productSort #productSortOptions .sortBlock .formSelect {
width: 140px;
}
#productSort #productSortOptions .formButton {
float: right;
margin: 0.7em 15px 10px 0;
}

/* sort by attributes */

#productSort h4 {
margin: .8em 0 0 0;
text-transform: none;
}
#productSort #productSortOptions dl,
#productSort #productSortOptions dl dt,
#productSort #productSortOptions dl dd {
margin: 0;
padding: 0;
}
#productSort #productSortOptions dl {
margin: .5em 0;
padding-left: 150px;
position: relative;
}
#productSort #productSortOptions dl dt {
clear: left;
color: #555;
float: left;
font-weight: bold;
margin-left: -150px;
width: 140px;
}
#productSort #productSortOptions dl dd {
color: #888;
float: left;
margin-right: 1em;
}

/* pagination */

.pagination {
background: #f2f2f2;
clear: both;
color: #777;
font-weight: bold;
margin: -2em 0 1em 0;
padding: .5em 10px .5em 5px;
}
.pagination p {
margin: 0;
}
.pagination p.current {
display: inline;
float: right;
line-height: 1em;
margin: .5em 0;
}
.pagination p.summary {
border-left: 1px solid #bbb;
float: right;
line-height: 1em;
margin: .5em 0 .5em .6em;
padding-left: .5em;
}
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active {
color: #666;
display: block;
float: left;
font-weight: bold;
margin-right: 2px;
padding: .1em 6px;
}
.pagination a:hover {
color: #111;
}
.pagination a.selected {
background: #fff;
color: #111;
}
.pagination.end {
margin-top: 0;
}


/* =PRODUCT DETAILS
=============================================== */

/* product details */

#product {	
margin: 1em 0;
}

/* image gallery */

#product .image {}
#product .prodimage {}

#product .image p {
margin: 			1em 0;
}

.viewlargeimage {
background:			#F2F2F2;
border-bottom:		3px solid #E4E4E4;
border-top:			3px solid #E4E4E4;
color:				#575757;
font-size:			14px;
font-weight:		bold;
margin:				1em 0;
padding:			0.25em 10px;
text-align:			center;
}

#product .image ul,
#product .image ul li {
list-style: 		none;
margin:	 			0;
padding:			0;
}

#product .image ul {
text-align: 		center;
width: 				470px;
}

#product .image ul li {
display: 			inline;
}

#product .image ul li {
margin: 			0 5px 0 0;
}

#product .image ul li a img {
background: 		#F2F2F2;
padding: 			4px;
}

#product .image ul li a:hover img {
background: 		#ddd;
padding: 			4px;
}

/* product price & options */

.info {
background:			#F2F2F2;
border-bottom:		3px solid #E4E4E4;
border-top:			3px solid #E4E4E4;
color:				#575757;
font-size:			14px;
font-weight:		bold;
margin:				1em 0;
padding:			0.25em 10px;
position:			relative;
}

.info .onSale {
background: #c00;
display: inline;
color: #fff;
font-weight: bold;
margin: 0;
padding: 1.5em 1em .5em 1em;
position: absolute;
top: -.5em;
right: 10px;
}
.info .price {
color: #111;
font-size: 1.4em;
line-height: 1.4em;
margin: 1em 0 .5em 0;
}
.info .price span {
color: #aaa;
display: block;
}
.info .rrp {
color: #777;
font-size: 12px;
font-weight: bold;
}
.info h3 {
line-height: 2em;
margin-bottom: -.5em;
}
.info label {
float: left;
font-size: 13px;
margin: 5px .5em 0 0;
}
.info .formField {
width: 270px;
}
.info .formButton {
margin: 0;
}
.info .formFieldShort, .info .formButton {
float: left;
margin-right: 1em;
}
.info #addWishlist, .info #addComparison {
margin: .5em 0;
}

.addpricebox {
float:left;
height:45px;
margin: 25px 0 15px;
width:433px;
}

.actions {
clear: both;
}

#small_border_top {
background:				url(../graphics/styles/small-border-top.jpg) no-repeat;
height:					11px;
width:					600px;
}

#small_border_body {
background:				url(../graphics/styles/small-border-middle.jpg) repeat-y;
width:					600px;
}

#small_border_bottom {
background:				url(../graphics/styles/small-border-bottom.jpg) no-repeat;
height:					11px;
width:					600px;
}

#small_border_body img {
margin:					15px 0 10px 175px;
}



/* =ARTICLES
=============================================== */

#articles ul,
#articles li {
list-style: none;
margin: 0;
padding: 0;
}
#articles ul {
margin: 1em 0;
}
#articles ul li {
background: url(../graphics/petrol/articleBg.gif) repeat-x bottom left;
list-style: none;
margin: 1em 0 .5em 0;
padding: 0 0 .8em 0;
}
#articles ul li a {
background: url(../graphics/petrol/articleIcon.gif) no-repeat 0 0;
color: #666;
font-weight: bold;
padding-left: 2.3em;
padding-top: .2em;
}
#articles ul li a:hover {
background: url(../graphics/petrol/articleIcon2.gif) no-repeat 0 0;
color: #111;
}
#pageAuthor {
background: #f2f2f2;
padding: .5em 10px;
}


/* =REVIEWS
=============================================== */

/* star ratings */

.review {
background: url(../graphics/petrol/ratings.gif) no-repeat 0 0;
display: block;
height: 12px;
line-height: 12px;
margin: 1em 0;
padding-left: 80px;
}
p.rating0 {
background-position: 0 0;
}
p.rating1 {
background-position: 0 -12px;
}
p.rating2 {
background-position: 0 -24px;
}
p.rating3 {
background-position: 0 -36px;
}
p.rating4 {
background-position: 0 -48px;
}
p.rating5 {
background-position: 0 -60px;
}
p.rating6 {
background-position: 0 -72px;
}
p.rating7 {
background-position: 0 -84px;
}
p.rating8 {
background-position: 0 -96px;
}
p.rating9 {
background-position: 0 -108px;
}
p.rating10 {
background-position: 0 -120px;
}

/* product page reviews */

#reviews {
background: #f2f2f2;
clear: both;
margin: 1em 0;
padding: 1px 10px;
position: relative;
}
#writeReview {
background: #333;
display: inline;
color: #fff;
font-weight: bold;
margin: 0;
padding: .5em 1em .4em 1em;
position: absolute;
top: 10px;
right: 10px;
}
#writeReview a {
color: #aaa;
}
#writeReview a:hover {
color: #fff;
}
#reviews h3 {
margin-bottom: 0;
margin-right: 160px;
}
#reviews .review {
float: right;
margin-bottom: -1.3em;
}
p.reviewAuthor {
float: right;
margin-top: 0;
}
.reviewDate {
border-bottom: 1px solid #ddd;
margin-bottom: 1em;
padding-bottom: .5em;
}
dl#reviewForm,
dl#reviewForm dt,
dl#reviewForm dd {
margin: 0;
padding: 0;
}
dl#reviewForm dt {
margin: .5em 0 .2em 0;
}


/* =SEARCH RESULTS
=============================================== */

#searchResults,
#searchResults li {
list-style: none;
margin: 0;
padding: 0;
}
#searchResults {
margin: 1em 0;
}
#searchResults li {
list-style: decimal;
margin: 1em 0 1em 2.5em;
}

#searchResults h3 {}

#searchResults p {
margin-top: -1em;
}

#searchResults span {
background: 		#ccc;
color:  			#fff;
font-size:  		.9em;
font-weight: 		normal;
margin-left: 		.5em;
padding:  			.2em .5em .15em .5em;
}


/* =FOOTER
=============================================== */
#footer {
background: 		#111;
clear: 				both;
color: 				#666;
font-size: 			1.1em;
font-weight: 		bold;
padding: 			1em 0;
}

#footer .inner {
margin: 			0 auto;
width: 				960px;
}

#footer p {
margin-bottom: 		0;
}

#footer ul, #footer li {
list-style: 		none;
margin: 			0;
padding: 			0;
}

#footer ul {
margin: 			1em 0;
}

#footer li {
border-left: 		1px solid #333;
display: 			inline;
font-weight: 		bold;
margin-left: 		.4em;
padding-left: 		.8em;
}

#footer li.first {
border: 			0;
margin-left: 		0;
padding-left: 		0;
}

#footer a {
color: 				#999;
}

#footer a:hover {
color: 				#fff;
}

#footer #credits {}

/* FLOAT FIX
=============================================== */
.inner:after, #content:after, .products:after, .products li:after, .pagination:after, #total:after, .module1:after, .module2:after,#search:after, #advancedSearch:after, #brand:after, #newsletter:after, #navSubDept:after, #navSubDept li:after, #productSortOptions:after, dl:after, dl dt:after, dl dd:after, form:after, .billShipBlock:after {
clear: 					both;
content: 				"."; 
display: 				block; 
height: 				0; 
visibility: 			hidden;
}

.inner, #content, .products, .products li, .pagination, #total, .module1, .module2, #search, #brand, #newsletter, #navSubDept, #navSubDept li, #productSortOptions, dl, dl dt, dl dd, form, .billShipBlock {
display: 				block;
}

/*  \*/
.inner, #content, .products, .products li, .pagination, #total, .module1, .module2, #search, #brand, #newsletter, #navSubDept, #navSubDept li, #productSortOptions, dl, dl dt, dl dd, form, .billShipBlock {
min-height: 			1%;
}

* html .inner, * html #content, * html .products, * html .products li, * html .pagination, * html #total, * html .module1, * html .module2, * html #search, * html #brand, * html #newsletter, * html #navSubDept, * html #navSubDept li, * html #productSortOptions, * html dl, * html dl dt, * html dl dd, * html form, * html .billShipBlock {
height: 				1%;
}
/*  */

#machine01 {
left:					300px;
position:				absolute;
top:					50px;
z-index:				1;
}

#machine02 {
left:					695px;
position:				absolute;
top:					50px;
z-index:				2;
}

#machine03 {
left:					400px;
position:				absolute;
top:					250px;
z-index:				3;
}

/* HOVERMENU BAR
=============================================== */
#hovermenu_bar {
background: 			url(../graphics/styles/bg_largemenu.gif) no-repeat;
height:					29px;
margin:					45px 0 0;
width:					1009px;
}

#hovermenu_bar a {
display:				block;
text-decoration:		none;
}

#hovermenu {
border-left:			4px solid #7d1010;
border-right:			4px solid #7d1010;
border-bottom:			4px solid #7d1010;
margin:					-1px 0 0;
width:					1001px;
}

#hovermenu_container {
margin:					-28px auto 10px;	
}

#hovermenu_column1, #hovermenu_column2, #hovermenu_column3 {
float:					left;
padding:				0 0 0 9px;
width:					324px;
}

#hovermenu_column1 dt, #hovermenu_column2 dt, #hovermenu_column3 dt {
color:					#333333;
font-size:				16px;
font-weight:			bold;
text-transform:			uppercase;
}

#hovermenu_column1 ul, #hovermenu_column2 ul, #hovermenu_column3 ul {
margin:					10px 0;
}

#hovermenu_column1 li, #hovermenu_column2 li, #hovermenu_column3 li {
color:					#999;
border-bottom:			1px dotted #CCCCCC;
font-size:				12px;
font-style:				italic;
text-transform:			uppercase;
margin:					2px 0;
}

.hovermenu_button {
background:				url(../graphics/styles/button_hovermenuclose.jpg) no-repeat;
clear:					both;
font-weight:			bold;
line-height:			28px;
margin:					10px auto;
text-align:				center;
height:					29px;
width:					182px;
}

.hovermenu_button a {
display:				block;
}

#hovermenu h2 {
color:  				#555;
font-size: 				18px;
font-weight:			bold;
line-height:			30px;
margin:  				0 5px 5px 6px;
padding:  				3px 3px 3px 0;
}