@charset "utf-8";
html{


	background-attachment: fixed;
/* background-image: url(images/layout/bkg_btmgradient.gif); */
background-image: url(images/layout/bkg_blue.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
/* background: url(images/layout/bkg_circles.gif) top center no-repeat; */

}

#wrapper{

	/* background: url(images/layout/bodybkg.gif) top repeat-x; */
}

/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
.oneColElsCtrHdr #container {
/*	width: 46em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	width: 780px;
	 /* background: #FFFFFF; */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
/*	border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color:#FFFFFF;
			border-right: 1px solid #a4baca;
		border-left: 1px solid #a4baca;
			/*	border-bottom: 1px solid #FACFD5; */
							border-bottom: 1px solid #a4baca;
}
.oneColElsCtrHdr #header { 
/*	background: #DDDDDD; */
	padding: 0;
	/*padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	font-size: 1.1em;
	
} 
.oneColElsCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColElsCtrHdr #mainContent {
 clear: both; 
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(images/layout/content_shadow_red.gif) top repeat-x;
		border-top: 1px solid #F38896;
	/*background: #FFFFFF;*/
	font-size: 1.2em;
/*	border: solid 1px #0033FF; */

}

#mainContent.home{
	background: none; 
	border-top-color: #7F9EB5;
	/*	border-top: none; */
}

.oneColElsCtrHdr #footer { 
	width: 740px;
margin-top: 55px;
/* color: #FFFFFF; */
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	font-size: 1.1em;



	
	
		float: left;
		

	
} 

#footer img {
border: none;	
}
.oneColElsCtrHdr #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0 11px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

#footer #footer-main{
	float: left;
	
	background: url(images/layout/footer_bkg.gif) top left no-repeat;
	width: 72%;
		padding: 55px 0 0 0;
}

#footer #footer-main p{
	text-align: right;
		color: #386385;
}


#footer #footer-side{
	float: right;
	width: 157px;
	color: #666;
}

#footer em{
		color: #e5051b;
		font-weight: bold;
		font-style: normal;
}



/* =====horzMenu==== */



 ul.horzMenu {
	list-style: none;
	margin: 0;
	padding: 0;
	width:auto;
	display: block;
} 


ul.horzMenu li {
	text-align: center;
	float: left; 
} 

  ul.horzMenu a{
	display: block;

} 

/* END HorzMenu */


#mainlogo{
	float:left;
	clear:right;
}

#freenumbers{
	float:right;
	clear:right;
}

/* ========================= */
/* ===== productsMenu ====== */

#productsMenu{
	float: left; /* ******************* */
	clear: left; /***************/
/*	margin-right: 0.5em;	/* ******************* */
/* border: solid 1px #0033FF; */
margin-bottom: 10px;

}

#productsMenu li{




	 width: 6.4em;
/*	padding-left: 0.425em; */
	/*	padding-right: 0.425em; */
	padding-top: 10px;

}

#productsMenu a{


	padding-top:62px;
	background-image: url(images/layout/cer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	 width: 6.4em;
	color:#003D6B;
	text-decoration: none;

/* float: left; */
}



#productsMenu #menuRib a{background-image: url(images/layout/rib.gif);}
#productsMenu #menuCer a{background-image: url(images/layout/cert.gif);}
#productsMenu #menuBan a{background-image: url(images/layout/ban.gif);}
#productsMenu #menuPen a{background-image: url(images/layout/pen.gif);}
#productsMenu #menuMed a{background-image: url(images/layout/med.gif);}
#productsMenu #menuPin a{background-image: url(images/layout/pin.gif);}
#productsMenu #menuTro a{background-image: url(images/layout/tro.gif);}
#productsMenu #menuSti a{background-image: url(images/layout/sti.gif);}
#productsMenu #menuGra a{background-image: url(images/layout/grad.gif);}
#productsMenu #menuMis a{background-image: url(images/layout/misc.gif);}
#productsMenu #menuSas a{background-image: url(images/layout/sash.gif);}

#productsMenu a:hover{

		color: #7F9EB5;
}

#productsMenu #menuRib a:hover{background-image: url(images/layout/rib_over.gif);}
#productsMenu #menuCer a:hover{background-image: url(images/layout/cert_over.gif);}
#productsMenu #menuBan a:hover{background-image: url(images/layout/ban_over.gif);}
#productsMenu #menuPen a:hover{background-image: url(images/layout/pen_over.gif);}
#productsMenu #menuMed a:hover{background-image: url(images/layout/med_over.gif);}
#productsMenu #menuPin a:hover{background-image: url(images/layout/pin_over.gif);}
#productsMenu #menuTro a:hover{background-image: url(images/layout/tro_over.gif);}
#productsMenu #menuSti a:hover{background-image: url(images/layout/sti_over.gif);}
#productsMenu #menuGra a:hover{background-image: url(images/layout/grad_over.gif);}
#productsMenu #menuMis a:hover{background-image: url(images/layout/misc_over.gif);}
#productsMenu #menuSas a:hover{background-image: url(images/layout/sash_over.gif);}

div.rib #productsMenu #menuRib a, div.rib #productsMenu #menuRib a:hover{background-image: url(images/layout/rib_sel.gif);	color: #e5051b;}
div.cer #productsMenu #menuCer a, div.cer #productsMenu #menuCer a:hover{background-image: url(images/layout/cert_sel.gif);	color: #e5051b;}
div.ban #productsMenu #menuBan a, div.ban #productsMenu #menuBan a:hover{background-image: url(images/layout/ban_sel.gif);	color: #e5051b;}
div.pen #productsMenu #menuPen a, div.pen #productsMenu #menuPen a:hover{background-image: url(images/layout/pen_sel.gif);	color: #e5051b;}
div.med #productsMenu #menuMed a, div.med #productsMenu #menuMed a:hover{background-image: url(images/layout/med_sel.gif);	color: #e5051b;}
div.pin #productsMenu #menuPin a, div.pin #productsMenu #menuPin a:hover{background-image: url(images/layout/pin_sel.gif);	color: #e5051b;}
div.tro #productsMenu #menuTro a, div.tro #productsMenu #menuTro a:hover{background-image: url(images/layout/tro_sel.gif);	color: #e5051b;}
div.sti #productsMenu #menuSti a, div.sti #productsMenu #menuSti a:hover{background-image: url(images/layout/sti_sel.gif);	color: #e5051b;}
div.gra #productsMenu #menuGra a, div.gra #productsMenu #menuGra a:hover{background-image: url(images/layout/grad_sel.gif);	color: #e5051b;}
div.mis #productsMenu #menuMis a, div.mis #productsMenu #menuMis a:hover{background-image: url(images/layout/misc_sel.gif);	color: #e5051b;}
div.sas #productsMenu #menuSas a, div.sas #productsMenu #menuSas a:hover{background-image: url(images/layout/sash_sel.gif);	color: #e5051b;}

/* END productsMenu */


/* ============================ */
/* ===== productsSubMenu ====== */

#productsSubMenu, #productsSubMenuRight{

	list-style: none;
	margin: 0;
	padding: 0;
	width:auto;
	display: block;




	/* margin-top: 15px; */
	float: left;
	clear: left; 
/*	background-color: #003D6B;		*/

	padding-left: 32px;
	background-image: url(images/layout/submenu_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



#productsSubMenuRight{
background-color: transparent;
padding-left: 0px;
	padding-right: 32px;
	background-image: url(images/layout/submenu2_right.gif);
	background-repeat: no-repeat;
	background-position: right center;
	float:right;
	clear:right;
}



#productsSubMenu li{
text-align: center;
	float: left; 

padding: 5px 32px 3px 2px;
	/* padding:0.3em 2.5em 0 0.4em; */ 
	height: 2.1em;
	line-height: 1.9em;

/* padding: 8px 34px 0 0; */
/* padding: 8px 34px 6px 0; */

	/* padding:0.3em 2.5em 0 0.4em; */ 
	/* height: 2.5em; */
 /* line-height: 5px; */
}

#productsSubMenuRight li{
text-align: center;
	float: left; 
	height: 2.1em;
	line-height: 1.9em;
	background-image: url(images/layout/submenu2_divide.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	padding: 5px 0px 3px 17px;
/* padding:0.3em 0.7em 0 0.7em; */


}

#productsSubMenuRight li.first{
background-image: url(images/layout/submenu2_left.gif);
	background-position: left center;
padding-left: 32px;
}

#productsSubMenuRight li a{
	color: #003D6B;
	}

#productsSubMenuRight li a:hover{
	color: #e5051b;

	}
	
	#productsSubMenuRight li a.sel{
	color: #e5051b;
		text-decoration: none;
	}





/* CERT SUB MENU */

#productsSubMenu li#A4Cert, #productsSubMenu li#A5Cert, #productsSubMenu li#A6Cert, #productsSubMenu li#A7Cert,  #productsSubMenu li#banEcoStd,  #productsSubMenu li#banLar{
	 line-height: 0.95em; 


}

/* */

#productsSubMenu li.twoLine{
	 line-height: 0.95em; 


}


#productsSubMenu li a{
display: block;





	text-decoration: none;
	color: #FFFFFF;	
}

#productsSubMenu li a:hover{
	color: #99B1C4;
}

#productsSubMenu li.subOne{
	background:url(images/layout/submenu_1.gif) right top no-repeat;
	background-color:#003D6B;
}
#productsSubMenu li.subOneLast{ 
	background:url(images/layout/submenu_1_last.gif) right top no-repeat;
}

#productsSubMenu li.subTwo{ 
	background:url(images/layout/submenu_2.gif) right top no-repeat;
	background-color:#19507A;
/* background-color:#003D6B; 1 */
/* background-color:#19507A; 2 */
/* background-color:#336489; 3 */
/* background-color:#4C7797; 4 */
/* background-color:#668BA6; 5 */
/* background-color:#7F9EB5; 6*/
/* background-color:#99B1C4; 7*/

}
#productsSubMenu li.subTwoLast{ 
	background:url(images/layout/submenu_2_last.gif) right top no-repeat;
}

#productsSubMenu li.subThree, #productsSubMenu li.subThreeLast{ 
	background:url(images/layout/submenu_3.gif) right top no-repeat;
	background-color:#336489;
}

#productsSubMenu li.subThreeLast{ 
	background:url(images/layout/submenu_3_last.gif) right top no-repeat;
}

#productsSubMenu li.subFour{ 
	background:url(images/layout/submenu_4.gif) right top no-repeat;
	background-color:#4C7797;
}
#productsSubMenu li.subFourLast{ 
	background:url(images/layout/submenu_4_last.gif) right top no-repeat;
}

#productsSubMenu li.subFive{ 
	background:url(images/layout/submenu_5.gif) right top no-repeat;
	background-color:#668BA6;
}
#productsSubMenu li.subFiveLast{ 
	background:url(images/layout/submenu_5_last.gif) right top no-repeat;
}

#productsSubMenu li.subSix{ 
	background:url(images/layout/submenu_6.gif) right top no-repeat;
	background-color:#7F9EB5;
}
#productsSubMenu li.subSixLast{ 
	background:url(images/layout/submenu_6_last.gif) right top no-repeat;
}


#productsSubMenu.selA6  li.subThree{ 
	background:url(images/layout/submenu_3_sel.gif) right top no-repeat;
	background-color:#7F9EB5;
}

#productsSubMenu.selA6  li.subTwo{ 
	background:url(images/layout/submenu_2_3sel.gif) right top no-repeat;
	background-color:#7F9EB5;
}


#productsSubMenu.sel1  li.subOne{ 
    background:url(images/layout/submenu_1_sel.gif) right top no-repeat;
	background-color: #e5051b;
}

#productsSubMenu.sel1  li.subOneLast, #productsSubMenu.sel2  li.subTwoLast, #productsSubMenu.sel3  li.subThreeLast, #productsSubMenu.sel4  li.subFourLast, #productsSubMenu.sel5  li.subFiveLast, #productsSubMenu.sel6  li.subSixLast{ 
    background:url(images/layout/submenu_last_sel.gif) right top no-repeat;
	background-color: #e5051b;
}

#productsSubMenu.sel1{
	 background:url(images/layout/submenu_1_sel.gif) left top no-repeat; 
}



#productsSubMenu.sel2  li.subTwo{ 
    background:url(images/layout/submenu_2_sel.gif) right top no-repeat;
	background-color: #e5051b;
}

#productsSubMenu.sel2  li.subOne{ 
	 background:url(images/layout/submenu_1_2sel.gif) right top no-repeat; 
}

#productsSubMenu.sel3  li.subThree{ 
    background:url(images/layout/submenu_3_sel.gif) right top no-repeat;
	background-color: #e5051b;
}

#productsSubMenu.sel3  li.subTwo{ 
	 background:url(images/layout/submenu_2_3sel.gif) right top no-repeat; 
}

#productsSubMenu.sel4  li.subFour{ 
    background:url(images/layout/submenu_4_sel.gif) right top no-repeat;
	background-color: #e5051b;
}

#productsSubMenu.sel4  li.subThree{ 
	 background:url(images/layout/submenu_3_4sel.gif) right top no-repeat; 
}

#productsSubMenu.sel5  li.subFive{ 
	 background:url(images/layout/submenu_5_sel.gif) right top no-repeat; 
}

#productsSubMenu.sel5  li.subFour{ 
	 background:url(images/layout/submenu_4_5sel.gif) right top no-repeat; 
}

#productsSubMenu.sel6  li.subSix{ 
    /* If the 6th tab is selected, it is also the LAST tab, see #productsSubMenu.sel6  li.subSixLast for styles */
}

#productsSubMenu.sel6  li.subFive{ 
	 background:url(images/layout/submenu_5_6sel.gif) right top no-repeat; 
}


#productsSubMenu.sel1 li.subOne a:hover, #productsSubMenu.sel2 li.subTwo a:hover, #productsSubMenu.sel3 li.subThree a:hover, #productsSubMenu.sel4 li.subFour a:hover, #productsSubMenu.sel5 li.subFive a:hover, #productsSubMenu.sel6 li.subSix a:hover,
#productsSubMenu.sel1 li.subOneLast a:hover, #productsSubMenu.sel2 li.subTwoLast a:hover, #productsSubMenu.sel3 li.subThreeLast a:hover, #productsSubMenu.sel4 li.subFourLast a:hover, #productsSubMenu.sel5 li.subFiveLast a:hover, #productsSubMenu.sel6 li.subSixLast a:hover{
	color: #FFFFFF;
}


/* END productsSubMenu */
 
 
/* ========================= */ 
/* ===== categoryMenu ====== */
 
#categoryMenu, ul.categoryList{
	/* font-size: 0.92em; */
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	padding-top: 10px; 
	padding-bottom: 8px;
	width: 98%;
	/* border: solid 1px #0033FF; */
/*	border-bottom: 1px solid #FACFD5; /* light red */ 
background-color: #e5051b;
	padding-left:2%;
	background-image: url(images/layout/catmenu_bkg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

ul.categoryList{
	/* font-size: 0.92em; */
	border-bottom: 1px solid #FACFD5;
	background-color: transparent;
	background-image: none;
}

#categoryMenu li, ul.categoryList li{
	text-align: center;
	float: left; 
		background-image: url(images/layout/listbullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding: 0 15px 2px 13px;
}

ul.categoryList li{
		background-image: url(images/layout/listbullet_red.gif);
}

ul.categoryList li{
	width: 15%;
    text-align: left;
}


#categoryMenu li a{
	display: block;

	color: #003D6B;
	color: #FFFFFF;
}

#categoryMenu li a:hover{
	color:#7F9EB5; 
	color: #FACFD5;
}

#categoryMenu li a.sel, .page a.sel{
		color: #e5051b;
		text-decoration:none;
		color: #FACFD5;
}

ul.categoryList li a{
	display: block;

	color: #003D6B;

}

ul.categoryList li a:hover{
	color:#7F9EB5; 
}

ul.categoryList li a.sel{
		color: #e5051b;
		text-decoration:none;
}


.page a.sel{
		color: #e5051b;
		text-decoration:none;
}




/* END categoryMenu */


/* ============================= */
/* ===== ContactOrderMenu ====== */

#contactOrderMenu{
	background:url(images/layout/menumini_tab-left.gif) left bottom no-repeat;
	background-color: #003D6B;
	padding: 0 0 0 2.5em;
	float: right; 
	clear: right; /* *********************** */
	/* border: solid 1px #0033FF; */
}

#contactOrderMenu a{
	padding: 0.4em 1.5em 0.6em 1.5em; 
	color: #ffffff;
}

#contactOrderMenu a:hover{
	color:#7F9EB5; 
}

#contactOrderMenu li#order{
	background:url(images/layout/menumini_tab-right.gif) right bottom no-repeat;
	padding-right:  2.5em;
}

/* END ContactOrderMenu */


#slogan{

	text-align:center;
	height:27px;

	background-image: url(images/layout/slogan.gif);
	background-repeat: no-repeat;
	background-position: center top;
		background-color: #e5051b;

}

#slogan span{display: none;}


.spacer{
clear: both;
}

/* ****************************** */

.twoColLeft{
clear: left;
float: left;
width: 49%;
padding-right: 5px;
text-align: center;
}

.twoColLeft p, .twoColLeft h1, .twoColLeft h2, .twoColLeft h3, .twoColRight p, .twoColRight h1, .twoColRight h2, .twoColRight h3, .twoColRight ul, .twoColLeft ul{
text-align: left;
}

.twoColRight{
	float: right;
	width: 48%;
	padding-bottom: 10px;
	text-align: center;
}

.home .twoColLeft{
width: 400px;
}

.home .twoColRight{

width: 325px;
}



/* =====bredcrumbsu==== */


/*
 ul#breadcrumbs{
 margin:0;
padding: 1em 0 0.6em 0;
	 font-size: 1em;
} 

*/

/*
ul#breadcrumbs li{  */
	/* text-align: center; */
/*	display: inline;
} 
*/
/*
ul#breadcrumbs a{ */
	 /* display: block; */
	/* font-size: 0.85em; */
/* } */




/* ********************************************************************************************************** */
/* *************************** */
/* HEADINGS */

h1{
	padding: 0.5em 0 0.5em 0; 
	margin: 0 0 0 0;
	/* border: solid 1px #0033FF; */
 	color:#003D6B;
	/* font-family: "Futura Md BT", Futura, Verdana, Arial, Helvetica, sans-serif; */
	font-size: 2em;

}



h1 span{
/* font-family: "Futura Bk BT", Futura, Verdana, Arial, Helvetica, sans-serif; */
	font-weight: normal;
	color: #e5051b;
}

h1 span.page{
	font-size: 0.4em;
	}
	
.page{
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color:#003D6B;
	font-weight: normal;

}


h2 {
clear: both;
font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}

h2{
	padding: 0.4em 0 0.2em 0; 
	margin: 0 0 0 0;
	/* border: solid 1px #0033FF; */
 	color:#003D6B;
/*	font-family: "Futura Md BT", Futura, Verdana, Arial, Helvetica, sans-serif; */


}


 h2.prices{
	color: #e5051b;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 0.95em;

 }
 
 h3{
 font-size: 1.3em;
color: #003D6B;
margin: 1em 0 0 0;
padding: 0;
 
 }

a{
 	color:#003D6B;
}


p{

}

ul.list{
	font-size: 0.8em;
	line-height: 1.75em;
	list-style: none;
}

ul.list li{

	background-image: url(images/layout/listbullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 1em;
}



ul.codeList{
		font-size: 0.9em;
		list-style: none;
		line-height: 1.4em;
		
}

ul.codeList li{
/* border-bottom: solid 1px #fde7ea; */

}

ul.codeList span{
	color: #e5051b;
	font-weight: bold;
	padding-left: 1em;
	float: left;
	clear: left;
	width: 6em;
	
}


.cols5 .thumb{
width: 19.3%;
}

.cols4 .thumb{
width: 24%;
}

.certgallery .thumb{
	height: 220px;
	vertical-align: middle;	
}

.thumb.sashcolour{
width: 80px;	
}


.thumb{
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0;
	text-decoration: none;
	text-align: center;
	padding: 2px;
	
}



.ribbons .thumb{
	width: 68px;
	margin-top: 3em;
	position: relative;
}

.thumb img{
	border-style: none;
	
}

.thumb .title{
	color: #003D6B; /* navy */
	font-weight: bold;
	font-size: 0.8em;
display: block;



}

.ribbons .thumb .title{
border: solid 1px #123123;

width: 100%;
position: absolute;
bottom:100%;
left: 0;

}





.thumb .code{
	display: block;
	color: #e5051b; /* red */
	line-height: 1.1em;
}


.thumb .code span{
	font-weight: normal;
	color: #000;
}

.thumb .details{
	 display: block;
	font-size: 0.9em;
	line-height: 1.6em;
}

.thumb .desc{
	 display: block;
	font-size: 0.9em;
	line-height: 1.6em;
	font-style: italic;
}


.feature{

	margin: 0px 5px 10px 5px;
	border-top: 1px solid #FACFD5;
	float: left;
	padding: 5px 20px 5px 20px;
	border-right: 1px solid #FACFD5; /* light red */
	border-left: 1px solid #FACFD5;  /* light red */
	border-bottom: 1px solid #FACFD5; /* light red */
	background-image: url(images/layout/content_shadow.gif);
	background-repeat: repeat-x;
background-position: 0 -15px; 
 text-align: center; 
	
	/*	border-right: 1px solid #FACFD5; */
}

.feature .foot{
clear: left;
text-align: left;
font-size: 0.8em;
/* border: solid 1px #123123; */
}

.feature .ycdi{

}

.thumb table{
width: 100%;
}

.code{
font-weight: bold;
}

table.priceTable{

width:100%;
padding-top: 6px;
padding-bottom: 6px;
}

table.priceTable td{
text-align: center;
padding: 0.3em 0 0.3em 0; 
border-top: solid 1px #f8b7c0;
border-right: solid 1px #f8b7c0;
}

table.priceTable td span{
/*	font-size: 0.75em; */
}

table.priceTable td.min{
	/* font-size: 0.75em; */
}


table.priceTable tr{
width: 100%;
	background:url(images/layout/tablerow.gif) right top repeat-x;
background-color: #fde7ea;

}

table.priceTable tr.header{
	background:url(images/layout/tableheader.gif) right bottom repeat-x;
background-color: #ccd8e1;
border-top: solid 1px #668ba6;
border-right-style: none;


}

table.priceTable tr.subheader{
/* font-size: 0.75em; */

	background:url(images/layout/tablerowdark.gif) right top repeat-x;
background-color: #ccd8e1;
border-top: solid 1px #668ba6;

}

table.priceTable tr.header td{
font-weight: bold;
 	color:#003D6B;
border-top: solid 1px #668ba6;
}

table.priceTable tr.subheader td{
	padding: 6px 0 6px 0;
	border-top: solid 1px #f8b7c0;
	border-right-style: none;
	font-weight: normal;
	font-style: italic;
}

table.priceTable td.col1, table.priceTable td.col1long{
	 	background:url(images/layout/tablerowdark.gif) right top repeat-x;
	border-right: solid 1px #facfd5;
}

table.priceTable td.col1long{
	 	width: 8em;
}

.productInfo{
float: left;
width: 38.6%;
margin: 1em 2px 0 0 ;
padding: 1.5em;
background:url(images/layout/infoboxbkg.gif) right top repeat-x;
}

.priceSec{
	clear: both;
	background-color: #F2F5F7; 
	padding: 5px 10px 15px 10px;
	margin: 20px 0;
	border-top: 1px solid #CEDAE1;
	border-bottom: 1px solid #CEDAE1;
}

/* *********************HOME PAGE ********************* */
#homelinks{

padding-top: 20px;

}

#homelinks p{

margin: 0 20px 0 0px;
}

#homelinks h1 a{
	text-decoration: none;
}

#homelinks h1 a:hover{
	color: #7F9EB5;
}

#homelinks h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
 	color: #003D6B;
/* border: solid 1px black; */

padding: 0;
}

#homelinks div{

	float: left;
	width: 49%;
 /* background-image: url(images/layout/infoboxbkg.gif); */

	
	/* padding: 3px; 
	 background-image: url(images/layout/arrowcorner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;

*/

margin-bottom: 10px;
}

.newRow{
clear: both;
}

/*
#riblink {background-color: #A0B2D6;}
#riblink h1{background-color: #113E99; margin: 0; padding:0.2em;}
#riblink a:hover{color: #113E99;}

#medlink {background-color: #D0ABC9;}
#medlink h1{background-color: #892E79; margin: 0; padding:0.2em;}
#medlink a:hover{color: #892E79;}

#cerlink {background-color: #FEDA9C;}
#cerlink h1{background-color: #FDA307; margin: 0; padding:0.2em;}
#cerlink a:hover{color: #FDA307;}

#barlink {background-color: #BBCFA0;}
#barlink h1{background-color:  #548812; margin: 0; padding:0.2em;}
#barlink a:hover{color: #548812;}

#penlink {background-color: #DDA6A5;}
#penlink h1{background-color: #AB1E1E; margin: 0; padding:0.2em;}
#penlink a:hover{color: #AB1E1E;}

#gralink {background-color: #BBDDF1;}
#gralink h1{background-color: #54AADB; margin: 0; padding:0.2em;}
#gralink a:hover{color: #54AADB;}

#banlink {background-color: #AEE1DE;}
#banlink h1{background-color: #35B3AC; margin: 0; padding:0.2em;}
#banlink a:hover{color: #35B3AC;}

#othlink {background-color: #FCEDAB;}
#othlink h1 {background-color: #F7D32C; margin: 0; padding:0.2em;}
#othlink a:hover {color: #F7D32C;}

*/

/*#homelinks a {
	text-decoration: none;
	display: block;
	
	font-size: 10px;
padding-left: 2px;



}*/

#promoSticker{
margin:0;
padding: 0;
width: 325px;
height:144px;
background: url(images/promos/promo_sti.gif) top left no-repeat;
display: block;
margin-top: 15px;
	border: solid 1px #FFFFFF;
}


a#promoSticker:hover{
background-image: url(images/promos/promo_sti_over.gif);
}

#promoGenSticker{
margin:0;
padding: 0;
width: 325px;
height:144px;
background: url(images/promos/genericstickerpromo.gif) top left no-repeat;
display: block;
margin-top: 15px;
	border: solid 1px #FFFFFF;
}
#promoGreetingCard{
margin:0;
padding: 0;
width: 325px;
height:144px;
background: url(images/promos/promo_greetingcards.gif) top left no-repeat;
display: block;
margin-top: 15px;
	border: solid 1px #FFFFFF;
}

#promoYCDIRibbons{
margin:0;
padding: 0;
width: 325px;
height:198px;
background: url(images/promos/promo_ycdiribbons.gif) top left no-repeat;
display: block;
margin-top: 15px;
	border: solid 1px #FFFFFF;
}

#promoGenCerts{
margin:0;
padding: 0;
width: 325px;
height:179px;
background: url(images/promos/promo_genericcerts.gif) top left no-repeat;
display: block;
margin-top: 15px;
	border: solid 1px #FFFFFF;
}

a#promoGenSticker:hover, a#promoGreetingCard:hover{
	background-position: 0px -144px;
}

#promoSticker p{
padding: 20px 10px 0px 50px;
}

#promoCert{
padding: 0;
margin: 0;
margin-top: 15px;
font-size: 0.9em;
text-decoration: none;
color: #FDEBEC;
	width: 325px;
	height:140px;
	display: block;
	background-image: url(images/promos/images/awards-stickers-2_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: solid 1px #FFFFFF;
}

#promoCert p{
	padding: 85px 5px 0 40px;
}

a#promoCert:hover{
color: #FFFFFF;
}


#promoTitleClearance{
margin:0;
padding: 0;
width: 325px;
height:116px;
background: url(images/promos/promo_titleclearance.gif) top left no-repeat;
display: block;
margin-top: 15px;
	border: solid 1px #FFFFFF;
}


#promoBookStamping{
margin:0;
padding: 0;
width: 380px;
height:192px;
background: url(images/promos/promo_bookstamping.gif) top left no-repeat;
display: block;
margin-top: 15px;
	border: solid 1px #FFFFFF;
	clear: left;
}

#aboutustext{
	width: 50%;
	padding-left: 10%;
	line-height: 1.5em;
}

#aboutustext p{
margin: 0.6em 0;
}

#contactustext{
	padding-left: 10%;
		line-height: 1.5em;
}

.breadcrumbs {
float: left;
padding: 10px;
	background:url(images/layout/tablerowdark.gif) right top repeat-x;
background-color: #FED9DE;
margin-bottom: 30px;
}

.breadcrumbs li {
	background-image: url(images/layout/breadcrumbs_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 15px 16px 15px 6px;
		/*border-bottom: solid 1px #000000;*/
}

.breadcrumbs li.last {
	background: none;
}


/* ========================= */ 
/* ===== Breadcrumbs ====== */
 
ul#breadcrumbs{
font-size: 1.1em;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	
	float: left;
	padding-top: 10px;
 	padding-bottom: 8px;
	width: 100%;
/* border: solid 1px #0033FF; */
	border-bottom: 1px solid #FACFD5; /* light red */
margin-bottom: 30px;
}


#breadcrumbs li{
	text-align: center;
	float: left; 
	background-image: url(images/layout/breadcrumbs_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 15px 2px 13px;
}




#breadcrumbs li a{
	display: block;

	color: #003D6B;
}

#breadcrumbs li a:hover{
	color:#7F9EB5; 
}

#breadcrumbs li.last{
	color: #e5051b;
	text-decoration:none;
	background-image: none;
	font-weight: bold;
}



/* END breadcrumbs */



/* ***** LAYOUT */
/* ***** With Compliments */

#mainContent.withComp .pricesContent{
	float: right;
	padding-left: 18px;
	width: 255px;
	background-image: url(images/layout/divider.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#mainContent.withComp .main{
	float: left;
	padding-right: 5px;
	/* text-align: center; */
	
	/* width: 60%; */
	width: 450px;

}

#mainContent.withComp .pricesContent .priceTable{
width: 100%;
}

/* ***** */
/* ***** LAYOUT */
/* ***** Document Folders */

#mainContent.docFol .pricesContent{
	float: right;
	padding-left: 18px;
	width: 255px;
	background-image: url(images/layout/divider.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#mainContent.docFol .main{
	float: left;
	padding-right: 5px;
	/* text-align: center; */
	
	/* width: 60%; */
	width: 450px;

}

#mainContent.docFol .priceTable{
width: 50%;
}

/* ***** */
/* ***** LAYOUT */
/* ***** Metallic Stickers */


#mainContent.metallicStickers #generic, #mainContent.pinsBadges #pins{
	float: left;
	width: 48.5%;
	 border-right: 1px solid #CCC; 
	  padding-right: 8px;
}

#mainContent.metallicStickers #custom, #mainContent.pinsBadges #titles{
	float: right;
	 width: 48.5%;
/* border-left: 1px solid #CCC; */
 padding-left: 8px;
	
}

/* ***** */


.trodetail .twoColRight{
	width: 33%;
}

.trodetail .twoColLeft{
	width: 66%;
}

.back{


padding-top: 10px;



	border-top: 1px solid #FACFD5; /* light red */
margin-top: 30px;
text-align: right;

}

.back a{
padding-left: 15px;
	background-image: url(images/layout/arrow_back.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.thumb .comment{
	display: block;
	font-style:italic;
	text-align: left;
}
.examples img{
padding: 10px;
}

.formsent{
margin-top: 20px;
background-color: #ffe4e7;
border: solid 7px #fbc6ce;
padding: 12px;
}
.formsent h1{
padding: 0;
margin: 0;
}

.centrebadgepic{
	float: none;	
}

.cloud .tag1 { font-size: 1.1em; font-weight: 500; color: #4C7797;}
.cloud .tag2 { font-size: 1.2em; font-weight: 600; color: #336489;}
.cloud .tag3 { font-size: 1.3em; font-weight: 600; color: #19507A;}
.cloud .tag4 { font-size: 1.4em; font-weight: 800; color: #999;}

/* background-color:#003D6B; 1 */
/* background-color:#19507A; 2 */
/* background-color:#336489; 3 */
/* background-color:#4C7797; 4 */
/* background-color:#668BA6; 5 */
/* background-color:#7F9EB5; 6*/
/* background-color:#99B1C4; 7*/

.titlebadgeCol{
	font-weight: bold;
	text-transform: uppercase;
	width: 120px;
	
}

.titlebadgetable{
	margin-top: 20px;
	font-weight: bold;	
		border-top: 1px solid #999;
	border-right: 1px solid #999;
}

.titlebadgetable .header td{
	padding: 5px 0;
}

.titlebadgetable .header em{
	display: block;
	font-weight: normal;
}

.titlebadgetable td{
	text-align: center;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

.titlebadgetable .blueheader{background-color: #03C; color:#EFE41F;}
.titlebadgetable .greenheader{background-color: #090; color:#EFE41F;}
.titlebadgetable .redheader{
	background-color: #F00;
	color:#EFE41F;
}
.titlebadgetable .whiteheader{background-color: #FFF; color:#B7AE0D;}
.titlebadgetable .yellowheader{
	background-color: #FF0;
	color:#B7AE0D;
}


a.popupimage img{
		border: none;
}