/* 
Mid Pass Filter - tantek.com:
Imports special stylesheet only IE5/Win can see
*/
@media tty {i{content:"\";/*" "*/}} @import '_ie5win.css'; /*";}}/* */
/* This next stylesheet contains rules for IE6 as well */
@import url(_iewin.css);


/***
SWATCHES 
#069 - blueish purple
#696 - dark green
#CFC - light green
***/


/*** BASIC ELEMENTS ***/
html,body {margin: 0; padding: 0;}
body {
	font-family: "Franklin Gothic",Arial,Helvetica,sans-serif;
	background: url(images/bg_body.gif) 0 136px repeat-y;
	font-size: small;
}

h1,h2,h3,h4,h5,h6,p,ul,dl,ol,table,form,fieldset {margin: 0 0 1em 0}

/* LINKS */
a {text-decoration: none; color: #696;}
a:hover {text-decoration: underline}
a img {border: none}

/* HEADINGS */
h2 {
	text-transform: uppercase;
	color: #069;
	border-bottom: 3px solid #696;
	padding: 0 0 0.5em 0.5em;
	font-size: 1.25em;
}
h2.fir {
	padding: 0;
	height: 80px;
}
h2.fir span {display: block; text-indent: -9999px;}
h2#televantage {background: url(images/logo_h_televantage.jpg) no-repeat}
h2#talkswitch {background: url(images/logo_h_talkswitch.jpg) no-repeat}
h2#lumenvox {background: url(images/logo_h_lumenvox.jpg) no-repeat}
h2#tigerpaw {background: url(images/logo_h_tigerpaw.jpg) no-repeat}
h2#liebert {background: url(images/logo_h_liebert.jpg) no-repeat}
h2#multitech {background: url(images/logo_h_multitech.jpg) no-repeat}

/* TEXT */
em {font-style: normal;	color: #069;}
strong {color: #069}
address {font-style: normal}

/* LISTS */
ul,ol {margin: 0 0 1em 1em; padding: 0 0 0 1em;}
dl {margin: 0 0 1em 0; padding: 0;}
dt {color: #069; font-weight: bold;}
dd {margin: 0 0 0 0.5em}

/* FORMS */
fieldset,form div {margin: 0 0 1em 0}
fieldset {border: none;	padding: 0;}
label {font-weight: bold; display: block;}
input[type=text]:focus,textarea:focus {border: 2px solid #696}
div.buttons input {width: auto !important}

.empty {background: #EEE}
.invalid {background: #F9C}

/* TABLES */
table {border-bottom: 1px solid #000}
th {
	border-top: 1px solid #000;
	border-bottom: 2px solid #069;
	padding: 0.25em;
	background: #E3F2DD;
}
td {padding: 0.25em;}


/*** LAYOUT/CONTENT DIVISIONS ***/

/* BANNER */
div#banner {height: 146px; background: url(images/bg_banner.gif) repeat-x;}
h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 163px;
	height: 146px;
	margin: 0;
	padding: 0;
}
/* Tagline */
#banner p {
	position: absolute;
	top: 10px;
	left: 205px;
	color: #069;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
/* Main Nav */
#banner ul#nav-main {
	position: relative;
	top: 38px;
	left: 105px;
	margin: 0 105px 0 0;
	padding: 0 0 1px 21em;
	list-style: none;
	background: #069 url(images/bg_nav_bluebar.jpg) repeat-y;
	font-family: "Eurostile","Franklin Gothic",Helvetica,Arial,sans-serif;
	font-size: 1.1em;
}
#nav-main li { 
	display: inline;
	margin: 0;
	padding: 0 0.25em;
	border-right: 1px solid #FFF;
}
#nav-main li.last {border-right: none}
#nav-main li a {text-decoration: none; color: #FFF;}
#nav-main li a:hover {color: #000}


/* CART AND SEARCH */
div#cart-and-search {
	margin: 0;
	position: absolute;
	top: 136px;
	left: 0;
	width: 222px;
	height: 466px;
	color: #FFF;
	font-family: "Eurostile","Franklin Gothic",Helvetica,Arial,sans-serif;
	background: url(images/bg_body_curve2.gif) no-repeat;
	padding: 20px 0 0 0;
}
#cart-and-search a {
	text-decoration: none;
	color: #CFC;
	display: block;
	margin: 0 75px 5px 15px;
	background: url(images/cart.gif) 0 50% no-repeat;
	padding-left: 25px;
}
#cart-and-search a:hover {color: #FFF}
/* to cart button */
#to-cart input {width: 115px; margin: 0 0 0 15px;}

/* SEARCH */
form#search {margin: 0 0 0 15px;}
#search fieldset {margin: 0; padding: 0;}
#search label {font-weight: normal}
#search input {width: 115px}
input#submit-search {width: auto}



/* animated logos */
div#banner img#animatedLogos {
	width: 195px;
	height: 68px;
	position: absolute;
	left: 550px;
	top: 65px;
}

/* CONTENT */
div#content {
	position: absolute;
	top: 175px;
	left: 240px;
	width: 510px;
}
ul#subnav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 175px;
	left: -225px;
	width: 175px;
}
ul#subnav li {
	margin: 0 0 1em 0;
	padding: 0;
	background: url(images/subnav_button.gif) repeat-y;
}
ul#subnav li a {
	display: block;
	padding: 0.25em 10px;
	height: 1.25em;
	line-height: 1.25em;
	color: #069;
	margin: 0;
	font-weight: bold;
}
ul#subnav li a:hover {
	border-left: 5px solid #069;
	padding-left: 7px;
	text-decoration: none;
}
ul#subnav li a:active {
	border-left: 5px solid #C93;
	color: #C93;
	padding-left: 5px;
	text-decoration: none;
}

/* Products */
div.files {
	float: right;
	width: 100px;
	border: 1px solid #CCC;
	padding: 15px;
	margin: 0 0 1em 1em;
}
div.files dl {font-size: 0.85em}
div.files dt {font-weight: normal}
div.files dd {margin: 0 0 1em 0}

img#bussuite {float: right; margin: 0 0 1em 1em;}

/* Price lists */
dl.prices dt {clear: both; border-bottom: 3px solid #696; padding-right: 10em;}

dl.prices dd.price {float: right; width: 10em; text-align: right; position: relative; top: -1.3em; margin-bottom: -0.75em;}

dl.prices dd.description {clear: both; margin-left: 1.5em;}
dl.prices dd.description dt {border-bottom: 1px solid #CCC; clear: both; color: #999;}
dl.prices dd.description dd {margin: 0 0 1em 0}
dl.prices dd.description img {float: right; margin: 1px 0 0.5em 0.5em;}
dl.prices dd.description dt img {float: none}

dl.prices dd.qty {margin-bottom: 1.5em; text-align: right; clear: both;}
dl.prices dd.qty input,
table.product-options input {width: 3em; text-align: center;}

table.product-options {width: 100%; margin: 1em 0; clear: right;}
table.product-options th {font-size: 0.85em}
table.product-options td {text-align: center; font-size: 0.85em;}
table.product-options td.name {text-align: left}

dl.prices ul {margin-left: 0}

dl.prices div.buttons {text-align: right}
dl.prices div.buttons input {width: auto}

dl.prices img.prd-box {float: right; margin: 0 0 1em 1em; padding: 10px; border: 1px solid #CCC;}


/* Search Results */
table#search-results {
	width: 100%;
}


/* Cart */
table#cart {width: 100%; text-align: center;}
#cart .item {text-align: left}
#cart input {width: 3em; text-align: center;}
div#cart-nav form {
	float: left;
	width: 33%;
	margin: 0 0.33% 0 0;
}
#cart-nav input {width: 100%; text-align: center;}

input#submit-save {width: 100%}

/* Contact */
form#contact {
	float: right;
	width: 375px;
	margin: 0 0 1em 1em;
}
#contact fieldset input,
#contact textarea {width: 100%}

div#map img {
	display: block;
	margin: 0 auto 1em auto;
	border: 5px solid #000;
}
ul#contactInfo {
	position: absolute;
	top: 225px;
	left: -225px;
	color: #369;
	font-weight: bold;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.75em;
}
ul#contactInfo li {margin: 0 0 1em 0}

/* FOOTER */
div#footer {
	font-size: 0.75em;
	border-top: 1px solid #CFC;
	padding: 0.5em 0 0 0;
	margin: 1em 0 0 0;
	clear: both;
}