/* non-store heading and page copy-1 column */
.image_results {
width: 100%;
height: 103px;
padding: 8px 0 0 0;
border-bottom: 1px solid #cccecf;
text-align: center;
}
.headline {
width: 430px;
padding: 30px 309px 40px 40px;
}
.headline h1 {
color: #636466;
font-size: 24px;
font-weight: bold;
line-height: 29px;
padding: 0 0 51px 0;
}
.headline p {
color: #808183;
font-weight: bold;
line-height: 14px;
padding: 0 0 14px 0;
}
.guided_nav {
width: 149px;
padding: 0px 0 0 0;
margin-left: 3px;
text-indent:0px;
}
.DimensionStateGroups,
.DimensionStates {
margin-left:0px;
padding:0 0 0 0;
list-style-position:outside;
text-indent:0px;
}
.DimensionState h4 {
color:Black;
}
.DimensionStateGroup {
margin-left:0px;
padding:0px;
list-style-position:outside;
text-indent:0px;
}
.DimensionGroupName
{
height:0px;
width:0px;
padding:0 0 0 0;
visibility:hidden;
text-indent:0px;
}
.DimensionValue {
color: #808183;
font-size: 10px;
margin-left: 0px;
line-height: 15px;
list-style-position:outside;
padding:0 0 0 0;
text-indent:0px;
}
.DimensionValue li{
margin-left: 0px;
}
.guided_nav h3 {
color: #231f20;
font-size: 11px;
font-weight: bold;
padding: 0 0 4px 5px;
background: url("../images/corner.gif"/*tpa=https://www.blackbox.com/resource/images/icon/corner.gif*/) no-repeat 100% 100%;
}
.guided_nav div {
background: #fff;
padding: 0px 0px 0px 0px;
}
.guided_nav div h4 {padding: 0px 0 2px 0;}
.guided_nav div ul li {
color: #808183;
font-size: 10px;
line-height: 15px;
list-style-position:inside;
}
.guided_nav div ul li .lk-1 {color: #808183;}
/* Begin GotQuestions and ContactUs user controls */
#idCbPhNumber{
width: 62px;
}
#idCbPhAreaCode {
width: 25px;
}
/* End GotQuestions and ContactUs user controls */
/* Begin wrap-product-4*/
.wrap-product-4 {
width: 616px;
padding: 15px 0 30px 0;
}
.wrap-product-4 div {
float: left;
width: 180px;
display: inline;
margin: 0 0 0 20px;
padding: 9px 0 0 0;
}
.wrap-product-4 .last {margin: 0 0 0 30px;}
.wrap-product-4 div h3 {
color: #0054a5;
padding: 0 0 5px 0;
}
.wrap-product-4 div p {
color: #808183;
line-height: 15px;
}
.wrap-product-4 div ul {padding: 15px 0 14px 0;}
.wrap-product-4 div ul li {color: #008ed3;}
/* End wrap-product-4*/
/* Begin mt-66*/
.mt-66 { margin-top: 10px;}
div.intro, div.wide {
margin-left: 20px;
margin-right: 20px;
}
div.intro {
padding-bottom: 10px;
border-bottom: 1px solid #bbbdbf;
}
div.intro-2 {
padding-bottom: 10px;
}
div.col-a {
width: 45%;
float:left;
padding: 0 0 0 20px;
}
div.intro h2 { color: rgb(100,100,100); padding-bottom: 10px; }
div.intro p.crumbtrail { font-weight: normal; padding-bottom: 0px;}
div.intro h4 { color: rgb(100,100,100); padding-bottom: 1em; font-size: 11px; }
div.intro h3, div.col-a h3, div.col-b h3 { font-size: 14px; color: rgb(100,100,100); padding-bottom: 1em;}
div.col-a p, div.col-b p, div.intro p, div.wide p { font-size: 11px; color: rgb(100,100,100); padding-bottom: 1em;}
div.intro h3.link { padding-bottom: 0px;}
div.intro h3.link a.back-to-top { font-size:9px; font-weight: normal;}
div.wide ul li img {float: left; margin-top: 1px; padding-right: 10px; }
div.col-a ul li {margin-bottom: 3px;}
div.wide ul li {margin-top: 10px;}
div.intro ul li h4 {padding-bottom: 0px;}
div.intro ul li {margin-bottom: 3px;}
div.intro hr {
height: 1px;
border-top: 1px solid #bbbdbf;
border-bottom: none;
border-left: none;
border-right: none;
margin-bottom: 15px;
}
div.intro table {
color: rgb(100,100,100);
font-size: 11px;
border-collapse: collapse;
padding:0px;
margin: 0px;
}
div.intro table td {
padding-top: 3px;
padding-right: 20px;
}
div.col-b {
width: 43%;
float:right;
padding: 0 20px 0px 20px;
border-left: 1px solid #bbbdbf;
}
div.wide h4 a, div.col-b h4 a { font-size:11px; font-weight:normal; padding-bottom: 0px; }
div.col-b ul li h4
{
font-size: 11px;
color: rgb(100,100,100);
}
div.col-b.with-bg
{
background-color: rgb(230,230,230);
margin-right: 20px;
padding-right: 0px;
}
div.col-b .loc_map
{
background-color: white;
height: 195px;
width: 245px;
margin-top: 20px;
margin-bottom: 20px;
}
div.col-b ul li
{
margin-right: 1px;
margin-bottom: 3px;
}
#loc_search_go {
border: none;
vertical-align: middle;
padding-bottom: 3px;
margin-left: 10px;
}
/* End mt-66*/
/* Begin partner-table*/
.partner-table {
width: 585px;
overflow: hidden;
border-bottom: 1px solid #D4D5D7;
}
.partner-table li {
float: left;
width: 100%;
line-height: 15px;
}
.partner-table li em {
color: #636466;
display: block;
line-height: 10px;
margin-top: 8px;
}
.partner-table .ts-2 a {color: #0071bb;}
.partner-table .ts-1 a {
color: #000;
padding: 0 0 0 0px;
}
.partner-table .pt-1 {width: 140px;}
.partner-table .pt-2 {width: 60px;text-align: left; padding: 0 5px;}
.partner-table .pt-3 {width: 325px;text-align: left; padding:0 5px;}
.partner-table a {
color: #636466;
cursor: pointer;
text-decoration: none;
}
.partner-table a:hover {text-decoration: underline;}
.partner-table a:active, a:focus {outline: none;}
/* End partner-table*/
/* Begin matrix-table*/
.matrix-table {
width: 580px;
overflow: hidden;
border-bottom: 1px solid #D4D5D7;
}
.matrix-table li {
float: left;
width: 100%;
line-height: 20px;
margin-top: 8px;
}
.matrix-table li em {
color: #636466;
display: block;
line-height: 12px;
}
.matrix-table .ms-2 a {color: #0071bb;}
.matrix-table .ms-1 a {
color: #000;
padding: 0 0 0 0px;
}
.matrix-table .mi-1 {width: 130px;}
.matrix-table .mi-2 {width: 60px;text-align: left;}
.matrix-table .mi-3 {width: 65px;text-align: left;}
.matrix-table .mi-4 {width: 60px;text-align: left;}
.matrix-table .mi-5 {width: 65px;text-align: left;}
.matrix-table .mi-6 {width: 65px;text-align: left;}
.matrix-table .mi-7 {width: 65px;text-align: left;}
.matrix-table .mi-8 {width: 70px;text-align: left;}
.matrix-table a {
cursor: pointer;
text-decoration: none;
}
.matrix-table a:hover {text-decoration: underline;}
.matrix-table a:active, a:focus {outline: none;}
.matrix-table li a div:hover{
text-decoration: underline;
}
/* End matrix-table*/
/* Begin solution-table*/
.solution-table {
width: 585px;
overflow: hidden;
border-bottom: 1px solid #D4D5D7;
}
.solution-table li {
float: left;
width: 100%;
line-height: 20px;
}
.solution-table li em {
color: #636466;
display: block;
line-height: 16px;
}
.solution-table .ts-2 a {color: #0071bb;}
.solution-table .ts-1 a {
color: #000;
padding: 0 0 0 0px;
}
.solution-table .st-1 {width: 10px;}
.solution-table .st-2
.solution-table .st-3
.solution-table .st-4
.solution-table .st-5
.solution-table .st-6
.solution-table .st-7
.solution-table .st-8
.solution-table .st-9
/* End solution-table*/
/* Begin bottom-feature*/
.bottom-feature {
border-top: 1px solid #D9DADB;
line-height: 20px;
width: 588px;
padding: 0 0px 0px 18px;
}
.bottom-feature h3 {
font-size: 15px;
padding: 0 0 0 0;
}
.bottom-feature-2 p {
padding: 0 2px;
line-height: 2px;
padding: 0 0 0 0px;
}
/* End bottom-feature*/
/* Begin investor-table*/
.investor-table {
width: 585px;
overflow: hidden;
border-bottom: 1px solid #D4D5D7;
}
.investor-table.no-border {
border: none;
}
.investor-table.with-bg
{
background-color: rgb(230,230,230);
margin-right: 20px;
padding-right: 0px;
}
.investor-table li {
float: left;
width: 100%;
line-height: 25px;
}
.investor-table li em {
color: #636466;
display: block;
line-height: 16px;
}
.investor-table .it-1 {width: 320px;}
.investor-table .it-2 {width: 20px;text-align: left;}
.investor-table .it-3 {width: 65px;text-align: left;}
.investor-table .it-4 {width: 20px;text-align: left;}
.investor-table .it-5 {width: 65px;text-align: left;}
.investor-table .it-6 {width: 20px;text-align: left;}
.investor-table .it-7 {width: 55px;text-align: left;}
/* End investor-table*/
/* Begin locations controls */
.LocationsDdpanel .TitleClosed
{
width: 53px;
height: 15px;
background: url("../images/i-2.gif") no-repeat 55px 16px;
cursor:pointer;
padding: 10px 7px 7px 7px;
margin: -10px -7px -7px -7px;
}
.LocationsDdpanel .TitleOpen
{
width: 53px;
height: 15px;
color: White;
background: #BBBDBF url("../images/i-5-1.gif") no-repeat 55px 16px;
cursor:pointer;
padding: 10px 7px 7px 7px;
margin: -10px -7px -7px -7px;
}
.LocationsDdpanel .TitleOpen .TitleLink {
color: White;
}
.LocationsDdpanel .ContentPanel
{
width: 140px;
font-size: small;
font-weight: normal;
padding: 22px;
background-color: #F7F7F7;
border: #BBBDBF 8px solid;
overflow: hidden;
display: none;
color: rgb(100,100,100);
z-index:10;
position:relative;
left:-70px;
top:-7px;
height:200px;
position:absolute;
margin-left:72px;
top:32px;
}
.LocationsDdpanel div.ContentPanel h3
{
font-size: 14px;
}
.LocationsDdpanel div.ContentPanel p
{
font-size: 10px;
line-height: 12px;
}
/* End locations controls */
/* Begin EmailApage controls */
.EmailAPageDdpanel .ContentPanel
{
width: 160px;
font-size: small;
font-weight: normal;
padding: 20px;
padding-top: 18px;
padding-bottom: 10px;
background-color: #F7F7F7;
border: #BBBDBF 8px solid;
overflow: hidden;
display: none;
color: rgb(100,100,100);
z-index:8;
position:absolute;
right:2px;
top:20px;
height:425px;
}
.EmailAPageDdpanel .TitleClosed
{
width: 78px;
height: 20px;
background: url("../images/i-2.gif") no-repeat 84px 16px;
padding-left:4px;
padding-right:10px;
padding-top:10px;
padding-bottom:7px;
font-size: 11px;
vertical-align:middle;
cursor:pointer;
float:right;
margin:-5px 0px 0px 0px;
}
.EmailAPageDdpanel .TitleClosed a {
color: #4DBCF0;
}
.EmailAPageDdpanel .TitleOpen
{
width: 78px;
height: 20px;
background: #BBBDBF url("../images/i-5.gif") no-repeat 84px 16px;
padding-left:4px;
padding-right:10px;
padding-top:10px;
padding-bottom:7px;
font-size: 11px;
color: white;
vertical-align:middle;
cursor:pointer;
float:right;
margin:-5px 0px 0px 0px;
}
.EmailAPageDdpanel .TitleOpen a {
color: White;
}
.EmailAPageDdpanel div.ContentPanel h3
{
font-size: 14px;
}
.EmailAPageDdpanel div.ContentPanel p
{
font-size: 10px;
line-height: 12px;
}
/* End EmailApage controls */
/* Start Vertical Navigation control */
.vnav-selected a{
color: black;
font-weight:bold;
}
.vnav-item a
{
}
/* End Vertical Navigation control */
.SideBar-h2 a{
color: black;
}
/* Begin Talk To An Expert Ddpanel control */
.DdpanelInBody_TitleClosed
{
width: 105px;
height: 20px;
padding: 5px 0px 0px 20px;
background: url("../images/ic-4.gif") no-repeat 7px 7px;
font: bold 10px/12px verdana, arial, tahoma, "trebuchet ms", sans-serif;
color: #008FB3;
vertical-align:middle;
}
.DdpanelInBody_TitleOpen
{
width: 105px;
height: 20px;
background: #BBBDBF url("../images/ic-5.gif") no-repeat 7px 7px;
padding: 5px 0px 0px 20px;
font: bold 10px/12px verdana, arial, tahoma, "trebuchet ms", sans-serif;
color: White;
vertical-align:middle;
}
.DdpanelInBody_TitleOpen div
{
color: White;
}
.DdpanelInBody_Content
{
width: 640px;
height: 260px;
font-size: small;
padding: 5px;
background-color:#F7F7F7;
border: #BBBDBF 8px solid;
overflow: hidden;
display: none;
color: rgb(100,100,100);
position: relative;
z-index:10;
left:-390px;
top:-2px;
}
/* End Talk To An Expert Ddpanel control */
/* Start Video Library */
.ModalBackground
{
background-color:gray;
filter:alpha(opacity=70);
opacity:0.7;
}
.VideoModal
{
background-color:white;
width:850px;
height:610px;
padding:7px
}
/* End Video Library */
/* Ajax control stuff */
.listSearchPrompt
{
background-color: #FFF;
color: #DDD;
display:none;
}
/* End Ajax control stuff */
/* Begin Talk To An Expert user control */
#idCbPhNumber{
width: 62px;
}
#idCbPhAreaCode {
width: 25px;
}
.TalkExpert div
{
padding-right:16px;
padding-left:16px;
padding-bottom:16px;
padding-top:16px;
font-size:10px;
line-height:10px;
border-right: 1px solid Gray
}
.TalkExpert div a
{
font-size:10px;
line-height:10px;
float:none;
}
.TalkExpert h1
{
font-size:20px;
font-weight:bold;
line-height:22px;
}
.TalkExpert h2
{
line-height:12px;
font-size:11px;
}
/* End Talk To An Expert user control */
/* midee-cart */
.side-cart {
width: 150px;
overflow: hidden;
}
/* Checkout ovverrides and tweaks */
.primary-content-4
{
margin-top: 10px;
}
.secondary-content-4 {
float: right;
width: 132px;
background: #F1F1F2;
padding: 19px 10px 0 15px;
position:relative;
top: 10px;
}
.wrap-content-11
{
margin-bottom: 10px;
}
/* End Checkout ovverrides and tweaks */
/* Side cart quantity validation for textboxes */
.sidecart-val-msg
{
position: relative;
float: left;
left: 5px;
width: 160px;
padding: 0px;
}
/* Start Header links */
.Header-Top-Right {
top: 0;
left: 667px;
position: absolute;
z-index:10;
}
.Header-Top-Right li {
float: left;
color: #4DBCF0;
font-size: 11px;
padding: 10px 5px 0 5px;
}
.Header-Top-Right li .LocationsDdpanelMenuTitleOpen a {
color: white;
}
.Header-Top-Right .li-1 {
}
.Header-Top-Right .li-1 a {
color: #4DBCF0;
}
.Header-Top-Right .li-2 {
}
.Header-Top-Right .li-2 a{
color: #BBBDBF;
}
.Header-Top-Right .li-3 {
}
.Header-Top-Right .li-3 a{
color: white;
}
.Header-Top-Right .SmallMenuBreak {
color: Gray;
}
.Header-Top-Right .LargeMenuBreak
{
background: url("../images/sep-1.gif") no-repeat 55%;
}
/* End Header links */
/* Start Based DropDown Panel Styles */
.DropDownPanel
{
position:relative;
}
.DropDownPanel .TitleClosed
{
width: 70px; /*--- These control the open tab title width ---*/
height: 15px;
background: url("../images/i-2.gif") no-repeat 70px 13px;
cursor:pointer;
padding: 7px 7px 7px 7px; /*--- These control the open tab shaded size ---*/
margin: -7px -7px -7px -7px; /*--- These control the open tab shaded size ---*/
}
.DropDownPanel .TitleClosed a
{
color:#4DBCF0;
}
.DropDownPanel .TitleOpen
{
width: 70px; /*--- These control the open tab title width ---*/
height: 15px;
background: #BBBDBF url("../images/i-5-1.gif") no-repeat 70px 13px;
cursor:pointer;
padding: 7px 7px 7px 7px; /*--- These control the open tab shaded size ---*/
margin: -7px -7px -7px -7px; /*--- These control the open tab shaded size ---*/
}
.DropDownPanel .TitleOpen a
{
color:White;
}
.DropDownPanel .ContentPanel
{
width: 240px; /*--- This will change the width of the content box ---*/
background-color: #F7F7F7;
border: #BBBDBF 8px solid;
overflow: hidden;
display: none;
z-index:10; /*--- This will change if the box is layed over other floating elements ---*/
position:absolute;
top: 21px; /*--- This will move the content box vertically ---*/
left: -110px; /*--- This will move the content box horizontally ---*/
padding:10px;
}
.DropDownPanel .ContentClose
{
color:Gray;
font-size:10px;
float:right;
}
/* End Based DropDown Panel Styles */
.modaltitle
{
position:relative;
float:left;
clear:none;
font-size:12pt;
color:#008ed3;
border-bottom:1px solid #BBB;
}
.modalcancel
{
position:relative;
float:right;
text-align:right;
font-size:11pt;
}
.modalbody
{ padding:7px;
font-size:11pt;
}
.partner-col-b
{
left:582px;
position:absolute;
width:200px;
padding:5px;
}
/* Start BBox Breadcrumb Styles */
div.bboxbreadcrumbs {
margin-left:20px;
margin-right:20px;
}
/* End BBox Breadcrumb Styles */
/* general overrides and additions */
h3 a
{
color: #0066b2;
}
/* end general overrides and additions */
.OrderButton
{
padding-bottom:3px;
}