/*@import url(http://old.getsmb.com/App_Themes/NextCorp/StyleSheet.css);*/

/*Importing/Linking the stylesheet with the one from the GetSMB site has caused styling problems
in SmartCatalog (vertical lines). Therefore we are isolating the stylesheets -Bryan*/

/*Begin GetSMB StyleSheet*/
* {margin:0;padding:0;border:0;}
html,body{font:normal normal normal 12px/20px "Lucida Grande","Lucida Sans Unicode",sans-serif;color:#1F1F1F;background-color:#C0C0C0;}
#wrapper{margin:0 auto;width:1012px;text-align:left;}
#nav-wrap{height:36px;width:996px;background:url(images/layout/main/nav.gif) no-repeat 0 0;margin:0;padding:0;}
.nav{margin-left:100px;height:36px;font:normal normal normal 15px/18px "Trebuchet MS", Arial, sans-serif;}
.nav-item{width:110px;}
.nav-item a, .nav-item a:link, .nav-item a:visited{padding:8px 0 0 0;text-align:center;display:block;width:93px;height:36px;color:#ccc;text-decoration:none;}
.nav-item a:hover{text-decoration:none;color:#fff;background:url(images/layout/main/menu_over.gif) no-repeat 0 0;}
.nav-sel{text-decoration:none;color:#fff !important;background:url(images/layout/main/menu_over.gif) no-repeat 0 0;}
#footer{bottom:0;text-align:center;width:996px;margin:10px 0;}
#footer ul{text-align:center;}
#footer li{list-style:none;padding:0 8px 0 5px;text-align:center;border-right:1px solid #3F3D3F;display:inline;background:none !important;}
#footer li.last{border-right:none !important;}
#footer .flinks{width:996px;height:20px;line-height:18px;clear:both;}
#nav-sub{padding:0 0 0 12px;color:#999;background:url(images/layout/main/subnav.gif) repeat-x 0 0;height:28px; overflow:hidden;}
#nav-sub a, #nav-sub a:link, #nav-sub a:visited{color:#000;font-weight:normal;}
#smb-flash{padding:8px 0 0 8px;}
#frame{width:996px;padding:0 8px;background:url(images/layout/main/frame.png) repeat-y 0 0;}
#frame_btm{width:1012px;height:10px;background:url(images/layout/main/frame_btm.gif) no-repeat 0 0;}
#content{padding:0 15px 55px 15px;width:745px;border:1px solid #aaa;border-left-width:0;border-bottom-width:0;border-top-width:0;}
#content2{padding:0 15px 55px 15px;width:966px;}
.noside #content{border:none !important;width:970px !important;}
#sidebar{padding:0;width:220px;background:url(images/layout/main/sidebar.gif) no-repeat 0 0;}
#sidebar .side-wrap{margin:25px 10px 0 0;width:220px;}
.imgHead{padding:0;margin:0;display:block;}
.breadcrumb{line-height:28px;}

h1, .h1{font:normal normal normal 24px/24px palatino,georgia,serif;margin:0 0 5px 0;padding:4px 0 0 0;color:#222021;}
h1b, .h1b{font:normal normal normal 17px/24px palatino,georgia,serif;margin:0 0 5px 0;padding:4px 0 0 0;color:#333333;}
h2, .h2{font:italic normal normal 17px palatino,georgia,serif;color:#999;margin:-20px 0 15px 0;padding:2px 0 0 100px;}
h2b, .h2b{font:italic normal normal 25px palatino,georgia,serif;color:#999;margin:0px 0 15px 0;padding:0px 0 0 0px;}
h3, .h3{font:normal normal normal 18px/20px palatino,georgia,serif;padding:0;margin:21px 0 14px 0;color:#222021;}
h4, .h4{clear:both;margin:0;color:#222021;background-color:#fff;padding:0 0 2px 0;font:normal normal normal 15px/20px palatino,georgia,serif;}
h5, .h5{font:normal normal bold 16px/20px palatino,georgia,serif;color:#000;}
h6, .h6{font:normal normal normal 15px/18px palatino,georgia,serif;padding:0;margin:18px 0 5px 0;color:#222021;}

p{padding:0;margin:10px 0;line-height:20px;}
strong{color:#1f1f1f;font-style:normal;font-weight:bold;}
em{color:#1f1f1f;font-style:normal;font-weight:bold;display:block;}

/* -------------------
       Layout
   ------------------- */
/* SMB Components */
#smb-suite{width:740px;float:left;}
#smb-suite ul td{padding:0px;}
/* header images */
.smb-ctrl a, .smb-collab a, .smb-itmana a, .smb-crm a{height:55px;width:170px;display:block;}
.smb-ctrl a, .smb-ctrl a:link, .smb-ctrl a:visited{background:#fff url(images/buttons/ctrl.gif) no-repeat 0 0;}
.smb-collab a, .smb-collab a:link, .smb-collab a:visited{background:#fff url(images/buttons/collab.gif) no-repeat 0 0;}
.smb-itmana a, .smb-itmana a:link, .smb-itmana a:visited{background:#fff url(images/buttons/itmana.gif) no-repeat 0 0;}
.smb-crm a, .smb-crm a:link, .smb-crm a:visited{background:#fff url(images/buttons/crm.gif) no-repeat 0 0;}
.smb-ctrl a:hover, .smb-collab a:hover, .smb-itmana a:hover, .smb-crm a:hover{background-position:-170px 0;}

/* columns */
.smb-col{width:170px;float:left;padding-right:5px;margin-right:5px;background:#fff url(images/layout/design/dotted-black-vr.png) repeat-y right top;height:380px;}
.smb-col-last{width:170px;float:left;background-color:#fff;height:380px;}
.smb-col2{width:180px;float:left;padding-right:5px;margin-right:5px;background:#fff url(images/layout/design/dotted-black-vr.png) repeat-y right top;}
.smb-col2-last{width:175px;float:left;background-color:#fff;}
/* Main Heading - homepage */
.main-hdg{text-align:center;margin-bottom:8px;}
.main-hdg H2{margin:0px;padding:0px;}

/* Next Steps - homepage */
#smb-ns{float:right;width:220px;}
#smb-ns2, .smb-ns2{float:right;width:250px;}
#smb-ns3, .smb-ns3{float:right;width:380px;}
#smb-ns4, .smb-ns4{float:left;width:450px;}
#smb-ns5, .smb-ns5{float:right;width:350px; padding: 20px 10px 0 0;}
.price-wrap{background:#fff url(images/layout/design/btnPricing185.jpg) no-repeat 0 center;width:210px;height:162px;padding-top:12px;display:block;}

/* Search Engine Optimization (SEO) Content below footer */
#SEO{padding:10px;text-align:center;font-style:italic;}
#SEO H2{margin:0px;padding:0px;}
#SEO A{margin:0px;padding:0px;}
#nscontent H2{margin:0px;padding:0px;}

/* Quote - homepage */
.shadow-box{width:242px;margin:0 0 0 0;}

.content {padding:8px 0;}
/* Right Nav headings */
#sidebar .head{background:url(images/layout/main/sideHead.gif) no-repeat 0 0;font:normal normal normal 17px/25px palatino,georgia,serif;height:25px;width:210px;padding-left:10px;margin-left:0;color:#ffffff;}

/* SMB Control additional items */
.foot-items{text-align:right;clear:both;}

/* dashed line */
.div-dash{padding:10px 12px;background:#fff;}
.div-dash div{border-bottom:1px dashed #B2B2B2;padding:0;}
.h1-dot{font:normal normal normal 24px/24px palatino,georgia,serif;margin:0 0 5px 0;color:#222021;background:transparent url(images/layout/design/dotted-black-h.png) repeat-x scroll left bottom;display:block;padding:0 0 5px;text-transform:uppercase;color:#222021;}
.h3-dot{background:transparent url(images/layout/design/dotted-black-h.png) repeat-x scroll left bottom;display:block;font-size:11px;margin:0 0 8px;padding:0 0 5px;text-transform:uppercase;color:#222021;}
/* -------------------
       Columns
   ------------------- */
/* Floating columns with margins */
.col{float:left;margin:0 6px;}
/* floating columns with line */
.col-h{float:left;padding-right:15px;margin-right:10px;background:#fff url(images/layout/design/dotted-black-vr.png) repeat-y scroll right top;}
.col-v{float:left;padding-right:15px;margin-right:10px;background:#fff url(images/layout/design/dotted-black-vr.png) repeat-x scroll left top; width:98%;}
.col-l{float:left;padding-left:15px;margin-left:10px;background:#fff url(images/layout/design/dotted-black-vr.png) repeat-y scroll left top;}
/* -------------------
        Font Style
   ------------------- */
.albl-g{color:#666 !important;}
.note{font-style:italic;font-weight:normal;}
.caption{font-size:11px;font-weight:normal;color:#999;width:250px;background-color:#fff;padding:0 2px 0 10px;}
.lblMsg{font-size:12px;color:#cc0033 !important;}
.stamp{color:#888;}
.enable{font-style:italic;color:#ffcc00;}
.disable{font-style:italic;color:#cc0033;font:italic normal normal 12px/20px "Lucida Grande","Lucida Sans Unicode",sans-serif !important;}
/* -------------------
           Lists
   ------------------- */
ul{padding:2px 2px 2px 15px;margin:0;}
ol{padding:2px 2px 2px 35px;margin:0;background-color:#fff;}
ul li, .list-norm li{background:transparent url(images/layout/design/li-sidebar.gif) no-repeat scroll 2px 7px;margin-bottom:6px;padding-left:15px;list-style-type:none;}
ol li{padding:2px 0 2px 2px;margin:0;background-image:none;}

dl{}
dt, .vdash{padding:0 0 6px 0;margin:0 0 5px 0;background:#fff url(images/layout/design/dotted-black-h.png) repeat-x left bottom;font:normal normal normal 14px/18px palatino,georgia,serif;color:#383637;}

dt, dt a, dt a:link, dt a:visited{color:#1F1F1F;font-weight:normal;}
dt a:hover{text-decoration:none;color:#1F1F1F;font-weight:normal;}
dd{padding:0 0 8px 2px;}

.list{padding:2px 0 2px 0;margin:0;}
.link-list li,.list li, .link-list-2 li, .list-block li, .list-quote li{list-style:none;padding:0;background-image:none;}

.list-block{padding:0 0 0 15px !important;}
.list-block li{margin:0;padding:0;}

.link-list-2{padding:0 0 0 3px;background-color:Transparent !important;}
.link-list-2 li{padding:2px 0 2px 0;}

.list-small{padding-left:4px;padding-right:0;margin:0;}
.list-small li{margin-bottom:4px;}

ul.horz-list{padding:3px 3px 2px 0;}
.horz-list li{list-style:none;padding:0 8px 0 5px;text-align:center;border-right:1px solid #3F3D3F;display:inline;background:none !important;}
.horz-list li.last{border-right:none !important;}

.list-dash {padding:0;background-color:#fff;margin:0;}
.list-dash li{border-bottom:1px dashed #B2B2B2;background-image:none;padding:10px 5px;margin:0;list-style:none;}
.list-dash li.last{border-bottom-width:0;}

/* Quote Content Control */
.list-quote{padding:12px 4px 0 6px;margin:0;background:#fff url(images/icons/quote_open.gif) no-repeat top left;}
/* Quote text */
.list-quote span{font:italic normal normal 15px/23px palatino,georgia,serif;color:#444;}
/* Quote signedBy */
.list-quote div{padding:3px 0 3px 8px;}
.pager{text-align:center;font-size:20px;font-weight:bold;}

.pdf li{margin-top:4px;padding:0 0 6px 18px;background:url(images/layout/marker/pdf.gif) no-repeat 0 0;}

.blk-box ul, .white-box ul{background-color:#fff;}
/* ------------------
       Links
   ----------------- */
a, a:link, a:visited, a:active{color:#238923;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}

.a-tick, a-tick:link, .a-tick:visited, .a-tick:active{padding-left:16px;background:url(images/layout/marker/tick_blk.gif) no-repeat 0 0;line-height:16px !important;}
.a-tick0, a-tick0:link, .a-tick0:visited, .a-tick0:active{margin-left:-66px;padding-left:16px;background:url(images/layout/marker/tick_blk.gif) no-repeat 0 0;line-height:16px !important;}
.a-pdf, .a-pdf:link, .a-pdf:visited, .a-pdf:active{padding:0 0 0 18px;background:url(images/layout/marker/pdf.gif) no-repeat 0 0;}
.a-flash, .a-flash:link, .a-flash:visited, .a-flash:active{padding:0 0 0 18px;background:url(images/icons/flash.gif) no-repeat 0 0;}
.a-wmv, .a-wmv:link, .a-wmv:visited, .a-wmv:active{padding:0 0 0 18px;background:url(images/icons/wmv.16.gif) no-repeat 0 0;}

/* faq */
.a-blank, .a-blank:active, .a-blank:visited, .a-blank:hover{text-decoration:none;color:#000;}
.a-dis, .a-dis:active, .a-dis:visited, .a-dis:hover{text-decoration:none;color:#888;}

/* ---------------------------------
          Sprites
   --------------------------------- */
.sp-email{background:url(images/layout/icons/icons.gif) no-repeat -34px 0;width:12px;height:16px;display:inline;padding:2px 8px 2px 8px;}
.sp-phone{background:url(images/layout/icons/icons.gif) no-repeat -1092px 0;width:10px;height:16px;display:inline;padding:4px 5px 4px 5px;}
.sp-arrow{background:url(images/layout/icons/icons.gif) no-repeat -138px 0;width:12px;height:8px;display:inline;padding:2px 6px 2px 6px;}
/* -------------------
        Common
   ------------------- */
.A{float:left;}
.B{float:right;}
.w20{width:250px;}
.w80{width:80%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w60{width:60%;}
.w75{width:75%;}
.w90{width:90%;}
.w30{width:30%;}
.w35{width:35%;}
.w420{width:420px;}
.w555{width:555px;}
.center{text-align:center !important;background-color:#fff;}
.nobg{background-image:none !important;}
.notop{margin-top:0 !important;padding-top:0 !important;}
.clear-both{clear:both;height:1px;}
.clear{clear:both;}
.white{background-color:#fff;}
.divider{margin:0 5px;}
/* -------------------
        Boxes
   ------------------- */
.white-box {padding:0 5px 0 0;background:#fff url(images/layout/box/blk_border.gif) 100% 0 repeat-y;}
.white-box .bi {padding:0 0 0 5px;background:#fff url(images/layout/box/blk_border.gif) 0 0 repeat-y;}
.white-box .bt {height:15px;margin:0 -5px;background:url(images/layout/box/white/box.gif) 100% 0 no-repeat;}
.white-box .bt div {width:15px;height:15px;background:url(images/layout/box/white/box.gif) 0 0 no-repeat;}
.white-box .bb {height:15px;margin:0 -5px;background:url(images/layout/box/white/box.gif) 100% 100% no-repeat;}
.white-box .bb div {width:15px;height:15px;background:url(images/layout/box/white/box.gif) 0 100% no-repeat;}

.blk-box {padding:0 5px 0 0;background:#fff url(images/layout/box/blk_border.gif) 100% 0 repeat-y;}
.blk-box .bi {padding:0 0 0 5px;background:#fff url(images/layout/box/blk_border.gif) 0 0 repeat-y;}
.blk-box .bt {height:35px;margin:0 -5px;background:url(images/layout/box/black/box.gif) 100% 0 no-repeat;}
.blk-box .bt div {width:15px;height:35px;background:url(images/layout/box/black/box.gif) 0 0 no-repeat;}
.blk-box .bb {height:15px;margin:0 -5px;background:url(images/layout/box/black/box.gif) 100% 100% no-repeat;}
.blk-box .bb div {width:15px;height:15px;background:url(images/layout/box/black/box.gif) 0 100% no-repeat;}

.white-box p, .blk-box p{background:#fff;}
.blk-box h1{margin:-30px 0 0 10px !important;padding:0 0 10px 0;background:none;font:normal normal normal 15px/18px palatino,georgia,serif;color:#fff;}

.box-inner{padding:10px 10px 0 10px;background-color:#fff;}
.white-box .box-inner{padding:0 10px 0 10px !important;}
.box-inner p{padding:8px 0 8px 0 !important;margin:0;}

.box-center{width:800px;margin:0 0 15px 14px;}
.box-center2{float:right;width:450px;}

/* -------------------
       Tables
   ------------------ */
td{vertical-align:top;}
/* Steps inside table - sc top */
.tbl-step{margin:5px 0 5px 10px;}
.tbl-step td{padding:6px;}
.tbl-step .step{white-space:nowrap;font-weight:bold;}

/* table - holds essentials and enterprise editions */
.tbl-wrap{width:380px;background:#fff;margin-left:10px;}
.tbl-head{background:#fff;margin-left:74px;}
.tbl-line{background:#fff;table-layout:fixed;width:290px;}
.tbl-line td{border-right:1px solid #aaa;border-top:1px solid #aaa;width:40px;text-align:center;}
.td-text{padding-left:10px;line-height:24px;width:220px !important;text-align:left !important;}

.tbl td{padding:6px;}
td.nopads{padding:0px;}

.rspacer{padding:0 10px 0 0;}
/* ------------------
     xml editing
   ------------------ */
.editBox{border:1px solid #ccc;padding:5px;}
.editBox td{padding:10px;vertical-align:top;}
.editBox th{vertical-align:middle;}
   
/* ------------------
         Forms
   ------------------ */
.styled-form, .form-sm{padding:8px 0 25px 0;margin:0;}
.form-row{background:transparent url(images/layout/design/dotted-black-h.png) repeat-x scroll left bottom;padding:12px 0;clear:both;}
.styled-form .r{width:500px;}
.styled-form .l{float:left;width:120px;margin-left:15px;}
.styled-form .lr{float:left;width:620px;margin-left:15px;}

.sub{margin-left:135px;}
.form-ctrl{text-align:center;padding:12px;}

/* -----------------
     .NET Controls
   ----------------- */
.txtBox, .txtBoxMulti, .txtBoxNorm, .txtBoxMultiNorm{border:1px solid #ccc;background-color:#f5f5f5;font:normal normal normal 13px "Lucida Grande","Lucida Sans Unicode",sans-serif;color:#1f1f1f;padding:0 2px 0 2px;}
.txtBox{background:transparent url(images/icons/txtBk.gif) repeat-x 0 0;height:20px;}
.txtBox, .txtBoxMulti{width:140px;}
.txtBoxMultiNorm{width:275px;height:150px;}
.txtBoxNorm{width:250px;height:20px;}
.txtBoxNorm:focus, .txtBoxMultiNorm:focus{background-color:#fcfcfc;}
.lnkCtrl{text-transform:uppercase;}
.chkList input{margin-right:5px;}
.chkList label, .chkList span{color:#666;}

.gvstyle{border:solid 1px #7f7f7f;}
.altrowstyle{}
.headerstyle th{background:url(images/layout/design/gvHeader.png) repeat-x 0px 0px;font:normal normal normal 13px/16px palatino,georgia,serif;border-color:#989898 #cbcbcb #989898 #989898;border-style:solid solid solid none;border-width:1px 1px 1px medium;color:#000;padding:4px 5px 4px 10px;text-align:center;vertical-align:bottom;}
.rowstyle td, .altrowstyle td {padding:4px 10px 4px 10px;border-right:solid 1px #cbcbcb;}
.gvstyle .txtBox{background-image:none !important;background-color:#f5f5f5;}
/* ------------------
      Tab Style
   ------------------ */
/* fonts for the tabs */
.tab-dark{display:block;}
/* header text */
.tab-dark .ajax__tab_tab{font-weight:bold;font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;font-size:13px;}
.tab-dark .ajax__tab_body{background-color:#fff;border:1px solid #ddd;border-top:none;padding:10px;}
.tab-dark .ajax__tab_header{border-bottom:1px solid #ddd;padding-right:10px;}
/* regular header styles */
.tab-dark .ajax__tab_header .ajax__tab_tab{/* left/right rounded images are 11 pixels wide */margin:0px 11px 0px 11px;color:#fff; background:url(images/tabs/dark/bg.gif) repeat-x;}
.tab-dark .ajax__tab_header .ajax__tab_outer{/* 2 pixel horizontal space between tabs */margin-right:2px;background:url(images/tabs/dark/right.gif) no-repeat right top;}
.tab-dark .ajax__tab_header .ajax__tab_inner{background:url(images/tabs/dark/left.gif) no-repeat left top;}
/* active/hover headers styles */
.tab-dark .ajax__tab_active .ajax__tab_tab, 
.tab-dark .ajax__tab_hover .ajax__tab_tab {/* left/right rounded images are 11 pixels wide */margin:0px 11px 0px 11px;color:#111111;background:url(images/tabs/dark/bg.gif) repeat-x 0pt -48px;}
.tab-dark .ajax__tab_active .ajax__tab_outer,
.tab-dark .ajax__tab_hover .ajax__tab_outer{/* 2 pixel horizontal space between tabs */margin-right:2px;background:url(images/tabs/dark/right.gif) no-repeat 100% -48px;}
.tab-dark .ajax__tab_active .ajax__tab_inner,
.tab-dark .ajax__tab_hover .ajax__tab_inner{background:url(images/tabs/dark/left.gif) no-repeat 0pt -48px;}

/* ----------------------
  AjaxCtrlToolkit Controls
  ------------------------ */
.MaskedEditFocus{background-color:#ffffcc;color:#000000;}
.MaskedEditMessage{color:#ff0000;font-weight:bold;}
.MaskedEditError{background-color:#ffcccc;}

.modalBackground{background-color:Gray;filter:alpha(opacity=60);opacity:0.60;}
.updateProgress{border:solid 1px #999;background-color:#FFFFFF;position:absolute;width:150px;height:50px;}
.load-wrap{text-align:center;margin:5px 0 0 0;}

/* Product Windows - pop-up styles */
#pop-content{margin:0 auto;width:600px;}
#pop-content .wrapper{margin:25px 0;padding:25px;background:#fff url(images/header/smb_bg.gif) no-repeat scroll center center;}
#pop-content li{clear:both;}

/* ---------
    Styles
   --------- */
.sub-descr{font:italic normal normal 17px palatino,georgia,serif;color:#999;}
.sub-head{color:#222021;font-size:11px;text-transform:uppercase;display:block;}

/* image */
.img-box{margin:10px 15px 0 10px;width:200px;}
#pop-content .img-box{margin-right:0 !important;}
.img-box div{background:transparent url(images/layout/design/dotted-black-h.png) repeat-x scroll left top;margin:3px 0 0 0;padding:2px 0 0 0;text-align:center;}
.img-cap{text-transform:uppercase;font-size:11px;color:#222021;}
.img-list{float:left;margin:5px 12px 12px 0;text-align:center;clear:both;}
.small-outline{padding:5px;border:1px solid #9D999D;}

/* Outline for examples */
.example{border: dashed 1px #000000; padding: 10px;}

/* DropDownLists */
.ddl { border:solid 1px #CCCCCC; background-color:#F5F5F5; margin:5px 0 0 15px;}



/* Bryan Garcia example code for displaying text on mouse over */

/* ------------
    Error Pages
   ------------ */
   
    #header-margin, .header-margin {margin:0 0 -5px 0;}
    #error-description, .error-description {position:relative; text-align:left; margin:0 25% 0 25%;}
    #error-description2, .error-description2 {position:relative; text-align:left; margin:0 23% 0 23%;}	    
	#error-page-lbl, .error-page-lbl {color:#999; font-size:24px; font-style:italic; text-align:center;}
	#error-homepage-link, .error-homepage-link {padding:15px 0 5px 50px; font-weight:bold; text-align:center;}
   .error-page-div{text-align:center !important;background-color:#fff; width:98%;}
   
/* -------------
    Contact Page
   ------------- */   
   
   #map-style, .map-style {margin:5px 15px 25px 0;width:455px;height:450px;border:solid 1px #aaa;}
   
/* ---------------
    Controller Nav
   --------------- */
   
   #margLeft25, .margLeft25 {margin-left:25px;}
   #controllerVideosBB, .controllerVideosBB {text-align:left !important; padding-left:5px !important;}
   
/* -----------
    Web Demos
   ------------*/
   
   #howDidYouHear, .howDidYouHear {float:left;width:200px;margin-left:15px;}   
   #nomargs, .nomargs {margin:0px;}  
      
        /*
        =================================
        start of Tooltip css code here
        ================================= */

        a.info{
        position:relative;           /*this is the key*/
        z-index:248;
        background-color:#efefef;    /* background colour of display text */
        color:#000000;               /* colour of display text */
        /*border:1px dotted #999;    /* border colour */
        text-decoration:underline;
        font-style:normal;
        text-align: left;
        display:block;
        }
        
        a.info:hover {
        z-index:255;
        background-color:#efefef;
        text-align: left;
        display:block;
		color:#238923;
		text-decoration:none;
        }

        a.info span{
        display: none;  /* hide the span text using this css */
        }

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.5em;
        left: 9.3em;
        width:35em;
        border:1px solid #DDD; /* border colour */   /*325*/
        background-color:#efefef; /* background colour here */  /* changed on 325 was CCCCCC*/
        color:#000000;         /* text colour */        /* changed on 325 was 000000*/
        text-align: left;
        font-size: 1em;
        font-style:normal;
        /*font-weight:bolder; /*325*/
        z-index:300;
        padding:5px
        /*padding:0 10px 10px 10px;margin:-1px 0 0 0;background-color:#f6f6f6;border:1px solid #DDD;*/
        }

.td1{padding-left:5px;line-height:24px;width:200px !important;text-align:left !important;}
.td2{padding-left:5px;line-height:24px;width:115px !important;text-align:left !important;background-color:#efefef}
.td3{padding-left:5px;line-height:24px;width:117px !important;text-align:left !important;}
.td4{padding-left:5px;line-height:24px;width:201px !important;text-align:left !important;border-right:0px!important;font-weight:bold;text-transform:none;padding-top:10px;background-color:#efefef}
.td6{padding-left:5px;line-height:24px;width:115px !important;text-align:left !important;background-color:#efefef}
.td5{padding-left:5px;line-height:24px;width:118px !important;text-align:left !important;border-right:0px!important;background-color:#efefef}

.tbl-ln{background:#fff;table-layout:fixed;width:290px;}
.tbl-ln td{border-right:1px solid #aaa;width:40px;text-align:center; table-layout:fixed;}

.SCName{color:#CCCCCC !important; font-size:16px; font-family:"Trebuchet MS",Arial,sans-serif; left:630px !important; top:-37px !important; position:relative; width:350px; text-align:right;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
The following lines will no longer be needed once the comparison chart is updated
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.td-text1{padding-left:5px;line-height:24px;width:280px !important;text-align:left !important;}
.td-text2{padding-left:5px;line-height:24px;width:200px !important;text-align:center !important;}
.td-text3{padding-left:5px;line-height:24px;width:135px !important;text-align:center !important; background-color:#32CD32}
.td-text4{padding-left:5px;line-height:24px;width:343px !important;text-align:center !important;}

.td-text5{padding-left:5px;line-height:24px;width:252px !important;text-align:center !important; background-color:#C0C0C0; border-color:#FFFFFF;}
.td-text6{padding-left:5px;line-height:24px;width:280px !important;text-align:center !important; border-color:#FFFFFF; border-width:0px;}

.td-text7{padding-left:5px;line-height:24px;width:200px !important;text-align:center !important; background-color:#238923}
.td-text8{padding-left:5px;line-height:24px;width:138px !important;text-align:center !important; background-color:#238923}
.td-text9{padding-left:5px;line-height:24px;width:280px !important;text-align:left !important; background-color:#238923}

.td-text10{padding-right:5px; padding-left:5px;line-height:24px;width:200px !important;text-align:right !important;}
.td-text12{padding-left:5px;line-height:24px;width:200px !important;text-align:left !important;}
.td-text11{padding-right:5px;line-height:24px;width:110px !important;text-align:right !important; background-color:#32CD32}

.tbl-line2{background:#fff;table-layout:fixed;width:585px;}
.tbl-line2 td{border-bottom:1px solid #238923; border-left: 1px solid #fff; border-right:1px solid #fff;border-top:1px solid #fff;width:40px;text-align:center;}

.tbl-line3{background:#fff;table-layout:fixed;width:290px;}
.tbl-line3 td{border-bottom:1px solid #238923; border-left: 1px solid #238923; border-right:1px solid #238923;border-top:1px solid #238923;width:40px;text-align:center; table-layout:fixed;}

.pad10{padding-left:10px;}
.pad20{padding-left:20px;}
.pad20R{padding-right:20px;}
.pad30{padding-left:30px;}
.pad97{padding-left:97px;}
.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}

.tbl-wrap2{width:545px;background:#fff;margin-left:10px;}

.tbl-linePricing{background:#fff;table-layout:fixed;width:290px;}
.tbl-linePricing td{border-right:1px solid #493;border-top:1px solid #493;width:40px;text-align:center;}

/* From Smart Catalog 
Description under each product */
.prodInfo-wrap{display: none;}
.showPop .prodInfo-wrap{z-index:300;margin:0 0 0 30px;width:500px;display:block;}
.hidePop .prodInfo-wrap{display: none;}
.prodInfo{padding:0 10px 10px 10px;margin:-1px 0 0 0;background-color:#f6f6f6;border:1px solid #DDD;}
.prodInfo-btn{color:#222021;font-size:11px;text-transform:uppercase;text-align:center;padding:2px;margin:0;background-color:#fefefe;border:1px solid #DDD;width:50px;line-height:14px !important;cursor:pointer;}

.cursorPointer {cursor:pointer;}

.td1{padding-left:5px;line-height:24px;width:280px !important;text-align:left !important;}
.td2{padding-left:5px;line-height:24px;width:200px !important;text-align:left !important;}
.td3{padding-left:5px;line-height:24px;width:135px !important;background-color:#CCCCCC}

.tbl-ln{background:#fff;table-layout:fixed;width:290px;}
.tbl-ln td{border-right:1px solid #aaa;width:40px;text-align:center; table-layout:fixed;}

        /*
        =============================================
        start of Tooltip css code for list items here
        ============================================= */

        li.info{
        position:relative;           /*this is the key*/
        z-index:248;
        background-color:#ffffff;    /* background colour of display text */
        color:#000000;               /* colour of display text */
        /*border:1px dotted #999;    /* border colour */
        text-decoration:none;
        font-style:normal;
        text-align: left;
        display:block;
        font-size:10px;
        height:13px;
        }
        
        li.info:hover {
        z-index:255;
        background-color:#ffffff;
        text-align: center;
        display:block;
        text-align: left;
        color:#238923;
        }

        li.info span{
        display: none;  /* hide the span text using this css */
        }

        li.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.5em;/*-06.4em;*/
        left: 3em;
        width:40em;
        border:1px solid #DDD; /* border colour */   /*325*/
        background-color:#f6f6f6; /* background colour here */  /* changed on 325 was CCCCCC*/
        color:#000000;         /* text colour */        /* changed on 325 was 000000*/
        text-align: left;
        font-size: 1em;
        font-style:normal;
        /*font-weight:bolder; /*325*/
        z-index:300;
        padding:5px
        /*padding:0 10px 10px 10px;margin:-1px 0 0 0;background-color:#f6f6f6;border:1px solid #DDD;*/
        }

/* ----- ----- ----- END GETSMB CSS ----- ----- ----- */

/* -------------------------
     Product Config - CEConfig.ascx
   ------------------------- */
.product-item{width:600px;}
.product-item .content{padding:5px 10px 5px 25px;margin:4px 0 0 0;}
.product-item .a-name{font:normal normal normal 24px/28px palatino,georgia,serif;color:#383637;}
.product-sub{padding:0 0 0 30px;width:530px;}
.product-sub .a-name{font:normal normal normal 21px/25px palatino,georgia,serif;color:#383637;}
.product-sub .content{padding:5px 0 5px 25px;margin:4px 0 0 0;}

.product-head{background:transparent url(images/product/dotted-black-h.png) repeat-x left bottom;padding:0 0 6px 0;margin:0 0 5px 0;}
.tbl-prod-footer{width:100%;}

/* -------------------------
     GuidedSelling - CESelector.ascx
   ------------------------- */
.ceMainControlHeader span.lbl, .ceControlHeader span.lbl{color:#999; font-size:24px; font-style:italic;}
.CatalogSeriesItem input, .ceControlBody input{vertical-align:middle;}
.ceQuestionImageDiv, .ceAnswersMultiAnswerImageDiv {display:none;}
.ceQuestionDescDiv {font:normal normal normal 15px/20px "Lucida Grande","Lucida Sans Unicode",sans-serif;padding:0;margin:21px 0 14px 0;color:#222021;}
.ceQuestionTextDiv {color:#999; font-size:24px; font-style:italic;}
.ceAnswersMultiAnswerDescriptionDiv{font-style: italic;}
.ceAnswersMultiAnswerDiv span label{padding-left: 10px; font-weight:bold;}
.ceAnswersMultiAnswerDiv {padding-top: 10px !important;}
.blk-box .center .ceControlHeader{display:none;}
.ceQuestionDiv {width:50%}
/* -------------------------
     Product - CEProduct.ascx
   ------------------------- */
.product-item .row, .product-sub .row{margin:5px 0;}
.prodCtrl{font:normal normal normal 14px/18px palatino,georgia,serif;color:#383637;}
.prodCtrl a, .prodCtrl a:link, .prodCtrl a:visited{color:#383637 !important;text-decoration:underline !important;}
.prodCtrl a:hover{color:#006600 !important;text-decoration:none !important;}

.prodPrice{font-weight:bold;}

/* Description under each product */
.prodInfo-wrap{margin:0 0 0 30px;width:500px;display:block;}
.prodInfo{padding:0 10px 10px 10px;margin:-1px 0 0 0;background-color:#f6f6f6;border:1px solid #DDD;}
.prodInfo-btn{color:#222021;font-size:11px;text-transform:uppercase;text-align:center;padding:2px;margin:0;background-color:#fefefe;border:1px solid #DDD;width:50px;line-height:14px !important;cursor:pointer;}

/* Plus/Minus Images */
.imgPlusMain{width:22px;height:20px;background-image:url(images/icons/plus_sub.gif);cursor:pointer;}
.imgMinusMain{width:22px;height:20px;background-image:url(images/icons/minus_sub.gif);cursor:pointer;}
.imgPlusSub{width:22px;height:20px;background-image:url(images/icons/plus_sub.gif);cursor:pointer;}
.imgMinusSub{width:22px;height:20px;background-image:url(images/icons/minus_sub.gif);cursor:pointer;}

/* ------------------------------------
   Standard Text at top of page
   ------------------------------------ */
#StandardTerms{width:300px;}
#StandardTermsPadding{padding: 0 8px; background-color:#f6f6f6;}

/* ------------------------------------
   Side Configuration - YourConfig.ascx
   ------------------------------------ */
#scYourConfig{width:300px;}
.config-wrap{padding:0 10px 0 10px;background-color:#fff;}
/* Categories */
.config-wrap dl{}
.config-wrap dt{padding:0 0 6px 0;margin:0 0 5px 0;background:transparent url(images/product/dotted-black-h.png) repeat-x left bottom;font:normal normal normal 14px/18px palatino,georgia,serif;color:#383637;}

/* style category links - should not be links in final version */
.config-wrap dt, .config-wrap dt a, .config-wrap dt a:link, .config-wrap dt a:visited{color:#1F1F1F;font-weight:normal;cursor:default;}
.config-wrap dt a:hover{text-decoration:none;color:#1F1F1F;font-weight:normal;cursor:default;}
.config-wrap dd{padding:0 0 8px 2px;}

/* Selected Products per Category */
.config-wrap ul{margin:0;padding:3px 2px 3px 10px;background-color:#fff;}
.config-wrap li{margin-bottom:4px;padding-left:15px;list-style-type:none;}

.config-qty input{font:normal normal normal 13px/17px "Lucida Grande","Lucida Sans Unicode",sans-serif;width:15px;color:#1F1F1F;}
.h-sum{background-color:#F6F6F6;border-color:#AAAAAA;border-style:solid;border-width:1px 0pt;margin:8px 0 18px 0;padding:4px 12px;text-align:right;font-weight:bold;color:#cc0033;font-family:Georgia, palatino, serif;}
.h-line{background:transparent url(images/product/dotted-black-h.png) repeat-x scroll left top;margin:8px 0 0 0;height:2px;}

/* All inclusive info */
#config-info{width:300px;margin:0 0 15px 15px;padding:0 0 0 10px;background:transparent url(images/layout/design/dotted-black-vr.png) repeat-y scroll left top;}

/* -----------------------
       Server Controls
   ----------------------- */
.inPanel{display:inline;}
.chkProd{margin-right:4px;padding-left:4px;}
.radProd{margin-right:5px;padding-left:3px;}
.txtProd{text-align:center;margin-right:4px;border:1px solid #888 !important;background-color:#efefef;font:normal normal normal 13px/17px "Lucida Grande","Lucida Sans Unicode",sans-serif;color:#1F1F1F;}
.txtProd:focus{background-color:#fff;border:1px solid #111;}

/* ---------
    Styles
   --------- */
.sub-descr{font:italic normal normal 17px palatino,georgia,serif;color:#999;}
.sub-head{color:#222021;font-size:11px;text-transform:uppercase;display:block;}

/* image */
.img-box{margin:15px 0 0 10px;width:200px;}
.img-box div{background:transparent url(images/product/dotted-black-h.png) repeat-x scroll left top;margin:3px 0 0 0;padding:2px 0 0 0;text-align:center;}
.img-cap{text-transform:uppercase;font-size:11px;color:#222021;}

.img-list{float:left;margin:5px 12px 12px 0;text-align:center;}
.small-outline{padding:5px;border:1px solid #9D999D;}

ul.error-sum{margin:3px 0;padding:2px 2px 2px 14px;}
.error-sum li{background:transparent url(images/product/li-selected.gif) no-repeat scroll 2px 7px;margin-bottom:4px;padding-left:13px;list-style-type:none;color:#cc0033;font-style:italic;font-size:11px;}

#vertical-center{text-align: center; position:absolute; top: 50%; left: 0px; height: 1px; width: 100%; overflow: visible; display: block;}
#thank-you-text{font-size: 20; text-align:center;width: 100%; height: 400px; margin-top: 100px; padding-top: 100px; font-weight: bold; background:#fff url(images/header/smb_bg.gif) no-repeat scroll center center;}

.h2-dot{background:transparent url(images/product/dotted-black-h.png) repeat-x scroll left bottom;display:block;margin:0 0 8px 0;padding:0 0 12px 0;font:italic normal normal 17px palatino,georgia,serif;color:#999;}
.h3-dot{background:transparent url(images/product/dotted-black-h.png) repeat-x scroll left bottom;display:block;font-size:11px;margin:0 0 8px;padding:0 0 5px;text-transform:uppercase;color:#222021;}


/* pop-up box */
.info-box {position:absolute;left:250px;margin-top:10px;padding:5px;border:1px solid #aaa;background-color:#dedede;}

/* User Email Form Box */
.box-wrap-center{width:650px;padding:0 0 40px 175px;margin:30px 0 0 0;}

/* Navigation Bar */
#nav-wrap{height:36px;width:996px;background:url(images/layout/main/smbnav.gif) no-repeat 0 0;margin:0;padding:0;}
.nav{margin-left:100px;height:36px;font:normal normal normal 15px/18px "Trebuchet MS", Arial, sans-serif;}
.nav-item{width:120px;}
.nav-item a, .nav-item a:link, .nav-item a:visited{padding:8px 0 0 0;text-align:center;display:block;width:120px;height:36px;color:#ccc;text-decoration:none;}
.nav-item a:hover{text-decoration:none;color:#fff;background:url(images/layout/main/smbmenu_over2.gif) no-repeat 0 0;}
.nav-sel{text-decoration:none;color:#fff !important;background:url(images/layout/main/smbmenu_over2.gif) no-repeat 0 0;}
.nav-item[disabled="true"]{display: none; }

#smb-ns{float:right;width:220px;}
.blk-box {padding:0 5px 0 0;background:#fff url(images/layout/box/blk_border.gif) 100% 0 repeat-y;}
.blk-box .bi {padding:0 0 0 5px;background:#fff url(images/layout/box/blk_border.gif) 0 0 repeat-y;}
.blk-box .bt {height:35px;margin:0 -5px;background:url(images/layout/box/black/box.gif? 100% 0 no-repeat;}
.blk-box .bt div {width:15px;height:35px;background:url(images/layout/box/black/box.gif) 0 0 no-repeat;}
.blk-box .bb {height:15px;margin:0 -5px;background:url(images/layout/box/black/box.gif) 100% 100% no-repeat;}
.blk-box .bb div {width:15px;height:15px;background:url(images/layout/box/black/box.gif) 0 100% no-repeat;}

.hide{display:none; visibility:hidden; color:White}

.NC_SMultiAnswerDDL{border:solid 1px #999999; margin:5px 0 0 0;}

HR {border:solid 1px #222222;}

.white {background-color:White !important;}
