﻿html,body{margin:0;padding:0; }
body, .forms td {font: 76% arial,sans-serif;}

#central 
	{
		position: absolute;
		left: 50%;
		top: 0;
		width: 780px;
		margin: 0;
		margin-left: -390px;
		padding: 0;
	}	

a{color: #005478}
a:visited{ color: #005478;}
a:hover{ color:#006;}

div#header{background-color: #FBFDFC;}
div#footer{background: #c7dae1; color: #006790; text-align:center;}
div#footer p{margin:0;padding:5px 10px}
div#footer a{padding:4px;color: #006790;}
div#wrapper{float:right;margin-left:-223px; width:100%;}
div#content
{
	line-height:1.4;
	margin-left:223px; 
	padding:5px;
	padding-left:10px;
	padding-top:10px;
	background-image: url(images/LeftMainScreenEdge.jpg);
	background-repeat: no-repeat;
	
	
	
	}
	
	div#contentbackoffice { height: 600px; clear:both; padding:4px;}
	
	
	
	div#content img { padding: 2px;}
	
div#contentprint{}
div#navigation{margin-top:0px; float:left;width:223px }
div#extra{float:left;width:140px; margin:10px; margin-left:5px; padding:0px; }
div#footer{clear:both;width:100%}

.ddcountry { width: 159px; background-color:#e6eff4; color:#005478; margin-left:1px }

div#logoright{
	margin:0;
	padding:0;
	margin-left:223px;
	height: 108px;
	background-color: #FBFDFC;
	background-image: url(images/Right_Header_JC.jpg);
	background-repeat: no-repeat;
	background-position: right;}
	
div#logos
{
	
	float:left;
	background-color: #FBFDFC;
	margin-top: 10px;
}

div#logos p
{
	 color:#47938a;
	 font-weight:bold;
	 font-size:2em;
	 	margin: 0px;
	 	margin-bottom:2px;
	 
}


div#logotop
{
float:left
}
div#imageholder
{
float:left
}
div#textholder
{
margin-top: 13px;
}
div#minic
{
margin-top: 0px;
float:left;
margin-left: 20px;
}

.introbox, .WelcomeFormView
{
border: 0.1em solid #006790;
 background-color:#f3f5fa;
 padding-left: 4px;	
}

.WelcomeFormView{ background-color:White;}


.cartintrobox, .productbox, .boxproduct
{
	border: 0.1em solid #006790;
	background-color:#f3f5fa;
	
}

.productbox
{
width:100%;
}

.productbox th { color:#006790;}
.productbox td {}

.clear { clear:both}


.boxproduct
{
	height:450px;
}

.producttop
{
	padding-top:4px;
	height:77px;
	clear:both;
	text-align:justify;
	padding-right: 2px;
	

}

.productbottom
{
	height: 120px;
}



.introtext, .introtextb
{
	font-weight:bold;
	background-color: #006790;
	background-image: url(images/rightcorner.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:White;
	
}

#cartitems
{
	padding-left:12px;
	float:left;
	color:#006790;	
}



.cartintrotext, .producttext
{
	background-color: #006790;
}
.cartintrotext { width:100.1%}

.cartintrotext a, .producttext a, .introtext a{color: white; font-weight:bold; padding-left:5px;  text-decoration:none}
.cartintrotext a:visited, .producttext a:visited, .introtext a:visited{ color: white;}
.cartintrotext a:hover, .producttext a:hover, .introtext a:hover{ color:yellow;}


.introtextb{background-image: url(images/rightcornerb.gif);}

.introleft, .introleftb 
{
	float:left; 
	background-image: url(images/leftcorner.gif);  
	width: 10px; 
	margin:0; 
	padding:0; 
	background-repeat:no-repeat;
	
	}
	

	
	
.introleftb {background-image: url(images/leftcornerb.gif);}


	
.leftbox
{

 width: 206px;
 margin-left: 7px;
 
	
}

div#leftboxcontent, div#leftboxcontentmessage, div#leftboxYourtools, .mainboxcontent
{
	 border: 0.1em solid #006790;
	
	  padding:2px;
	  margin-bottom:10px;
}


div#cartboxcontent
{
	border: 0.1em solid #006790;
	padding:2px;
	margin-bottom:10px;
	clear:both;
	height:30px;
}

.leftboxcontentbackoffice
{

 padding-bottom:3px;
 font-weight:bold;
 clear:both;
}


div#leftboxYourtools
{
	padding-top: 8px;
}

.leftboxcontentmessage
{
	
	font-weight:bold;
	color:Red;
}

div#tools{ float:left}

.loggedin
{


	
 	
}

div#headertools
{
	float:right;
	font-weight:bold; 
	margin-right:5px; 
	margin-top:5px;

	color:#005478;
	
}





	
div#topnav
{
	margin:0; 
	padding:0; 
	margin-left:0px;  
	text-align:center; 
	position:relative;  
	line-height:1.4;
	background-color: #f2f8f8;
	background-image: url(images/headerbg.gif);
	background-repeat: repeat;
	height:24px;
	
	 }
div#bottomnav
{
	margin:0; 
	padding:0;
	padding-top:0px; 
	padding-bottom:0px;
	margin-left:10px;
	background-color:#f2f8f8;
	background-image: url(images/TopNavigation.jpg);
	background-repeat: repeat;	
	height:24px;
	}
	
	div#bottomnavbackoffice
{
	margin:0; 
	padding:0;
	background-color:#f2f8f8;
	background-image: url(images/TopNavigation.jpg);
	background-repeat: repeat;	
	height:24px;
	}
	
.toolbox
{
	margin:0;
	padding:0;
	background-color:Red;
	clear:right;
	text-align:center;
	
}
div#breadcrumbs{padding:0; margin:0;  float:left;  padding-left: 2px; font-weight:bold; position:relative;  }
div#login{font-weight:bold; margin-left:4px; position:relative; float:left;}

#breadcrumbs a{font-weight:bold;  color:#000000}
#breadcrumbs a:hover{font-weight:bold; color:#005478;}

#extra a{font-weight:bold;  color:#000000;}
#extra a:hover{font-weight:bold; color:#39a684;}

#extra ul { margin:0; padding:0; padding-left:2px;}
#extra h4 
{
	padding:0;
	 margin:0; 
	 color:#003366; 
	 width:100%; 
	  }

div#left
{
	float:left;
	clear:left;
	width:223px; 
	background-image: url(images/NavBack.jpg);
	background-repeat:repeat-x;
	height: 835px;
	background-color: #c7dae1;
	}

#topnav a{ padding:10px; font-weight:bold; text-decoration:none; color:#000000}
#topnav a:visited{ font-weight:bold;}
#topnav a:hover{ color:#005478;}

.lefttopnav {font-weight:bold; float:left; margin-left:4px; }
.righttopnav{font-weight:bold; float:right; margin-right:2px;}

#navigation {padding-top: 70px;}

#welcome{position:relative; width:100%;}
#bottom {margin-top: 10px; width: 100%; float:left; text-align:center}
#tableboxes{margin-top: 10px;}
#tableboxes td {border: 0.1em solid #003366; padding: 4px;}

.panelform {float: right}
.request{ background-color: #003366; color:white}
.bold{ font-weight: bold}

#placeholders img { }
#placeholders h4 { padding:0; margin:0; color:#003366;}
#placeholders ul {padding:0; margin:0;}

#content h4, #contentprint h4 {padding:0; margin:0; color:#003366; }
.SearchHighlight {background-color: #39a684; }
.lnknewsletter{font-weight:bold}


#leftTEF {}
#rephcleftform{}
#rightTEF {background-color: #f0f5fa; font-weight:bold; border: solid 4px #077db0; border-right: solid 10px #077db0; width:200px;}
#rightTEF h3 {color: #009966; font-size: 15px; text-align:center}
#questions td {font-weight:bold}
#Lbltitle{color: #009966; font-size: 15px; text-align:center;  margin-top:5px; font-weight:bold }
#newssummary{margin-top:5px;}
/*#############################################################
special*/
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
.RedFont {color:Red}
.subitem {padding-left: 10px;}
.sitemap {list-style-type:none}
.tdindexbox {}

.left {float:left; margin:0; padding:0}
.right {float:right; margin:0; padding:0; }

.cartitemsright {float:right; margin:4px;   }



.productimageholder
{ 
	width:310px;
	float:left;
    vertical-align:middle;
    height: 242px; 
    margin-top: 2px;
}

.productimage{ float: left;
			margin:  0 2px 2px 2px;
			clear: left;

/*	width:300px;*/

			}

.productsright
{
	
	
	
	}
.ProductObjects, .CheckoutObjects
{	
	
	width:275px;
	float:right;
	
	
		 
	
}

.productboxleft
{ 
	width:70%;
	text-align:justify;
	float:left;
	
}

hr { color:#c0d3fb;}

#CheckoutObjects
{
	width:205px;
	
}

.productleft, .checkoutleft 
{
	float:left;
	font-weight:bold;
	background-color: #c0d3fb;
	width:73px;
	float:left;
	margin:0.1em;
	padding-right:2px;
	height: 24px;
	padding-top:8px;
	padding-left: 2px;
	 }
	 .checkoutleft {width:93px}
.productright, .productcart, .productcartListing, .checkoutright 
	{
	float:right;
	background-color: #c7dae1; 
	width:190px;
	margin:0.1em;
	padding-left:3px;
	height: 24px;
	padding-top:8px; 

	}
	
	.productcartListing
	{background-color: #c0d3fb;
		}
	
	 .checkoutright
	 {
		width:100px;
		text-align:right;
	 }
.productcartListing
{
	padding-top:1px; height: 30px; background-color:#c7dae1; 
	
}

.productcart
{
	padding-top:3px; height: 29px;
	
}

.carttxtbox { background-color: #c0d3fb; height:15px; padding:2px; width:30px; font-weight:bold; margin-right:4px; }
	
.littleimages
{
	float:left;
	width:9px;
	margin:0;
	padding:0;
	padding-right:4px;
}

.lilimg
{
	padding:0;
	margin:0;
	float:left;
	margin-bottom: 1px;
}

.strong{ font-weight:bold}

#content h1, #contentprint h1 {padding:0; margin:0; font-size:14pt; color:#003366;}
#content h2, #contentprint h2 {padding:0; margin:0; font-size:12pt; color:#003366;}
#content h3, #contentprint h3 {padding:0; margin:0; font-size:10pt; color:#003366;}
#content h4, #contentprint h4 {padding:0; margin:0; font-size:8pt; color:#003366;}



.comboTable
{
  width: 400px;  
}
.comboTable TD
{
    background-image: url(Images/rowBg.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}
.comboItem
{
    padding-left: 10px;
    padding-bottom: 5px;
}

.LongDescription
{
	margin-top: 5px;
}

.LongDescription img {padding: 2px;}


.FeaturedListHeader, .ProductHeader
{
	height:20px;	
	background-color:#c0d3fb;
	font-weight:bold;
	padding: 0 2px 2px 10px;
	padding-top:3px;
	color:#000;
	text-align:left;
	}
.Featuredbox
{
	margin-top:3px;
	
	
}

.DLFeature {text-align:center;}

.lblnoitems { font-weight:bold;}


#FeaturedProducts { margin-top:10px; Width:100%; }
.smallfeaturebox {width:98%;  margin:4px; border: 0.1em solid #006790;  }

.featureboxheader { font-weight:bold; background-color: #c0d3fb; height:25px; padding-top:4px; vertical-align:middle; }
.featureboximage {width:74px; float:left;  }
.featureboxprice {text-align:left; width:58px; float:left;  padding-left: 2px;}

.featureboxdescription {text-align:justify; padding:3px;  height:110px;  }



.featurefooter {font-weight:bold; background-color: #c0d3fb; height:20px; margin-top:5px; padding-top:3px; clear:both; text-align:center}
.featuretools {  float:right; padding-right:10px; }

.EnlargeImage { clear:left}

.RCBCartItemsDiv { width: 360px;background-color: #c0d3fb; }

#searchproductleft {
float: left;
width: 55%;
}

#searchproductright {
float: right;
width: 45%;
}
.Featuremage
{
	padding-top:5px;
}

.litdescription
{
padding:2px;
text-align:justify;
font-weight:bold;
clear:both;

}

.largedescription
{
	 text-align:justify;
	 clear:both; 
	 padding:4px;
	 border-top: 0.1em dotted #006790; 
}


.CartImage
{
	padding-right:5px;
	padding-left:0px;
	padding-top:2px;
	float:left;
	
}

.ProductListingImage
{
		padding:2px;
	
}

#searchproductrightlower {
float: right;
width: 100px;
height: 100px;
vertical-align:bottom;
}

.Hidden { display:none}
.HiddenPanel { width:100%; line-height:23px; margin-top:10px; padding: 0 0 0 0; text-align:center;}
.cattitle{ font-weight:bold}
.HLCategory{ font-weight:bold; padding:2px;}
.addtocartbutton { cursor:pointer }
.pnlitems {font-weight:bold; padding:2px; float:right; clear:both  }

.pnltotal {font-weight:bold; padding:2px; float:right; margin-right:0px;  }
.handbag, .moneybag, .final, .savedetails {background-color:#e6eff4; color:#005478; float:right; background-image: url(images/handbag.jpg); background-repeat:no-repeat; height:38px; font-weight:bold; background-position:right; width:180px; text-align:left; cursor:pointer;padding-left:2px; margin-top:6px; }

.MultipageWrapper 
{
	background-color:#dbe9ec;
	background-image: url(images/TopNavigation.jpg);
	background-repeat:repeat-x;
	padding-left: 4px;
	border: 0.1em solid #006790;
	}
.moneybag {background-image: url(images/CashMachine.jpg); margin-right: 8px;}
.final{background-image: url(icons/MarkAsFinal.gif);  width:240px; margin-bottom: 10px;}
.savedetails {background-image: url(icons/Save.gif); margin-right: 10px;  width:150px;}

#steps {width:100%; font-weight:bold; height:30px; text-align:center;}

.thisstep { padding-top:5px;height:20px; width: 33.3%; background-color: #005478; color:#e6eff4; float:left;}
.nextstep { padding-top:5px;height:20px; width: 33.3%; background-color:#e6eff4; float:left; color:Gray;}
.previousstep { padding-top:5px; height:20px; width: 33.3%; background-color:#e6eff4; color:Gray; float:left;}



.previousstep a{text-decoration:none;}



#billing, #payment {width:100%;  color:#e6eff4; margin-top:4px; }

.billingleft, .paymentleft{float:left; border:dotted 1px #e6eff4;  width:47%; background-color:#e1eaef; margin-left:0px;}
.billingright, .paymentright{float:right; width:47%; border:dotted 1px #e6eff4;  background-color:#e1eaef; margin-right:0px;}


#billing h3, #payment h3 { text-align:center; font-size:120% }




.BillingObjects
{	
	margin:0 0 0 2px;
	width:100%;
	float:left; 
	padding-bottom:4px;
	color:#005478;

}

.BillingObjectleft, .PaymentObjectleft  
{
	float:left;
	
	background-color: #c0d3fb;
	clear:both; 
	width:30%;
	text-align:left;
	margin:0.1em;
	margin-left:0;
	
	height: 24px;
	padding-top:8px;
	color:#005478;
	 }
.BillingObjectright, .PaymentObjectright
	{
	float:right;
	margin:0; 
	background-color: #c7dae1; 

	width:68%;
	margin:0.1em;
	
	height: 24px;
	padding-top:4px; 
	padding-bottom:4px;
	}
	
	.PaymentObjectleft { width: 34%;}
	.PaymentObjectright {width: 64%;}
	
	.PaymentObjectright input {background-color:#e6eff4; color:#005478; width:90%;}
	

.BillingObjectright input {background-color:#e6eff4; color:#005478; width:88%; }
.BillingObjectleft input,  .dropdownCC {background-color:#e6eff4; color:#005478; width:88%;  }
.dropdownCC {width: 40px; background-color:#e6eff4; color:#005478; }

.dropdown { background-color:#e6eff4; color:#005478; }

 input.emailinput {width: 88%; }
.DeliveryCheck {color:#005478;}
.LoginTitles { display:none}
.LoginTitle {background-color:#507CD1; font-weight:bold; color:White; text-align:left; padding:2px; width:416px; margin-top: 4px }
#Billingitems { margin-top: 8px; margin-left: 8px;}
#discount {margin-top: 2px; background-color:#e6eff4;  padding:1px; font-weight:bold; clear:both; margin-right:2px;} 
#discount input {width:20%}
.error{ font-weight:bold; color:Red;}
.red {font-weight:bold; color:Red;}
.blue {font-weight:bold; color:Blue;}
.green {font-weight:bold; color:Green;}
.summarytext{color:Black}

#itemsordered h3{ padding-top:2px; }
.ordereditems { clear:both; color:black; margin: 8px; background-color:#e6eff4;}
.pnlerror { background-color:#c0d3fb; border:dotted thin #e6eff4; padding:4px; margin-top:4px; font-size:110%}
.generalmessage {background-color:#c0d3fb; margin:8px;  border:dotted thin #e6eff4; font-weight:bold; padding:2px; width:95%; }
div#companydetails { clear:both; width:100%}
#companydetails img { float:right;}
#printdiv {float:left; padding-left:8px;}
.pointer { cursor:pointer }



