/*
		Saratoga Distribution
		Style Sheet
		Site by TripleZero
		www.triplezero.com.au
		
		Table of Contents:
		layout
		header
		directory
		nav
		content
		promos
		footer
		other
		
*/

/* layout
----------------------------------------------- */

body {
text-align: center;
padding:0;
margin:10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:140%;
background: #fff url("images/bg_light.gif") top left repeat;
}

#container {
margin: 10px auto;
width: 750px;
text-align: left;
}

p, table {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:140%;
}

#content a:link, #content a:active, #content a:visited {color:#397F71; text-decoration:underline;}
#content a:hover {color:#D20606; text-decoration:none;}

h1 {font-family:Arial; color:#000; font-size:26px; /*border-bottom:1px solid #cacaca; */padding-bottom:15px;margin:0;line-height:100%;}

h2 {font-family:Arial; color:#1e1e1e; font-size:22px;}

h3 {font-family:Arial; color:#1e1e1e; font-size:16px;}

h4 {color:#CC322E;font-size:14px;text-transform:uppercase;}

h6 {font-family:Arial; color:#333; font-size:12px; margin:0;}

hr {background: #ccc; color: #ccc; border: 0; height: 1px; margin:0;}

ul {font-family:Arial, Verdana, Helvetica, sans-serif;list-style:none;}
ul li {margin:0;padding:0 0 5px 14px;background: url("images/bullet.gif") 0 6px no-repeat;}


/*ul {margin:0 0 0 5px;padding:0;list-style: none;}
li {margin:0;padding:0 0 5px 14px;background: url("images/arrow.gif") 0 1px no-repeat;}*/
/* header
----------------------------------------------- */

#header {
background: #fff url("images/header.jpg") top left no-repeat;
height: 99px;
}

#login {
float: right;
width: 378px;
}

#login table{
margin: 18px 0 0 0;
width: 378px;
font-size:10px;
color:#d9d9d9;
line-height:100%;
}

#login table th{
font-size:11px;
font-weight:bold;
color:#66A490;
text-align:left;
}

#login .inputs {
font-size:13px;
color:#66A490;
}

#login table a {
font-size: 9px;
color:#66A490;
}

#login table a:hover {
font-size: 9px;
color:#fff;
}

#login .loggedin a {
font-size: 9px;
color:#97D1C5;
}

#login .loggedin a:hover {
font-size: 9px;
color:#000;
}



/* directory
----------------------------------------------- */

#directory {
background: #999 url("images/directory.jpg") top left no-repeat;
margin:10px 0;
}

#directory h3 {
font-size: 22px;
color: #fff;
font-weight: normal;
font-family: Arial, Verdana, Helvetica, sans-serif;
padding:12px 8px 8px 12px;
margin:0;
}

#directory table {
margin:0 10px;
font-size: 9px;
color:#b3b3b3;
line-height:130%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#directory table a {
font-size: 9px;
color:#d9d9d9;
}

#directory table a:hover {
font-size: 9px;
color:#fff;
}

#directory .dirmain {
margin-bottom: 10px;
}

/* nav
----------------------------------------------- */

#nav {
background: #0E503D url("images/nav.jpg") top left no-repeat;
/*height: 30px;*/
font-size: 10px;
padding: 6px 2px;
}

#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#nav ul li {
float: left;
margin: 0 0 0 3px;
padding: 0;
display: inline;
border-right:1px solid #6D8C83;
background:none;
}

#nav ul li a {
text-decoration: none;
padding: .2em 1em;
font-weight: bold;
color: #88A99F;
}

#nav ul li a:hover
{
font-weight: bold;
color: #fff;
}

/* content
----------------------------------------------- */

#content {
background: #fff;
padding: 10px;
margin: 10px 0;
}

#content #main {
/*width: 680px;*/
margin: 10px 20px 10px 20px;
/*border: 1px solid #cacaca;*/
}

#content #main #frontend {
width: 440px;
float: left;
margin: 10px 20px 0 0;
}

#content #side {
float: left;
width: 226px;
margin: 10px 20px 10px 0;
}

#content .freight {
background: #166950;
margin-bottom: 10px;
}

#content .freight table{
padding:3px;
font-size:12px;
color:#fff;

}

#content .freight table td{ vertical-align:middle; }

#content #main #catlist {
width: 160px;
margin: 0 10px 0 0;
/*background: #D2EAE5;*/
border:1px solid #e0e0e0;
padding: 10px;
}

/* promos
----------------------------------------------- */

.ignition {
background: #1D1916;
color: #fff;
margin-bottom: 10px;
}

.ignition p {
padding: 10px;
font-size: 16px;
line-height: 120%;
}

#content .ignition a:link, #content .ignition a:active, #content .ignition a:visited {color:#fff; text-decoration:underline;}
#content .ignition a:hover {color:#fff; text-decoration:none;}

.corelroadshow {
background: #ADADAD;
color: #1E1816;
margin-bottom: 10px;
}

.corelroadshow p {
margin:0;
padding: 10px;
font-size: 16px;
line-height: 120%;
}

#content .corelroadshow a:link, #content .corelroadshow a:active, #content .corelroadshow a:visited {color:#CD2C26; text-decoration:underline;}
#content .corelroadshow a:hover {color:#CD2C26; text-decoration:none;}


.castand {
border:1px solid #999;
color: #000;
margin-bottom: 10px;
}

.imagepromo {
margin-bottom: 10px;
}

.textpromo {padding:5px;margin:10px 0;}
.textpromo p {padding:5px;margin:0;}
.textpromo h3 {padding:5px;margin:0;font-weight:bold;color:#000;}

.corel {background:#DDF9F1;color:#115A47;}
.corel h3 {color:#115A47;}
.corel p {color:#000;}

.iss {background:#0084CE; color:#9AD8FC;padding:10px;}

.webcast {padding:5px;font-size:11px;color:#000;border:1px solid #cacaca;margin-bottom:10px;}
.webcast a:link, .webcast a:active, .webcast a:visited {color:#338E29;font-weight:normal;}
.webcast a:hover {}


#content a:link.whitelink, #content a:active.whitelink, #content a:visited.whitelink, #content a:hover.whitelink {color:#fff;}
#content a:link.blacklink, #content a:active.blacklink, #content a:visited.blacklink, #content a:hover.blacklink {color:#000;}

/* footer
----------------------------------------------- */

#footer {
background: #fff url("images/bg_mid.gif") top left repeat;
padding: 5px 10px;
}

#footer p {
font-size:10px;
color:#333;
}

#footer a {
color:#656565;
}

#footer a:hover {
color:#000;
}

/* other
----------------------------------------------- */
.fixer {
clear:both;
font-size: .1em;
line-height: .01em;
color: #FFFFFF;
}

#pricelist td {padding-right:18px;}
#pricelist ul li.updated {margin-bottom:7px;padding-left: 15px;padding-bottom:3px;background: url("images/pl_updated.gif") no-repeat 0 3px;}
#pricelist ul li.new {margin-bottom:7px;padding-left: 15px;padding-bottom:3px;background: url("images/pl_new.gif") no-repeat 0 3px;}
#pricelist ul li {margin-bottom:7px;padding-left: 15px;padding-bottom:3px;background: url("images/pl_norm.gif") no-repeat 0 3px;}
#pricelist ul {margin-left: 5px;padding-left: 0;list-style: none;}
#pricelist ul li a:link, #pricelist ul li a:visited, #pricelist ul li a:active {color:#000;text-decoration:underline;}
#pricelist ul li a:hover {color:#1e1e1e;text-decoration:none;}

table.products, table.products tr td, table.products.tr th {border-collapse:collapse;}
table.products tr {vertical-align:middle;}
table.products tr th {margin:0; padding:5px; font-weight:bold; text-align:left; background:#fff; border-bottom:1px solid #999; vertical-align:middle;}
table.products tr td {margin:0; padding:5px; font-weight:normal; border:1px solid #ccc; vertical-align:middle;}

table.display tr td, table.display {padding:8px 5px 8px 5px; margin:0px;}
table.display tr th {background:#fff;}

#dropshippinginfo {padding:10px;border-bottom:1px solid #F1F1AC;}
table.resellerform {border-collapse:collapse;}
table.resellerform tr td, table.resellerform tr th {padding:8px 10px 8px 0px; margin:0px; vertical-align:middle;}
table.resellerform tr th {font-size:11px;text-align:left;font-weight:normal;}

table.cart {border-collapse:collapse; width:688px;}
table.cart tr td, table.cart tr th {padding:5px; vertical-align:middle;}
table.cart tr th {border-bottom:1px solid #666; background:#fff; font-size:9px; color:#666; font-weight:normal;}
table.cart tr td {border-bottom:1px solid #ccc; background:#D9E3D9;}
table.cart tr.freightline td {background:#E3E3D9;}

table.summary {border-collapse:collapse; width:688px; margin-bottom:10px;}
table.summary tr td, table.summary tr th {padding:5px; vertical-align:middle;}
table.summary tr th {border-bottom:1px solid #666; background:#fff; font-size:11px; color:#666; font-weight:normal; text-align:left;}
table.summary tr td {border-bottom:1px solid #ccc; background:#D9E3D9;}
table.summary tr.freightline td {background:#E3E3D9;}

#catlist ul {margin-left: 5px; padding-left: 0; list-style: none;margin-top:5px;}
#catlist ul li {background: #fff url("images/catlist.gif") 0 6px no-repeat; margin-bottom:1px;padding-left: 12px;padding-bottom:1px;}

/*#catlink a:link table , #catlink a:active table , #catlink a:visited table  {display:block;background:#fff;border:1px solid #fff;text-decoration:none;color:#397F71;}
#catlink a:hover table {display:block;background:#fff;border:1px solid #cacaca;text-decoration:none;color:#D20606;}*/

#catlink {background:#fff;border:1px solid #fff; border-collapse:collapse;}
#catlink:hover {background:#fff;border:1px solid #cacaca;}

#content .pagecart {border:1px solid #AA0606; padding:5px; margin:0 0 15px 0; background:#780404 url('images/cart.gif') 5px 2px no-repeat; color:#FED4D4;}
#content .pagecart a:link, #content .pagecart a:active, #content .pagecart a:visited {color:#FDC3C3;}
#content .pagecart a:hover {color:#FEE2E2;}

#content .unpaidorders {border:1px solid #2A7261; padding:5px; margin:0 0 15px 0; background:#1B594A; color:#C5D7D3;}
#content .unpaidorders a:link, #content .unpaidorders a:active, #content .unpaidorders a:visited {color:#C5D7D3;}
#content .unpaidorders a:hover {color:#C5D7D3;}



#content #main #prodcatlist {width: 190px;margin: 0 10px 0 0;border:1px solid #e0e0e0;padding: 10px;}
#prodcatlist ul {margin-left: 5px; padding-left: 0; list-style: none;margin-top:5px;}
#prodcatlist ul li {background: #fff url("images/catlist.gif") 0 6px no-repeat; margin-bottom:1px;padding-left: 12px;padding-bottom:1px;}
#prodcatlist a:link, #prodcatlist a:active, #prodcatlist a:visited {color:#666;}
#prodcatlist a:hover {color:#f00;}
#prodcatlist h4 a:link, #prodcatlist h4 a:active, #prodcatlist h4 a:visited {color:#397F71;}

.sidebox {float:right;width:240px;background:#eeeeee;margin-left:30px;padding:10px;}

.photo {border:1px solid #ccc;padding:8px;}
.fr {clear:right;float:right;margin:15px 10px 15px 20px;}
.fl {clear:left;float:left;margin:15px 20px 15px 0;}

/* product slide */

table.products-slide {border-collapse:collapse;border-bottom:1px solid #cacaca;}
table.products-slide tr {}
table.products-slide tr td {border-top:1px solid #cacaca;padding:5px;vertical-align:top;}

.dhtmlgoodies_question{	color:#FFF;	font-size:12px; color:#555; background-color:#fff; width:570px; margin-bottom:2px; margin-top:2px; padding-left:2px;  overflow:hidden;	cursor:pointer;}
.dhtmlgoodies_answer{border:1px solid #fff; background-color:#fff; width:540px; visibility:hidden; height:0px; overflow:hidden; position:relative;}
.dhtmlgoodies_answer_content{ padding:1px; font-size:0.9em; position:relative;}

.formtable {border:0;margin-top:10px;}
.formtable tr th {font-weight:bold; text-align:right; padding:5px;}
.formtable tr td {padding:5px;}
.formtable tr th strong {color:#900;}
.formtable cite {font-style:normal; color:#666;font-size:10px;}
.formtable tr.amount td {background:#DDDDD3;}

table.billingaddress {border-collapse:collapse;border:1px solid #e1e1e1;}
table.billingaddress tr {}
table.billingaddress tr td {padding:10px;vertical-align:top;}

table.resellerupdate {border-collapse:collapse; margin-top:10px; border-top:1px solid #e1e1e1;}
.resellerupdate tr {vertical-align:middle;}
.resellerupdate tr td, .resellerupdate tr th {margin:0; padding:8px 12px 8px 7px; border-bottom:1px solid #e1e1e1; font-size:14px; text-align:left;}
.resellerupdate input {padding:2px; font-size:14px;}
.resellerupdate cite {font-size:11px; color:#999; font-style:normal; font-weight:normal;}

table.silent {border-collapse:collapse;}
.silent tr {vertical-align:middle;}
.silent tr td, .silent tr th {margin:0; padding:2px; font-size:11px; text-align:left; border:none;}

tr.highlight td, tr.highlight th {background:#FFFFCC;}