@charset "utf-8";
/* 
Theme Name: Custom Theme - CQS Technologies
Description: Only for use with pages. No blogging.
Author: Jamie @ MCS
Author URL: http://www.mumblescomputerservices.com
*/

*{
margin: 0;
padding: 0;
}

html{
height: 100%;
padding-bottom: 2px;
}

body{
background:url(images/bg2.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #222;
}

h1,h2,h3,h4{
color: #CC0000;
padding-bottom: 10px;
}

p{
margin-bottom: 10px;
}

table{
border:none;
text-align:center;
margin-bottom:15px;
}

th{
background-color:#e4e4e4;
padding: 6px 6px 6px 6px;
text-align:left;
border:none;
text-align:center;
}

td{
background-color:#f7f7f7;
padding: 3px 6px 3px 6px;
border:none;
font-size: 0.9em;
}

.tableimgcol{
padding:0;
}

img{border-style:none;}


#wrap{
background:#fff;
width: 900px;
margin-left:auto;
margin-right:auto;
min-height: 600px;
padding: 0 10px 10px 10px;
}


#header{
height: 128px;
}

#subhead{
background:#CC0000;
padding: 8px;
color:#fff;
font-size:12px;

-webkit-border-radius:6px;
-moz-border-radius:6px;
margin-bottom: 10px;
font-weight:bold;
}

#subhead a, #subhead a:visited{
color:#fff;
text-decoration:none;}

#subhead a:hover{text-decoration:underline;}


#contentwrap{
}

#sidebar{
width: 200px;
float:left;
padding: 8px;
min-height: 400px;

-webkit-border-radius:8px;
-moz-border-radius:8px;
background:  #f0f0f0;
line-height: 20px;
font-size: 0.9em;

border: 2px solid #e5e5e5;
margin-bottom: 30px;

}

#sidebar h3{
font-size: 1.1em;
color: #CC0000;
padding-bottom: 0px;
}

#sidebar ul{margin-bottom: 10px;}

#sidebar li{
list-style:none;
/* padding-left: 10px; */
}

#sidebar li:hover{
background:#dcdbd3;
}

#content{
width:650px;
float:left;
padding: 10px;
margin-left: 10px;
line-height: 22px;
min-height: 600px;
}

#content li{
margin-left: 35px;
}
#content ul{
margin-bottom: 10px;
}

.clear{
clear:both;
line-height:0;
}

.prodlisting{
margin-bottom: 40px;
}

#footer{
padding: 20px;
border-top: 1px solid #ccc;
background:url(images/footergrad.jpg) repeat-x;
text-align:center;
color:#777777;
font-size: 0.8em;
}


/* Navigation */

.nav {/* font-size:12px; font:bold 12px Arial,Verdana; */
margin-top: -1px;
margin-bottom: 5px;
}

.nav h3{
font-size: 1.1em;
color: #CC0000;
padding-bottom: 0px;}

.nav a, .nav a:hover{

text-decoration: none;
display:block;
 padding-left:15px; 
 color: #333;
}

.nav a:visited{
color: #333;}


.nav ul {margin:0px; padding:0px; /* background-color:#185c83;*/}

.nav ul li {
/* height:25px;
line-height:25px; */
list-style:none;


/* border-top:#fff solid;
border-bottom:#fff solid;
border-width:1px; */
cursor:pointer;
}

.nav ul li:hover {background-color:#F90; position:relative;}

.nav ul ul {
display:none;
position:absolute;
left:140px;
top:5px;
border:#fff solid;
border-width:1px;
background-color:#c7c6b9;

}  

.nav ul li:hover ul {display:block;}

.nav ul ul li {border:none; width:150px; float:left; display:inline;
}

.nav ul ul li:hover {/*text-decoration:underline;*/ border:none;
display:block}


/* Wordpress image align */

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }

.prodgrouping{
background:#eee;
padding: 7px;

-webkit-border-radius:6px;
-moz-border-radius:6px;
}

.prodgrouping img{
border:#aaa 1px solid;

background: #fff;
margin-right: 10px;
margin-bottom: 10px;
}

.hpprodlist{
padding: 2px;
background:#fff;
margin:3px;
margin-bottom: 30px;
float:left;
border: 1px solid #d7d7d7;

}

.hpproductlisttitle{
text-align:center;
clear:both;
font-weight:bold;
font-size: 1.0em;
color:#CC0000;
height: 36px;
vertical-align: middle;
line-height: 16px;
}


/* Additional table attributes */
td.bgblue{background-color:#0066ff;}
td.lightorange{background-color:#ff6600;}
td.pink{background-color:#ff0066;}
td.green{background-color:#00b050;}

.boldsubhead{
font-weight:bold;
margin-bottom: 10px;
clear:both;
}