/********* any metastructure style over rides go here ***********/
body#layout2 div#globalWrapper {
	margin:0 auto;
	width: 984px;
}

#globalContainer {
	float:left;
	width: 984px;
	background:url(../images/structure/body/shadowBG.jpg) repeat-y;
	position:relative;
}

#innerWrapper {
	width: 984px;
	float:left;
	position:relative;
	background:url(../images/structure/footer/foot_BG.jpg) repeat-x bottom left;
}

div#innerContainer11,
div#innerContainer10,
div#innerContainer01,
div#innerContainer00 {
    margin: 0px 4px 0px 4px;
    width: 976px;
	min-height:500px;
	min-width: 976px;
	clear:both;
	float: left;
	color:#8c8c8c;
	padding:0px 0px 0px 0px;
}
/*** Homepage background for News, Latest Offers, Automation and Top Sellers ***/
.homepage div#innerContainer10 {
	background:url(../images/content/homepage/home_bg.jpg) repeat-x bottom;
}
/********* END of any metastructure style ***********/

/** use this area for any global standard html styles including typography**/
body {
	float:left;
	width:100%;
	margin: 0px;
	padding: 0px;
	color:#8c8c8c;
	font:13px Verdana;
	background:url(../images/structure/footer/foot_BG.jpg) repeat-x bottom left;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
	color:#87b81b;
}

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

h {
	height: 0px;
	border-top: 1px solid #000;
	margin-top: 0px;
	background: #000;
}

p {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}

form {
	margin: 0;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-weight: bold;
	padding: 10px 0px;
	margin: 0px;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 14px;
}
/** use this area for any global standard html styles including typography**/


/*********** FUNCTION BAR ************/
div#functionBar {
    width: 984px;
	float:none;
	clear:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2000;
}

div#functionBar a {
	color:#808080;
	padding-right:12px;
}

div#functionBar a:hover {
	text-decoration:underline;
}

div#displayVersion {
    float: none;
    position: absolute;
    right: 315px;
    top: 10px;
}

div#keyLinks {
    float: none;
    position: absolute;
    right: 180px;
    top: 10px;
}

div#siteSearch{
    position: absolute;
    right: 4px;
    top: 7px;
    z-index: 2000;
	background:url(../images/structure/header/search.jpg) no-repeat top left;
	width: 166px;
}

div#siteSearch input {
	background:none;
    border: none;
    color: #808080;
    height: 23px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 10px;
    width: 146px;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
}

div#siteSearch input.submit,
div#siteSearch .searchLabel {
	display:none;
}
/*********** END OF FUNCTION BAR ************/

/*********** HEADER ************/
div#innerHeader {
	background:url(../images/structure/header/header_BG.jpg) repeat-x top;
	float:left;
	height: 250px;
	width: 984px;
	min-width:984px;
	position:relative;
	z-index: 1000;
}

div#innerHeader .logo {				 
	position: absolute;
	left: 18px;
	top: 15px;
	margin-top: 0px;
}

/*-- Styles for Header Menu --*/
div#innerHeader .headerMenu {
	position:absolute;
	top:160px;
	left:0;
	background:url(../images/structure/header/roundU_bg.jpg) no-repeat left top;
	width:984px;
	height:46px;
}

div#innerHeader .headerMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#innerHeader .headerMenu li {
	float:left;
	display:block;
	margin: 0;
	padding: 0;
}

.headerMenu a {
	float:left;
	display:block;
	font-size:15px;
	color:#006110;
	margin-top:4px;
	padding:10px 18px 0px 18px;
}

.headerMenu a:hover {
	text-decoration:underline;
}
/*-- END of Styles for Header Menu --*/

/*-- Style to make Header Menu Active --*/
.headerMenu a.witharrow {
	background:url(../images/structure/header/MenuHover.png) no-repeat top center;
}
/*-- End of style to make Header Menu Active --*/

#innerHeader .topnav {
	width:230px;
	float:right;
	margin-right:20px;
	margin-top:48px;
}

.basket.topnav {
	font-size: 12px;
	width:146px;
	float:right;
	margin-right:4px;
	padding:0px 4px;
	background:url(../images/structure/header/BasketBG.jpg) no-repeat bottom left;
	height:83px;
}

.basket.topnav .basketleft {
	width:60px;
	float:left;
	margin-left:7px;
	margin-top:5px;
}

.basket.topnav .basketright {
	width:72px;
	float:left;
	margin-left:7px;
	margin-top:5px;
}

.basket.topnav a {
	line-height:2;
	font-size:11px;
	color:#006110;
	margin-top:0px;
	padding:0px 10px 0px 0px;
	background:url(../images/structure/header/Garrow.png) 31px 4px no-repeat;
}

.trade.topnav {
    font-size: 12px;
}

.trade.topnav input {
    float: right;
    width: 120px;
    height: 13px;
    margin-bottom: 3px;
    border: 1px solid #cccccc;
}

.trade.topnav .login {
    float: left;
    width: 100px;
    padding-bottom: 6px;
}

.trade.topnav a {
    clear: both;
    float: left;
    padding-top: 3px;
    color: #006110;
	width:100%;
}

.call.topnav img {
    float: left;
    margin-right: 8px;
}

.call.topnav span {
    font-size: 14px;
    font-weight: bold;
    color: #006110;
    display: block;
    line-height: 1.5;
}

#innerHeader .topnav .title {
	width:100%;
	float:left;
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
	border-bottom: 3px solid #87b81b;
	color:#87b81b;
	margin-bottom:5px;
}

.productsearch {
    background-color: #006110;
    color: #FFFFFF;
    font-weight: bold;
    height: 28px;
    left: 0;
    margin: 0 4px;
    padding: 10px 18px;
    position: absolute;
    top: 204px;
    width: 940px;

}

.productsearch select {
    border: none;
    width: 182px;
    height: 27px;
    background: url("../images/structure/header/SearchInput.jpg") no-repeat scroll left top;
    padding: 5px 10px 5px 10px;
	color:#006110;
}

.productsearch .go {
    float: right;
}

.productsearch .seller {
    float: left;
    padding-top: 6px;
	background: url(/images/content/store/topSellersArrow.png) right 11px no-repeat;
	overflow: visible;
	padding-right: 20px;
}
/*********** END OF HEADER ************/


/*********** BODY ************/
div#innerContainer11 #innerLeftColumn{
	float:left;
	width:260px;
	overflow:hidden;
}

div#innerContainer11 #innerRightColumn{
	float:right;
	width:256px;
	overflow:hidden;
}

div#innerContainer11 div#center{
	margin: 0px 256px 0px 266px;
	padding:20px 0px;
}

div#innerContainer10 #innerLeftColumn{
	float:left;
	width:260px;
	overflow:hidden;
}

.homepage div#innerContainer10 div#center{
	width:716px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#innerContainer10 div#center{
    float: right;
    margin: 0 30px 0 0;
    overflow: hidden;
    padding: 22px 0 22px 6px;
    width: 680px;
}

.onlineStore div#innerContainer10 div#center {
    width: 700px;
	margin: 0 10px 0 0;
}
	
.pageTitle{
	font-weight:bold;
	font-size:15px;
	padding-bottom:15px;
}

.scrollingNews{
	width:220px;
	float:left;
	margin:20px 0px 0px 18px;
	height: 224px;
	overflow: hidden;
}

.scrollingNews .title{
	font-size:15px;
	font-weight:bold;
	color:#87b81b;
	padding-bottom:10px;
}

.scrollingNews .more_link{
	margin-top: -9px;
}

.scrollingNews .more_link a{
	color:#87b81b;
}

.banners {
	width:220px;
	float:left;
	margin:20px 18px 0px 0px;
	font-size:15px;
	font-weight:bold;
	color:#87b81b;
}

/*-- Styles for Latest offers, Automation and Top sellers --*/
.banners a {
	font-size:13px;
	font-weight:normal;
	display:block;
	padding-top:10px;
	color:#808080;
}

.banners a:hover {
	text-decoration:underline;
}
/*-- END of Styles for Latest offers, Automation and Top sellers --*/


/*-- END of Styles for Left Navigation --*/
.BuyNow {
	width:212px;
	background:url(../images/content/products/BuyBG.jpg) repeat-y;
	margin:20px;
}

.BuyNowTitle {
	width:204px;
	margin: 0px 4px;
	padding: 12px 0px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	background-color:#006110;
}

.BuyNowTxt {
	padding:25px 20px 30px 20px;
	background:url(../images/content/products/BuyD.jpg) bottom no-repeat;
}
/*********** END OF BODY ************/

/*********** FOOTER ************/
div#innerFooter{
	clear:both;
	float:left;
	width:984px;
	min-width:984px;
	text-align:left;
	padding: 34px 0 0 0;
	height:233px;
	color:#FFF;
	position:relative;
	background:url(../images/structure/body/roundD_bg.jpg) top left no-repeat;
}

.homepage div#innerFooter {
	background:url(../images/content/homepage/roundD_bg2.jpg) top left no-repeat;
}


/*-- Style for the 6 Logo(small) in the Footer --*/
.FooterLogo {
	float:left;
	height:38px;
	width:984px;
}

.FooterLogo a {
	display:block;
	padding:5px 33px 0px 18px;
	float:left;
}
/*-- END of Style for the 6 Logo(small) in the Footer --*/

/*-- Container of About this site, Our suppliers, Contact us and Sparesmaster Logo in the Footer --*/
.FooterData {
	clear:both;
	float:left;
	width:948px;
	margin:0 18px;
	padding:15px 0px;
	border-bottom:1px solid #FFF;
}
/*-- End of Container of About this site, Our suppliers, Contact us and Sparesmaster Logo in the Footer --*/

/*-- Style for About this site, Our suppliers and Contact us in the Footer --*/
.FooterMenu {
	width:222px;
	float:left;
	margin-right:18px;
}

.FooterTitle {
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}

.FooterSection {
	width:111px;
	float:left;
}

.FooterLinks a {
	color:#FFF;
}

.FooterLinks a:hover {
	text-decoration:underline;
}
/*-- END of Style for About this site, Our suppliers and Contact us in the Footer --*/

/*-- Style for Sparesmaster Logo in the Footer --*/
.FooterMenu.Logo {
	width:162px;
	float:right;
	padding-top:5px;
}
/*-- END of Style for Sparesmaster Logo in the Footer --*/

/*-- Style for Site maintained by the Snapper Content Management System --*/
.snapperDetails {
    float: right;
    margin-right: 18px;
    font-size: 11px;
    margin-top: 5px;
}

.snapperDetails a {
	color:#FFF;
}

.snapperDetails a:hover {
	text-decoration:underline;
}
/*-- END of Style for Site maintained by the Snapper Content Management System --*/

/*********** END OF FOOTER ************/

/******** global active form styles ********/
fieldset, legend{
	border: 0;
	padding: 0;
	margin: 0;
}

form .requiredLabel{
	font-weight: 700;
}

form .errorFlag{
	color: red;
}

.activeForm{
	width:100%;
	float: left;
}

.activeForm .formItemWrapper{
	float:left;
	padding: 0;
	width: 100%;
}

.activeForm .formText{
	padding: 5px 0px 5px 0px;
	float: left;
	width: 100%;
}

.activeForm .formLabelH{
	padding: 5px 0px 5px 0px;
	float:left;
	width: 38%;
	text-align: right;
}

.activeForm .formItemRequiredFlag{
	padding: 5px 0px 0px 3px;
	float:left;
	width: 2%;
}

.activeForm .formSummaryH{
	padding: 5px 0px 5px 0px;
	float:left;
	width: 57%;
	text-align: left;
}

.activeForm .formInputH{
	padding: 2px 0px 5px 0px;
	width: 57%;
	float:right;
}

.activeForm .formButton{
	float:left;
	clear:left;
}

.activeForm .formItemWrapper.submit {
    width: 57%;
    float: right;
}

.activeForm .formInputH textarea {
    width: 350px;
}

.formItemWrapper.phoneNumber .formLabelH[style] {
    text-align: right !important;
}

.formItemWrapper.submit .formButton[style] {
    padding-left: 0px !important;
}
/******** global active form style ********/


/** marketingArticleViewer **/
.marketingArticleViewer001Search .item_link{
	font-size: 14px;
	font-weight: bold;
}

.marketingArticleViewer001Search .created{
	font-size: 9px;
	font-weight: bold;
	padding-bottom: 10px;
}

.marketingArticleViewer001Search .standfirst{
	padding-bottom: 20px;
}

.marketingArticleViewer001Article{
	position: relative;
}

.marketingArticleViewer001Article .backButton{
	position: absolute;
	right: 0px;
}

.marketingArticleViewer001Article .item_name{
	font-size: 14px;
	font-weight: bold;
}

.marketingArticleViewer001Article .created{
	font-size: 9px;
	font-weight: bold;
	padding-bottom: 10px;
}
/** marketingArticleViewer **/


/** Registration forms **/
.webRegistration001 .formItemWrapper{
	padding-bottom: 10px;
}

.webRegistration001 .formItemWrapper .formLabelH{
	width: 150px;
}

.webRegistration001 .formItemWrapper .formInputH{
	width: 510px;
}

.webRegistration001 .formItemWrapper .formInputH input{
	width: 350px;
	font-size: 14px;
}

.webRegistration001 .postcode .formInputH input{
	width: 100px;
}

.webRegistration001 .formItemWrapper.submit{
	width: 510px;
}

.webRegistration001 .formItemWrapper.submit input{
	width: 110px;
}

.webRegistration001 .formItemWrapper.existingCustomer input{
	width: 10px;
}

.webRegistration001 .accountCode .formInputH input{
	width: 100px;
}

.formItemWrapper.reCaptcha{
	padding-left: 170px;
}
/** Registration forms **/

/** popup window **/
#fade{
	display: none;
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .40;
	z-index: 1000;
}

#popupWindow{
	display: none;
	background: #fff;
	padding: 20px;
	border: 7px solid #006110;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #006110;
	-moz-box-shadow: 0px 0px 20px #006110;
	box-shadow: 0px 0px 20px #006110;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: visible !important;
}

.closeButton{
	float: right;
	margin: -40px -40px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade,
*html .popupWindow{
	position: absolute;
}
/** popup contact details **/



/** minicart **/
.storeMiniCart001{
	position: relative;
}

.storeMiniCart001Basket .cartQuantity{
	padding-top: 5px;
	padding-left: 1px;
	width: 63px;
	float: left;
	position: relative;
}

.storeMiniCart001Basket .cartQuantity .formLabelH{
	position: absolute;
	top: 15px;
	left: 7px;
	width: 60px;
}

.storeMiniCart001Basket .cartQuantity .formSummaryH{
	position: absolute;
	left: 5px;
	padding: 0;
}

.storeMiniCart001Basket .cartGrossTotal{
	position: absolute;
	top: 30px;
	left: 20px;
}

#innerHeader .basket.topnav{
	width: 147px;
	position: relative;
}

.storeMiniCart001Basket .activeForm .viewBasket{
	width: 35px;
	position: absolute;
	left: 81px;
	top: 41px;	
}
/** minicart **/


/** web login **/
#innerHeader .webLogin001{
    font-size: 12px;
	width: 230px;
	width: 230px;
	float:right;
	margin-right:20px;
	margin-top:48px;
}

#innerHeader .webLogin001 input{
    float: right;
    width: 100px;
    height: 13px;
    margin-bottom: 3px;
    border: 1px solid #cccccc;
}

#innerHeader .webLogin001 a{
    clear: both;
    float: left;
    padding-top: 3px;
    color: #006110;
	width:100%;
}

#innerHeader .webLogin001 .formItemWrapper.submit{
	width: 35px;
}

#innerHeader .webLogin001 .formItemWrapper.forgotten_password_link{
	width: 150px;
	padding-top: 4px;
}

#innerHeader .webLogin001 Input.submitButton{
	color: #ffffff;
	border: none;
	width: 35px;
	height: 22px;
	background-color:#86B819;
}

#innerHeader .webLogin001 .formMessage{
	display: none;
}

#innerHeader .webLogin001 .formLabelH{
	padding: 3px 0px 0px 0px;
	width: 110px;
}

#innerHeader .webLogin001 .formInputH{
	padding: 0px 0px 0px 0px;
	width: 110px;
}

#innerHeader .webLogin001 .formText{
	padding: 0px 0px 0px 0px;
}

#innerHeader .webLogin001LoggedInScreen .inlineValue{
	font-weight: bold;
}
/** web login **/