/* Title:  master screen styles for Globalnetdisplays.com
Author:    mike holley mike@mikeholley.com
Updated:   29 Sep 2005 */

/* =Top styles */

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	background: #FFFFFF url(../images/background_ltbl.gif) repeat-x left top;
	font-family: Verdana, Arial, sans-serif;
}
body a:link, a:visited, a:active {
	color: #93BF35;
	text-decoration: none;
}

body a:hover {
	text-decoration: underline;
	color: #A3D536;
}
#wrap {
	width: 762px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF url(../images/sides.gif) no-repeat;
	padding: 0;
}
#header {
	background: url(../images/header_fade.gif) repeat-x left bottom;
	height: 60px;
	border-bottom: 1px solid #4B65A5;
	width: 760px;
	margin: 0 auto;
	clear: both;
}
#header h1 {
	margin: 0;
	padding: 0;
	height: 50px;
	width: 330px;
	background: url(../images/global_logo.gif) no-repeat right bottom;
	float: left;
}
#header p {
	margin: 0;
	padding: 0;
	border: none;
	float: right;
	display: block;
	background: url(../images/tagline.gif) no-repeat left bottom;
	height: 46px;
	width: 220px;
}

/* =Common elements */

.no {
	display: none;
}
input, select, th, td {
	font-size: 1em;
}
p {
	margin: 1em 0 1em;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1 {
	font-size: 1.5em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}
h2 {
	font-size: 1.25em;
	font-weight: normal;
}
h2 b {
	font-weight: normal;
	color: #4A88D1;
}
h2 em {
	color: #55A9E6;
	font-style: normal;
}
h3 {
	font-size: 1em;
	color: #4A88D1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 3px;
}
h6 {
	font-size: .90em;
	font-family: Arial, sans-serif;
	font-weight: bold;
}
#nav {
	float: left;
	width: 760px;
	margin: 0;
	padding: 0px;
	clear: both;
	list-style: none;
	background: #E0F6FE url(../images/nav_fade.gif) repeat-x left top;
	border-bottom: 1px solid #4B65A5;
	border-right: 1px solid #4B65A5;
	border-left: 1px solid #4B65A5;
}
#nav li {
	float: right;
	margin:0;
	padding: 0;
	font-family: "Lucinda Grande", sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}
#nav a {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 7px 20px 7px 19px;
	color: #3B569C;
	text-decoration: none;
	border-left: 1px solid #4B65A5;
	background: url(../images/tab_off.gif) repeat-y left top;
}
#nav a:hover {
	color:#FFF;
	background: #C1EDFD url(../images/tab_on.gif) no-repeat left top;
}
body#products #nav #t-products a, 
body#support #nav #t-support a, 
body#company #nav #t-company a, 
body#contact #nav #t-contact a 
{
	color:#FFF;
	background: #C1EDFD url(../images/tab_on.gif) no-repeat left top;
}
#content {
	float: left;
	width: 526px;
	font-size: 1.2em;
	line-height: 1.35em;
	color: #3B569C;
	background: url(../images/sidebar_fade.gif) no-repeat right top;
}
#sidebar {
	float: right;
	width: 234px;
	font-size: 1.2em;
	line-height: 1.35em;
	color: #3B569C;
}
.dotted {
	border-bottom: 1px dotted #A3D536;
	padding-bottom: 15px;
}
.general ul {
	margin:0 0 10px;
	padding:2px 0px 10px;
	border-style: none;
}
.general li {
	margin: 0;
	padding: 2px 0 2px 13px;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat 0 7px;
}
#sidebar ul {
	margin:0 0 10px;
	padding:2px 0px 10px;
	border-bottom: 1px dotted #A3D536;
}
#sidebar li {
	margin: 0;
	padding: 2px 0 2px 13px;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat 0 8px;
}
.gutter {
	padding: 18px;
}
#screens {
	width: 525px;
	height: 220px;
	margin:0;
	padding:0;
	background: transparent url(../images/screens.jpg) no-repeat 78px 20px;
}
#intro {
	width: 524px;
	height: 260px;
	margin:0;
	padding:0;
	text-align: center;
}
#highlight {
	background-color: #F4F9FD;
	margin: 0 0 10px;
	padding: 15px;
	border-top: 1px solid #4B65A5;
}
#footer {
	margin: 1em auto 0;
	clear: both;
	padding-top: 5px;
	width: 720px;
	border-top: 1px solid #4B65A5;
	padding-bottom: 15px;
	font-size: 1.2em;
	color: #3B569C;
}
/* =IMGs */
img.thumbL {
	float:left;
	margin:0px 8px 2px 0;
}

/* =form styles */

form {
    margin:0 20px;
}
.maincol form {
	background-color:#f7f7f7;
	margin:10px 0;
	padding:10px;
}
fieldset {
    border-width:0;
    border-bottom:1px dashed #A3D536;
    margin:0 0 20px 0;
    padding:0;
}
legend {
    color:#4B65A5;
    font:bold normal 115% Verdana, Arial, sans-serif;
    margin:10px 0 0 0;
    padding:0;
}
* html legend {
    margin-left:-8px;
    margin-bottom:10px;
}
fieldset .field {
    border-top:1px dashed #A3D536;
    clear:both;
    padding:6px 0;
}
fieldset br {
    display:none;
}
fieldset .field label {
    color:#4B65A5;
    display:block;
    float:left;
    margin-right:5px;
    width:115px;
}
fieldset .field label .required {
    color:#ff0000;
    font-weight:normal;
}
fieldset .field input {
    max-width:240px;
}
fieldset .field textarea {
    margin-top:5px;
    width:300px;
}
fieldset .field textarea + .notes {
    margin-left:0 !important;
}
fieldset .field .notes {
    color:#999;
    font-size:75%;
    margin:2px 0 0 120px;
  }
input,
textarea,
select
{
    font:normal normal x-small Verdana, Arial, sans-serif;
    content:"\"}\"";
    content:inherit;
    font-size:small;
}
html>body input,
html>body textarea,
html>body select {
    font-size:small;
}
input.text, textarea {
    background:#FFF;
    border:1px solid black;
    border-color:#c0c4c6 #e0e4e6 #e0e4e6 #c0c4c6;
    color:#808486;
    padding:2px 0 2px 4px;
}
input.text.highlight, textarea.highlight {
    background-color:#FFF;
    color:#204050;
}

/* =Table elements */

#product {
	clear: both;
}
table {
	margin: 0;
	padding: 0;
}
caption {
	padding: 8px 2px 5px 2px;
	color: #4A88D1;
	background-color: inherit;
	font-size: 95%;
	font-weight: bold;
	text-align: center;
	text-transform: capitalize;
	border: 1px solid #D2E1F3;
}
th {
	width: 200px;
	padding: 8px 2px 5px 5px;
	color: #3B569C;
	background-color: inherit;
	font-size: 75%;
	font-weight: normal;
	text-align: left;
	text-transform: capitalize;
}
tr.odd th {
	color: #3B569C;
	background-color: inherit;
}
td {
	width: 320px;
	padding: 4px 10px;
	color: #3B569C;
	background-color: inherit;
	font-size: 75%;
}
tr.odd {
	color: inherit;
	background-color: #F4F9FD;
}
tr.odd td {
	color: #3B569C;
	background-color: inherit;
}
th a {
	color: #A3D536;
	background-color: inherit;
	font-size: 110%;
	text-decoration: none;
}
th a:hover, td a:hover {
	background-color: inherit;
}
th a:visited {
	color: #A3D536;
	background-color: inherit;
}
td a {
	color: #F26521;
	background-color: inherit;
	text-decoration: none;
}
td a:hover {
	color: #3B569C;
	background-color: inherit;
	border-bottom: 1px solid #ccc;
}
tbody tr:hover {
	color: inherit;
	background-color: #F6FBEB;
}
tbody .odd:hover {
	color: inherit;
	background-color: #F6FBEB;
}