@charset "utf-8";
/*=================================
 		Title:BestPrinting Online
		Date:11.12.09              
=================================*/
body {
	font-family     : Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-align      : center;
	background      :#7FB3D2 url(/skin/NewBlue/images/bg.gif) repeat-x left top;
	
	/* Added by Ken */
	font-size: 90%;
	line-height: 130%;
	color: #666666;
	
}

.left *, .header *, .right * {
	margin          : 0;
	padding         : 0;
	outline-style   : none;
	outline-width   : 0;
}

img,fieldset {
	border          : none;
}
.navigationArea ul,.navigationArea ol,.navigationArea li {
	list-style      : none;
}
.sideTop ul,.sideTop ol,.sideTop li {
	list-style      : none;
}
.sideBottom ul,.sideBottom ol,.sideBottom li {
	list-style      : none;
}
/* input, textarea, select {
	font-family     : Arial;
	font-size       : inherit;
	font-weight     : inherit;
} */
a {
	text-decoration : none;
}
a:hover {
	text-decoration : underline;
}
.hide, a small {
    position        : absolute;
    left            : -9999px;
}


/* Generic formatting for links and stuff by Ken */



table {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 140%;
	color: #666666;
	}
	
.zmainBody {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 130%;
	color: #666666;
	}
	
z {
	padding-top		: 0em;
	padding-bottom	: .9em;
}

.customerMenu {
	text-align:center;
}

.customerMenu a{
	font-size:12px;
}	

h1 { font-size:16px; color:#0067A5;  }
h2 { font-size:14px; color:#0067a5; font-weight:bold;  }
h3 { font-size:12px; color:#0067a5; font-weight:bold;  }

h1.help { font-size:18px; color:#28903A; display:inline; }
h2.help { font-size:12px; color:#0067A5; display:inline; padding-left:20px;  }
h3.help { font-size:12px; color:#0067A5; display:inline; padding-left:20px;  }

.mainBody a, .mainBody a:link, .mainBody a:visited, .mainBody a:hover { color:#0067a5; font-weight:bold; text-decoration:underline }

.mainBody ul {padding-bottom:1em;}


a.bbl { font-weight:900; color:#000000; font-size:15px; text-decoration:none; }
a.bbl:link { font-weight:900; color:#000000; font-size:15px; text-decoration:none; } 
a.bbl:visited { font-weight:900; color:#000000; font-size:15px; text-decoration:none; } 
a.bbl:hover { font-weight:900; color:#000000; font-size:15px; text-decoration:none; }
	
#grayRedMenu { font-weight:bold; color:red; }
#grayRedMenu a { color:#666666; font-weight:bold; text-decoration:none; }
#grayRedMenu a:link { color:#666666; font-weight:bold; text-decoration:none; }
#grayRedMenu a:visited { color:#666666; font-weight:bold; text-decoration:none; }
#grayRedMenu a:hover { color:#666666; font-weight:bold; text-decoration:underline; }

#helpLinks { font-weight:normal; color:red; }
#helpLinks a { color:#666666; font-weight:normal; text-decoration:none; }
#helpLinks a:link { color:#666666; font-weight:normal; text-decoration:none; }
#helpLinks a:visited { color:#666666; font-weight:normal; text-decoration:none; }
#helpLinks a:hover { color:#666666; font-weight:normal; text-decoration:underline; }

#crumbTrail { font-weight:bold; color:red; font-size:10px; }
#crumbTrail a, #crumbTrail a:link, #crumbTrail a:visited { color:#28903A; font-weight:bold; text-decoration:none; }
#crumbTrail a:hover { color:#28903A; font-weight:bold; text-decoration:underline; }

.label1 { font-weight:bold; color:#666666 }

.modalPopupTransparent {  
	background: #ededed;     
	filter: alpha(opacity=65);    
	-moz-opacity: .65;   
	opacity: .65;
	position: absolute;    
	top: 0px;    
	left: 0px;
}

.n1 { position:relative; top:25px; padding-left:5px; }

.redDot { vertical-align:bottom; margin-right:4px; }



/* Page Structure ===================================
------------------- Starts wrapper --------------- */
.wrapper {
	margin:0 auto;
	text-align:left;
	width:972px;
	overflow:hidden;
	background:#fff;
	padding:0 5px 11px;
}
/* --------------- header starts ----------------- */
.header{
	width:972px;
	height:125px;	
}
.logo{
	float:left;
	margin:2px 0;
}
.headerInfo{	
	width:488px;
	float:right;
	margin-top:13px;
	text-align:right;
	border:0px dotted silver;
}

.headerInfo div{
	flozat:right;
	margin-top:20px;
}

.headerInfo strong{	
	font-size:15px;
	color:#c94e62;
	font-style:italic;
	padding-bottom:0px;
	
	zfloat:right;
	margin-top:15px;
	
}
.headerInfo strong b{
	font-size:25px;
	color:#ce1533;
	
}
.headerInfo span{
	display:block;
	font-size:12px;
	color:#0067A5;
	background:url(/skin/NewBlue/images/view.gif) no-repeat left 2px;
	padding:3px 0 3px 17px;
	float:right;
}
.headerInfo span a{
	font-size:12px;
	color:#0067A5;
	padding:0 3px;
	font-weight:bold
}
.navigationArea {
	width:972px;
	background:#0067A5;
	height:30px;
	clear:both;
}
.navigationArea ul{
	float:right;
	background:#60A0C7;
	padding:0 8px;
	border-left:1px solid #fff;
}
.navigationArea ul li{
	float:right;
}
.navigationArea ul li a{
	float:left;
	padding:0 10px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	height:30px;
	line-height:30px;
}
.navigationArea .navigation{
	float:left;
	background:#0067A5;
	height:30px;
	border:none;
}
.navigationArea .navigation li{
	float:left;
	background:url(/skin/NewBlue/images/border.gif) no-repeat left top;
	position:relative;
}
.navigationArea .navigation .first{
	background:none;
}
.navigationArea .navigation li a{
	float:left;
	font-size:12px;
	color:#fff;
	height:30px;
	line-height:30px;
	font-weight:bold;
	padding:0 11px;
	border-bottom:1px solid #fff;
}
.navigationArea li a:hover{
	color:#CD2641;
	color:#dcdcdc;
	text-decoration:none;
}
.navigationArea ul ul{
	padding:0;
	position:absolute;
	left:0;
	border:none;
	top:30px;
	width:125px;
	background:#0067A5;
	visibility:hidden;
	z-index:999;
}
.navigationArea ul ul li a{
	width:103px;
}
.navigationArea .navigation li ul li{
	background:none;
}
.navigationArea  .navigation ul ul{
	left:120px;
	top:0px;
}
/* --------------- mainBody starts -------------- */
.mainBody{
	width:804px;
	overflow:hidden;
	padding:11px 0 0;
	float:right;
}
/* ----------------- left starts --------------- */
.left{
	width:164px;
	float:left;
	padding:11px 0 0;
}
.sideTop,.sideBottom{
	width:154px;
	margin-bottom:11px;
	float:left;
}

.leftNavPanel {
	width:154px;
	margin-bottom:13px;
	float:left;
	font-size:12px;
	line-height:100%;
}

.leftPanelComment {
	margin-top:4px;
	
}

.sideTop h2{
	font-size:14px;
	color:#fff;
	height:24px;
	background:#8BBD03;
	padding-left:10px;
	line-height:24px;
	border-bottom:1px solid #fff;
}
.sidenav{
	padding:5px 0;
	float:left;
	background:#C5DE81;
}
.sidenav li {
	width:154px;
	float:left;
	height:21px;
	position:relative;
}
.sidenav li a{
	color:#005283;
	font-size:14px;
	background:#C5DE81;
	display:block;
	width:144px;
	padding-left:10px;
	line-height:21px;
}
.sidenav li a:hover,.sidenav li .mainfoldericon{
	background:#0067A5;
	text-decoration:none;
	color:#FFFFFF;
}
.sidenav ul{
	position:absolute;
	left:154px;
	top:0px;
	width:154px;
	background:#0067A5;
	z-index:99;
	visibility:hidden;
}
.sidenav ul li{
	background:#0067A5;
	border-bottom:1px solid #fff;
}
.sidenav ul li a{
	display:block;
	background:#0067A5;
	color:#fff;
}
.sidenav ul li a:hover{
	background:#265069;
	text-decoration:none;
	color:#fff;
}
.sideBottom h2{
	background:#FFD325;
	font-size:14px;
	padding-left:10px;
	height:24px;
	line-height:24px;
	color:#0067A5;
	width:144px;
	float:left;
	 border-bottom:1px solid #fff;
}
.sideBottom ul{
	padding:5px 0;
	background:#FFE992;
	float:left;
}
.sideBottom ul li{
	width:154px;
	float:left;
	height:21px;
	overflow:hidden;
}
.sideBottom ul li a{
	background:#FFE992;
	line-height:21px;
	font-size:14px;
	display:block;
	color:#005283;
	padding-left:10px;	
}
.sideBottom ul li a:hover{
	text-decoration:none;
	background:#fff;
}
/* ----------------- right starts --------------- */
.right{
	width:804px;
	float:right;
	overflow:hidden;
	/* background:url(/skin/NewBlue/images/top-bg.gif) repeat-x left top; */
	
}
.topArea{
	width:804px;
	overflow:hidden;
	background:url(/skin/NewBlue/images/side-bg.jpg) no-repeat right top;
}
.topArea dl{
	float:left;
	height:237px;
	overflow:hidden;
}
.topArea dl dd{
	background:url(/skin/NewBlue/images/bottom-bg.gif) no-repeat left bottom;
	float:left;
	width:178px;
	height:200px;
	text-align:center;
}
.topArea dl dd img{	
	margin:0 auto;
}
.productInfo{	
	margin:35px 0 0 24px;
	float:left;
	width:240px;
}
.productInfo img{
	margin-left:11px;
}
.productInfo a{
	margin-top:-8px;
	overflow:hidden;
	float:left
}
.productInfo a img{
	margin-left:0;
}
.productList {
	width:813px;
	margin:7px -9px 0 0;
}
.productList dd{
	width:262px;
	width:260px;
	height:162px;
	float:left;
	background:#7FB3D2;
	background:#fff;
	position:relative;
	margin:0 9px 9px 0;
	border:1px solid #7FB3D2;
	
	display:inline;
}
.productList div{
	width:262px;
	width:260px;
	height:162px;
	float:left;
	background:#7FB3D2;
	background:#fff;
	position:relative;
	margin:0 9px 9px 0;
	border:1px solid #7FB3D2;
	
}

.productList dd img{
	float:left;
	margin-left:6px;
	margin-top:6px;
}

.productList div img{
	float:left;
	margin-left:6px;
	margin-top:6px;
}

.productList h2{	
	width:252px;
	width:250px;
	height:25px;
	line-height:25px;
	padding-left:10px;
	background:#0067A5;
	color:#fff;
	border-bottom:1px solid #fff;
	font-size:14px;
	
}
.productList a{
	position:absolute;
	right:3px;
	bottom:9px;
}
.testimonials h2{	
	width:804px;
	float:left;
	margin:0 0 -2px 8px;
	font-family:"Trebuchet MS";
	display:inline;
}
*+ html .testimonials{
	margin-top:12px;
}
.testimonials span{
	float:left;
	color:#333333;
	font-size:17px;
}
.testimonials h2 a{	
	float:right;
	color:#0067A5;
	font-size:12px;
	margin-right:18px;
	text-transform:uppercase;	
}
.testimonialText{
	background:url(/skin/NewBlue/images/testimonials-border.gif) repeat-y;	   
	width:804px;
	float:left;
	overflow:hidden;
}
.testimonialText div{
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 	
	background:url(/skin/NewBlue/images/bottom-part.gif) no-repeat left bottom;
	width:804px;
	padding-bottom:3px;
}
.testimonials p{
	background:url(/skin/NewBlue/images/top-side.gif) no-repeat left top;
	padding:23px 18px 27px;
	width:772px;
	font-size:11px;
}
.testimonials strong{
	display:block;
	font-size:11px;
	font-style:italic;
	margin:0px 0 0 67px;
}
.testimonials strong b{	
	font-weight:normal;
}
.testimonials strong a{
	color:#373737;
}
.bottomArea{
	clear:both;
	width:815px;
	overflow:hidden;
}
.bottomArea dl{
	background:url(/skin/NewBlue/images/border-bg.gif) repeat-y 263px 0;
	overflow:hidden;
	color:#000;
	width:815px;
	margin:27px -11px 22px 0;
}
.bottomArea dl dd{
	width:262px;
	margin-right:9px;
	float:left;
}
.bottomArea dd h2{
	font-size:11px;
	color:#0067B4;
	padding-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}
.bottomArea p{
	font-size:12px;
	color:#666666;
	line-height:14px;
	width:250px;
}
.bottomArea p a{
	color:#0067B4;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}	
/* ----------------- footer starts --------------- */
.footer{
	padding:0 5px;
	width:972px;
}
.footer p{
	color:#FF3A00;
	font-size:13px;
	float:right;
	width:804px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:20px;
}
.footer p a{
	color:#666666;
	font-weight:bold;
	font-size:13px;
}
.footer p span{
	display:block;
	color:#666;
	margin-top:19px;
	font-size:12px;
	font-weight:normal;
}


.desc 
{
    font-size:10px;
    font-weight:bold;
    font-family:Verdana;
}

.tooltip {
	display:none;
	font-family:Tahoma;
	font-size:12px;
	border:1px solid silver;
	background-color:#ffffa8;
	padding:5px;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
    max-width:250px;
    text-align:left;
}

.UPS_Rates 
{
    color:#000000;
    
}

.UPS_Rates td 
{
    padding:2px
    
}

.UPS_Rates thead td
{
    font-weight:bold;
    
}


.Total_Panel
{
    width:330px; 
    background-color:#fff795; 
    border:1px solid silver; 
    color:black; 
    font-size:14px; 
    margin-top:8px; 
    margin-bottom:8px; margin:8 auto; 
    line-height:110%
}

.Total_Panel td
{
     text-align:right;
}

#DocThumb {
	border-left:1px solid #ededed;
	border-top:1px solid #ededed;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.DocThumb {
	border-left:1px solid #ededed;
	border-top:1px solid #ededed;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.storefront_docfill_errormessage 
{
    color:Red;
    font-weight:bold;
    padding-left:10px;
}