img {
border: 0px solid black;
}
.container {
width: 800px;
}
.rowcontainer {
width: 100%;
display: inline-block;
text-align: left;
padding-bottom: 8px;
}
.top {
width: 100%;
height: 10px;
background-repeat: no-repeat;
background-position: top;
}
.middle {
width: 100%;
background-image: url('http://www.controlanything.com/images/Tran-Right.png');
background-repeat: repeat-y;
background-position: right;
}
.leftbord {
width: 100%;
background-image: url('http://www.controlanything.com/images/Left-Bord.png');
background-repeat: repeat-y;
background-position: left;
overflow: hidden;
padding-left: 1px;
}
.header {
text-align: center;
}
div.rightside .pic {
margin-right: -2px;
}
.grad {
margin-left: 1px;
margin-right: 8px;
position: relative;
background-image: url('http://www.controlanything.com/images/Grad.png');
padding-bottom: 5px;
margin-bottom: 5px;
}
.gradcor {
margin-left: -1px;
margin-right: -8px;
}
.gradiefix {
height: 2px;
width: 50%;
float: left;
}
.pic {
overflow: hidden;
margin-right: 9px;
}
.desc {
padding: 4px;
color: gray;
font-size: 9pt;
padding-right: 8px;
overflow: visible;
}
.rightside .desc {
text-align: center;
}
.desc ul {
padding-left: 18px;
margin-left: 0px;
margin-right: 0px;
margin-top: 6px;
}
.bottom {
width: 100%;
height: 12px;
margin-top: -2px;
background-repeat: no-repeat;
background-position: bottom;
float: left;
}
.leftside {
width: 340px;
padding-left: 5px;
padding-right: 5px;
float: left;
}
.rightside {
float: right;
width: 400px;
padding-right: 12px;
}
.container184 {
width: 184px;
float: left;
padding-left: 10px;
padding-right: 6px;
display: inline-block;
text-align: left;
}
.container184 .top {
background-image: url('http://www.controlanything.com/images/184-Tran-Top.png');
}
.container184 .bottom {
background-image: url('http://www.controlanything.com/images/184-Tran-Bottom.png');
}
.container250 {
width: 250px;
padding-left: 10px;
padding-right: 6px;
float: left;
text-align: left;
}
.container250 .top {
background-image: url('http://www.controlanything.com/images/250-Tran-Top.png');
}
.container250 .bottom {
background-image: url('http://www.controlanything.com/images/250-Tran-Bottom.png');
}
.container384 {
width: 384px;
float: left;
padding-left: 10px;
padding-right: 6px;
position: relative;
text-align: left;
}
.container384 .top {
background-image: url('http://www.controlanything.com/images/384-Tran-Top.png');
}
.container384 .bottom {
background-image: url('http://www.controlanything.com/images/384-Tran-Bottom.png');
}
.container784 {
width: 784px;
padding-left: 10px;
padding-right: 6px;
float: left;
text-align: left;
}
.container784 .top {
background-image: url('http://www.controlanything.com/images/784-Tran-Top.png');
}
.container784 .bottom {
background-image: url('http://www.controlanything.com/images/784-Tran-Bottom.png');
}
blockquote {
margin-right: 0px;
margin-left: 14px;
margin-top: -10px;
}
.caption {
color: gray;
font-size: 9pt;
}
a {
color: blue;
}
A:visited {color: navy;}
A:hover {color: red;}
td.contact a:active {
background-image: url('/images/CONTACT-CLICKED.jpg');
}
td.home a:active {
background-image: url('/images/HOME-CLICKED.jpg');
}
td.login a:active {
background-image: url('/images/LOGIN-CLICKED.jpg');
}
td.resources a:active {
background-image: url('/images/RESOURCES-CLICKED.jpg');
}
td.software a:active {
background-image: url('/images/SOFTWARE-CLICKED.jpg');
}
td.review a:active {
background-image: url('/images/REVIEW-CLICKED.jpg');
}
td.checkout a:active {
background-image: url('/images/CHECKOUT-CLICKED.jpg');
}
body {
text-align: center;
background-image: url('/images/Grad.gif');
background-repeat: repeat-x;
}
p {
font-family: Arial;
font-size: 10pt;
}
td {
font-family: Arial;
font-size: 10pt;
}
h1{
font: normal normal bold 17pt Arial;
margin: 0px;
margin-top: 6px;
padding: 0px;
}
h2{
font: normal normal bold 15pt Arial;
margin: 0px;
margin-top: 6px;
padding: 0px;
}
h3{
font: normal bold 13pt Arial;
margin: 0px;
margin-top: 6px;
padding: 0px;
}
h4{
font: normal bold 12pt Arial;
margin: 0px;
margin-top: 6px;
padding: 0px;
}
h5{
font: normal bold 11pt Arial;
margin: 0px;
margin-top: 6px;
padding: 0px;
}
ul.nav {
margin: 0;
padding: 0;
list-style: none;
width: 180px;
text-align: center;
font-family: Arial;
font-size: 10pt;
position: relative;
z-index: 100;
}
ul li.tree {
position: relative;
}
ul#sub {
position: absolute;
left: 179px;
top: 0;
display: none;
margin: 0px;
padding: 0px;
list-style: none;
width: 180px;
margin-top: -1px;
z-index: 120000;
border-left: 1px solid navy;
border-right: 1px solid navy;
}
ul.sub {
position: absolute;
left: 179px;
top: 0;
display: none;
margin: 0px;
padding: 0px;
list-style: none;
width: 180px;
margin-top: -1px;
z-index: 120000;
border-left: 1px solid navy;
border-right: 1px solid navy;
}
ul#sub2 {
position: absolute;
left: 179px;
top: 0;
display: none;
padding: 0px;
margin-left: -1px;
list-style: none;
width: 150px;
z-index: 130000;
border-right: 1px solid navy;
border-left: 1px solid navy;
}
ul.sub2 {
position: absolute;
left: 179px;
top: 0;
display: none;
padding: 0px;
margin-left: -1px;
list-style: none;
width: 150px;
z-index: 130000;
border-right: 1px solid navy;
border-left: 1px solid navy;
}
ul li a.link {
display: block;
text-decoration: none;
background: #ddddff;
padding-top: 5px;
padding-bottom: 5px;
border: 0px solid;
border-bottom: 1px solid #BBBBFF;
width: 100%;
}
ul li a.link2 {
display: block;
text-decoration: none;
background: #BBBBFF;
padding-top: 5px;
padding-bottom: 5px;
border: 0px solid;
width: 100%;
border-bottom: 1px solid #ddddff;
}
ul li a.link3 {
display: block;
text-decoration: none;
background: #4544AC;
padding-top: 5px;
padding-bottom: 5px;
border: 0px solid;
color: #FFFFFF;
width: 100%;
}
ul li a.link4 {
display: block;
text-decoration: none;
background: #FED3D5;
padding-top: 5px;
padding-bottom: 5px;
border: 0px solid;
color: #FF0000;
width: 100%;
}
ul li a.link5 {
display: block;
text-decoration: none;
background: #000066;
padding-top: 5px;
padding-bottom: 5px;
border: 0px solid;
color: #FFFF00;
width: 100%;
}
ul li a.link6 {
display: block;
text-decoration: none;
background: #FFFFCC;
padding-top: 5px;
padding-bottom: 5px;
border: 0px solid;
width: 100%;
border-bottom: 1px solid ActiveBorder;
}
ul li a.link:hover {
background: #8786FF;
color:#FFFF00;
}
ul li a.link2:hover {
background: #8786FF;
color:#FFFF00;
}
ul li a.link3:hover {
background: #ddddff;
color: #CCCC00
}
ul li a.link4:hover {
background: red;
color:#FFFF00;
}
ul li a.link5:hover {
background: #ddddff;
color: blue;
}
ul li a.link6:hover {
background: #FFFF00;
}
li#base.over ul#sub { display: block; }
li#base:hover ul#sub { display: block; }
li ul li#subbase.over ul#sub2 { display: block; }
li ul li#subbase:hover ul#sub2 { display: block; }
.google form {
display: inline;
height: 46px;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li {float: left;}
* html ul li a {height: 1%;}
/* End *