
html, body {
	margin:0;
	padding:0;
	height:100%;
	/*font-size:100%;*/
	/*text-align: center;*/
}


body {
	background: #b5b7b9 url(../images/themes/default/bg.gif) repeat-x ;
}


a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:active, a:visited, a:hover /* stops the dashed border on firefox */
{
	outline: none;
}

img{ border:0; }

div, p, ul, h1, h2, h3, a, img {
	margin:0;
	padding:0;
}

#shell {
	width:900px;
	height:100%;
	margin:0 auto 0 auto;
	position:relative;
	text-align: left;
	top: 0px;
}

#logo {
	position: absolute;
	top: 13px;
	left: 19px;
	display: inline;
	height:35px; 
	width:124px; 
	background: url(../images/themes/default/logo.gif) no-repeat; 
}

#logo a {
	display: block;
	height:35px; 
	width:124px;
}

#imageTopLeftCorner {
	float: left;
	width: 8px;
	height: 8px;
	background: transparent url(../images/themes/default/corners/imageTopLeft.png) no-repeat ;
}

#imageTopRightCorner {
	float: right;
	width: 8px;
	height: 8px;
	visibility: hidden;
	background: transparent url(../images/themes/default/corners/imageTopRight.png) no-repeat ;
}

#imagebgTopLeftCorner {
	float: left;
	width: 8px;
	height: 8px;
	background: transparent url(../images/themes/default/corners/imagebgTopLeft.png) no-repeat ;
}

#imagebgTopRightCorner {
	float: right;
	width: 8px;
	height: 8px;
	background: transparent url(../images/themes/default/corners/imagebgTopRight.png) no-repeat ;
}

/******** Main Navigation ********/

#nav {
	display: block;
	clear:both;
	height: 115px ;
	background: transparent url(../images/themes/default/topbar.gif) no-repeat ;
}

#subnav {
	clear:right;
	text-align: right;
	margin: 0 14px 0px 0 ;
	background: transparent ;
	position: relative; 
	top: 76px

}

#subnav ul {
	list-style-type:none;
	clear:both;
	font-family: Arial, sans-serif ;
	font-size: 0.75em;
	margin: 0;
	text-transform: uppercase;
}

#subnav li {
	margin-top: 0px;
	margin-left: 15px;
}

#subnav ul li {
	display:inline;
}

#subnav ul a {
	padding-left: 10px;
	color: #164269 ;
	background: transparent url(../images/themes/default/nav/subnav_arrow.gif) no-repeat 0px 0px;
}

#subnav ul a:hover {
	text-decoration:none;
	color: #b3212b ;
	background: transparent url(../images/themes/default/nav/subnav_arrow.gif) no-repeat 0px -50px;
}

#subnav ul .selected {
	color: #b3212b ;
	background: transparent url(../images/themes/default/nav/subnav_arrow.gif) no-repeat 0px -50px;
}

#subnav ul .selected:link {
	font-family: Arial, sans-serif ;
	text-decoration:none;
}

/******** End Main Navigation ********/

/******** Content ********/

#content{
	z-index: 200;
	position: relative;
	top: -8px;
}

#content.noMainImage{
	top: 0px;
}

.contentTopImage {
	float: right;
	display: block;
}

#contentShell {
	clear: left;
	width: 900px;
	background: #ffffff url(../images/themes/default/content_bg.gif) no-repeat left bottom ;
}

#contentShell h3 {
	display: block;
	font-size: 1em;
	font-family: Arial, sans-serif ;
	margin: 0 30px 0 0;
	padding: 20px 10px 15px 18px ;
	color: #164269;
	background: #f2f2f2 url(../images/corners/h3_corner_right.gif) no-repeat right bottom;
}

#leftContent {
	position: static;
	font-family: Arial, sans-serif ;
	float: left;
	width: 175px;
}

#leftContent h4 {
	margin: 18px 0 0 13px;
}

.ListViewText
{
  font-family:verdana;
  font-size:10px;
  color:black;
}

#rightContent {
	float: right;
	font-family: Arial, sans-serif ;
	padding: 0 0 30px 0;
	width: 700px;
	color: #4d4d4d;
}

#rightContent a {
	color: #4d4d4d;
}

#rightContent h3 {
	clear: right;
	font-size: 1em;
	margin: 0 0 0 16px;
	padding: 18px 10px 15px 18px ;
	color: #164269;
	background: #f2f2f2 url(../images/corners/h3_corner_left.gif) no-repeat left bottom;
}

#rightContent h3.noBG {
	background: none;
	padding: 0 ;
	margin: 30px 10px 10px 31px;
	background: transparent;
}

#rightContent h3 .author {
	font-weight: normal;
	font-size: 0.9em;
	font-style: italic;
	display: block;
}

#rightContent h4, #leftContent h4 {
	font-size: 1em;
	text-transform: uppercase;
	margin: 21px 0 0 25px;
	padding-right: 30px ;
	color: #6AAFC7;
}

#rightContent h4 span, #leftContent h4 span {
	font-weight: normal;
}

#rightContent p{
	font-size: 0.75em;
	padding: 0 50px 0 33px;
	margin: 15px 0 5px 0 ;
}

#rightContent p.indent{
	padding: 0 50px 0 100px;
}

#rightContent p.column{
	padding: 0 10px 0 33px;
}

/******** Breadcrumbs ********/

.siteMapPath{
	background: #e5e6e7;
	display: inline;
	list-style-type:none;
	float: left;
	font-family: Arial, sans-serif ;
	font-size: 0.75em;
	text-transform: none;
	text-align: left;
	padding: 6px 8px 5px 9px;
}

.siteMapPath a {
	color: #a6a6a6;
}

.siteMapPath a:hover {
	color: #000000 ;
	text-decoration: none;
}

#breadCornerLeft {
	float: left;
	width: 8px;
	height: 23px;
	background: transparent url(../images/themes/default/corners/breadLeft.png) no-repeat ;
}

#breadCornerRight {
	float: left;
	width: 8px;
	height: 23px;
	background: transparent url(../images/themes/default/corners/breadRight.png) no-repeat ;
}

/******** End Breadcrumbs ********/

/******** Content Navigation ********/

#leftNav {
	list-style-type:none;
	padding: 0 8px 0 5px;
	margin: 0;
	font-size: 0.85em;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	background: #f2f2f2 url(../images/themes/default/nav/leftnav_corner.gif) no-repeat right bottom;
}

#leftNav li {
	padding: 9px 0 8px 15px ;
	margin: 0;
	display: block;
	background: transparent url(../images/themes/default/nav/leftnav_bg.gif) repeat-x top;

}

#leftNav .topLink {
	background: transparent  ;
}

#leftNav a{
	display: block;
	padding-left: 15px;
	font-family: Arial, sans-serif;
	font-size: 0.85em;
	color: #164269;
	background: transparent url(../images/themes/default/nav/leftnav_arrow.gif) no-repeat 0px 0px;

}


#leftNav a:hover {
	color: #164269;
	text-decoration: none;
	background: transparent url(../images/themes/default/nav/leftnav_arrow.gif) no-repeat 0px -50px;
}

#leftNav .selected {
	font-family: Arial, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	color: #164269;
	background: transparent url(../images/themes/default/nav/leftnav_arrow.gif) no-repeat 0px -50px;

}

/******** Content Navigation End ********/

/******** Content Heading ********/


#heading {
	display: block;
	width: 900px;
}

#heading .headingbar {
	clear: left;
	display: block;
	background: #2d3239;
	padding: 3px 0 10px 13px;
}

#heading img{
	float: left;
}

#heading h1{
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: Arial, sans-serif ;
	font-size: 1em;
}

#heading h1 span {
	font-weight: normal ;
}

#headingLeftPng {
	background: transparent url(../images/corners/slateTopLeft.png) no-repeat ;
	float: left;
	width: 8px;
	height: 8px;
	font-size: 1px;
}

#headingRightPng {
	background: transparent url(../images/corners/slateTopRight.png) no-repeat ;
	float: left;
	width: 8px;
	height: 8px;
	font-size: 1px;
}

#headingTopSpace {
	float: left;
	width: 884px;
	height: 8px;
	font-size: 1px;
	background: #2d3239;
}

/******** End Content Heading ********/

/******** Related Link ********/

.relatedLinkBG1 {
	background: transparent url(../images/relatedlinks/bg_bot.gif) no-repeat right bottom;
	padding: 0 0 20px 0;
	margin: 10px 0 80px 0;
}

.relatedLinkBG2 {
	background: transparent url(../images/relatedlinks/bg_top.gif) no-repeat right top;
	padding: 8px 0 0 0;
}

.relatedLink {
	font-family: Arial, san-serif;
	margin: 10px 0 26px 15px ;
	background: transparent url(../images/relatedlinks/blue.gif) no-repeat 0px 3px;
}

.relatedLink .top {
	margin: 11px 0 0 15px ;
}

.relatedLink a {
	margin: 0;
	color: #808080;
}

.relatedLink a:hover {
	text-decoration: none;
}

.relatedLink h5 {
	margin: 0 0 0 29px;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #6AAFC7;
}

.relatedLink h5 span {
	display: block;
	font-weight: normal;
}

.relatedLink p {
	font-size: 0.75em;
	margin: 4px 0 0 26px;
	padding-right: 15px;
	color: #808080;
}

.relatedLink img {
	margin: 4px 0 0 26px;
}

.relatedLink select {
	margin: 8px 0 0 26px;
	width: 150px;
}

.relatedLinkOver {
	background: transparent url(../images/relatedlinks/blue.gif) no-repeat -350px 3px;
}

.relatedLinkOver p {
	color: #404040;
}


.relatedLinkOver h5 {
	color: #3A7894;
	text-decoration: underline;
	color: #3A7894;
}

.sRelatedLink {
	float: left;
	display: inline;
	font-family: Arial, san-serif;
	font-size: 0.75em;
	color: #808080;
	margin: 23px 22px 0px 0 ;
	background: transparent url(../images/relatedlinks/s_blue.gif) no-repeat 0px -2px;
}

.sRelatedLink a {
	color: #808080;
}

.sRelatedLink a:hover {
	text-decoration: none;
}

.sRelatedLink h5 {
	display: inline;
	margin: 0 0 0 19px;
	font-size: 1em;
	text-transform: uppercase;
	color: #6AAFC7;
}

.sRelatedLink h5 span {
	font-weight: normal;
}

.sRelatedLinkOver {
	background: transparent url(../images/relatedlinks/s_blue.gif) no-repeat 0px -52px;
}

/******** End Related Link ********/

/******** Footer ********/

#footer {
	clear:left;
	text-align: left;
	padding: 0px 14px 0 8px ;
	display: block;
	height: 97px;
	background: transparent url(../images/themes/default/bottombar.gif) no-repeat ;
}

#footer ul {
	list-style-type:none;
	float: left;
	font-family: Arial, sans-serif ;
	font-size: 0.7em;
	margin-top: 22px;
}

#footer li {
	margin-right: 16px;
}

#footer ul li {
	display:inline;
}

#footer ul a {
	padding-left: 8px;
	color: #999999 ;
	background: transparent url(../images/themes/default/nav/footer_arrow.gif) no-repeat 0px 0px;
}

#footer ul a:hover {
	text-decoration:none;
	color: #666666 ;
	background: transparent url(../images/themes/default/nav/footer_arrow.gif) no-repeat 0px -50px;
}

.footerLink {
	float: right;
	text-transform: uppercase;
	font-family: Arial, sans-serif ;
	font-size: 0.7em;
	padding-left: 8px;
	margin-top: 22px;
	color: #999999 ;
	background: transparent url(../images/themes/default/nav/footer_arrow.gif) no-repeat 0px 0px;
}

.footerLink:hover {
	text-decoration:none;
	color: #666666 ;
	background: transparent url(../images/themes/default/nav/footer_arrow.gif) no-repeat 0px -50px;
}

/******** End Footer ********/


/******** Tools ********/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clr {
clear:both;
}

.hidden {
display:none;
}

.block {
display:block;
}

.dotbrdtop {
background:url(../images/dottedbrd.gif) repeat-x;
}

/* Header replacement e.g. <h1 class="replace" id="myh1" >Heading<span></span></h1> */
.replace2{

position:relative; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
font-size:100%;
margin:0;
padding:0;
color:#fff;

} 

.replace { 
	text-indent: -9000px;
} 

/******** End Tools ********/

/**************Added by JHS deals with catalog lists************/

.contentHeading /*Use this class to all content page headers*/
{
	display: block;
	width:300px;

	margin-top: 0px;
	margin-bottom: 5px;  
	BACKGROUND-COLOR: #f2f2f2;
	color: #164269;
	text-transform:none;
	font-family: Arial, sans-serif ;
	font-size: 0.85em;
	font-weight:bold;
	padding:9px;
	background: #f2f2f2 url(../images/themes/default/nav/leftnav_corner.gif) no-repeat right bottom;
	
	
}

.catalogHeading /*Use this class to all catalog page headers i.e products pages*/
{
	display: block;
	width:95%;
	BACKGROUND-COLOR: #f2f2f2;
	color: #164269;
	text-transform:none;
	font-family: Arial, sans-serif ;
	font-size: 12px;
	letter-spacing:0.5px;
	padding:9px;
	/*background: #f2f2f2 url(../images/themes/default/nav/leftnav_corner.gif) no-repeat right bottom;*/
}
.itemCell{
	background: transparent url(../images/themes/default/nav/catalogItems_bg.GIF) repeat-x top;
	padding: 0 0 0 5px;
}
.formCell
{
	padding: 0 0 0 9px;
	font-family: Arial, sans-serif ;
	font-size: 12px;
	color: #164269;
}

.formFieldClass
{
	padding: 0 0 3px 9px;
	font-family: Arial, sans-serif ;
	font-size: 12px;
	

}

.basket {

	font-family: Verdana, sans-serif ;
	font-size:10px;
	color: #000000;
	
}

.breadText {

	font-family: Arial, sans-serif ;
	font-size:12px;
	color: #164269;
}

.basketTotal{
	
	border-top: solid 1px #2d3239;
	border-bottom: solid 1px #2d3239;
	
	background: #f2f2f2;
	
	white-space:nowrap;
	text-align:left;
	
	font-family: Verdana, sans-serif ;
	font-size:10px;
	color: #000000;
	
	
}

.basketBottom{


	background: #2d3239;
	border-top: solid 3px #ffffff;
	
	white-space:nowrap;
	text-align:left;
	
	font-family: Verdana, sans-serif ;
	font-size:11px;
	
	color: #ffffff;
	
	
}


/* NEW */

#normalText, #largeText, #textSizeDivider {
	float: left;
}

#normalText a {
	background: transparent url(../../images/themes/default/text_size/normalText.gif) no-repeat 0px -2px;
}

#normalText a:hover {
	background: transparent url(../../images/themes/default/text_size/normalText.gif) no-repeat 0px -52px;
}
#textSizeButtons {
	float: left;
	margin: 16px 14px 0 0 ;
}

