a:link { color:#0066cc; text-decoration: underline; }
a:visited { color:#0066cc; text-decoration: underline;}
a:hover { color:#0066cc; text-decoration: none; }

body {
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #cdcdcd url(http://www.mscashdrawer.com/images/bg_body.jpg) repeat-x;
	color:#000;
	margin:0px;
	padding:0px;
	}
	
	
	
#list-menu-ex3 {
	width: 790px;
	margin: 0;
	position:relative;
 }

#list-menu-ex3 ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, sanf-serif;
	font-size: 12px;
	list-style:none;
}
#list-menu-ex3 li {
	margin: 0;
	list-style-type:none;
	display:inline;
}

#list-menu-ex3 a {
	display: inline-block;
	
	padding: 5px 5px 3px 23px;
	border: 0;
	text-decoration: none;
	background:  #333333 url(http://www.mscashdrawer.com/images/menu_bg_BLANK.jpg);
}


#list-menu-ex3 a:link {
	color: #FFF;
}

#list-menu-ex3 a:visited{
	color: #FFF;
}

#list-menu-ex3 a:hover {
	color: #c2e2fb;
}

	
	
#list-menu-ex3 ul li ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, sanf-serif;
	font-size: 12px;
	display: none;
}
#list-menu-ex3 li ul li {
	margin: 0;
	list-style-type:none;
	display:block;
}

#list-menu-ex3 ul li ul li a {
	display: block;
	width:140px;
	padding: 5px 5px 3px 23px;
	border: 0;
	text-decoration: none;
	background: #333333;
	margin-left:650px;
	z-index:999;
}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#list-menu-ex3 li:hover ul, #list-menu-ex3 li.over ul { display: block; } /* The magic */
	
	
#frame {
	width:975px;	
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	text-align: left;
	background: #cdcdcd;
}

#frameprod {
	width:977px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align: left;
	padding:0px;
	background: url(../images/bg_prod.gif) repeat-y;
}

#top {
	width:975px;
	height:124px;
	padding:0px;
	margin: 0px;
	float:left;
	background:url(http://www.mscashdrawer.com/images/bghead.jpg) no-repeat;
				}	
	
#bottomleft {
	width:189px;
	height:102px;
	padding:0px;
	margin: 0px;
	float:left;
				}

#bottomcenter {width:588px;
			  height:102px;
			  padding:0px;
			  margin:0px;
			  float:left;
			  }	
				
#bottomright {
	width:189px;
	height:102px;
	background:url(http://www.mscashdrawer.com/images/bttmRTbg.jpg) no-repeat;
	background-position:center;
	padding:0px;
	margin: 0px;
	margin-left:4px;
	float:left;
				}
				
#bottomright p {
	font-size: 12px;
	padding-left: 15px;
	padding-right:10px;
}	

#bottom {
	width:955px;
	height:98px;
	background:url(http://www.mscashdrawer.com/images/bttmBg.jpg) repeat-x;
	background-position:center;
	padding:10px 0px 0px;
	margin:10px 0px;
	float:left;
	background:url(http://www.mscashdrawer.com/images/bttmBg.jpg) repeat-x;
	text-align: center;
	vertical-align: middle;
				}
				
#bottom p {
	font-size: 12px;
	padding-left: 15px;
	padding-right:10px;
}	
				
#bleft {background:url(http://www.mscashdrawer.com/images/bttmleft.jpg) no-repeat;
			  height:98px;
			  width:10px;
			  float:left;
			  padding:0px;
			  margin:10px 0px;
			  }	
			  
#bright {background:url(http://www.mscashdrawer.com/images/bttmright.jpg) no-repeat;
			  height:98px;
			  width:9px;
			  float:left;
			   padding:0px;
			  margin:10px 0px;
			  }	
				
				
/* Setup: Repeated code per rollover */

#swap01 {
	background-image: url(http://www.mscashdrawer.com/images/btn_home_o.jpg);    /* rollover state */
	width: 68px;                    /* image width */
	height: 37px;                   /* image height */
}
#swap02 {
	background-image: url(http://www.mscashdrawer.com/images/btn_orderSoon_o.jpg);    /* rollover state */
	width: 78px;                    /* image width */
	height: 37px;                   /* image height */
}
#swap03 {
	background-image: url(http://www.mscashdrawer.com/images/btn_distribution_o.jpg);    /* rollover state */
	width: 106px;                    /* image width */
	height: 37px;                   /* image height */
}
#swap04 {
	background-image: url(http://www.mscashdrawer.com/images/btn_about_o.jpg);    /* rollover state */
	width: 88px;                    /* image width */
	height: 37px;                   /* image height */
}
#swap05 {
	background-image: url(http://www.mscashdrawer.com/images/btn_contact_o.jpg);    /* rollover state */
	width: 77px;                    /* image width */
	height: 37px;                   /* image height */
}

#swap06 {
	background-image: url(http://www.mscashdrawer.com/images/btn_reseller_o.jpg);    /* rollover state */
	width: 163px;                    /* image width */
	height: 37px;                   /* image height */
}

#swap07 {
	background-image: url(http://www.mscashdrawer.com/images/btn_vendors_o.jpg);    /* rollover state */
	width: 78px;                    /* image width */
	height: 37px;                   /* image height */
}

#swap08 {
	background-image: url(http://www.mscashdrawer.com/images/btn_videos_o.jpg);    /* rollover state */
	width: 77px;                    /* image width */
	height: 37px;                   /* image height */
}


/* Application: Common Code */

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* optional */
#images {
	position: absolute;
	height: 37px;
}
#images a { float: left; }


#contentleft {
	width:189px;
	padding:0px;
	margin: 0px;
	float:left;
	color:#000;
	background:url(http://www.mscashdrawer.com/images/menu_bg.jpg) repeat-y;
	background-position:center;
				}
#roundtop {background:url(http://www.mscashdrawer.com/images/menu_top.jpg) no-repeat;
background-position:center;
		  width:189px;
		  height:10px;
		  }
		  
#roundbttm {background:url(http://www.mscashdrawer.com/images/menu_bttm.jpg) no-repeat;
background-position:center;
		  width:189px;
		  height:10px;
		  }
				
#contentleft p {
	font-size: 12px;
	padding-left: 15px;
	padding-right:10px;
}

#contentleft h1		{
	font: bold 18px arial, Verdana;
	color: #0066cc;
	padding:5px;
	margin:10px 1px;
	}


#contentleft h2		{
	font: bold 16px Arial, Verdana;
	color: #0066cc;
	padding-left: 12px;
	padding-right:12px;
	padding-top:5px;
	margin:0px;
	}


#contentleft hr {border:1px dashed #ccc;
	margin-right:10px;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
}

#center {
	width:580px;
	padding:0px;
	margin: 0px;
	float:left;
	color:#000;
	background:url(http://www.mscashdrawer.com/images/spotlight_bg.jpg) repeat-y;
	background-position:center;
}
#center .top {background:url(http://www.mscashdrawer.com/images/spotlight_top.jpg) no-repeat;
				background-position:center;
			  height:14px;
			  }	
			  
#center .bttm {background:url(http://www.mscashdrawer.com/images/spotlight_bttm.jpg) no-repeat;
				background-position:center;
			  height:10px;
			  }	
				
#center p {
	font-size: 12px;
	padding-left: 35px;
	padding-right:30px;
}
#main {
	width:782px;
	padding:0px;
	margin: 0px;
	float:left;
	color:#000;
	background:url(http://www.mscashdrawer.com/images/mainbg.jpg) repeat-y;
	background-position:center;
				}
#maintop {background:url(http://www.mscashdrawer.com/images/maintop.jpg) no-repeat;
		   background-position:center;
		   padding:0px;
		   margin:0px;
		   width:782px;
			height:10px;
			  }	
			  
#mainbttm {background:url(http://www.mscashdrawer.com/images/mainbttm.jpg) no-repeat;
		   background-position:center;
		   padding:0px;
		   margin:0px;
		   width:782px;
			height:10px;
			  }	
				
#main p {
	font-size: 12px;
	padding-left: 35px;
	padding-right:30px;
}

#mainb {
	width:782px;
	padding:0px;
	margin: 0px;
	float:left;
	color:#000;
				}
				
#mainb p {
	font-size: 12px;
	padding-left: 35px;
	padding-right:30px;
}

#mainc {
	width:782px;
	padding:0px;
	margin: 0px;
	float:left;
	color:#000;
	font-size: 12px;
				}
				
#mainc p {
	font-size: 12px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 10px;
}

#mainc td {
	font-size: 12px;
}

#mainb td {
	font-size: 12px;
	padding-left: 15px;
	padding-right:15px;
}

#main table {
	font-size: 12px;
	padding-left: 15px;
	padding-right:10px;
}


#contentright {
	width:189px;
	padding:0px;
	margin: 0px;
	float:left;
	color:#000;
	background:url(http://www.mscashdrawer.com/images/menu_bg.jpg) repeat-y;
	background-position:center;
	

				}
				
#contentright p {
	font-size: 12px;
	padding-left: 15px;
	padding-right:10px;
}

ul {

	font-family: "Arial";
	padding-left: 10px;
	padding-right: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 35px;
	font-size:12px;
} 
 
li {
	list-style: disc;
	line-height: 1.5em;
	font-size:12px;
	}
	
 .caption	{
	font-size:12px;
	}
				
td	{
	vertical-align:top;
	font-size:12px;
}

hr {border:1px solid #0066cc;
	margin-right:10px;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
}
		
h1		{
	font: bold 24px Arial, Verdana bold;
	color: #0066cc;
	padding-left: 10px;
	padding-right:10px;
	padding-top:10px;
	}
h2		{
	font: bold 16px Arial, Verdana;
	color: #0066cc;
	padding-left: 25px;
	padding-right:10px;
	padding-top:5px;
	margin:0px;
	}
	
h6		{
	font: bold 12px Arial, Verdana;
	color: #0066cc;
	margin:0px;
	padding-left: 10px;
	padding-right:10px;
	}
	
.heading	{
	font-size:14px;
	font-family:Arial, verdana;
	font-weight:bold;
	color:#0066cc;
		}
.heading_q	{
	font-size:14px;
	font-family:Arial, verdana;
	font-weight:bold;
	color:#fe670c;
		}
.heading_r	{
	font-size:14px;
	font-family:Arial, verdana;
	font-weight:bold;
	color:#00679a;
		}
input	{font-size:12px;
}

.submit	{font-size:12px;
		 color:#fff;
		 border:1px solid #000;
		 background:#0066cc;
		 }

.floatr		{
	float:right;
	margin-right:10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	 
.floatl	{
	float:left;
	padding:10px;
	 }

.floatl2	{
	float:left;
	padding:0px 10px 10px 0px;
	 }

.clearboth { clear:both; }

.clear {clear:both;font-size:.1em;}

#framefoot {
	width:977px;
	height:auto;	
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
	page-break-before: always;
	
}				
				
#footer	{
	width: 976px;
	height:auto;
	}
#footer p	{
	padding:0px;
	font-family: "Arial", Verdana;
	font-size:10px;
	color:#000;
	}
				
#footer A:link { color:#000; text-decoration: underline; }
#footer A:visited { color:#000; text-decoration: underline;}
#footer A:hover { color:#000; text-decoration: none; }


/*Start of tabbed Items*/

.shadetabs{
margin-left: 30px;
margin-top: 1px;
margin-bottom: 0px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border-top: 1px solid #778;
border-left: 1px solid #778;
border-right: 1px solid #778;
color: #000;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #000;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #000;
}

.shadetabs li.selected{
position: relative;
top: 0px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 675px;
margin-bottom:0px;
margin-top:0px;
margin-left:15px;
padding:10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}