* { 
    -moz-box-sizing: border-box; 
}
/*
total width: 800px;
*/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	background: url(../images/site/background-black-to-yellow.jpg) #241901 repeat-x;
}
/*default site links*/
a{
	color: #423F40;
	text-decoration: none;
}

a:link{
	color: #423F40;
	text-decoration: none;	
}

a:visited{
	color: #423F40;
	text-decoration: none;
}

a:hover{
	color: #423F40;
	text-decoration: underline;
	
}

/**************************************
James and Jon new classes

Colours:
Thin grey line and standard text colour 423f40
main content outline (and tattoo) e4e4e6
Blue highlight text 307899
background colour for main area f2f2f4
Light grey border - used for product listing dividers cccccc 

**************************************/
/*
The main containing div for the content
*/
.main_container{
	background-image: url(../images/header/banner_large.jpg);
	background-repeat : no-repeat;
	background-position : left top;
	width: 795px;
	padding-left: 4px;
	border: 1px solid #e4e4e6;
	margin-left: auto;
	margin-right: auto;
	background-color: #f2f2f4;	
}


/*
Drop shadow on menus
*/
.dropshadow{
	background: url(../images/header/dropshadow.gif) right bottom no-repeat;
}
.dropshadowcorner{ /*puts a nice corner on the bottom left*/
	background: url(../images/header/dropshadow_corner.gif) left bottom  no-repeat;
	padding-right:4px;
	padding-bottom: 4px;	
}
/*
Style the header mjimports logo
*/
.header_logo{
	margin-left: 26px;	
}
/*
Style the main page
*/
.main_table{
 width: 793px;
 margin-top: 4px;
 
}

/*
Style the menubar
*/
.menubar{
margin-top: 16px;
margin-left:14px;
}

/*
style each main menu item
*/
.mainmenuitem{
padding-left: 7px;	
}

/*
style the main menu dividers
*/
.mainmenudivider{
padding-left: 5px;	
}

/*
Style the main panel's spacing from the top menu
*/
.mainpanelpadding{
	padding-top: 8px;
	
}

/*
Style the product thumbnail
*/
.product_thumbnail{
border: 1px solid #423f40;
width: 100px;
height: 100px;
}

/*container for the product thumbnail*/
.product_thumbnail_container{
	padding: 6px;
	background-color: white;
	border: 1px solid #423f40;	
}

/*used to center text*/
.centered_text{
	text-align: center;
}

.standard_text{
		color: #423f40;
		font-size: x-small;
}

/*Information text*/
.info_text{
	color: black;
	font-size: x-small;
	font-weight: bold;
}

/*highlight text - blue*/
.highlight{
	color: #307899;
	font-weight: bold;
}

.highlight a, .highlight a:link, .highlight a:visited, .highlight a:hover{
	color: #307899;
}

.standard_dropdown{
	color: #423f40;
	font-size: x-small;
	margin-top: 3px;
	margin-bottom: 3px;	
}

.standard_radiobuttons{
	color: #423f40;
	font-size: x-small;
	margin-top: 3px;
	margin-bottom: 4px;
}

/*little bit of vertical padding for form items that are getting stuck together*/
.standard_vertical_padding{
	margin-top: 2px;
	margin-bottom: 2px;
}

/*format the short description in the product listing*/
.product_description{
	margin-bottom: 3px;
}

/*style for border right in standard light colour
Used for shop product listing dividers
*/
.lightborder-right{
	border-right: 1px dashed #cccccc;	
}
/**************************************
Standard classes and ids
*/

form{
 margin : 0px 0px 0px;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-weight : bold;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : bold;
}

/*removed formatting*/
.navbarbg{
/*color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;*/
}
.navbarbg a{
/*
display: block;
 color : Black;
 background-image : url(../images/menu/menubg.jpg);
 border-top : 1px solid #CCCCCC;
 border-right : 1px solid #CCCCCC;
 border-left : 1px solid #CCCCCC;
*/
}
.navbarbg a:link{
/*
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
*/
}
.navbarbg a:visited{
/*
	background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
*/
}
.navbarbg a:hover{
/*
color: #B22222;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-top: 4px;
width: 100%;
*/
}
.navbarbg a:active{
/*
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
*/
}

.xCellBorder{
background-color: #FFFFFF;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.xTopCell{
background-color: #000000;
/*width: 100%;*/
}
/*formats the search box in the shoppage_header file.*/
.searchfield{
background-color: #FFFFFF;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #000000;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #000000;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #000000;
border-top-style: solid;
border-top-width: 1px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
}
/*formats the display of the text boxes throughout the front end*/
.txtfield{
background-color: #FFFFFF;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #000000;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #000000;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #000000;
border-top-style: solid;
border-top-width: 1px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
/*J&J - Added padding/margin*/
margin-top: 1px;
margin-bottom: 1px;
padding-top: 1px;
padding-bottom: 1px;
}
.txtfielddropdown{
background-color: #FFFFFF;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
}
/*
Styles the side boxes header.  Added a border
*/
.menuhdr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color : white;
	color : #307899;
	font-size : x-small;
	font-weight : bold;
	padding : 0px;
	text-align : left;
	border: 1px solid #423f40;
}
/*
Special version of the header for menu boxes with menu items in them
Doesn't have a border on the bottom
*/
.menuhdr_nobottom{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color : white;
	color : #307899;
	font-size : x-small;
	font-weight : bold;
	padding : 0px;
	text-align : left;
	border-top: 1px solid #423f40;
	border-left: 1px solid #423f40;
	border-right: 1px solid #423f40;	
}

/*
New version of the menuheader class for menu items in the body 
as opposed to the side menu boxes
*/
.menuhdr_body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color : white;
	color : #307899;
	font-size : x-small;
	font-weight : bold;
	padding : 2px 0px 2px 2px;
	text-align : left;
	border: 1px solid #423f40;
}

/*version of the menuheader class for the basket*/
.menuhdr_basket{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background-color : white;*/
	color : #307899;
	font-size : x-small;
	font-weight : bold;
	padding : 2px 2px 2px 2px;
	text-align : left;
	/*border: 1px solid #423f40;*/
}


.menubdr{
	background-color : #B3B7BB;
	
}
/*outline for the bottom half of each 'box'*/
.dashed{
	border-left : 1px solid #423f40;
	border-right : 1px solid #423f40;
	border-bottom : 1px solid #423f40;
	background-color : white;
}

.leftmenumain a{
	border-top : 1px solid #423f40;
	display: block;
	
}
.leftmenumain{
background-color: white;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
text-align: left;
}
.leftmenumain a:link{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: none;
width: 100%;
}
.leftmenumain a:visited{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: none;
width: 100%;
}

.leftmenumain a:hover{
background-color: #EEEEEE;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: none;
width: 100%;
}

.leftmenumain a:active{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: underline;
width: 100%;
}

.dottedBorder {
	border: 1px dotted #cccccc; 
	background-color: #F9F9F9;
	padding: 5px	
}

.submitbtn {
   color:#666666;
   font-family: Tahoma,Arial, Helvetica, sans-serif;
   background-color: #efefef;
   font-size: x-small;
   font-weight: bold;
   border:1px solid #aaaaaa;
}

/*formats the header text throughout the site*/
.txtheader{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
}
/*formats the mini cart subtotal  in the right menu*/
.cartsubtotalminicart{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
text-align: right;	
}
/*formats the links in the minicart*/

.cartminilinks{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: bold;
text-align: left;
}
.cartminilinks a:link{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:visited{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:hover{
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:active{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}

.hdrproduct{
color: #423f40;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
}

.breadcrumb {} 
.price {
color: #423f40;
}
.pricesmall {
color: #423f40;
}


/*add april 2008 [JH]*/

td.homepagetext{
	text-align: left !important;
	border: 1px solid #e39e08 !important;
	padding: 8px 8px 8px 10px !important;
	background: #f0e9d8 !important;
}

td.homepagetextright{

}


td.homepageimage{

}

h1.homepagetitle{
	font-size: 170%;
	color: #e39e08;
	margin-bottom: 5px;
}

