#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 */


.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;
}
}