body {font-family: Arial, Helvetica, sans-serif;font-size: 12px;margin: 0px;padding: 0px;background-image:url(/images/head17/blue-bg.png); background-repeat:repeat-x;}
td {font-family: Arial, Helvetica, sans-serif;/*vertical-align:top;font-size:12px;*/text-align:left;}

a:hover {color: #ff9900;}
.red {color: #ff0000}
.float {float: left;text-align: center;margin:0 5px 10px 5px;padding: 5px;width:135px;font-size:11px;}
.float a {font-weight: bold; font-size:11px; }
.clear{clear:both;}

div.phoneOrder {
	position: relative;
	cursor: pointer;
	color: black;
	text-decoration: none;
}

div.phoneOrder div {
	position: absolute;
	display: none;
	top: 0.5em;
	left: 0.5em;
	margin: 0em;
	padding: 1em;
	background-color: white;
	border: 1px solid black;
}

div.phoneOrder:hover div {
	display: block;
}


/* TEXT SIZES == TEXT SIZES == TEXT SIZES ==   */

.midtext {font-size:11px;}
.smtext {font-size:10px;}
.lgtext {font-size: 14px;}
.toppage {font-size:11px; color:#0066CC;margin-left:5px;}
h1{margin:0px;padding:0px;font-size:20px;}
h2{margin:0px;padding:0px;font-size:18px;}
h3{margin:0px;padding:0px 0px 3px 0px;font-size:14px;}
h4 {font-size:14px;}
.footer a {display:block; padding-bottom:5px;}

/* END TEXT SIZES == END TEXT SIZES == END TEXT SIZES ==   */

/* HEADER == HEADER == HEADER == HEADER*/
.headerbg { background-image:url(/images/head-bar-bg.png);}
.headlinks5 {border-right:1px solid #0055B6;border-left:1px solid #0055B6; font-size:11px;}
.headlinks5 a, .headlinks5 a:visited {color:#FFFFFF; text-decoration:none; font-weight:bold;}
.headlinks5 a:hover { text-decoration:underline;color:#000000;}
.headlinks5 td {text-align:center;}
.headlinks6 { font-size:11px;}
.headlinks6 a, .headlinks5 a:visited {color:#000000; text-decoration:none; font-weight:bold;}
.headlinks6 a:hover { text-decoration:underline;color:#000000;}
.headlinks6 td {}
.toppage2 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-align:left;}
.cart2 { background-image:url(/images/head17/cartback.png); background-repeat:no-repeat;width:254px;margin-left:276px;}
.itemsincart {padding:2px 18px 14px 0; font-size:1.1em;}
.itemsincart a {font-size:11px;color:#000000; padding:0 0 0 55px;}
.itemsincart1 {padding: 6px 0 0 5px;}
.itemsincart2 {font-size:10px;color:#000000;}
.undercart {color:#fff; margin:0 0 10px 0; }
.undercart a{font-size:11px; color:#fff;padding:0 5px 0 5px;}
.dealoftheday {float:left;}
.dealoftheday a {color:#ffffff; font-weight:bold;}


/**************************  START PRIMARY NAV *******************************/
div.primaryMenu {background-image:url(/images/head17/grey-bg.png);}
#primary_nav {
	clear:both; 
	position:relative; 
	height:40px; 
	z-index:30; 
	padding:0;
	width:950px;
}
#primary_nav ul {list-style-image:none; list-style-position:outside; list-style-type:none;margin:0; padding:0;}
#button_nav a {display:block;text-decoration:none;text-indent:-200em;}
#button_nav li li span {display:block;width:170px; margin:0 0 0 4px; padding:0; }
#button_nav li li a { display:block; width:153px; height:auto; margin:0; padding:3px 10px 5px 7px; text-indent:0px; text-decoration:none; color:#000;font-size:12px;border:1px solid #ffffff;}
#button_nav li {float:left;margin:0;padding:0;position:relative;text-align:left;}
#button_nav li div a {height:40px; margin-bottom:0;}
#button_nav li ul { display:none; 
position:absolute; 
top:38px; 
left:0px; 
float:left; 
width:178px;
padding:0 0 3px 0; 
margin:0; 
_margin-top: 1px;
z-index:50; 
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
background:#fff;}
#button_nav li li {float:none;}
#button_nav li li.first {padding: 3px 0 0 0;}
#button_nav li li.first a {padding-top: 4px;}
#button_nav li#button1 div {background-image:url(/images/head17/tabhome.gif);}
#button_nav li#button1 div a {background-image:url(/images/head17/tabhome.gif);width:45px;}
#button_nav li#button2 div {background-image:url(/images/head17/tabphonesystem.gif);}
#button_nav li#button2 div a {background-image:url(/images/head17/tabphonesystem.gif);width:174px;}
#button_nav li#button3 div {background-image:url(/images/head17/tabsip.gif);}
#button_nav li#button3 div a {background-image:url(/images/head17/tabsip.gif);width:73px;}
#button_nav li#button4 div {background-image:url(/images/head17/tabpaging.gif);}
#button_nav li#button4 div a {background-image:url(/images/head17/tabpaging.gif);width:102px;}
#button_nav li#button5 div {background-image:url(/images/head17/tabdoor.gif);}
#button_nav li#button5 div a {background-image:url(/images/head17/tabdoor.gif);width:247px;}
#button_nav li#button6 div {background-image:url(/images/head17/tabaccessories.gif);}
#button_nav li#button6 div a {background-image:url(/images/head17/tabaccessories.gif);width:88px;}
#button_nav li#button7 div {background-image:url(/images/head17/tabinstalltools.gif);}
#button_nav li#button7 div a {background-image:url(/images/head17/tabinstalltools.gif);width:104px;}
#button_nav li#button8 div {background-image:url(/images/head17/tabhouston.gif);}
#button_nav li#button8 div a {background-image:url(/images/head17/tabhouston.gif);width:107px;}

#button_nav li:hover ul,
#button_nav.over ul {display:block;}

#button_nav li#button1:hover div a,
#button_nav li#button1.over div a,
#button_nav li#button2:hover div a,
#button_nav li#button2.over div a,
#button_nav li#button3:hover div a,
#button_nav li#button3.over div a,
#button_nav li#button4:hover div a,
#button_nav li#button4.over div a,
#button_nav li#button5:hover div a,
#button_nav li#button5.over div a,
#button_nav li#button6:hover div a,
#button_nav li#button6.over div a,
#button_nav li#button7:hover div a,
#button_nav li#button7.over div a,
#button_nav li#button8:hover div a,
#button_nav li#button8.over div a {background-image:none;}
#button_nav li li a:hover {background-color:/*#e4e4e4*/#DBF0F9; border:1px solid #cccccc;}
/**************************  END PRIMARY NAV *******************************/


/* END HEADER == END HEADER == END HEADER == END HEADER*/

/*************** CAT PAGES *********************/
.catcontain {width:100%;}
.catleft {float:left; width:85px;padding: 5px 0px 5px 0px;}
.catright {margin-left: 87px;padding: 5px 5px 10px 5px;}
.catalt {background-color:#f2f4f6;}
.catdivider{clear:both; background-image: url("/images/300c_line.gif"); background-repeat:repeat-x;}
.minidescrip {font-size:11px;margin-top:3px;}
.minidescrip ul {margin:2px 0 0 15px; padding:0;}
/*****************END CATS *********************/


/****************TABLE FOR MANUFACTURER**********/
.manutable {border-right:1px solid #cccccc;  border-top:1px solid #cccccc; border-left:1px solid #cccccc;}
.manutable td {border-bottom:1px solid #cccccc;padding:3px 0 3px 5px;font-size:11px;}
/**************** END TABLE FOR MANUFACTURER**********/


/*************  RIGHT COLUMN 2 CONTROL *******************/


#subbutton2 {font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0px 0px;border-right:1px solid #A1AECB;border-left:1px solid #A1AECB;border-bottom:1px solid #A1AECB;border-top:1px solid #A1AECB;background-color:#EEEFF0;}
/*.headfont2 {padding:7px 0 7px 5px; background-color:#0066CC;font-weight:bold;font-size:13px;color:#FFF;}
.headfont2 a {color:#FFFFFF; text-decoration:none;}*/
.headfont2 {margin:8px 0 8px 5px; font-weight:bold;font-size:14px;}
.headfont2 a {color:#000000; text-decoration:none;}
.headfont2 a:hover {text-decoration:underline;}
.sub2btm {border-bottom:1px solid #A1AECB;}

#subbutton2 .title2 {margin:0 0 0 5px;}
#subbutton2 dt {margin:0;}
#subbutton2 dl {margin:0 0 15px 0;}
#subbutton2 dd {margin:0;}
#subbutton2 dd a{display:block;margin:6px 0 6px 5px;color:#0000FF;text-decoration:none;}
#subbutton2 dd a:hover{/*background-color:#F2F7FA;*/ color:#ff9900; text-decoration:underline;/*border-bottom:1px solid #000000;*/}
#subbutton2 dl dl  {margin:0 0 3px 0; font-size:11px;background-color:#ececec;}
#subbutton2 dl dl a{margin:0; /*display:block;*/ padding:0px 0px 0px 18px;}
#subbutton2 dd a.myLink {color:#FF9900;/*display:block;*/font-weight:bold;text-decoration:underline;}
#subbutton2 dd a.myLink:hover {}

#subbutton3 {font-family: Arial, Helvetica, sans-serif;font-size:12px;margin:0px 0px;border-right:1px solid #A1AECB;border-left:1px solid #A1AECB;border-bottom:1px solid #A1AECB;border-top:1px solid #A1AECB;background-color:#EEEFF0;}
/*.headfont2 {padding:7px 0 7px 5px; background-color:#0066CC;font-weight:bold;font-size:13px;color:#FFF;}
.headfont2 a {color:#FFFFFF; text-decoration:none;}*/
.headfont3 {margin:8px 0 8px 5px; font-weight:bold;font-size:14px;}
.headfont3 a {color:#000000; text-decoration:none;}
.headfont3 a:hover {text-decoration:underline;}
.sub3btm {border-bottom:1px solid #A1AECB;}
#subbutton3 .narrowby {border-top:1px solid #A1AECB;/*border-bottom:1px solid #000;*/font-weight:bold;padding:10px 0 5px 10px;}
#subbutton3 dl {margin:0 0 10px 0;}
#subbutton3 dd {margin:0;}

#subbutton3 dd.selected {margin:0 0 0 15px; color:#666666;}
#subbutton3 a.unselect  {color:red; font-weight:bold; text-decoration:underline;}
#subbutton3 a.unselect:hover {color:red;}

#subbutton3 dd a{margin:6px 0 6px 15px; color:#0000FF;text-decoration:none;}
#subbutton3 dd a:hover{color:#ff9900; text-decoration:underline;}
#subbutton3 dl dl  {margin:0 0 3px 0; font-size:11px;background-color:#ececec;}
#subbutton3 dl dl a{margin:0; /*display:block;*/ padding:0px 0px 0px 18px;}
#subbutton3 dd a.myLink {color:#FF9900;/*display:block;*/font-weight:bold;text-decoration:underline;}
#subbutton3 dd a.myLink:hover {}


/***********  END RIGHT COLUMN 2 CONTROL *****************/


/*************  LEFT 2 COLUMN CONTROL *******************/



#rightnav {margin-left:5px;}
#rightnav .links {border-left:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#FFFFCC; padding:8px 0 8px 8px;}
#rightnav .title { font-size:14px; font-weight:bold;margin-bottom:8px;}
#rightnav dt {margin:0;}
#rightnav dl {margin:0;}
#rightnav dd {margin:0 0 5px 0;}
#rightnav dd a{padding:0;color:#0000FF;text-decoration:none; font-size:11px; border-bottom:#cccccc;}
#rightnav dd a:hover{color: #8695B0/*#ff9900*/;text-decoration:underline;}
#rightnav dd.bottom {border-bottom:1px solid #cccccc;}

/*************  END LEFT 2 COLUMN CONTROL *******************/

.prodTable2 td{ background-color: #F2F7FA;}
.blueTD {text-align:center; font-weight:bold; color:#FFFFFF; background-color:#FF9900;}
.breadcrumb { clear:both;text-align:left;font-size:11px;margin: 0 0 5px 0;padding:0 0 5px 0;color:#8695B0;}
.breadcrumb a, .breadcrumb a:hover, .breadcrumb a:visited { color:#8695B0;}
.grey {color:#0066CC;}
#product_table h1 {font-size:18px;}
.prodtable {font-size:11px;}
.prodtable img {margin-bottom:5px; border:0;text-align:center;}
.prodtable a {font-size:12px;font-weight:bold;}
.prodtable a:hover {color: #CC3300;}		
.prodtable td { padding: 2px 5px 20px 5px; line-height:1.4em;vertical-align:top;text-align:left;}
.prodlist {font-size:11px; color:#0000FF;}
.prodlist img {margin-bottom:5px; border:0;}
.prodlist a {font-size:12px;font-weight:bold;}
.prodlist a:hover {color: #CC3300;}		
.prodlist td { padding: 2px 5px 2px 10px; line-height:1.5em;vertical-align:top;text-align:left;}
.prodlist tr.pheader { font-size:16px; font-weight:bold;}
.prodlist tr.pheader td { background-color: #EDEDED; color:#000000;border-bottom:1px solid #c3c3c3; }
.price {/*color:red;*/font-size:13px;font-weight:bold;}
.price2 {color:/*red#0058bc*/#0066cc;font-size:13px;font-weight:bold;}
.thumbnail{font-size:11px;/padding: 5px;text-align:center;}
.thumbnail2{font-size:11px;padding: 5px;text-align:center;}
.sublist {font-size: 11px;padding: 0;margin: 4px 0px 5px 8px;list-style: none;}
.hilite {/*border:1px solid #8695B0; padding:10px; background-color:#F3F6F8;*/}

/************************borders**********************/
.top {border-top:  1px solid #e4e4e4;}
.bottom {border-bottom:  1px solid #e4e4e4;}
.left {border-left:  1px solid #e4e4e4;}
.right {border-right: 1px solid #e4e4e4;}
.cattop {background-image:url(/images/retro12/corners/cat_top.gif); background-repeat:no-repeat; padding:5px; font-size:11px; vertical-align:top;}
.cattop2 {background-image:url(/images/retro12/corners/cat_top.gif); background-repeat:no-repeat; font-size:11px; vertical-align:top;}
.cattop2Contain {position:relative;min-height: 100%; height:100%;}
.cattop2Content {padding:5px;}
.cattop2btm {position:absolute; bottom:0;}
.catprice {font-weight:bold; text-align:center; font-size:16px;}

/********************end borders**********************/

textarea:focus, input:focus, .sffocus, .sffocus {/*background-color: #ffc;border-color: #660000 #FF0000 #FF0000 #660000;*/}
input, textarea {/*width: 98%;margin-bottom: 0.5em;padding: 2px;font-size: 1em;border: 1px solid;border-color: #666 #ccc #ccc #666;*/}
input.none {border:0;}
input.button {margin-left:1em; padding:0; cursor:pointer;}
label {float: left;width: 8em;}
.itemlist {font-size:12px;}
.itemlist ul {list-style-type:square;margin:10px 0px 0px 20px;padding:0;}
.itemlist ul li { padding-bottom:3px; }
.grey2 {color: #666666;}

#productinc h1{font-family:verdana,Arial, Helvetica, sans-serif; font-size:24px;margin:28px 0 30px 0; /*color:#3A3A3A;*/}
/*#productinc .productinc_divide {width:100%; background-image:url(/images-ret14/productinc-divide.gif); background-repeat:repeat-x;}*/

#ThreeUp ul {margin:5px 0 5px 0;padding:0;}
#ThreeUp ul {margin-left:25px;}
#ThreeUp a { font-weight:bold; font-size:14px; line-height:1.5em; text-decoration:none;}
#ThreeUp div.prodUrl {border-bottom:1px solid #e4e4e4; padding-bottom:5px;margin-bottom:5px; margin-top:5px;}
#ThreeUp div.catMiniDescrip {padding-top:5px; padding-bottom:5px;}
.ThreeUpPrice {font-size:19px; /*border-bottom:1px solid #cccccc;*/padding-bottom:25px; }
.ThreeUpPrice2 {font-size:19px;padding-bottom:25px; text-align:right;}
.ThreeUpCenter {border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.oneUp {border-bottom:3px solid #cccccc;}
.CatHeadUnder { background-image:url(/images/catheads/cat-under-bg.jpg); background-repeat:repeat-x;}

  a.infoo{
        position:relative;    /*this is the key*/
        /*z-index:24;
        background-color:#e0e0e0;     background colour of display text */
        color:#000000;               /* colour of display text */
        /*border:1px dotted #999;     border colour */
        text-decoration:none;}

a.infoo:hover {z-index:25;}
a.infoo span{display: none;  /* hide the span text using this css */}
a.infoo:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.5em;
        left: 1em;
        width:15em;
        border:1px solid #000000; /* border colour */
        background-color:#ffff99; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: 1em;
        z-index:30;
		padding:5px;
        }