/*
*	-----------------------------------------------
*	Client: Verbatim USA
*	Function: Screen CSS definitions.
*	Author:   Justin Johnson | jjohnson@edreamz.com
*	Modified:  April, 2007
*	Copyright: Copyright (C) 2007 E-dreamz, Inc. 
*	----------------------------------------------- 
*/

/*-----HTML Tags-----*/
body{
	color: #666;
	font-family: Arial,Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0; 
	padding: 0;
}

a{outline: none; text-decoration: none;}
a:hover{text-decoration: underline;}

.int-left h2{font-size: 20px; color: #0018A8; margin: 0 0 15px 0; padding: 8px 0 3px 0; border-bottom: 2px solid #ccc; width: 664px;}
.int-left h3{color: #0018a8; font-size: 14px; margin: 0; padding: 0;}

.int-full {margin: 0 0 0 15px; padding: 8px 0 3px 0; width: 915px;}
.int-full h2{font-size: 20px; color: #0018A8; margin: 0 0 15px 0; padding: 8px 0 3px 0; border-bottom: 2px solid #ccc; width: 880px;}

.faq h3{color: #0018a8; font-size: 14px; margin: 0; padding: 0;}
.faq h4{color: #0018a8; font-size: 12px; font-weight: bold; margin: 40px 0 15px 0; padding: 0;}
.faq p, .faq td, .faq li, .faq div {color: #444; font-family: Arial,Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0;}

/*------Classes-----*/

	.clr, .clear{clear: both;}

	.tnav{width: 730px; margin: 0 0 24px 90px; height: 25px; }
		.tnav a{width: 110px; height: 25px; display: block; float: left; text-indent: -9999em;}
		.tnav a.downloads{background: url(../images/nav/downloads.gif) no-repeat left top; height: 25px;}
		.tnav a.promotions{background: url(../images/nav/promotions.gif) no-repeat left top; height: 25px;}
		.tnav a.search{background: url(../images/nav/search.gif) no-repeat left top; height: 25px;}
		.tnav a.search.active{background-position: 0 -25px;}
		
		.worldwide-form{ float: left; margin: 3px 0 0 8px; padding: 0 0 5px 0; width: 160px; background: url(../images/icon-globe.gif) no-repeat 126px -6px; height: 20px;}
		.worldwide-form select{font-size: 9px; }

		#search-box{color: #fff; margin: 2px 80px 0 0; width: 250px; float: right;}
			#search-box form{position: relative;}
		label.overlabel {
		    color:#999;
			font-size: 11px;
		  }
		
		  label.overlabel-apply {
		    position:absolute;
		    top:4px;
		    left:5px;
		    z-index:1;
		    color:#999;
			font-size: 11px;
		  }
		
		
	.mnav{width: 701px; margin: 34px 0 0 0;}
	
	.learn-more a{display: block; background: url(../images/btn-learn-more.gif) no-repeat left top; text-indent: -9999em; width: 96px; height: 18px;}
	.buy-now a{display: block; background: url(../images/btn-buy-now.gif) no-repeat left top; text-indent: -9999em; width: 96px; height: 18px;}
	
	.input{border: 1px solid #c8c8c8; border-left-color: #A7A6AA; border-top-color: #A7A6AA; padding: 3px; color: #777; font-size: 11px;}
	
	
	.int-left{margin: 0 0 25px 27px; width: 664px; float: left; display:inline;}
	.int-right{margin: 35px 10px 25px 0; width: 193px; float: right; display:inline;}
	
	.p-row{background: url(../images/p-row-bg.gif) repeat-y left bottom; float: left; }
	.item{width: 166px; float: left; padding: 5px 0 0 0; }
	.int-left .item h3{font-size: 14px; color: #0018A8; margin: 0; padding: 0 12px;}
	.item img{margin: 0 0 5px 7px;}
	.item ul{margin: 4px 0 15px 35px; padding: 0;}
	.item li a{font-size: 11px; color: #a7a9ac;}
	.item li a:hover{color: #0018a8;  font-weight: bold; text-decoration:none;}

	.product-detail{background: url(../images/grey-horz.gif) repeat-x left bottom;}
	.pimg{float: left; width: 300px; height: 300px;}
	.detail{float: right; width: 350px; padding: 25px 0 0 10px;}
	.detail ul{font-size: 11px;}

	.detail a.download{margin: 5px 0 0 15px; padding: 4px 0 0 0; background: url(../images/icon-download.gif) no-repeat right top; display:block; height: 35px; color: #EE2E24; font-weight: bold; width: 110px;}
	.detail a.download:hover{color: #0018a8;}

	.related{clear: both; margin: 10px 0 0 0;}
	.ritem{font-size: 10px; width: 112px; text-align: center; float: left; margin-right: 15px; padding: 15px 0;}
	.ritem a{color: #a7a9ac;}
	.ritem a:hover{color: #0018a8;  font-weight: bold; text-decoration:none;}

	.product-buttons{margin: 15px 0 0 0; padding: 0;}
	.product-buttons li{list-style:none; float: left; margin: 0 10px;}
	.product-buttons li a{width: 96px; height: 18px; display:block; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em}
	.know a{background-image: url(../images/btn-knowledge.gif);}
	.support a{background-image: url(../images/btn-support.gif);}
	.faq a{background-image: url(../images/btn-faq.gif);}
	.buy a{background-image: url(../images/btn-buy.gif);}
	.promo{border-bottom: 1px solid #eee; margin-bottom: 10px;}
	.promotext{width: 500px; float:right;}
	.promotext .name{font-weight: bold;}
	.promotext h4{font-weight: bold;}
	.promopic{padding: 6px; float:left;width: 150px;}
	.promoTile{width: 665px;border-bottom: 1px solid #cccccc;}
	.promoImage{float: left;}
	.promoSummary{padding: 20px;float: left;}
	
	.toner{background: #f4f4f4; border: 1px solid #ccc;}
	.toner h5{margin: 0; padding: 5px 0 0 5px; font-size: 12px; color:#10147E; height: 30px;}
	.toner img{float: left;}
	.toner p{width: 70px; float: right; font-size: 9px; margin: 0; padding: 0;}
	.toner p a{color: #EE2E24; font-weight: bold;}

/*-----Ids-----*/
#wrapper{
	width: 915px;
	margin: 0 auto;
	background: url(../images/drop-shadow.gif) repeat-y left top;
	padding: 0 7px;
	}


#hd{background: #10147E; height: 96px;}
#hd h1{
	margin: 0;
	padding: 0;
	width: 214px;
	height: 96px;
	float: left;
	}

#hd h1 a{
	display:block; 
	width: 214px; 
	height: 96px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/web-logo.gif);
	background-color: #fff;
}
	
#hd h1.green a{
	background-image: url(../images/web-logo-green.gif); 
	}
	
#hd h1.gray a{
	background-image: url(../images/web-logo-plain-gray.gif); 
	}

#hd h1.purple a{
	background-image: url(../images/web-logo-purple.gif); 
	}

#hd h1.orngman a{
	background-image: url(../images/web-logo-orng-man-hair.gif); 
	}

#hd h1.ornggirl a{
	background-image: url(../images/web-logo-orng-girl.gif); 
	}	
	
#hd h1.orngplain a{
	background-image: url(../images/web-logo-plain.gif); 
	}
	
#hd h1.blue a{
	background-image: url(../images/web-logo-blue.gif); 
	}

#nav-bars{float: right; width: 701px; }

#flashMovie{height: 294px; color: #fff;}
#flashMovie p{padding: 15px; margin: 0; text-align: center;}
#flashMovie a{color: #fff; font-weight: bold;}

#home-columns{}
#home-columns h3{color: #0018A8; font-size: 12px; margin: 10px 0 0 0; padding: 0;}
.lt,.mid,.rt{width: 300px; float: left; border-right: 1px solid #ddd; padding: 15px 0; min-height: 142px;}
	.rt{border-right:none; }
	.img{float: left; width: 184px;}
	.info{float: right; width: 115px;}
	.info p{margin: 0; padding: 0; font-size: 11px; min-height: 45px;}
	.info  .featuredH3{min-height: 35px;}
	.info ul, .info li{margin: 0; padding: 0; list-style:none;}
	.info ul{margin: 10px 0 0 0;}
	.info li{padding: 3px 0;}
	
#ft{
	color: #999; 
	clear: both; 
	width: 915px; 
	margin: 0 auto; 
	padding: 0 7px;
	background: url(../images/footer-bg.gif) no-repeat left top;
	}
	
#ftfull{
	color: #999; 
	clear: both; 
	width: 915px; 
	margin: 0 auto; 
	padding: 0 7px 10px 7px;
	background: url(../images/footer-bg-full.gif) no-repeat left top;
	}
	
* html #ft{background-position: -1px 0;}

#ft .disclaimer, #ftfull .disclaimer{clear: both; padding: 12px 0 0 0; width: 600px}
#ft .disclaimer p, #ftfull .disclaimer p{margin: 0; padding: 0; font-size: 10px;}
#ft .disclaimer a, #ftfull .disclaimer a{color: #999;}
#ft .facebook { position: absolute; margin: 20px 0 0 630px}



/* styles for dev only */
#flashMovie.green{background:#92d400;}
#flashMovie.purple{background:#a44dc4; color: #000;}

/* end dev only */


/*----- Main Navigation -----*/
#mstorage a  {
	background: url(../images/nav/mstorage.gif) top left no-repeat;
	width: 133px;
	}
#mflash a  {
	background: url(../images/nav/mflash.gif) top left no-repeat;
	width: 139px;
}
#maccessories a  {
	background: url(../images/nav/maccessories.gif) top left no-repeat;
	width: 139px;	
}
#mprinter a  {
	background: url(../images/nav/mprinter.gif) top left no-repeat;
	width: 149px;	
}

#mhardware a  {
	background: url(../images/nav/mhardware.gif) top left no-repeat;
	width: 138px;	
}

#nav {
	margin: 0;
	padding: 0;
	height: 35px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 35px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:35px; /* for IE5/Win only */

}

#subnav4 .sub{width: 138px;}
#subnav4 .sub a{width: 123px;}

.menu{
	position:absolute;
	visibility: hidden;
	z-index: 100;
	width: 145px;
}

.menu ul{margin: 0; padding: 0;}

.menu li{
	margin: 0; 
	padding: 3px 0;
	list-style:none;
	/*border-bottom: 1px solid #4C4F9E;*/
	background: #10147E url(../images/menu-dash.gif) repeat-x left bottom;
	position: relative;
}
	
.menu li ul {
	position: absolute;
	left: 145px;
	top: 0;
	display: none;
}

.menu li:hover ul, .menu li.over ul {display: block; }

.sub{background: #10147E;}
.sub.p{left: -145px;}



/* Fix IE. Hide from IE Mac \*/
* html .menu ul li { float: left; }
* html .menu ul li a { height: 1%; }
/* End */

.menu a{
	width: 135px;
	display: block;
	font-weight: bold;
	font-size:10px;
	color: #fff;
	text-decoration:none;
	padding: 3px 5px 4px 5px;
}

.menu a:hover{
	background: #4c4f9e;
	padding: 3px 5px 4px 5px;
	margin: 0;
	text-decoration:none;
	color: #fff;
}

.menu a:active, .menu a:visited{
	color: #fff;
}


.menu a.hassub{background: url(../images/icon-has-sub.gif) no-repeat right center;}
.menu a.hassub:hover{background: #4c4f9e url(../images/icon-has-sub-over.gif) no-repeat right center;}




.newsloop {padding: 10px 0; border-bottom: 1px solid #ccc;}
.newsloop p {padding: 0;	margin: 0;}
.newsloop h3 {padding: 0 0 10px 0;	margin: 0 0 0 0;}
.newsloop h3 a {text-decoration: none; color: #0018a8;}



/* ----- The Career button is dynamic.  It shows only when open jobs are posted ----- */
/* ----- Footer Navigation with No Carrer Button ----- */
#ft-nav-container {text-align:center; padding-left: 10px;}
#ft-nav{margin: 0 auto; padding: 9px 0 0 0; text-align:center;}
* html #ft-nav{margin: 0 auto; text-align:center;}
#ft-nav li{margin: 0; padding: 0; list-style:none; float: left;}
#ft-nav .first a{color: #4052be; font-size: 11px; font-weight: bold; border-left: 1px solid #ccc; display: block; text-align: center; padding: 0 29px;}
#ft-nav a{color: #4052be; font-size: 11px; font-weight: bold; border-right: 1px solid #ccc; display: block; text-align: center; padding: 0 29px;}

.subheader {font-weight: bold; font-size: 110%;}


#supportLanding { 
	background: url(../images/support/bg-couch-laptop.jpg) no-repeat;
	padding: 0 0 0 445px;
	 min-height:420px; height:auto !important; height:420px;
}

#searchPart {
	background: #f4f4f4; 
	border: 1px solid #ccc;
	padding: 3px 0 0 6px;
	margin: 0 0 12px 0;
	width: 400px;
}

#supportMenu {
	width: 200px;
	margin-top: 10px;
	float: left;
}
.supportLink {
	margin: 8px 0 8px 0;
}
#supportContent {
	float: right;
	width: 664px;
}
#supportContent p {
	width: 400px;
}
#supportContent h3 {
	padding-bottom: 4px;
	margin: 30px 0 8px 0;
	border-bottom: 2px solid #ccc;
}
.supportListMenu {
	width: 150px;
	margin-top: 5px;
}
.supportDownload {
	background: url(../images/icon-download.gif) 0 0 no-repeat;
	height: 31px;
}
.supportDownload a {
	padding-left: 35px;
	line-height: 25px;
	font-weight: bold;
}


table.supportArticles tr td {
	border-bottom: 1px solid #666;
	padding: 10px 0;
	margin: 0;
}
.productBanner{padding-top:25px;}