/* OddCables.com - CSS Document 
   Copyright 2006 by Quexion, LLC - Any Usage of this document on another 
   site must be sited and credited to the original author - Quexion, LLC.
 * ------------------------------------------------------------------------- */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; } 

/* Avoid browser default inconsistent heading font-sizes and pre/code */

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; font-family: Arial, Verdana, Tahoma, Sans-Serif; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

/* Image Header Text */
#logo h1 { display: none; }

/* global elements
 * ------------------------------------------------------------------------- */
body { background: url(../images/bg.jpg); background-repeat: repeat-x; background-color: #616161; padding: 0px; margin: 0px; text-align: center; font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 12px; color: #393939; text-align: left; }
a { color: #4274b9; text-decoration: underline; font-weight: bold; }
a:hover { color: #559af9; }

/* classes
 * ------------------------------------------------------------------------- */
.subhead { font-size: 15px; color: #393939; font-weight: bold; }
.field { height: 22px; width: 200px; vertical-align: top;}
.blue { color: #4274b9; font-weight: bold; }
.imgleft { margin: 4px 8px 5px 0px; }
.imgright { margin: 4px 0px 5px 8px; }

/* framework
 * ------------------------------------------------------------------------- */
#home_container { width: 950px; background: url(../images/home/homepage_bg.gif); background-repeat: repeat-y; }
#sub_container { width: 950px; background: url(../images/sub/page_bg.gif); background-repeat: repeat-y; }
#side_area { width: 950px; background: url(../images/home/bg_side.jpg); background-repeat: no-repeat; background-position: top right; }
#top_area { width: 925px; height: 117px; background-color: #000000; border-width: 0px 0px 6px 0px; border-style: solid; border-color: #ffd148; }

/* modified may 2008*/
#middle_area { width: 925px; background-repeat: no-repeat; background-position: bottom left; }
#middle_area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Top Area */
#header_left { width: 462px; float: left; }
#header_right { width: 463px; float: left; }
#top_nav { width: 463px; height: 41px; }
#top_nav p { padding: 7px 6px 0px 0px; }
#btn_viewcart { width: 89px; height: 24px; margin: 0px 0px 0px 368px; position: relative; background: url(../images/home/btn_viewcart.gif); background-repeat: no-repeat; }
#btn_viewcart a { display: block; width: 89px; height: 24px; }
#btn_viewcart a:hover { background: transparent url(../images/home/btn_viewcart_on.gif) no-repeat; }
#btn_viewcart span { display: none; }

/* Search Area */
#search_area { width: 270px; height: 32px; margin: 0px 0px 13px 193px; background: url(../images/home/bg_search.gif); background-repeat: no-repeat; }
#search_area form { padding: 7px 0px 0px 60px; }
.search_field { background: url(../images/inset/search_bg.gif); background-repeat: no-repeat; height: 19px; width: 158px; border-style: solid; border-color: #e5e5e5; border-width: 1px; padding: 1px 0px 0px 4px; font-size: 12px; color: #666666; vertical-align: top; }
.search_button { margin: 0px 0px 0px 12px; }

/* main navigation */
#main_navbar { width: 463px; height: 31px; position: relative; }
.menu .options { margin-right:1px; margin-bottom:1px; background-color:#000000; padding: 0px 0px 5px 0px; }
.menu a { font-family: Arial, Tahoma, Verdana; font-size: 11px; font-weight: bold; color:#FFFFFF; display:block; padding:2px 8px; text-decoration:none; background-color:transparent; }
.menu a:hover { background-color: #ffd148; color: #000000;}
#main_nav { background: url(../images/home/nav.gif) no-repeat top center; width: 463px; height: 31px; position: relative; margin: 0px; padding: 0px; }
#main_nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;}
#main_nav li, #main_nav a { height: 31px; display: block; }
#main_nav span { display: none;}
#btn_home { width: 63px; left: 43px; }
#btn_faqs { width: 65px; left: 106px; }
#btn_news { width: 62px; left: 171px; }
#btn_products { width: 84px; left: 233px; }
#btn_about { width: 61px; left: 317px; }
#btn_contact { width: 85px; left: 378px; }

#btn_home a:hover { background: transparent url(../images/home/nav.gif) -43px -31px no-repeat;}
#btn_faqs a:hover { background: transparent url(../images/home/nav.gif) -106px -31px no-repeat;}
#btn_news a:hover { background: transparent url(../images/home/nav.gif) -171px -31px no-repeat;}
#btn_products a:hover { background: transparent url(../images/home/nav.gif) -233px -31px no-repeat;}
#btn_about a:hover { background: transparent url(../images/home/nav.gif) -317px -31px no-repeat;}
#btn_contact a:hover { background: transparent url(../images/home/nav.gif) -378px -31px no-repeat;}

/* product nav */
#product_navbar { width: 210px; padding: 15px 0px 235px 0px; font-weight: normal; float: left; letter-spacing: -1px; }
#product_navbar a { color: #FFFFFF; text-decoration: none; font-weight: normal; }
#product_navbar a:hover { color: #000000; font-size:larger; font-weight:bolder; background-color: #ffd148; }
.productnav { font-size: 15px; text-align: left; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 15px; display: block; color: #FFFFFF; }
.subnav { margin: 3px 0px 0px 0px; padding: 0px;  font-weight: normal; line-height:175%; }
.subnav li {  font-size: 13px; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 15px; color: #FFFFFF; letter-spacing:normal; }
.btn_image { margin: 0px 0px 0px 15px; }

.anylinkcss { letter-spacing: normal; position: absolute; visibility: hidden; border: 1px solid gray; border-bottom-width: 0; font: normal 12px Tahoma; line-height: 25px; z-index: 100; background-color: #000000; width: 225px; padding: 0px; margin: 0px;}
.anylinkcss a { color: #000000; width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid gray; padding: 0px; text-decoration: none; font-weight: bold; text-indent: 5px; }
.anylinkcss a:hover { /*hover background color*/ background-color: #ffd148; color: #000000; }


/* home content area */
#content_area { width: 715px; float: left; }
#welcome_area { width: 715px; background-color: #191919; color: #FFFFFF; }
#welcome_left { width: 312px; height: 252px; float: left; }
#welcome_right { width: 403px; height: 252px; background: url(../images/home/welcome_bg.jpg); background-repeat: no-repeat; background-position: bottom right; float: left; }
#welcome_right p { font-size: 12px; margin: 10px 18px 10px 14px; line-height: 17px; }
#home_content { width: 715px; background-color: #dfdfdf;}
#home_left { height:451px; width: 500px; background-color: #dfdfdf; float: left; padding: 0px 0px 0px 0px;}
#home_left h3 { margin: 0px 0px 0px 12px; font-size: 15px; }
#home_left table { margin: 8px 0px 0px 12px; font-size: 15px; padding: 0px; }
#home_left table td { padding: 0px 5px 5px 0px; }
#home_right { height:451px; width: 215px; background-color: #dfdfdf; float: left; }
#home_right h3 { margin: 35px 0px 0px 9px; font-size: 18px; }
.homepage_product { width: 345px; margin: 10px 15px 10px 15px; padding: 10px; }
.homepage_product table { width: 340px; font-size: 11px; color: #393939; padding: 0px; margin: 0px; }
.homepage_product td { vertical-align: top; }
.homepage_product td p { margin: 0px 0px 10px 0px; }
.product_name { font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 12px; }
.price { color: #494949; font-weight: bold; font-size: 14px; text-align: right; }
.product_img img { margin: 2px 5px 0px 0px; }

/* product category headers */
#audiovideo_area { width: 715px; min-height: 178px; height:auto !important; height: 178px; padding: 0px; margin: 0px; background: url(../images/sub/imghdr_audio.jpg) bottom; background-repeat: no-repeat; background-color: #181818; }
#fiberoptic_area { width: 715px; min-height: 178px; height:auto !important; height: 178px; padding: 0px; margin: 0px; background: url(../images/sub/imghdr_fiberoptic.jpg) bottom; background-repeat: no-repeat; }
#network_area { width: 715px; min-height: 178px; height:auto !important; height: 178px; padding: 0px; margin: 0px; background: url(../images/sub/imghdr_network.jpg) bottom; background-repeat: no-repeat; }
#serial_area { width: 715px; min-height: 178px; height:auto !important; height: 178px; padding: 0px; margin: 0px; background: url(../images/sub/imghdr_serial.jpg) bottom; background-repeat: no-repeat; }
#rfcoax_area { width: 715px; min-height: 178px; height:auto !important; height: 178px; padding: 0px; margin: 0px; background: url(../images/sub/imghdr_rfcoax.jpg) bottom; background-repeat: no-repeat; }
#scsi_area { width: 715px; min-height: 178px; height:auto !important; height: 178px; padding: 0px; margin: 0px; background: url(../images/sub/imghdr_scsi.jpg) bottom; background-repeat: no-repeat; }
#compcables_area { width: 715px; min-height: 178px; height:auto !important; height: 178px; padding: 0px; margin: 0px; background: url(../images/sub/imghdr_compcables.jpg) bottom; background-repeat: no-repeat; }
#cabletools_area { width: 715px; min-height: 178px; height:auto !important; height: 178px; padding: 0px; margin: 0px; background: url(../images/sub/imghdr_tools.jpg) bottom; background-repeat: no-repeat; }
#category_content { width: 440px; padding-top: 10px; margin: 0px 0px 0px 260px; color: #FFFFFF;  }
#category_content p { font-size: 12px; margin: 10px 0px 0px 0px; line-height: 17px;}
#category_content h1 { margin: 0px 0px 0px 0px; font-size: 22px; }

/* sub page area */
#sub_content { padding-top: 15px; width: 715px; background: url(../images/sub/contentarea_bg.jpg); background-repeat: no-repeat; min-height: 300px; height:auto !important; height: 300px; }
#sub_content h3 { margin: 0px 10px 0px 15px; font-size: 15px; }
#sub_content p, #sub_content form { margin: 10px 10px 10px 15px; font-size: 12px; line-height: 18px; }
#sub_content ul { margin: 10px 20px 10px 15px; padding: 5px; font-size: 12px; background-color: #e8e8e8;  }
#sub_content li { background: url(../images/inset/bullet_sub.gif); background-repeat: no-repeat; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 15px; }
#category_table { width: 695px; margin: 0px 0px 10px 5px; font-size: 12px; }
#category_table td { width: 25%; border-width: 2px; border-style: solid; border-color: #393939; vertical-align: bottom; padding: 0px; background-repeat: no-repeat; }
#category_table td span { background: url(../images/category/bullet.gif) no-repeat; background-color: #393939; display: block; padding: 2px 0px 2px 10px; margin: 0px; }
#category_table td a { font-weight: normal; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; display: block; padding: 0px; margin: 0px; width: 100%; }
.infoheader { font-size: 22px; color: #393939; margin: 0px 10px 0px 15px; }
.smlheader { font-size: 13px; color: #666666; margin: 0px 10px 0px 15px; }
.textheader { font-size: 15px; color: #393939; margin: 0px 10px 0px 15px; }
.product_table { width: 695px; font-size: 11px; color: #393939; padding: 0px 0px 0px 0px; margin: 0 0 0 10px; }
.line { height: 1px; border-width: 1px; border-color: #f66cc0; color: #f66cc0; }
#product_page table p { margin: 5px 5px 5px 5px; padding: 0px; }
.product_table td { vertical-align: top; padding: 0px; margin: 0px;  }
.productlist_hdr { margin: 5px 0px 0px 0px; background-color: #eeeeee; }
.productlist_img { width: 150px; }
.productlist_img p { margin: 3px 5px 0px 0px; }
.productlist_name { font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 12px; font-weight: bold; }
.pricelist { text-align: right; }
.pricelist span { color: #494949; font-weight: bold; font-size: 14px; text-align: right; }
#contact_form { width: 470px; margin: 0px 0px 20px 0px; text-align: right; }
.contactinfo_table { width: 695px; margin: 0px 0px 20px 0px; }
.contactinfo_table td { width: 347px; }
.contactinfo_table p { margin: 10px 0px 20px 0px; padding: 0px; }
.summarycell { color: #000000; background-color: #eeeeee; font-size: 12px; padding: 0px 3px 0px 0px; text-align: right; }
.summarycellprice { color: #000000; background-color:#FFFFFF; font-size: 13px; padding: 0px 3px 0px 0px; text-align: right; }
.summarycelltotal { color: #000000; background-color:#FFFFFF; font-size: 15px; padding: 5px 3px 5px 0px; text-align: right; }
#news_table { width: 685px; margin: 0px 0px 10px 15px; }
#news_table td { padding: 20px 0px 20px 0px; vertical-align: top; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #c1c1c1; }
#news_table p { margin: 10px 0px 10px 15px; padding: 0px; }
#news_table img { }

/* footer area */
#footer_home { width: 950px; height: 100px; background: url(../images/home/footer_bg.gif); background-repeat: no-repeat; color: #e3e3e3; font-size: 10px; font-family: font-family: Tahoma, Arial, Verdana, Sans-Serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#footer_home a { color: #e3e3e3; font-size: 10px; text-decoration: none; font-weight: normal; }
#footer_home a:hover { text-decoration: underline; }
#footer_sub { width: 950px; height: 100px; background: url(../images/sub/footersub_bg.gif); background-repeat: no-repeat; color: #e3e3e3; font-size: 10px; font-family: font-family: Tahoma, Arial, Verdana, Sans-Serif; padding: 0px 0px 0px 0px;}
#footer_sub a { color: #e3e3e3; font-size: 10px; text-decoration: none; font-weight: normal; }
#footer_sub a:hover { text-decoration: underline; }
#footer_left { width: 250px; float: left; }
#footer_left p { margin: 15px 10px 10px 10px; padding: 0px 0px 0px 0px;}
#footer_right { width: 700px; text-align: right; float: right; }
#footer_right p { margin: 15px 30px 10px 10px; padding: 0px 0px 0px 0px;}

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h2 { visibility: hidden; }
.sIFR-hasFlash h3 { visibility: hidden; }

/* Product page hover */
.thumbnail span { visibility: hidden; position: absolute; }
.thumbnail:hover span{ visibility: visible; border: solid 2px #000000; left: 385px;}