@charset "utf-8";
/* Solution Strategist (solstrat) */

body {
background-color: #fff;
color: #333;
margin: 0;
padding: 0;
text-align: center;
}

/* common */
a img { border: 0; }
form { margin: 0; }
input,select,textarea { font: normal 12px Arial, Helvetica, sans-serif; }
hr { height: 1px; border-style: solid; color: #eee; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix { /* Hides from IE-mac \*/
height: 1%;/* End hide from IE-mac */
}

/* web page catalog */
.default-page { padding: 10px; }

/* typography */
body,td,p { font: normal 12px Arial, Helvetica, sans-serif; }
p,ul,ol { line-height: 1.5em; }
li { margin-bottom: 0.25em; list-style: circle; }
h1,h2,h3,h4,h5,h6,p,ul,ol { margin-top: 0; }
h1 {
font-size: 22px;
color: #185343;
}
h3#tollfree {
margin: 0;
padding: 10px;
background: #000;
color: #fff;
font-size: 14px;
text-transform: uppercase;
text-align: right;
}
h4 {
font-size: 13px;
color: #000;
margin-bottom: 0.25em;
padding-bottom: 0.25em;
border-bottom: 1px dotted #ccc;
}
h5 { font-size: 12px; }
h5.colhead {
margin: 0;
padding: 4px 4px 4px 10px;
font-size: 11px;
text-transform: uppercase;
background: #ccc url(images/colhead_arrow.gif) no-repeat 2px;
color: #555;
}

/* navigation */
a { color: #185343; }
a:hover { color: #000; }
#pbwsp a { color: #aaa; }
ul#catmenu, ul#catmenu li {
margin: 0;
padding: 0;
list-style: none;
zoom:1;
/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
}
ul#catmenu li .qmtitle {
display: block;
padding: 3px 3px 3px 10px;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
background: #ccc url(images/colhead_arrow.gif) no-repeat 2px;
color: #555;
zoom:1;
}
ul#catmenu li ul { margin-bottom: 5px; margin-left: 0; padding-left: 10px; }
ul#catmenu li ul li a {
padding: 2px;
font-size: 11px;
zoom:1;
font-weight: normal;
text-transform: none;
background: none;
color: #555;
}
ul#catmenu li ul li a:hover { color: #185343; }

/* home page */
#home .default-page { padding: 0; }
#home { position: relative; }
#home_welcome {
position: absolute;
top: -30px;
left: 10px;
width: 508px;
height: 251px;
background: url(images/home_welcome_bkg.jpg) no-repeat;
}
#home_menu { position: absolute; top: 260px; width: 530px; }
#home_news { float: right; width: 300px; padding-top: 30px; }

/* layout and positioning */
#wrap { width: 855px; margin: 0 auto; text-align: left; }
#masthead {
background: url(images/masthead_bkg.jpg) repeat-x;
height: 91px;
position: relative;
}
#logo {
position: absolute;
top: 8px;
left: -32px;
width: 312px;
height: 106px;
background: url(images/solstrat_logo_trans.png) no-repeat;
}
#logo img { width: 100%; height: 100%; }
#utility {
float: right;
margin-top: 40px;
margin-right: 10px;
}
#menu {
background-color: #000;
color: #999;
text-align: right;
border-top: 2px solid #000;
}
#photo {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
height: 100px;
overflow: hidden;
background: url(images/home_photo.jpg) no-repeat center;
}
#foot {
background: url(images/foot_bkg.jpg) no-repeat;
height: 65px;
border-color: #479783;
border-style: solid;
border-width: 7px 1px 1px 1px;
}
table#tblcontent {
border: 0;
width: 855px;
height: 300px;
margin: 10px 0;
}
td#leftcol { width: 200px; padding: 0; vertical-align: top; border: 1px solid #ccc; }
td#spacercol {
width: 10px;
vertical-align: top;
}
td#rightcol { vertical-align: top; border: 1px solid #ccc; padding: 0; }
#footmenu { padding: 15px; }
#copyright { float: left; font-size: 10px; color: #aaa; padding: 5px; }
#pbwsp {
text-align: right;
font-size: 10px;
color: #aaa;
padding: 5px;
}
#disclaimer {
clear: both;
text-align: center;
padding: 10px;
font-size: 10px;
color: #aaa;
border: 1px dotted #ccc;
margin-top: 10px;
display:none;
}

/* list view */
#cat-wrap { padding: 10px; }
.cat-item {
padding: 10px;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
line-height: 1.5em;
}
.cat-img { float: left; margin-right: 10px; }
.cat-name { font-weight: bold; font-size: 14px; }
.cat-desc { font-size: 11px; color: #999; }
#listview-wrap { padding: 10px; }
.record-item {
float: left;
width: 32%;
height: 160px;
text-align: center;
}
.record-img { display: block; margin-bottom: 5px; }
.record-img img { height: 100px; }
.record-name { font-weight: bold; }

/* detail page */
#ccbdetail-wrap { /*padding: 10px;*/ }
#ccbdetail-tabwrap {  }
ul#tabmenu { margin: 0; padding: 0; list-style: none; }
ul#tabmenu li {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
ul#tabmenu li.active { border-bottom-color: #fff; }
ul#tabmenu li a {
display: block;
width: 159px;
background: #f3f3f3 url(images/tab_shadow.jpg) no-repeat;
color: #999;
text-align: center;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 5px 0;
}
ul#tabmenu li.active a { background-color: #fff; background-image: none; color: #185343; }
.tabcontent { height: 400px; overflow: auto; }
.tabpanel { padding: 10px; margin-right: 15px; }
.tabcontent #overview {  }
.tabcontent #details {  }
.tabcontent #datasheets {  }
.tabcontent #sysreq {  }
.tabimg { float: left; margin-right: 15px; }
.tabtext { float: left; width: 440px; }
.quotelink {
display: block;
padding: 10px;
text-align: center;
font-weight: bold;
}

.tabimg div a.quotelink { padding:10px 0px; }

/* Products - product/category page*/
div#products { 
     font: normal 11px Arial, Helvetica, sans-serif; 
     color:#999999;
     line-height:18px;
     }
div#products div{border-bottom:#cccccc 1px dotted;padding-bottom:10px;}
div#products a, h4{
     text-decoration:underline;
     font: bold 13px arial;
     margin:0;
     color:#185343;
     border:0;
     margin-top:20px;
     } 
div#products a:hover {color:#000;}


/* Products - list view*/
.prod_list td {
     border:1px #cccccc solid;
     text-align:center;
     padding:5,5,10,5;
     width:155;
     }
#utilitynav {
	margin:0px;
	padding:0px;
	list-style:none;
}

#utilitynav li {
	margin:0px;
	padding:0px;
	float:left;
}

#utilitynav li a {
	font-size:11px;
	text-decoration:none;
}

#utilitynav li a:hover {
	color:#000000;
	text-decoration:underline;
}

.qmclear {
	display:none;
}

.qmdividerx {
	margin:3px 8px 0px;
	width:1px;
	height:10px;
	line-height:10px;
	display:block;
	background-color:#dddddd;
}

.top_text {
	padding:10px;
	border:10px solid #185343;
	margin:0px auto;
	display:none;
}
/* end */


#overview_demo {
	background-image:url(images/demovideo.png);
	background-position:0px 0px;
	width:233px;
	height:38px;
	overflow:hidden;
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
}

#crm_demo {
	background-image:url(images/demovideo.png);
	background-position:0px -61px;
	width:200px;
	height:38px;
	overflow:hidden;
	display:block;	
	float:left;
	margin:0px;
}

.tabimg .quotelink { display:none !important; }

.tabimg div .quotelink { display:block !important; }