/*

  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $



  osCommerce, Open Source E-Commerce Solutions

  http://www.oscommerce.com



  Copyright (c) 2003 osCommerce



  Released under the GNU General Public License

*/
body {
 margin: 0;
 padding: 0;
 background-color: #484848;
 font-family: arial;
 font-size: 12px;
 text-align: center;
}

.selectlink {
 font-weight: bold;
}

div#showoptionsbox {
 background-color: #202020;
 color: #fff;
}

#frame {
 margin: 0;
 padding: 5px;
 background-color: #484848;
 text-align: center;
}

div#pageintro {
 margin: 5px 10px 5px 10px;
 font-size: 110%;
}

#logo {
 text-align: left;
}

#newbreadcrumbs {
 margin: 0 10px 0 10px;
 border: 0 0 1px 0 solid #CCCCCC;
 font-size: 10px;
 font-weight: bold;
 color: #fff;
 text-align: left;
}

#newbreadcrumbs a:link {
 color: #fff;
}

#newbreadcrumbs a:visited {
 color: #fff;
}

#newbreadcrumbs a:hover {
 color: #D6EEBC;
}

#pageframe {
 width: 995px;
 margin: 0 auto 0 auto;
 background-color: #A5A5A5;
 text-align: center;
}

#whiteframe {
 margin: 7px 4px 0 4px;
 padding: 0 0 0 5px;
 background-color: #fff;
 text-align: left;
}

#whiteframe2 {
 margin: 7px 4px 0 4px;
 padding: 0;
 background-color: #fff;
 text-align: center;
}

#relatedtitle {
 margin-top: 5px;
 font-size: 12px;
 font-weight: bold;
}

#topmenu {
 margin: 0 4px 0 4px;
 padding: 4px;
 background-color: #484848;
 text-align: center;
 color: #fff;
}

.menubtn {
 width: 208;
 height: 82;
 margin: 0;
 padding: 3px;
 background-color: #E0E0E0;
}

.headerlink a {
 font-size: 110%;
 font-weight: bold;
}

.headerlink a:link {
 color: #fff;
}
.headerlink a:visited {
 color: #fff;
}
.headerlink a:hover {
 color: #D6EEBC;
}

#productimage1 {
 background-color: #EAE4D7;
 background-image: url('http://www.safetybootsuk.co.uk/specialbg.gif');
 background-position: bottom right;
 background-repeat: no-repeat;
 padding: 5px;
 text-align: center;
}

#productimage1 img {
 border: 1px solid #c0c0c0;
}

#subimages img {
 margin: 3px;
 border: 3px solid #A5A5A5;
}

#subimages img:hover {
 margin: 3px;
 border: 3px solid #C5A242;
}

#bread {
 font-size: 11px;
}

#bread a {
 color: #000;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }



BODY {

  background: #ffffff;

  color: #000000;

  margin: 0px;

}





A {

  color: #144E95;

  text-decoration: none;

}



A:hover {

  color: #144E95;

  text-decoration: underline;

}



FORM {

	display: inline;

}



TR.header {

  background: #ffffff;

}









TR.headerError {

  background: #ff0000;

}



TD.headerError {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}



TR.headerInfo {

  background: #00ff00;

}



TD.headerInfo {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TR.footer {

  background: #144E95;

}



TD.footer {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #144E95;

  color: #ffffff;

  font-weight: bold;

}



.infoBox {





}



.infoBoxContents {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.infoBoxHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

  background: #144E95;

  color: #ffffff;

}



TD.infoBox, SPAN.infoBox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

  background: #F9F9F9;

}



TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

  background: #FdFdFd;

}



TABLE.productListing {

  border: 1px;



  border-color: #bbc3d3;

  border-spacing: 1px;

}



.productListing-heading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #ffffff;

  color: #144e95;

  font-weight: bold;

}









TD.productListing-data {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

    font-weight: bold;

}



A.pageResults {

  color: #144e95;

  text-decoration: none;

}



A.pageResults:hover {

  color: #111e21;

  text-decoration: underline;



}



TD.pageHeading, DIV.pageHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;



  color: #000000;

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

}



TD.main, P.main {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  line-height: 1.5;

}





TD.product {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  line-height: 1.5;

background: #f4f7fd;

}





TD.smallText, SPAN.smallText, P.smallText {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.accountCategory {

  font-family: Verdana, Arial, sans-serif;

  font-size: 13px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.tableHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

}



SPAN.newItemInCart {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #ff0000;

}



CHECKBOX, INPUT, RADIO, SELECT {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TEXTAREA {

  width: 100%;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



SPAN.greetUser {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #000000;



}



TABLE.formArea {

  background: #f1f9fe;

  border-color: #7b9ebd;

  border-style: solid;

  border-width: 1px;

}



TD.formAreaTitle {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #c76170;

  font-weight: bold;

}



SPAN.productSpecialPrice {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



SPAN.errorText {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }



.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }



/* message box */



.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }



/* input requirement */



.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }







.style3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}



.style7 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

.style9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #006600; }



.style10 {

        display: block;
        margin: 10px 0 5px 0;
	color: #CC0000;
	font-size: 16px;
	font-weight: bold;
        background-color: #EAE4D7;

}







Table.Datatable {

	  background: #f1f9fe;

  border: 1px;

  ##border-style: dashed;

  border-color: #bbc3d3;

  border-spacing: 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}







leadin {

	  background: #f1f9fe;

  border: 1px;

  ##border-style: dashed;

  border-color: #bbc3d3;

  border-spacing: 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}



.leadin { 

  color: #000000; 

  font-size: 12px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}





tr.lightgrey {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

width: 500px

}



.bodysmall {

 background: #ffffff;

border-spacing: 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}





.sbody {

 background: #ffffff;

border-spacing: 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

TD { font-size: 10px; }

TD.headerNavigation {

  background: #144E95;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #ffffff;



}



TD.headerNavigation a:link{

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #ffffff;



}

TD.headerNavigation a:active{

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #ffffff;



}

TD.headerNavigation a:visited{

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #ffffff;



}

.hello_box {

font-family: Verdana, Arial, sans-serif;

background-color: #edeef0;

border: 1px solid #666;

margin:0px 5px 5px 0px;

padding:5px 10px 5px 10px;

text-align: center;

font-size: 10px;

}



.hello {

font-family: Verdana, Arial, sans-serif;

	color: #111;

	margin:0px 0px;

}

.search_narrow_by_heading {

font-family: Verdana, Arial, sans-serif;

	margin: 5px 0px;

	padding: 5px 0px;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	font-weight: bold;

font-size: 11px;

	color:#666;

}

h1 { 

 font-family: Verdana, Arial, sans-serif;

 font-size: 20px;

 font-weight: bold;

}



h2 { 

 font-family: Verdana, Arial, sans-serif;

 font-size: 14px;

}


form.general {
	background-color: #ffb;
	border: 1px solid #456;
	padding: 5px;
	float: left;
}

form.general fieldset {
	border: none;
	text-align: left;
	margin-bottom: 20px;
	padding: 0px;
}
	
	form.general fieldset legend {
		font-weight: 600;
		padding: 0px 0px; 
		margin-left: 0px;
		float: left;
		width: 300px;
	}
		
	form.general fieldset div {
		float: left;
		width: 330px;
		height: 20px;
		margin-bottom: 5px;
		line-height: 20px;
		clear: both;
	}
	
		form.general fieldset div label {
			display: block;
			float: left;
			width: 156px;
		}
			
			form.general fieldset div input.general {
				float: left;
				width: 150px;
				height: 15px;
				color: #456;
				padding: 3px 5px;
				font-size: 11px;
				z-index: 100;
				border: 1px solid #789;
			}
			
			form.general fieldset div select {
				float: left;
				width: 160px;
				border: 1px solid #789;
				font-size: 11px;
				color: #456;
			}
			
			form.general fieldset div select option {
				margin-bottom: 2px;
			}
				
			form.general fieldset div input.checkbox {
				border: 1px solid #ffb;
				background-image: url(../../layout/bg-checkbox.png);
				float: left;
				width: 17px;
				height: 17px;
				margin-left: -1px;
			}

			div.twocolumnleft {
				float: left;
				width: 344px;
				margin: 0px 5px 0px 5px;
				text-align: left;
				
			}
	
			div.twocolumnright {
				float: left;
				width: 349px;
				margin: 0px 0px 0px 5px;	
			}

label {
	display: block;
	float: left;
	width: 156px;
}