/* CSS Document */

/* Main Elements */
body {
	background: #2a4e68 url(../images/mainbg.gif) fixed repeat-x top;
	border: 15px solid #FFFFFF;
	margin: 20px auto;
	width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
}
table {
	background: #FFFFFF;
	border-collapse: collapse;
	width: 100%;
}
table table {
	width: auto;
}
td {
	vertical-align: top;
}

/* Header */
#header td {
	padding: 0;
}

/* Menu */
#menu {
	background: #FFFFFF url(../images/menubg.gif) repeat-x center;
	height: 41px;
}
#menu td {
	padding: 0;
	vertical-align: middle;
}

/* Top Navigation */
#topnav {
	font-family: arial;
	color: #000000;
	font-size: 10pt;
	width: 100%;
	color: #666666;
}
#topnav td {
	padding: 0 !important;
}
#topnav table {
	width: 100%;
}
#topnav table td {
	padding: 7px 0;
}
#topnav a {
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}
#topnav a:hover {
	text-decoration: underline;
}
#topnav img {
	border: 0;
}
#topnav i {
	color: #1f7c96 !important;
	font-size: 8pt;
	font-style: normal;
}
#topnav a:hover i {
	text-decoration: underline;
}

/* Search */
#search .submit {
	background: #333333;
	border: 0;
	padding: 1px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
#search .input {
	width: 176px;
	color: #333333;
}
#search_suggest {
	position: absolute;
	z-index: 1;
	text-align: left;
	width: 174px;
}
.suggest_link a {
	background: #FFFFFF;
	display: block;
	width: 160px;
	border: 1px solid #CCCCCC;
	border-width: 0 1px;
	padding: 2px 6px 2px 6px;
	color: #000000 !important;
	text-decoration: none;
}
.suggest_link_over a {
	background: #337799;
	border: 1px solid #CCCCCC;
	border-width: 0 1px;
	display: block;
	width: 160px;
	padding: 2px 6px 2px 6px;
	color: #FFFFFF !important;
}
.suggest_link_over a:hover {
	text-decoration: none;
}

/* Main */
#main {
	height: 300px;
}
#main table {
	height: auto;
	width: 100%;
}
#main td {
	padding: 10px 0 20px;
}
#mainContent {
	widdth: 80%;
}
#mainContent td {
	padding: 0;
}

/* Left Navigation */
#leftNav {
	padding-right: 15px !important;
	width: 180px !important;
}
#leftNav table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
#leftNav table th {
	background: #222222;
	border: 1px solid #000000;
	padding: 5px !important;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 7pt;
	font-weight: normal;
}
#leftNav table th a {
	display: block;
	width: 100%;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 7pt;
	font-weight: normal;
}
#leftNav table td {
	background: #d1dadf;
	padding: 5px !important;
}
#leftNav table td a {
	text-decoration: none;
	color: #333333;
	font-size: 8pt;
}
#leftNav table td a:hover {
	color: #000000;
	text-decoration: underline;
}
#leftNav table table, #leftNav table table td {
	border: 0;
}

/* Left Column */
#columnleft {
	vertical-align: top;
	padding-right: 15px !important;
	width: 180px;
}
#columnleft table {
	border: 1px solid #EEEEEE;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}
#columnleft table th {
	padding: 5px 10px;
	font-size: 9pt;
	text-align: left;
}
#columnleft table td {
	padding: 10px;
}
#columnleft table table {
	margin-bottom: 0;
}

/* Side Menu */
#sidemenu {
	border: 0 !important;
}
#sidemenu td {
	padding: 0 !important;
}
#sidemenu a {
	background: #d1dadf;
	display: block;
	widdth: 100%;
	padding: 6px 10px 5px;
	color: #333333;
	text-decoration: none;
	margin-bottom: 1px;
}
#sidemenu a:hover {
	background: #333333;
	text-decoration: none;
	color: #FFFFFF;
}

/* Footer */
#footer td {
	border-top: 5px solid #DDDDDD;
	padding: 10px 0 0;
	font-size: 7pt;
	color: #999999;
}

/* General Text Formatting */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20pt;
	color: #FFBB00;
	margin: 0 0 10px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #333333;
	margin: 0 0 10px;
}
p {
	margin: 5px 0 10px;
}
td {
	vertical-align: top;
}
a {
	color: #519fc7;
}
a:hover {
	color: #eca703;
}
ul {
	margin: 0 17px 0;
	list-style: square;
}
span.greetUser {
  color: #3399FF;
  font-weight: bold;
}
p.logindetails {
	float: right;
}
p.message {
	font-style: italic;
	color: #999999;
}
span.error {
	display: block;
	color: #FF0000;
	font-size: 7pt;
}
p.error {
	color: #FF0000;
}
input, textarea {
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
input.checkbox {
	border: 0;
}
.submit input, input.submit {
	background: #333333;
	border: 0;
	color: #FFFFFF;
	width: auto !important;
}

/* Services layout */
#services th {
	width: 10%;
	padding-right: 10px;
	text-align: left;
	vertical-align: top;
}
#services td {
	width: 40%;
	padding: 0 20px 20px 0;
}
#services img {
	border: 1px solid #333333;
}

/* Contact Text */
#contacttext td, #contacttext th {
	vertical-align: top;
	padding-top: 0 !important;
	font-size: 10pt;
}

/* Contact Form */
#contact {
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	width: 200px !important;
}
#contact td {
	text-align: left;
	padding: 10px !important;
}
#contact th {
	font-weight: normal;
	text-align: right;
	padding: 10px 0 10px 10px !important;
}

/* Web Design */
#webdesign {
	width: 100%;
}
#webdesign td {
	text-align: center;
	padding-bottom: 30px !important;
}
#webdesign img {
	border: 1px solid #DDDDDD;
	height: 154px;
	width: 220px;
}
#webdesign a {
	font-size: 10pt;
	text-decoration: none;
}

/* Home Layout */
#homelayout {
	width: 500px !important;
}
#homelayout th {
	font-family: arial;
	font-size: 30pt;
	font-weight: normal;
	vertical-align: top;
	padding: 0;
	color: #CCCCCC;
	letter-spacing: -3px;
	text-align: left;
}
#homelayout td {
	vertical-align: top;
	padding: 2px 0 0 10px !important;
}
#homelayout h2 {
	margin-bottom: 0px !important;
}
#homelayout p {
	margin: 0 0 20px;
}

/* Home Boxes */
#homebox {
	background: #ebeef0;
	float: right;
	width: 250px !important;
}
#homebox td {
	border: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
	padding: 10px !important;
}
#homebox img {
	border: 1px solid #999999;
}

/* Login Form */
#login {
	background: #ebeef0;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	width: auto !important;
}
#login td {
	padding: 10px 10px 0 !important;
}
#login td.submit {
	padding: 10px !important;
}

/* Main Info Index Layout */
#mainInfoIndex {
	border-collapse: separate;
	width: 100%;
}
#mainInfoIndex td {
	border: 1px solid #CCCCCC;
}
#mainInfoIndex td td {
	border: 0;
	padding: 5px;
}
#mainInfoIndex tr.dataTableHeadingRow td {
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	border-width: 1px 0;
}

/* Main Info Layout */
#mainInfo {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	width: 100%;
}
#mainInfo td {
	padding: 5px !important;
	vertical-align: top;
}
#mainInfo th {
	padding: 5px !important;
	vertical-align: top;
}
#mainInfo tr.heading td {
	background: #ebeef0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-transform: uppercase;
	font-size: 7pt;
}
#mainInfo td.submit {
	background: #ebeef0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
}

/* Info Layout */
#infoLayout {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	width: auto !important;
}
#infoLayout td {
	padding: 5px !important;
	vertical-align: top;
}
#infoLayout th {
	padding: 10px !important;
	vertical-align: top;
}
#infoLayout tr.heading td {
	background: #ebeef0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-transform: uppercase;
	font-size: 7pt;
}
#infoLayout td.submit {
	background: #ebeef0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
}
#infoLayout td.bold {
	font-weight: bold;
	height: 20px;
}
#infoLayout input {
	width: 200px;
}
#infoLayout td.submit input {
	width: auto;
}

/* Products Display */
#products table table td {
	padding-bottom: 15px;
}
#productslisting img.pimage {
	margin-right: 10px;
}
#productslisting table td {
	padding: 10px 0 0;
	width: 20%;
}
#productslisting .productListing-heading {
	background: #999999;
	padding: 5px 0;
	color: #FFFFFF;
}

/* Nested Categories */
#nestedcategories td {
	padding-bottom: 10px;
	text-align: center;
}
#nestedcategories img {
	filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
	border: 13px solid #DDDDDD;
	background: #DDDDDD;
}

/* Admin Panel */
#panel {
	background: #ebeef0;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
#panel td {
	padding: 6px 6px 4px;
	text-align: center;
}
#panel img {
	border: 1px solid #999999;
	display: inline-block;
	margin: 1px;
	width: 190px;
}
#panel a:hover img {
	border: 2px solid #000000;
	margin: 0px;
}

/* Tooltips */
#tooltip {
	border-collapse: collapse;
	margin-bottom: 20px;
}
#tooltip th {
	background: url(/images/tooltipheader.gif) no-repeat bottom center;
	padding: 16px 10px 4px 40px;
	text-align: left;
}
#tooltip td {
	background: url(/images/tooltipbg.gif) no-repeat bottom center;
	padding: 10px 10px 0;
}
#tooltip a {
	color: #666666;
	text-decoration: underline;
}

/* Checkout Timeline */
#timeline {
	margin: 30px 0;
}
#timeline, #timeline table {
	border-collapse: collapse;
	width: 100%;
}
#timeline td {
	width: 25%;
	vertical-align: middle;
	padding: 0;
}
#timeline table td {
	width: auto;
}

/* Products */
#products {
	width: 100%;
}
#products td {
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 30%;
	text-align: center;
}
#products td#even {
	background: #ebeef0;
}
#products img, img#product {
	background: #000000;
	border: 8px solid #b2c9d1;
	display: block;
	padding: 1px;
}
#products td#even img {
	border-color: #9ab4bd;
}
#products a:hover {
	text-decoration: none;
}
#products h2, h2#product {
	text-decoration: none;
	margin: 3px 20px !important;
	color: #333333;
	font-size: 8pt;
}

/* Shortcut Icons */
#shortcuts {
	border: 1px solid #CCCCCC;
	background: #f0f3f5;
	width: 100%;
}
#shortcuts td {
	padding: 5px;
}
#shortcuts a {
	text-decoration: none;
}
#shortcuts img {
	border: 0;
	margin-bottom: -3px;
}

/* Open Tickets */
tr.openticket td {
	background: #DDE7FF;
	font-weight: bold;
}