@charset "UTF-8";
/* CSS Document */

body {background:url('imgMic/body.png') top center repeat-x white;}
body {}

#wrapper {background:url('imgMic/wrapper.png') top center no-repeat; padding-top:17px;}
#top {height:48px; overflow:hidden; background:url('imgMic/top.png');}

#wrapper {min-height:300px; height:auto !important; height:300px;}

#top h1 {position:absolute; color:white; font-size:22px; line-height:48px; margin-left:20px; font-family:'Arial Narrow', Arial, Helvetica, sans-serif;}
#top ul {float:right; margin-right:10px;}
#top li {line-height:48px; padding:0 6px;}
#top li.active span {color:#555; background-color:white;}
#top li span {padding:0 4px;}
#top li a {font-size:14px; text-decoration:none; color:white;}

#top li span {
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     border-color:white;
}

#top ul ul {display:none;}

#logout a {font-size:11px; background-color:red; color:white; text-decoration:none; margin:10px; padding:2px 10px; }

h1.product-name {background-color:#333; color:white; margin: 9px 0 0 !important; padding: 8px 15px 4px; font-weight:bold !important;}

#single_showcase,
#showcase {color:#444;}
#single_showcase .container, 
#showcase .container {background-repeat:no-repeat; background-color:transparent;height:385px;}
#single_showcase h2, 
#showcase h2 {font-size:42px; font-weight:100; line-height:1.1; margin:10px 120px 10px 0;}
#single_showcase h3,
#showcase h3 {font-size:18px; font-weight:100; margin:10px 100px 10px 0;}
#single_showcase img,
#showcase img {margin:45px 0 0;}
#single_showcase a, 
#showcase a {color:#333; text-decoration: none;}
#single_showcase a:hover, 
#showcase a:hover {color:#990000;}


#ticker {background:url('imgMic/ticker.png'); height:30px;}
#ticker .left {background:url('imgMic/tickerL.png'); width:4px; height:30px; float:left;}
#ticker .right {background:url('imgMic/tickerR.png'); width:4px; height:30px; float:right;}
#ticker ul,
#ticker .title {float:left; font-size:12px; line-height:30px;}
#ticker .title {padding:0 10px;}
#ticker li {display:none; padding:0 20px 0 5px;}
#ticker a {color:#333333; text-decoration:none;}
#ticker a:hover {color:#0066CC;}
#ticker-list {
	list-style-type: none;
	background-color: rgba(255, 255, 255, 0);
	padding: 0;
	margin: 0;
}

body#page-1 #footerWrapper {background:url('imgMic/footer.png') bottom center no-repeat; padding-bottom:38px;}

#footerWrapper {background:url('imgMic/footerSmall.png') bottom center no-repeat; padding-bottom:38px;}

#empty-foot {height:20px;}

#footer address {float:left;}
#footer p {float:right; text-align:right;}
#footer a {color:#333;}

#footer address,
#footer p {font-size:11px; margin-top:8px; line-height:16px;}

#logos h1 {font-size:18px; color:#666; border-bottom:1px solid #ccc; margin-top:25px; line-height:12px; padding:0 10px;}
#logos h1 span {font-size:14px;}
#logos table {width:100%;}
#logos a {text-decoration:none; width:180px; height:97px; background:url('imgMic/logo_bg.png') top center no-repeat; display:inline-block;}
#logos a span {display:inline-block; width:180px; height:97px; background-position:center center; background-repeat: no-repeat; background-color: transparent;}
#logos td {vertical-align:middle; text-align:center; padding:35px 0 0;}
#logos {height:195px; padding-top:30px;}
#footer {height:83px;}

#content {padding-top:10px;background-color:white;}
#content td {vertical-align:top;}

#inner {padding:0 300px 0 20px;}

.text {color:#444;}
.text h1 {font-size:22px; text-transform:uppercase; font-weight:100; margin:20px 0 10px;}
.text h2 {font-weight:bold; font-size:16px; margin:30px 0 10px;}
.text h3 {font-size:14px; font-weight:bold; font-style:italic; margin:20px 0 10px;}
.text p {font-size:14px; line-height:18px; margin:10px 0;}
.text li {font-size:14pX; line-height:18px; list-style:disc; padding:9px 10px;}
.text ul {padding:0 20px;}
.text a {color:#006666;}
.text a:hover,
.text a:focus {color:#0099CC;}

#page-1 h1, 
#page-1 p {padding:0 10px;}
#page-1 .content-table td {background:url('imgMic/contentColumnDivider.png') top right no-repeat;}
#page-1 .content-table td.last {background:none;}

#brand-select a {text-decoration:none;}
#brand-select img {border:none; width:200px;}
#brand-select dt {text-align:center;}
#brand-select dd {border-left:1px solid #ccc; margin-left:0;}
#brand-select dd,
#brand-select dt {height:110px; margin-bottom:20px;}
#brand-select p {padding-left:10px;}

#top-image {margin-bottom: 20px;}

/*
	products
*/
#submenu {background-color:#fff; margin-top:9px;}
#submenu ul {margin:10px;}
#submenu li {padding:5px 0;}
#submenu h4 {font-size:15px; border-bottom:1px solid #666; margin-bottom:5px;}
#submenu ul ul {margin:0;}
#submenu a {color:#333; text-decoration:none;}
#submenu a:hover, 
#submenu a:focus {color:#0099CC;}

/*
	tabbed content 
*/ 
.tab-container {background-color:#333333; overflow:hidden;}
#tabbedContent {padding:4px 0 0 13px;}
#tabbedContent li {background:white; padding:2px 6px 1px; margin:0 1px; background:#999999;}
#tabbedContent li.active {border-bottom:1px solid #333; background-color:#CCCCCC;}
#tabbedContent a {text-decoration:none; font-size:13px; color:#000;}

.text_container {border:none;}
.description {padding:0 15px 30px;}

#desc2 {display:none;}

/*
	page styling 
*/
#page-1 #inner, 
#page-3 #inner {padding:0 !important;}

/*
	login 
*/ 
#login {background:#d8d8d8; border:5px double #fff; margin:20px 0; padding:20px;}
#login h1 {font-size:12px; border-bottom:1px solid #ccc; line-height:1.5; margin:10px 0 0;}
#login fieldset {padding:10px 0;}
#login label {font-size:14px; padding: 0;}
#login input {border:1px solid #ccc; margin:0 10px; font-size:16px; width:280px;}
#login td {padding:5px 0;}
/*	
	showcase 
*/ 
#showcase {
	height:385px;
	width:960px;
}
#showcase {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
}

#showcase .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	overflow:hidden;
	height:385px;
}

#showcase .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:385px;
}