/*
BIGFISH
Author - Home Strategic (Leo)
V.1.0 (01/11/07)
*/
   
/* default styles */
body {
	margin: 0;
	line-height: 1.5em;
	background: #fff url(images/bg.gif) repeat-x;
	color: #004FA3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a { color: #004FA3; background: inherit; }
a:hover { color: #CC0066; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0 0 10px 0; font: 1.8em Arial, Sans-Serif; letter-spacing: -1px; line-height:26px; }
h3 { margin: 0; padding: 0 0 5px 0; font: bold 1.3em Arial, Sans-Serif; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
#apple ul { margin:0;}
#apple li { line-height:22px; font-size:11px; color:#000;}
#apple p { color:#000;}

.safetyp {margin-bottom:30px;}

/* accesible text for non rendered page */
.offset { position : absolute; top : -9000px; left : -9000px; }


/* layout */
#wrapper { position:relative; margin: 4px auto; width: 960px; }
#flash {
	float: left;
	width: 950px;
	margin: 16px 0 10px 0;
	color: #fff;
	height: 200px;
}

div.flashright { float:right; width:310px; height:194px; display:block; margin:22px 0 0 0; }

div.banner {
	/*clear: left;*/
	float: left;
	width: 650px;
	margin: 16px 0 10px 0;
	height: 200px;
	background-image: url(images/pagebg.gif);
	background-repeat:no-repeat;
	/*background-position: left bottom;*/
}

div.contactbanner {
	float: left;
	width: 650px;
	margin: 16px 0 10px 0;
	height: 200px;
	background-image: url(images/contactpagebg.jpg);
	background-repeat:no-repeat;
}


/* ################### LEFT SIDE #################### */

#left { float: left; width: 640px; margin: 0 0 10px 0; }

/*Pages-------------------------------------------------------------------------------------*/
#leftindex { float: left; width: 640px; margin: 0 0 10px 0; background: url(images/supplies_bg.jpg) no-repeat; }
#lefttoner { float: left; width: 640px; margin: 0 0 30px 0; background: url(images/toner_bg.jpg) no-repeat; }
#leftbg { float: left; width: 640px; margin: 0 0 30px 0; background: url(images/greygrad_bg.gif) no-repeat; }
#leftsafety { float: left; width: 640px; height:600px; margin: 0 0 0 0; background: url(images/safetypage_bg.jpg) no-repeat; }
/*------------------------------------------------------------------------------------------*/

.subheader { margin: 0 0 10px 0; padding: 10px;}
.printerlogos { width: 640px; margin: 0 0 10px 0;}
.left_articles { margin: 0px 0 30px 0; color: #004FA3; padding: 10px 10px 5px 10px;}
.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
.bigimage { float: left; clear: left; border: 1px solid #ccc; background: #eee; color: #000; width: 200px; height: 150px; margin: 0 15px 10px 0;}
.thirds { float: left; width: 186px; padding: 0 10px 0 15px;}
.comments_box { float:left; height:187px; color: #004FA3;}
.imagebox {margin: 0 0 5px 0;}

/*index.html Supply section -----------------------------------------------------------------*/
.supply { float: left; width: 320px; margin: 0 0 10px 0;}	
.supply_sized { width: 330px;}

#supplycontainer ul { float:left; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
#supplycontainer li { margin: 0 0 3px 0; padding: 0px 2px 5px 20px; border-bottom: 1px dotted #888; width: 280px; background-color: #fff; background-image: url(images/bullet_tall.gif); display:block;}
/*-------------------------------------------------------------------------------------------*/

/*Printer Specs Lists -----------------------------------------------------------------*/
.printerlist { float: left; width: 380px; margin: 0 0 50px 0;}	

#printerlistcontainer ul { float:left; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
#printerlistcontainer li { margin: 0 0 3px 0; padding: 0px 2px 5px 20px; border-bottom: 1px dotted #888; width: 380px; background-color: #fff; background-image: url(images/bullet.gif); display:block; background-repeat:no-repeat;}
/*-------------------------------------------------------------------------------------------*/

/*Linked Lists -----------------------------------------------------------------*/
.prodlist{ float: left; width: 314px; margin: 0 0 30px 0;}	
.prodwrapper { margin: 0 0 10px 0; padding: 0 0 0 10px;}

#prodlistcontainer ul { float:left; width:314px; margin: 0 0 30px 0; padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
#prodlistcontainer li { margin: 0 0 3px 0; }
#prodlistcontainer a { display: block; padding: 0px 2px 5px 20px; border-bottom: 1px dotted #888; width: 280px; background-color: #fff; background-image: url(images/supplyarrow.gif); }
#prodlistcontainer a:link, #prodlist a:visited { color: #004FA3; text-decoration: none; }
#prodlistcontainer a:hover { border-bottom: 1px dotted #888; background-color: #eee; background-image: url(images/supplyarrowover.gif); color: #CC0066;}
/*-------------------------------------------------------------------------------------------*/

/*SafetyNet Features -----------------------------------------------------------------*/
.safetyfeatures { float: left; width: 530px; margin: 70px 0 0 0; padding-left:50px;}
/*-------------------------------------------------------------------------------------------*/

/* ################################################# */
		
/* ################### RIGHT SIDE #################### */

#right { float: right; width: 310px; margin: 0 0 10px 0; }

.right_images {	margin: 0 0 10px 0; }
.right_apple {	margin: 0 0 10px 0; padding:10px; background-color:#eee; }
.right_articles { border: 1px solid #004fa3; padding: 10px;	margin: 0 0 10px 0; background: #eee url(images/safetynet_bg.gif) repeat-x; font-size:11px; color: #004FA3; }
.right_safetynet { height:576px; border: 1px solid #004fa3; margin: 0 0 10px 0; background: #eee url(images/safetynet_right.gif) no-repeat;}
.right_safetytop { height:290px; margin: 0 0 10px 0; background: #eee url(images/safety70.gif) no-repeat; }
.right_menu { border: 1px solid #004fa3; margin: 0 0 10px 0; }
.right_toner { border: 1px solid #004fa3; padding: 155px 10px 10px 10px; margin: 0 0 10px 0; background: #eee url(images/toner_bg.gif) no-repeat; font-size:11px; color: #004FA3; }
.right_safetynetindex { border: 1px solid #004fa3; padding: 205px 10px 10px 10px; margin: 0 0 10px 0; background: #eee url(images/safetynetindex_bg.gif) no-repeat; font-size:11px; color: #004FA3; }
.right_mfdindex { border: 1px solid #004fa3; padding: 240px 10px 10px 10px; margin: 0 0 10px 0; background: #eee url(images/MFDbg.gif) no-repeat; font-size:11px; color: #004FA3; }
.right_tonerrecycle { border: 1px solid #004fa3; padding: 70px 10px 10px 10px; margin: 0 0 10px 0; background: #eee url(images/toner_recycle.gif) no-repeat; font-size:11px; color: #004FA3; }
.right_tonergraph { border: 1px solid #004fa3; padding: 10px; margin: 0 0 10px 0; height:280px; background: #eee url(images/toner_graph.gif) no-repeat; }
.image { float: left; margin: 0 9px 3px 0; }
.notes { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 17px 10px 17px 80px;	margin: 0 0 10px 0; background: #fff url(images/notes.gif) no-repeat center left; color: #454545; }

/* ################################################# */

#commentsfooter { clear:both; height:91px; background: #425ba1 url(images/commentbox.gif) no-repeat; padding:20px 0 0 325px;}

/* ################### FOOTER #################### */

#footer { clear: both; color: #808080; background: #FFF; height: 75px; padding: 10px 0px; border-top: 1px solid #ccc; }
#footer .right { float: right; }

/* ############################################### */