@import "/stylesheets/reset.css";

/* ................GLOBAL................... */
body {
	color: #fff;
	font-size: 87.5%;
	text-align: center;
	background: #000000;
	font-family: Arial, Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;    }
html > body     { font-size: 14px; }    /* Non-IE browsers */
h1, h2 { 
	margin-bottom: 10px;
	font-family: Geneva, "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;    }
h1 {
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 18px;
	color: #D87A2F; }
h2 {
	font-size: 1.4em;
	font-weight: normal;
	color: #6D91BC;
	margin: 0 -4px 10px;
	padding: 4px 4px;
	background-color: #16181E; }
h2 strong {
	font-weight: normal;
	text-transform: uppercase; }
h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em; }
p {
    color: #f0f0f0;
	line-height: 1.5em;
	margin-bottom: 1em; }
p strong {
    color: #fff;
	font-weight: normal; }
p.footnote {
    font-size: .8em; }
strong {
    font-family: "Arial Black", Arial, Helvetica, "Lucida Grande", Verdana, Arial, sans-serif; }
a:link,
a:visited {
	color: #ff9;}
a:hover {
	color: #ff3; }
small {
	font-size: .9em;
	color: #ccc; }
sup {
    font-size: .7em; 
    vertical-align: top; }

ol {
	list-style: decimal inside; }
ol li {
	margin-bottom: 5px; }
dl dt {
	font-size: 1.1em;
	color: #6D91BC;
	line-height: 1.5em;
	margin-bottom: 5px; }
dl dd {
	line-height: 1.5em;
	margin-bottom: 20px; }
table {
	margin-bottom: 10px; }
table th,
table td {
	font-size: 1em;
	line-height: 1.35em; }
table th {
	font-weight: normal;
	white-space: nowrap;
	padding-right: 10px; }
table th h3 {
	text-transform: uppercase;
	font-weight: normal;
	padding-right: 20px;
	border-bottom: 1px dotted #333; }
table td {
	line-height: 1.35em;
	padding-bottom: 10px; }
table td h3 {
    color: #ffc;
    padding: 3px 0;
    margin-bottom: 4px;
    background-color: #000; }

#Content ul{
    list-style: disc outside;
    margin-bottom: 20px; }

#Content ul li {
    line-height: 1.5em;
    margin-left: 1em;
    margin-bottom: 1em; }

/* ................=#Wrap.................. */
#Wrap {
	margin: 0 auto;
	width: 760px;
	text-align: left; }


/* ................=#Login.................. */
#MyAccount {
	float: right;
	font-size: .8em;
	padding-top: 8px;
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;    }
#MyAccount a:link,
#MyAccount a:visited {
	color: #fff;
	text-decoration: none; }
#Login a:hover,
#MyAccount a:hover {
	background-color: #000;
	text-decoration: underline; }
	
/* ................=#Logo.................. */
#Logo {
	padding-top: 16px;
	height: 65px;
	/*background: transparent url(/images/slogan.gif) 48px right no-repeat;*/ }


#Other-Sites,
#Tabs {
	display: none; }



/* ................=#Content.................. */
#Content {
	margin: 30px 0;
	padding: 0 }
#Content a:link strong,
#Content a:visited strong {
	font-weight: normal;
	text-transform: uppercase; }


/* ................=Default 2 col.......... */
#SubCol {
    display: none;
}
#MainCol {
 	}
/* ................=#Home.................. */
#Home h1 {
    padding-top: 0; }
#Home h2 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	background-color: transparent; }
#Home h2.sales {
	margin-bottom: 25px; }
	

/* ................=#Closer.................. */		
#Closer {
	width: 684px;
	float: left;
	padding: 20px;
	padding-left: 60px;
	font-size: .9em;
	line-height: 1.5em;
	background: #16181E url(/images/learn_more_bg.gif) 20px center no-repeat;
	margin: 0px -4px 20px; }
#Closer div {
	width: 250px;
	float: right;
	padding: 14px;
	text-align: center;
	margin-bottom: 0;
	background-color: #0B0C0F;
	line-height: 1em; }
#Closer img {
	margin-bottom: 6px; }
#Closer a:link,
#Closer a:visited {
	text-decoration: none; }
#Closer a:hover {
	background-color: #0B0C0F; }
#Closer ul {
	width: 370px;
	}
#Closer ul li a:link,
#Closer ul li a:visited {
	font-size: 1.2em;
	display: block;
	padding: 8px 4px;
	text-decoration: none;
	border-bottom: 1px solid #333; }
#Closer ul li.last a:link,
#Closer ul li.last a:visited {
	border-bottom: none; }

/* ................=#Footer.................. */
#Footer {
	clear: both;
	margin: 0 -4px;
	padding: 10px 20px;
	color: #C5C6C7;
	font-size: .9em;
	line-height: 1.5em;
	background-color: #16181E; }
#Footer a:link,
#Footer a:visited {
	color: #C5C6C7; }
#contact_info { 
	margin-right: 50%; }
#site_info {
    float: right;
	width: 50%;
	text-align: right; }


/* ................=#Splash.................. */
#Splash {
    width: 760px; }
#Splash h1 {
    margin-left: 400px; }
#Splash p {
    clear: left;
    margin-top: 1.5em;
    margin-bottom: 2em;
	font-size: 1.1em; }
#Splash p.border {
	float: left;
	margin: 0;
	margin-bottom: 30px; }

/* ................=.person.................. */
div.person {
	margin-bottom: 10px; }
h3.person {
	margin-bottom: 10px; }
.person h3 span {
	font-size: .8em;
	color: #C5C6C7;
	padding-left: 10px; }
h4{
	width: auto;
	float: right;
	font-weight: normal; }
.person h3,
h3.person {
	font-size: 1.2em;
	font-weight: normal;
	border-bottom: 1px dotted #333; }
.person p {
    margin: .75em 0 2em; }

/* ................=Columns.................. */
.leftCol {
	float: left;
	width: 350px; }
.rightCol {
	width: 350px;
	margin-left: 390px; }

/* SPLIT COLUMNS*/

#Right {
    float: right;
    width: 360px;
}
#Left {
    margin-right: 400px;
}

/* ................=#page_nav.................. */
ul#page_nav {
    list-style: none;
	margin: -15px 20px 20px;
	border-left: 1px dotted #8E8F93; }
ul#page_nav li {
    margin: 0;
    line-height: 1em;
    padding: 8px 0 3px;;
    margin-bottom: 6px; }
ul#page_nav li a:link,
ul#page_nav li a:visited {
	padding-bottom: 2px;
	padding-left: 10px;
	text-decoration: none;
	border-bottom: 1px dotted #8E8F93; }


/* ................=.btns.................. */
.btns a:link,
.btns a:visited {
	padding: 5px 10px;
	background-color: #121419; }
.btns a:hover {
	background-color: #000; }


/* ................=.top.................. */
a:link.top,
a:visited.top {
	padding: 6px 4px;
	float: right; }
	

/* ................=form.................. */
form * {
    font-family: Verdana, Helvetica, "Lucida Grande", Arial, sans-serif; }
form tbody th {
    text-align: right;
    font-size: .8em;
    padding-right: 5px;
    color: #fff; }
form table td label,
form table td small {
    font-size: .8em;
    color: #ccc; }
hr {
    border: none;
    height: 1px;
    background-color: #666; }
fieldset {
    margin-bottom: 20px;
    padding: 20px 30px 10px;
    background-color: #16181E;
    border: 1px solid #8191BC;
    border-width: 1px 0; }
fieldset legend {
    padding: 0 .5em;
    font-size: 1.15em;
    color: #8191BC;
    font-family: Geneva, "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; }
fieldset p {
    font-size: .9em;
    line-height: 1.7em;
    font-family: Geneva, "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; }
fieldset table {
    width: 100%; }
form fieldset.styled p input,
form table th input,
form table tfoot td input {
    font-size: 1.2em; }
form table th {
    width: 120px; }
form table th small {
    color: #fff;
    font-size: .8em; }

/* ................=Forms.................. */
fieldset.styled p input,
fieldset.styled p textarea,
tbody input,
tbody select {
    padding: 4px;
    font-size: .85em;
    border: none; }
[disabled] {
    background-color: #ccc; }
fieldset.styled p input,
fieldset.styled p textarea {
    width: 100%; }
tbody input:focus {
    border-color: #fff; }
p.submit input {
    font-size: 1.2em; }
label.fieldWithErrors {
    color: #f00;
    font-weight: bold; }
legend.fieldWithErrors {
    color: #f00; }
p.fieldWithErrors,
small.fieldWithErrors {
    color: #f00; }


#errorExplanation {
    border: 3px solid #f00;
    background-color: #2E1C23;
    padding: 10px 27px;
    margin-bottom: 20px; }
#errorExplanation h2 {
    color: #f00;
    background-color: #2E1C23; }

#Steps {
    margin-top: 7px;
    padding: 4px 8px;
    border: 1px solid #8191BC;
    border-width: 1px 0;
    background-color: #16181E; }
#Steps h2 {
    color: #fff;
    font-weight: bold;
    font-size: 1em; }
#Steps li {
    color: #ccc;
    font-size: .85em;
    font-family: Geneva, "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; }
#Steps li.active {
    color: #D87A2F;
    font-weight: bold; }
#Steps li a:link,
#Steps li a:visited {
    color: #fff;
    text-decoration: none;}
#Steps li a:hover {
    text-decoration: underline; }
form p small {
    color: #ccc;
    font-size: .85em; }

div.legal {
    margin-bottom: 20px;
    padding: 0 30px 10px;
    background-color: #16181E;
    border-bottom: 1px solid #8191BC; }
div.legal h2 {
    font-size: .95em;
    color: #fff;
    padding: 8px 12px;
    margin: 0 -30px 10px;
    text-align: center;
    font-weight: bold;
    background-color: #08090C;
    border-bottom: 1px solid #333;
    font-family: Geneva, "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; }
div.legal h3 {
    font-size: 1em;
    text-align: center;
    margin-bottom: 20px;
    color: #ff9; }
div.legal ol li {
    margin-left: 20px;
    list-style-position: outside;
    line-height: 1.4em;
    font-size: .9em;
    color: #f0f0f0;
    margin-bottom: 12px; }
div.legal textarea { width: 100%; }
div.legal table {
    margin-top: 20px;
    padding-top: 20px;
    width: 100%;
    border-top: 1px solid #333; }
div.legal table tbody th,
div.legal table tbody td {
    padding-top: 8px;
    background-color: #000; }
div.legal table tbody th {
    width: 20px;
    text-align: left;
    padding-left: 8px; }
div.legal table tbody td {
    font-size: .85em;
    line-height: 1.6em;
    padding-right: 8px; }


table.cart thead td,
table.cart tbody td,
table.cart tfoot th,
table.cart tfoot td {
    text-align: right; }
table.cart thead th,
table.cart tbody th {
    text-align: left; }
table.cart thead th,
table.cart thead td,
table.cart tfoot th,
table.cart tfoot td{
    font-weight: bold; }
table.cart tfoot th,
table.cart tfoot td {
    padding-top: 8px;
    border-top: 1px solid #666; }
    
table#login    th {
    width: 80px;
}

h2#notice {
    color: #fff;
    padding: 4px 8px;
    border: 1px solid #666;
    border-width: 1px 0;
    margin-bottom: 20px;
    background-color: #533F35;
}

fieldset h2 {
    font-size: 1.1em;
    color: #fff;
    padding: 8px 12px;
    margin: 0 -30px 10px;
    background-color: #0d0d0d;
}


table.catalog tbody td {
    width: 36px; }
table.catalog tbody td.numeric {
    width: auto;
    text-align: right; }
table.catalog tbody th {
    font-size: 1em;
    text-align: left; }
table.catalog tbody tr.child th { 
    font-size: .9em; }
table.catalog hr {
    background-color: #333; }
    
p.note {
    color: #ccc;
    font-size: .85em;
}
ul.note li {
    font-size: .85em;
    color: #ccc;
}

fieldset tbody th {
    padding-right: 20px;
    text-align: right;
    width: 100px;
    color: #ccc;
    font-size: .9em;
}

table.list {
    width: 100%;
    border: 1px solid #333; }
table.list th,
table.list td {
    padding: 6px;}
table.list thead th{
    font-weight: bold;
    background-color: #343747; }
    
    
    
blockquote {
    margin: 0;
    font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
 }
blockquote span.bqend {
    height: 22px;
    padding: 0 12px;
    background: url(/images/close-quote.gif) no-repeat right bottom; }
blockquote:first-letter {
    background: url(/images/open-quote.gif) no-repeat left top;
    padding-left: 1.75em; }
p.author {
    color: #e0e0e0;
    padding-top: .5em;
    margin-bottom: 30px; }


div.press_release {
    padding-top: 2em;
    margin-bottom: 2em;
    border-top: 2px solid #333; }