/* CSS Document */

/** { 
    -moz-box-sizing: border-box; 
} */

form{
 margin : 0px 0px 0px;
}

body, td, div{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5d5545;
vertical-align:top;
}

body{
margin:0 auto;
background-color:#e1e1e1;
}

table, tr, td{
padding:0;
margin:0;
}

p {
margin:0 0 10px 0;
padding:0px;
}

a {
	font-size: 12px;
	color: #000000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

img{border:0;}

h1{
background-color:#c51717;
background-image: url(images/h1_background.gif);
background-repeat:no-repeat;
background-position:left center;
height:35px;
vertical-align:middle;
margin:0px;
padding:12px 0 0 15px;
font-size:16px;
color:#FFFFFF;
}


h2.features{
margin:0 0 0 0px;
padding:13px 15px;
vertical-align:middle;
height:17px;
color:#FFFFFF;
font-size:13px;
background-color:#000000;
}

h2.welcome{
margin:-15px -15px 10px -15px;
padding:13px 15px;	
vertical-align:middle;
height:17px;
color:#FFFFFF;
font-size:13px;
background-image: url(images/hd_bg_red.gif);
background-repeat:no-repeat;
background-color:#320604;
}
h2.welcome div, h2.features div{
margin:-13px -15px -10px -15px;
float:right;
}


h3{
margin:0 0 10px;
padding:0;
font-size:13px;
font-weight:bold;
}




/*---------------------------------------------------------------------------
BODY POSITION
---------------------------------------------------------------------------*/

#bodyPosition{
margin:auto;
width:770px;
padding:5px;
background-color:#FFFFFF;
border-left:20px solid #e1e1e1;
border-right:20px solid #e1e1e1;
border-bottom:0px solid #e1e1e1;
}


/*---------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------*/

#header{
width:100%;
height:90px;
padding:0px;
background-color:#FFFFFF;
background-image: url(images/hdr_background.gif);
background-repeat:no-repeat;
background-position:left;
}

#globalTools
{
height:15px;
text-align:right;
padding:50px 15px 20px 15px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5d5545;
}

#globalTools .shoppingCart
{
background-image: url(images/tools_icon_shoppingCart.gif);
background-repeat:no-repeat;
background-position:left center;
padding:0 10px 0px 25px;
}

#globalTools a
{
padding:0 10px 0px 10px;
}


#globalTools .date
{
padding:0 0px 0px 10px;
}


.logo
{
width:255px;
height:85px;
overflow:hidden;
float:left;
}


/*---------------------------------------------------------------------------
FEATURE IMAGE
---------------------------------------------------------------------------*/
#featureImageHomepage
{
background-image: url(images/fi_manPuttingOutFlame_hp.jpg);
background-repeat:no-repeat;
background-position:left top;
height:190px;
padding-left:15px;
}

#featureImage
{
background-image: url(images/fi_manPuttingOutFlame.jpg);
background-repeat:no-repeat;
background-position:left top;
height:159px;
padding-left:15px;
}


/*---------------------------------------------------------------------------
NAVIGATION
---------------------------------------------------------------------------*/
#navigation{
width:230px;
}

#navigation div{
background-image: url(images/nav_background.gif);
background-position:bottom top;
height:22px;
}

#navigation a{
display:block;
color:#000000;
font-size:13px;
background-image: url(../images/nav_bullet_arrow.gif);
background-repeat:no-repeat;
background-position:left center;
padding:3px 5px 0px 25px;
height:18px;
}

#navigation div.last{
background-image:none;
}

#navigation a:hover{
text-decoration:none;
color:#C31717;
background-color:#e6f4f5;	
}

#navigation a.active{
text-decoration:none;
color:#C31717;
background-color:#e6f4f5;
color:#b91724;
font-weight:bold;	
}

#pagenav {
margin-right: 40px;
color:#666666;
font-size:10px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
}



/*---------------------------------------------------------------------------
SECONDARY NAVIGATION
---------------------------------------------------------------------------*/
#secondaryNavigation{
background-color:#9b120c;
width:205px;
border-left:3px solid #8b8474;
}

#secondaryNavigation h2{
background-color:#770a07;
height:35px;
vertical-align:middle;
margin:0 0 0 -3px;
padding:12px 0 0 25px;
font-size:16px;
color:#FFFFFF;
border-left:3px solid #8a0d09;
}

#secondaryNavigation div{
margin-left:-3px;

}

/*#secondaryNavigation a{
display:block;
float:right;
color:#FFFFFF;
font-size:12px;
background-image: url(images/navSec_bullet_arrow.gif);
background-repeat:no-repeat;
background-position:left center;
padding:3px 5px 0px 25px;
height:18px;
}*/

/*
#secondaryNavigation div.last{
background-image:none;
}

#secondaryNavigation a:hover{
background-image: url(images/navSec_bullet_arrow_over.gif);
text-decoration:none;
color:#C31717;
background-color:#e6f4f5;	
}

#secondaryNavigation a.active{
background-image: url(images/navSec_bullet_arrow_over.gif);
text-decoration:none;
color:#C31717;
background-color:#e6f4f5;
color:#b91724;	
}


*/

/*---------------------------------------------------------------------------
CONTENT LAYOUT GRID
---------------------------------------------------------------------------*/

#contentContainer{

background-color:#FFFFFF;
padding:10px 0 55px 0;
}



#contentContainer ul{
padding:0;
margin:0 0 15px 0px;
}

#contentContainer li{
padding-left:10px;
margin-bottom:5px;
list-style:none;
background-image: url(images/cnt_bullet.gif);
background-repeat:no-repeat;
background-position:top left;
}


#bodycopyOnethird{
width:215px;
padding:15px;
font-size:11px;
}



#bodycopytwothirds
{
background-color:#FFFFFF;
width:525px;
font-size:12px;
padding:15px;
}


/*---------------------------------------------------------------------------
PRODUCT STYLES
---------------------------------------------------------------------------*/

#contentContainerProducts{
background-color:#FFFFFF;
padding:0 0 0 0;
margin:0;
}

#bodycopyProducts{
width:100%;
padding:15px 0 0 0;
height:250px;
}

.productBottomBorder
{
border-bottom:3px solid #8b8474;
}

.productSearchResultsInfo td{
padding:0 10px 10px 10px;
}


.productSearchResultsInfo .productDetails h2
{
font-size:13px;
color:#9a120c;
margin:0 0 0px 0;
padding:0;
}

.productSearchResultsInfo .productDetails h3
{
font-size:12px;
margin:0 0 5px 0;
padding:0;
font-weight:bold;
}


div.searchResultsDivider
{
background-image: url(images/cnt_searchResultsDivider.gif);
background-repeat:repeat-x;
height:1px;
overflow:hidden;
margin:0 0 10px -5px;
}


.rating{
font-weight:bold;
display:block;
}


/*---------------------------------------------------------------------------
HOMEPAGE STYLES
---------------------------------------------------------------------------*/
#contentContainerHomepage{
background-color:#FFFFFF;
padding:10px 0 5px 0;
}

#contentContainerHomepage ul{
padding:0;
margin:0 0 15px 0px;
}

#contentContainerHomepage li{
padding-left:10px;
margin-bottom:5px;
list-style:none;
background-image: url(images/cnt_bullet.gif);
background-repeat:no-repeat;
background-position:top left;
}

#bodycopyOnethirdHomepage{
width:215px;
padding:15px;
font-size:11px;
background-color:#9a120c;
color:#FFFFFF;
}

#bodycopytwothirdsHomepage
{
background-color:#584f3e;
width:525px;
font-size:12px;
}

.catalogueHompeage, .catalogueHompeage a
{
color:#FFFFFF;
}



/*---------------------------------------------------------------------------
DATA SHEETS
---------------------------------------------------------------------------*/
.dataSheet{
margin:30px 0 15px -10px;
width:535px;
}
.dataSheet .one{
background-color:#b0c1cb;
border-bottom:1px solid #FFFFFF;
padding:5px 15px 5px 15px;
}
.dataSheet .two{
background-color:#d7e0e5;
padding:5px 15px 5px 15px;
border-bottom:1px solid #FFFFFF;
}
.dataSheet a{
padding-left:15px;
background-image: url(images/cnt_dataSheet_linkArrow.gif);
background-repeat:no-repeat;
background-position:top left;
}



/*---------------------------------------------------------------------------
FORMS
---------------------------------------------------------------------------*/
#theForm{
background-color:#b0c1cb;
width:325px;
padding:15px;
color:#494132;

}

#theForm input, #theForm textarea{
display:block;
width:100%;
}

#theForm .theFormButton{
margin:0 -5px 0 0;
float:right;
}

#theFormAuxillary{
background-color:FFFFFF;
width:180px;
padding:10px;
border-bottom:5px solid #b0c1cb;
border-right:5px solid #b0c1cb;
border-top:5px solid #b0c1cb;
}


#theFormAuxillary ul{
margin:0;
padding:0;
list-style-type:none;
}


#theFormAuxillary li{
margin:0 5px 0 0;
padding:0 0 0 10px;
background-image: url(images/cnt_form_bullet.gif);
background-repeat:no-repeat;
background-position:left top;
}

.features{
background-color:#584f3e;
padding:15px;
color:#FFFFFF;
}


/*---------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------*/
#footer{
background-color:#494132;
padding:20px;
color:#c7c1b6;
text-align:right;
font-size:9px;
width:730px;

}

#footer a{
color:#c7c1b6;
font-size:9px;
}

.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;
}
.txtfielddropdown{
background-color: #FFFFFF;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
}
.menuhdr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color : #B3B7BB;
	color : White;
	font-size : x-small;
	font-weight : bold;
	padding : 4px 0px 4px 2px;
	text-align : left;
}
.menubdr{
	background-color : #B3B7BB;
}
.dashed{
	border-left : 1px solid #cccccc;
	border-right : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	background-color : #F7F7F7;
}

.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: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
}
