/* @override 
	http://kermit/sandbox/edyarnold/gardenhirespares/httpdocs/css/styles.css */

/* @group Reset */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, form, blockquote, fieldset {
	margin: 0px;
	padding: 0px;
}
img, fieldset {
	border: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: left;
	font-weight: normal;
}
ul, ol {
	list-style: none;
}
html {
	font-size: 100.01%;	/* .01 is for Opera, the rest is for IE. */
}
body {
	font-size: 62.5%;	/* Set the base font to equivalent of 10px. */
}
sub {
	line-height: 0.1em;
}

/* @end */





/* @group Fonts and basic stuff */

body {
	background: #0f250f;
    background-image:url('../nav/body_background.jpg');
	background-position:top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5em;
}
.accessibility {
	display: none;
}

#header {
    overflow: hidden;
    margin: 0 auto;
    width:996px;
}

#middle {
	background: #fff;
	overflow: hidden;
	margin: 0 auto;
        width:996px;
}

/* @end */

/* @group Header */

#logo {
    float:left;
    margin:10px 0 10px 0;
    width:198px;
    height:98px;
}

.top-button {
    float:right;
    margin:0 10px 0 0;
    width:146px;
    height:24px;
    line-height:24px;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    text-indent:15px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background-image:url('../nav/arrows.png');
    background-position:124px 5px;
    background-repeat:no-repeat;
    
}

	.top-button:hover {
		background-position:124px -495px;
	}

    .blue-button {
        background-color:#27C6E4;
        text-indent:40px;
    }
    
    .red-button {
        background-color:#F10102;
    }
	
	.grey-button {
		background-color:#666;
		width:90px;
		background-position:70px 5px;
	}
	
	.grey-button:hover {
		background-position:70px -495px;
	}
    
    #phone {
        clear:right;
        width:302px;
        height:40px;
        line-height:40px;
        float:right;
        text-align:right;
        overflow:hidden;
        color:#fff;
        margin:10px 10px 0 0;
        font-size: 3em;		/* 30px */
        font-family: 'Open Sans Condensed', Arial, sans-serif;
    	font-weight: 300;
    	letter-spacing: 0.05em;
    }
    
    #search-form {
        background-color:#D0E2F0;
        width:302px;
        height:35px;
        float:right;
        clear:right;
        margin:0 10px 10px 0;
        -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position:relative;
    }
    
        #search-form label {
            color:#0091AE;
            text-transform:uppercase;
            font-weight:bold;
	    position:absolute;
	    left:10px;
	    top:10px;
        }
	
	#search-input {
		background:transparent;
		border:none;
	
		position:absolute;
		top:0;
		left:60px;
		width:200px;
		height:30px;
		line-height:30px;
	}
	
	.prompt {
		color:#666;
		font-size:1em;
	}
	
	#search-submit {
		position:absolute;
		right:10px;
		top:8px;
	}

/* @end */

/* @group Menubar */

#nav-bar {
    margin:8px;
    width:980px;
    height:38px;
    overflow:hidden;
    background-color:#87AA1A;
}

#nav-bar ul {
    list-style:none;
    float:left;
}

    #nav-bar ul li {
        float:left;
    }
    
    #nav-bar ul li a {
        display:inline-block;
        height:38px;
        line-height:38px;
        border-left:1px solid #99B73D;
        border-right:1px solid #7C9E17;
        padding:0 14px 0 14px;
        text-decoration:none;
        font-weight:bold;
        font-size:1.1em;
        color:#fff;
		width:auto;
    }
    
    #nav-bar ul li a:hover, #nav-bar ul li a.selected {
        background-color:#7C9E17;
    }
    
    #checkout-img {
	position:relative;
	top:6px;
	margin:0 0 0 10px;
    }
    
#basket-info {
    float:right;
    width:325px;
    height:38px;
    line-height:38px;
    font-size:1.1em;
    font-weight:bold;
    text-align:right;
    margin:0 10px 0 0;
    color:#fff;
}

    #basket-info a {
        color:#fff;
    }

    
/* @end */

/* @group breadcrumbs */
#breadcrumb {
	color:#333;
	padding:5px 0 15px 0;
}

	#breadcrumb a {
		color:#333;
	}
/* @end */


/* @group sidebar */

#sidebar {
    width:248px;
    float:left;
    margin:0 10px 20px 10px;
	font-size:1.2em;
}

    #sidebar ul {
        
    }
    
        #sidebar ul li {
            margin:0;
            line-height:25px;
            line-height:25px;
            padding:0;
			display:inline;
        }
    
        #sidebar ul li.head {
            font-size:1.1em;
            font-weight:bold;
            text-transform:uppercase;
            background-color:#27C6E4;
            color:#fff;
            padding:2px 10px 2px 10px;
			display:block;
        }
        
        #sidebar ul li a.selected, #sidebar ul li a:hover {
            background-color:#CCC;
        }
        
        #sidebar ul li a {
            background-color:#E5E5E5;
            color:#343434;
            text-decoration:none;
            display:block;
            margin:1px 0 0 0;
            padding:0 10px 0 10px;
            font-size:0.9em;
            font-weight:bold;
        }
        
        #sidebar ul li a:hover {
            
        }
        
        /* Submenu to 5 levels deep */
        #sidebar li li a { padding-left: 20px; }
        #sidebar li li li a { padding-left: 30px; }
        #sidebar li li li li a { padding-left: 40px; }
        #sidebar li li li li li a { padding-left: 50px; }
        
        #sidebar img {
            margin:10px 0 10px 0;
        }

/* @end */


a.all-categories {
	float:right;
	margin:10px 10px 0 0;
}

/* @group Content widths*/

.std-content {
	float:left;
	width:720px;
	overflow:hidden;
}

.full-width-content {
	width:978px;
	margin:0 0 0 10px;
}

/* @end */

/* @group content font sizes etc */

h1 {
	display:block;
	text-transform:uppercase;
	color:#fff;
	background-color:#27C6E4;
	padding:10px 5px;
	line-height:25px;
	font-size:1.4em;
}

.std-content h2, .full-width-content h2 {
	display:block;
	text-transform:uppercase;
	color:#fff;
	height:47px;
	line-height:62px;
	background-color:#274100;
	background-image:url('../nav/grass.png');
	background-position:top;
	background-repeat:repeat-x;
	clear:both;
	padding:0 10px 0 10px;
	font-size:1.2em;
	overflow:hidden;
}

.std-content h3, .full-width-content h3{
	margin:0 0 10px 0;
}

.category-description {	
	font-size:1.2em;
	padding:10px 0;
}

#content {
	font-size:1.2em;
}

.std-content p, .full-width-content p {
	padding-top:10px;
	padding-bottom:10px;
	line-height:17px;
}

/* @end */

/* @group Product Lists */
.std-content ul.product-list {
	list-style:none;
	width:740px;
	font-size:1em;
}

	.product-list li {
		float:left;
		width:165px;
		height:240px;
		border:1px solid #C4C4C4;
		margin:20px 17px 10px 0;
		-moz-box-shadow: 0 0 2px #C4C4C4;
		-webkit-box-shadow:0 0  2px #C4C4C4;
		box-shadow:0 0 2px #C4C4C4;
		position:relative;
		font-size:0.83em;
	}
	
	.product-list li p {
		padding-top:0;
		padding-bottom:0;
	}
	
	.product-list li img.product-image, .product-list li img.category-image  {
		height:145px;
		width:165px;
	}
	
	
	.large-product-list li {
		width:226px;
		height:380px;
		overflow:hidden;
	}
	.parts-diagram-list-compact li {
		height:240px;
	}
	.large-product-list li img.product-image {
		height:145px;
		width:226px;
		display:block;
	}
	
	.large-product-list li span.stockcode-match {
		position:absolute;
		font-size:10px;
		height:15px;
		line-height:15px;
		display:block;
		background-color:green;
		color:#fff;
		width:226px;
		text-align:center;
	}
	
		.was-price {
			padding:0 10px 5px 10px;
			color:#565656;
			text-decoration:line-through;
		}
	
		.std-content p.listing-info {
			padding:0 0 0 10px;
			color:#565656;
			border-bottom:1px solid #DFDFDF;
			position:relative;
			height:17px;
		}
		
			.listing-info a {
				height:24px;
				width:25px;
				position:absolute;
				right:0;
				top:-7px;
				display:block;
			}
			
		.listing-info span {
			font-size:1.6em;
			color:#0093B4;
			font-weight:bold;
		}
	
		.product-list h3 {
			font-size:1em;
		}
	
	.name-link {
		color:#333333;
		display:block;
		text-align:center;
		font-weight:bold;
		font-size:1.1em;
		text-decoration:none;
		margin:10px;
	}
	
		.large-product-list li a.name-link {
			height:30px;
			overflow:hidden;
		}
	
	.extra-info {
		padding:5px 10px;
		color:#666;
	}
	
	.extra-info p {
		padding:0 0 10px 0;
	}
	
	.option-name {
		height:85px;
		overflow:auto;
		position: relative;
	}
		.option-name.open {
			position: absolute;
			top: 0;
			left: 0;
			background: #fff;
			height: 340px;
			overflow-y: auto;
			overflow-x:hidden;
			padding: 10px !important;
		}
		.option-name.closed {
			overflow: hidden;
		}
	.option-name-toggle {
		background: #fff;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 205px;
		text-align: right;
	}
	.open .option-name-toggle {
		margin-bottom: 10px;
		width: 215px;
	}
	
	.product-add-to-basket {
		height:24px;
		width:226px;
		position:absolute;
		top:356px;
		left:0;
	}
	
		.product-add-to-basket small {
			margin:0 0 0 10px;
			height:24px;
			line-height:24px;
			font-size:1em;
		}
		
		.product-add-to-basket input.add-to-basket-button {
			position:absolute;
			right:0;
			bottom:5px;
			margin-right:5px;
		}
		
		
		.product-add-to-basket label {
			float:right;
			margin:0 3px 0 10px;
			height:24px;
			line-height:24px;
			font-size:1em;
		}
		.product-add-to-basket input.qty-input {
			width:15px;
			height:20px;
			padding:0;
			margin-right:0px;
			font-size:1em;
		}
	
	
/* @end */

/* @group Flash Messages */
#flash-msg {
	padding:20px 0;
}

#flash-msg p {
	background-color:#007F0E;
	border:1px solid #007F0E;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:20px;
	color:#fff;
}
#flash-msg p  a {
	color:#fff;
}
/* @end */

/* @group Error MEssages */

#form-errors{
	list-style:none;
	padding:15px 0;
	margin:10px 0 10px;
	background-color:#c30000;
	border:1px solid #950000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#form-errors h3{
	color:#fff;
	font-size:14px;
	margin:0 0 10px;
}
#form-errors li{
	margin:0 15px 5px 15px;
	font-size:12px;
	color:#fff;
	padding:0;
	border:0;
}
#form-errors li a {
	color:#fff;
}


/* @end */


/* @group Forms */

form#form{
	width:340px;
	margin:10px 0 20px 10px;
}
form#form fielsdet{
	overflow:hidden;
	zoom:1;
}
form#form label{
	width:110px;
	display:block;
	margin:0 0 5px
}
form#form label.large-label{
	width:100%;
}
form#form p{
	margin:5px 0 15px;
	font-weight:700;
	font-size:12px;
}
form#form input, form#form textarea{
	width:320px;
	height:26px;
	line-height:26px;
	border:1px solid #e3e3e3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:0 0 10px;
	text-indent:5px;
}
form#form textarea{
	line-height:18px;
}
form#form input:focus, form#form textarea:focus{
	background-color:#f8f8f8;
}
form#form select{
	margin:0 0 10px;
}
form#form input.checkbox{
	width:14px;
	height:14px;
	border:none;
}
form#form textarea{
	height:160px;
	text-indent:0;
}
form#form .radio label{
	float:left;
	display:inline;
	width:80px;
	margin:0;
}
form#form .radio input{
	float:left;
	display:inline;
	width:14px;
	height:14px;
	border:none;
	margin:3px 5px 15px 0;
}
form#form .radio p{
	clear:both;
}
form#form input.submit{
	background-color:#136fb0;
	border:1px solid #136fb0;
	margin:15px 0 0;
	color:#fff;
	font-weight:700;
	text-indent:0;
	clear:both
}
form#form input.submit:hover{
	background-color:#f2c900;
	border:1px solid #f2c900;
	color:#fff;
}

#contact-details {
	width:300px;
	float:right;
	clear:both;
	margin:15px
}

/* @end */

#paginator {
	clear:both;
}

/* @group Footer */

#footer {
    margin:10px;
    clear:both;
    height:238px;
    background-image:url('../nav/footer_background.jpg');
    color:#545454;
}

    #footer-help {
        float:left;
        margin:0 0 0 10px;
        width:250px;
    }

    
    #footer-contact {
        float:left;
        margin:0 0 0 10px;
        width:700px;
    }
    
#footer h2 {
    height:40px;
    line-height:40px;
    font-size:2em;
    font-weight:normal;
}

#footer a {
    color:#545454;
}

#footer p, #footer ul {
    margin:10px 0 0 0;
    font-size:1.2em;
    line-height:18px;
}

    
#footer p#disclaimer {
    font-size:0.9em;
    line-height: 1.5em;
}

/* @end */

input.add-to-basket-button {
		position:static;
		float:right;
		margin-right:20px;
		border:1px solid #87E0EE;
		background-color:#23C5EC;
		color:#fff;
		width:100px;
		height:20px;
		line-height:14px;
		font-size:0.9em;
		text-transform:uppercase;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
}

/* @group Diagram Listing */

.diagram-listing {
	background: url(../nav/tiled_grass.jpg) repeat-y left top;
	margin-bottom: 30px;
}
	.diagram-listing .inner {
		background: url(../nav/diagram_listing.png) no-repeat right top;
		width: 720px;
		overflow: hidden;
		padding: 30px 0;
	}
		.diagram-listing h2 {
			background: #000;
			background: rgba(0,0,0,0.5);
			float: left;
			padding: 15px 22px;
			font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
			font-weight: 400;
			font-size: 3.33333em;	/* 40px */
			line-height: 1em;
			width: 340px;
			height: auto;
			margin-bottom: 30px;
		}
			.diagram-listing h2 a {
				color:#fff;
				text-decoration:none;
			}
			.diagram-listing h2 small {
				font-size: 22px;
				line-height: 1.5em;
				display: block;
			}
		.diagram-listing .lists {
			background: #000;
			background: rgba(0,0,0,0.75);
			margin-left: 22px;
			width: 676px;
			overflow: hidden;
			clear: left;
			padding: 20px 0;
		}
			.parts-diagram-list {
				
			}
			
			.standalone-diagram-list {
				margin:20px 0 0 0;
			}
				.parts-diagram-list li {
					margin-left: 22px;
					width: 305px;
					float:left;
					background: url(../nav/cog.png) no-repeat left top;
				}
					.parts-diagram-list a:link, 
					.parts-diagram-list a:visited {
						display: block;
						padding: 6px 0 15px 38px;
						color: #333;
						text-decoration: none;
					}
					.diagram-listing .parts-diagram-list a:link,
					.diagram-listing .parts-diagram-list a:visited {
						color: #fff;
					}
					.parts-diagram-list a:hover {
						display: block;
						padding: 6px 0 15px 38px;
						color: #555;
						text-decoration: underline;
					}
					.diagram-listing .parts-diagram-list a:hover {
						color: #fff;
					}
		.diagram-listing .toggle {
			background: #26c6e4 url(../nav/diagram_listing_arrow.png) no-repeat top right;
			float: left;
			border: 5px solid #fff;
			margin: -24px 0 0 22px;
			text-transform: uppercase;
			color: #fff;
		}
			.diagram-listing .toggle a {
				text-decoration:none;
				color:#fff;
				display: block;
				padding: 7px 30px 7px 10px;
			}
		.diagram-listing .toggle.open {
			background-position: bottom right;
		}

/* @end */


/* @group Parts Diagram Imagemaps */
#imagemap {
	position:relative;
	overflow:hidden;
	width:715px;
	margin:20px 0 20px 0;
}

	#imagemap a {
		display:block;
		position:absolute;
		border: 1px solid #C4D38B;
		background-image:url('../nav/clickable.png');
	}
	
/* @end */

/* @group Parts Diagram product List */
.region-parts-list {
	border-bottom:3px solid #afafaf;
	margin-bottom:20px;
	width:720px;
	background-color:#fff;
}


ul.parts-diagram-product-list {
	
}

	ul.parts-diagram-product-list li {
		clear:both;
		border:1px solid #afafaf;
		margin:0 0 20px 0;
		position:relative;
		overflow:hidden;
		padding:20px 0 20px 0;
	}

	ul.parts-diagram-product-list li div.product-image {
		float:left;
		margin:0 20px 0 0;
		width:250px;
		text-align:center;
	}
	
		ul.parts-diagram-product-list li div.product-image img {
			float:none;
		}
	
	ul.parts-diagram-product-list li div.product-info {
		position:static;
		float:left;
		width:448px;
		text-align:left;
	}
	
	ul.parts-diagram-product-list li a.name-link {
		display:inline;
		text-align:left;
		font-size:1.6em;
	}
	
	ul.parts-diagram-product-list li div.extra-info {
		
		border-bottom:1px solid #afafaf;
		padding-right:0;
		padding-left:0;
		margin-right:20px;
		margin-left:10px;
	}
	
	ul.parts-diagram-product-list li p.option-name {
		height:auto;
	}
	
	ul.parts-diagram-product-list li p.listing-info {
		border:none;
		margin-left:10px;
		margin-top:10px;
	}
	
	ul.parts-diagram-product-list li div.product-add-to-basket {
		position:static;
		top:0;
		width:auto;
		height:auto;
	}
	
	ul.parts-diagram-product-list li div.product-add-to-basket small {
		float:right;
		margin-right:20px;
	}
	
	ul.parts-diagram-product-list li div.product-add-to-basket input {
		position:static;
		float:right;
		margin-right:20px;
	}
	ul.parts-diagram-product-list li div.product-add-to-basket input.qty-input {
		margin-right:5px;
	}
/* @end */

/* @group Parts Diagram Popup */
#part-popup {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-image:url('../nav/trans_black.png');
	background-repeat:repeat;
}

	#part-popup .region-parts-list {
		width:740px;
		margin:0 0 0 -370px;
		position:absolute;
		top:50%;
		left:50%;
	}
	
	#part-popup .region-parts-list ul {
		padding:0 10px 0 10px;
	}
	
	#part-popup .region-parts-list ul li {
		border:none;
		height:auto;
		margin-bottom:5px;
	}
	
	#close-button {
		position:absolute;
		top:-14px;
		right:-14px;
		height:28px;
		width:27px;
		display:block;
		background-image:url('../nav/close.png');
		
	}
/* @end */


/* @group Downloads */

ul.downloads {
	list-style-type: none !important;
	margin-left: 0 !important;
	margin-top:20px;
	width:700px;
}
	.downloads li {
		float:left;
		background: url(../nav/file_icons.png) no-repeat 0px -400px;
		margin-top: 0.5em;
		width:350px;
	}
	.downloads li:first-child {
		margin-top: 0;
	}
	.downloads li.icon_pdf {
		background-position: 0px 0px;
	}
	.downloads li.icon_wor {
		background-position: 0px -100px;
	}
	.downloads li.icon_xls {
		background-position: 0px -200px;
	}
	.downloads li.icon_ppt {
		background-position: 0px -300px;
	}
	.downloads li.icon_jpe {
		background-position: 0px -500px;
	}
		.downloads a {
			display: block;
			padding: 10px 0 10px 37px;
		}

table ul.downloads {
	margin: 0;
}
	table .downloads li {
		background: url(../nav/file_icons.png) no-repeat 0px 0px;
	}
	
p.small {
	padding-top:10px;
	clear:left;
	font-size:0.8em;
}
/* @end */



/* @group Images */

#product-images {
	float: right;
	width: 295px;
	overflow: hidden;
	margin-left: 20px;
}
	#product-images img {
		width: 295px;
	}
	#product-images .product-image-thumbs {
		width: 300px;
	}
		#product-images .product-image-thumbs img {
			width: 70px;
			margin: 5px 5px 0 0;
			float: left;
		}

/* @end */



/* @group FCK Fixes */

.fck-fix p {
	line-height: 1.5em;
	margin: 1em 0 1em 0;
	padding: 0;
}
.fck-fix ul {
	line-height: 1.5em;
	margin: 0 0 1em 2em;
	list-style-type: disc;
}
.fck-fix ol {
	line-height: 1.5em;
	margin: 0 0 1em 2em;
	list-style-type: decimal;
}
.fck-fix ul#downloads {
	list-style-type: none;
	margin-left: 0;
}
.fck-fix a:link, 
.fck-fix a:visited, 
.fck-fix a:hover {
	color: #1396af;
}

.fck-fix table {
	margin:1em 0;
}

.fck-fix table th, .fck-fix table td {
	padding:5px 10px;
}

.fck-fix table th {
	background-color:#87aa1a;
	font-weight:bold;
	color:#fff;
	border-color:#000;
}

/* @end */