﻿body {
    font: 12px Helvetica, Sans-Serif;
    text-align: center;
    background-color: gray; 
    background-image: url('http://image.securecableties.com/page_bg.gif');
    margin: 0px;}

html, #wrapper, h1 {margin: 0px;padding: 0px;}
img { border: 0px; }

#wrapper {    
    margin: 0 auto;
    margin-top: 10px;
    padding-top: 10px;
    text-align: left;
    width: 960px;
    position: relative;
    z-index: 3;
    background-color: white;}

#content {
    width: 920px;
    padding: 15px 20px 0;
    text-align: justify;
    margin: 0 auto;
    background-color: White;
    min-height: 400px;}

.loginboxdiv {
    height:27px;
    width:222px;
    background: url(http://image.securecableties.com/TopBanner/searchboxN.gif) no-repeat;}

.loginbox {
    background: none;
    border:none;
    width:200px;
    height:20px;
    padding: 5px 7px 0px 10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight: bold;
    color: gray;}

.AutoSuggestBox2 {
	position: absolute;
	top:0;
	left:-800px;
	border: solid 2px #DCDCDC;
	background-color: #E8E8E8;
	padding: 5px;
	z-index: 5;
	width:200px;}

.ContentC { text-align: center; margin: 0 auto;}

#footer {
    text-align: center;
    padding-bottom: 0px;}

#copyright { color: #DCDCDC; margin-bottom: 5px; font-size: 11px; }

.curRefine {position: relative; background-color: #DCDCDC; text-align: left; margin-bottom: 3px; padding: 1px 10px 1px 5px}
.crClose {position: absolute; top: 0; right: 5px; text-decoration: none}

.smText { font-size: 10px; }

.Messages { color: #ab0e21; }
.ErrorMessages { color: Red; }

a					       { text-decoration: none; }
a:hover, a.hover           { text-decoration: underline; }
a:visited                  { color: Blue; }

.tbL a, .tbL a:visited     { color: Black; }
.tbL a:hover, .tbL a.hover { color: #ab0e21; text-decoration: none; }

.ShoppingCartItem { border: solid 1px gray; }

.Button { color: white; background-color: gray; padding: 5px; border-top: solid 1px #DCDCDC;
          border-left: solid 1px gainsboro;
          border-bottom: solid 1px black;
          border-right: solid 1px black; width: 150px; font-weight: bold; cursor: pointer; text-align: center; }

.DisplayTrue { display: block; }
.DisplayFalse { display: none; }

.bcOn {font-weight:bold;font-size:14px;color:purple}

.strikePrice {color: Gray; text-decoration: line-through}
.salePrice {padding: 3px; background-color: #CCFF99}
.custPrice {padding: 3px; background-color: #AFDCEC}

.sPaging {display: block; margin: 20px 0}
.sPaging a, .sPaging span {border: solid 1px gray; color: Black; padding: 0 5px; text-decoration: none; font-size: 14px}
.sPaging span {background-color: #DCDCDC}

/* MENU */

ul.dropdown,
.dropdown ul						{ list-style: none; margin: 0; padding: 0; }
p                                   { margin: 15px 0; }


/*  LEVEL ONE  */

ul.dropdown                         {  }
ul.dropdown li                      { position: relative; font-size: 14px; font-weight: bold; float: left; background: url('http://image.securecableties.com/TopBanner/nav.gif');
                                      padding: 3px 0 3px 0; width: 158px; text-align: center; margin-right: 1px; }
ul.dropdown li.last_li              { margin-right: 0; width: 163px; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:visited               { color: white; }
ul.dropdown li a                    { display: block; padding: 5px 8px 4px; color: white; }
ul.dropdown li.hover,
ul.dropdown li:hover                { color: yellow; }

ul.dropdown li:hover > a            { color: Yellow; }
ul.dropdown li.hover a              { color: Yellow; }

ul.dropdown li:hover ul li > a      { color: Black; }
ul.dropdown li.hover ul li a        { color: Black; }

ul.dropdown li:hover ul li:hover > a      { color: Black; text-decoration: underline; }
ul.dropdown li.hover ul li.hover a        { color: Black; text-decoration: underline; }


ul.dropdown li:hover div,
ul.dropdown li.hover div { visibility: visible; top: 31px; }

ul.dropdown li a:hover { color: Yellow }

/* 	LEVEL TWO  */


ul.dropdown ul li.Heading           { font-weight: bold; padding: 0; margin-top: 10px; }

ul.dropdown div.sub_menu, 
ul.dropdown div.sub_menuR            { width: 500px; padding: 0 10px 10px; background: #E6E6FA; 
                                      position: absolute; top: 45px; 
                                      border: solid 2px #ccc; visibility: hidden; }
                                      
ul.dropdown div.sub_menu a:visited,
ul.dropdown div.sub_menuR a:visited { color: Black; }

ul.dropdown div.sub_menu 			{ left: 0; }
ul.dropdown div.sub_menuR           { right: 0; }

ul.dropdown ul.MenuPart             { float: left; width: 250px; }

ul.dropdown ul li 					{ padding: 0 0 0 20px; font-weight: normal; font-size: 12px; background: #E6E6FA; color: #000; float: none; border: 0; text-align: left; }

									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ color: Black; width: 100%; display: inline-block; } 

