html { overflow-y:scroll; }
body {margin-left:auto; margin-right:auto; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif;
      background:#c2dfed;
      color:#333 }
/*bg
.bg-top { background: url(/assets/bg-top.jpg) scroll center top no-repeat }
*/
/* new with blank bg */
.bg-top { background: url(/assets/bg-top-blank.jpg) scroll center top no-repeat }
#logo{width:180px; margin:0 auto; height:90px; position:absolute;}
/* ryan had #logo{width:180px; margin:0 auto; height:90px; position:relative;}*/
#logo img{position:absolute; bottom:10px;}
/* removed float:left; in bg-bottom below - without float:left glowing bg works in FF */
.bg-bottom {  background: url(/assets/bg-bottom.jpg) scroll center bottom no-repeat }
.bg-center {  background: url(/assets/bg-center.jpg) scroll center center repeat-y }
.bg-center-home { background:url(/assets/home_bg_top_repeat.png) repeat-x center top}
/* new stuff from Jan to change width depending on showing help */
.narrow_body {width:800px}
.wide_body {width:1025px} /* was 1025px */
.float_left {float:left;}
/* at top of page for reseller emulation*/
p.top_notifier_fixed
{
    position:fixed;
    top:0px;
    background-color: yellow;
    margin-top:0px;
    margin-left: 400px;
    text-align: center;
}

/*container*/
#container { width:800px; margin:0 auto }
/* this form stuff is new to deal with IE7 */
.form{width:320px; margin:auto;background:url(/assets/login.png) no-repeat right top;padding-top:20px;margin-bottom:40px;}
.form a{text-decoration:underline;font-size:12px;float:right;margin-top:5px;}
.form form{display:inline;}
.form input.input{border:none; height:22px; margin:0; padding:0;width:130px;float:left;margin-left:10px;}
/*header*/
/* IE7 fix #header { height:90px; text-align:right;/* overflow:hidden * / } */
#header #logo { width:90px; height:90px; display:block; text-indent:-2000px; float:left; text-align:left }
#header #status { color:#5886AC; height:22px; margin:3px 0 }
#header #status a { margin-left:5px }
#header form { float:right; margin:-3px 0 5px 10px }
/* IE7 fix
#header form input { text-align:left; margin:0 0 0 5px; color:#61b9e4; width:100px }
*/
#header form .submit { float:right; width:auto; margin:0 }
#header { height:90px; text-align:right; } /* from Ryan - was height:120px; */
#header form { width:350px; float:right; margin:-3px 0 5px 10px; }
#header form input { float:left; text-align:left; margin:0 0 0 5px; color:#61b9e4; width:100px }
/*navigation*/
.navigation { float:right; clear:right; z-index:1001}
* + html .navigation { width: 700px; } /* was (b4 IE7 fix) * + html .navigation { width: 455px; } */
/* z-index new IE7 */
.navigation li { display:inline; font-size:16px; border-left:1px solid #BAD4E3; position:relative; z-index:9999; }
.navigation li#first { border:none }
.navigation li a { padding:0 10px 0 10px; border-bottom:4px solid transparent }
.navigation li:hover a, .navigation li a:hover, .navigation a.selected { border-color:#FFC300 }
.navigation li ul {padding-left:0px; width:200px; border:1px solid #5886AC; position:absolute; left:0; top:22px; z-index:99999;
                   background:#fff; left:-999em; }
.navigation li:hover ul { left:0 }
.navigation li:hover ul ul { left:-999em; z-index:-999em; }
.navigation li li:hover ul { left:100%; top:-1px; }
.navigation li li { display:block; clear:both; text-align:left; margin:0; padding:0; font-size:14px; border-width:0 }
.navigation li li a { display:block; border-width:0 }
.navigation li li:hover li a { background:#fff }
.navigation li li:hover a, .navigation li li a:hover, .navigation li li li a:hover { background-color:#C6E2F0; }
.navigation li li a.active, .navigation li li li a.active { background-color:#256393; color:#fff }
/*steps*/
.breadcrumbs { width:800px; margin:0 auto 5px auto; height:44px; background:#44AD73; z-index:10; position:relative; overflow:hidden }
#tagscopenav { min-height:44px; height:44px; max-height:44px; font-size:13px; width:820px }
#tagscopenav li { zoom:1; float:left; }
#tagscopenav li a { line-height:40px; height:44px; }
#tagscopenav li.scope { margin:0; padding:12px 95px 8px 15px; color:#FFF; font-size:15px; position:relative; font-weight:bold }
#tagscopenav li.tag { padding:0 0px 0 25px; margin-left:-25px; background:transparent url(/assets/beard.png) -3px 0px no-repeat;
                      position:relative; }
#tagscopenav li.tag:hover { background-position:-3px -176px; }
#tagscopenav li.tag a { color:white; text-decoration:none; background:#44AD73; padding:4px 10px 0 5px; height:40px; }
#tagscopenav li.tag:hover a { background-color:#A1D7AD; }
#tagscopenav li.tag a.onlytag { display:block; float:left; padding:4px 0 0 5px; }
#tagscopenav li#active { background-position:-3px -85px; }
#tagscope span { visibility:hidden; }
#tagscopenav #select { background:url(/assets/select.png) -3px 0px no-repeat; margin-left:-20px; padding-left:25px }
/*content*/
/* some changes here IE7 */
/* added float:left on 10/6/10 bc Ryan said so */
#content { background:#fff; clear:both; padding-bottom:10px; position:relative; float:left }
/*home page related was 320 px*/
#content-home.form{width:500px; margin:auto;background:url(/assets/login.png) no-repeat right top;
                   padding-top:20px;margin-bottom:40px;}
#content-home.form a{text-decoration:underline;font-size:12px;float:right;margin-top:5px;}
#content-home.form form{display:inline;}
#content-home.form input.input{border:none; height:22px; margin:0; padding:0;width:130px;
                               float:left;margin-left:10px;}
#content-home { clear:both; padding-bottom:10px; position:relative }
.home_banner{background: url(/assets/home_banner.png) no-repeat center top;}
/*flash #flash-nav { position:absolute; width:400px; height:24px; left:0; bottom:4px; z-index:-1 } */
#flash { width:800px; height:300px; position:relative;}
#flash-nav { position:absolute; width:400px; height:24px; left:0; bottom:4px; z-index:-5;}
#flash-nav a { float:left; font-size:14px; line-height:20px; border:2px solid #5988ad; padding:0 5px;
               margin-left:4px; background:url(/assets/btn_flash.jpg) left bottom repeat-x; color:#fff }
#flash-nav a:hover, #flash-nav a.active { background-position: left top }
/*home nav*/
#home-nav { border-top:5px solid #FFC300; width:800px; margin-bottom:10px; overflow:hidden }
#home-nav div { width:804px; height:70px; overflow:hidden }
#home-nav a { margin-right:1px; background-color:#256393; color:#fff; 
              text-decoration:underline; text-align:center; position:relative; width:200px; height:70px;
              font-size:12px; line-height:20px; float:left; font-weight:bold; padding-top:5px }
/*#home-nav .line1 { padding-top:25px }*/
#home-nav .line1 { padding-top:25px; height:60px; }/*IE7 Babysitting by Ryan. This may need to be put in a separate css file if undesired effects show up on other browsers!*/
#home-nav .line2 { padding-top:15px }
#home-nav a:hover, #home-nav a.active:hover { background:#C6E2F0; color:#256393; cursor: pointer }
/*blockquote*/
blockquote { background:url(/assets/quote.gif) top left no-repeat; padding:15px;
             font:normal 11px/1.4 Georgia, "Times New Roman", Times, serif }
blockquote h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#333333 }
blockquote p { padding:0; margin-bottom:10px }
/*footer*/
#footer { clear:both; color:#FFF; font-size:12px; line-height:15px;background-color:#a1c5da;}
#footer p { padding:5px 10px; color:#fff; margin:0 }
#footer a, #footer img { vertical-align:middle }
.footlinks { background:#f0f0f1; padding:10px; text-align:right }
.footlinks a { color:#999; text-decoration:underline }
.copyrights { float:left; }
.follow { text-align:right; color:#FFF; }
/*header*/
/* jan - defined h1 as h2 */
h1 { background:#256393; border-top:5px solid #FFC300; width:100%; margin:0 auto 10px; padding:5px 0px 5px 10px;
     font-size:16px; color:#fff; text-transform:uppercase; font-weight:bold }
h2 { background:#256393; border-top:5px solid #FFC300; width:790px; margin:0 auto 10px; padding:5px 0px 5px 10px;
     font-size:16px; color:#fff; text-transform:uppercase; font-weight:bold }
h3 { font-size:15px }
h5 { border-top:5px solid #FFC300; font-weight:bold; margin:15px 0; padding:5px 20px; font-size:13px }
.h4 { border-top:5px solid #FFC300; font-weight:bold; margin:15px 0; padding:5px 20px; font-size:13px }
.h4 a { vertical-align:top; margin-left:5px ;}
/*table*/
table { font-size:13px; border-collapse:collapse; padding:0; margin:0; margin-bottom:10px; clear:both; background:none }
table thead { text-align:center; color:#fff; background:#666 url(/assets/block-round-head.jpg) left top no-repeat}
table a { color:#676767; }
table a:hover { color:#5886AC }
.table thead { border-bottom:5px solid #aaa }
.table tr { border-bottom:1px solid #ccc }
.even { background:#DDEAF3 }
.comp, .comp2, .comp3 { padding:2px 5px 0 5px; background:url(/assets/green.png) no-repeat 0 2px; padding-right:15px }
.comp2 { background-image: url(/assets/red.png); }
.comp3 { background-image: url(/assets/yellow.png); }
/* fieldset */
fieldset {border: 4px ridge #256393; color: #256393; padding: 10px; background-color: lightgray;}
legend {color: #256393; font-family: verdana; font-size: 12pt; padding: 10px;}
/*block*/
.block-container { width:780px; margin:0 auto; color:#676767; font-size:13px }
.block-container a { text-decoration:underline; margin:0 2px }
.block-container a:hover { text-decoration:none }
.block.marginless { margin-top:0 }
.block { background:url(/assets/block-round-center.jpg) left center repeat-y; margin:15px 0 0 0; font-size:12px; clear:both; color:#676767; }
.block .head, .block-head { background:#676767 url(/assets/block-round-head.jpg) left top no-repeat; font:bold 13px/30px Arial, Helvetica, sans-serif; color:#fff; padding:0 15px; text-transform:uppercase; }
.block .content, .block-content { background:url(/assets/block-round-bottom.jpg) left bottom no-repeat; padding:15px 10px; }
.block-content { border:2px solid; border-width:0 2px 2px 2px; background:#fff }
/*block-shadow*/
.block.shadow { background-image:url(/assets/block-shadow-center.jpg); margin:0 }
.block.shadow .head { background-image:url(/assets/block-shadow-head.jpg); background-color:#b2b2b2; line-height:26px }
.block.shadow .content { background-image:url(/assets/block-shadow-bottom.jpg) }
/*block-bgless*/
.block.bgless { background-image:none; margin:0 }
.block.bgless .head { background-image:none; background-color:#fff; line-height:26px }
.block.bgless .content { background-image:none }
/*btn_next*/
.btn_next { background:transparent url(/assets/btn_next.jpg) left bottom no-repeat; text-indent:-30000em; width:140px; height:60px; }
.btn_order { background:transparent url(/assets/btn_order.jpg) left bottom no-repeat; text-indent:-30000em; width:190px; height:60px; }
.btn_next:hover, .btn_order:hover { background-position:left top }
/*savelist*/
ul.savelist { font-size:13px; clear:both; margin:20px 0 0 190px }
ul.savelist li { display:inline; }
ul.savelist li a { background: url(/assets/btn_savelist.jpg) no-repeat 0 0px; padding:5px; color:#FFF; text-decoration:none }
ul.savelist li a:hover { background-position: 0 -28px; padding:5px; color: #333 }
/*
li{
    margin-left:25px;
}
*/

div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
}

div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.autocomplete ul li.selected { 
  background-color:#ffb;
  background-image:none;
}

div.autocomplete ul li {
  margin:0;
  padding:2px;
  height:32px;
  display:block;
  list-style-type:none;
  cursor:pointer;
  background-image:none;
  color:red;
}

/*payment*/
.payment h5 { font-size:15px }
.payment .edit { background:#C6E2F0; width:27px; margin:8px 0px 0 85px; font-size:12px; line-height:14px; padding:2px; font-weight:bold; text-decoration:none; display:block }
.payment .edit:hover { color:#C6E2F0; background:#256393 }
.payment .info { margin-left:140px; margin-top:-55px; clear:both }
.payment .price b { clear:left; float:left }
.payment .total { font-weight:bold }
.payment .total { margin-top:0 }
/*form*/
.label { display:block; font-weight:bold; text-align:right }
/* removed input, per Anand elance msg Aug 4 */
.label .input, .input-wrapper { width:216px; border:1px solid #676767; font-weight:normal; margin-left:5px; color:#676767 }
/* jan added right align as select is not input */
div.input {text-align:right }
.error { color:red }
.error input, .error select { color:red; border-color:red }
.field_with_errors {
    border: 2px solid red;
}
.label .submit, .submit { border:none; width:auto; margin:0; vertical-align:top; padding:0 }
.input-wrapper { border:none; margin:0 0 0 auto; }
.input-wrapper, .no-input { margin-right:224px }
.block input:focus, option:hover { background:#c7e3ef }
/*grid*/
.grid-1 { width:200px; float:left; margin:0 5px }
.grid-2 { width:370px; float:left; margin:0 5px }
.grid-3 { width:300px; float:left; margin:0 5px }
.grid-4 { width:440px; float:left; margin:0 5px }
.grid-5 { width:740px; float:left; margin:0 5px }
.alpha { margin-left:0 }
.omega { margin-right:0 }
.grid-3 input { width:180px }
.grid-4 input { width:100px; margin-right:5px }
.grid-4 .no-input { margin-right:120px }
.grid-note, .grid-file { width:700px; margin:0 10px 0 auto }
.grid-note .input { width:620px }
.grid-half { width:50%; float:left }
.grid-file a { margin-left:0 }
.grid-file li { list-style:inside decimal; margin:3px 0 7px; clear:both }
.flle-wrapper { position:relative; float:left; height:18px; margin-bottom:10px }
.flle-wrapper .browse { position:absolute; right:0; top:0; border-bottom:2px solid #4c89b8 }
/*map canvas*/
#map-canvas-wrapper { padding:10px; width:780px; position:relative; }
#map-canvas { width:780px; height:283px; }
#map-table { width:780px; margin:0 auto 0; position:relative;/* padding-top:36px;*/ }
/*map table*/
#map-table table a:hover { text-decoration:underline }
#map-table table { text-align:center; clear:both; border-collapse:collapse; border-color:#fff; padding:0; margin:0 }
#map-table thead { text-align:center; color:#fff; background:#666 url(/assets/block-round-head.jpg) left top no-repeat }
#map-table .scrollable { height:196px; overflow-y:auto; overflow-x:hidden; }
/*map-list-view*/
.map-list-view { position:absolute; width:24px; height:180px; z-index:10; top:0; left:-24px; background:url(/assets/btn_map_list_view.png) no-repeat }
.map-list-view a { display:block; height:90px; background:url(/assets/btn_map_list_view.png) -300px -300px no-repeat; text-indent:-30em }
.map-list-view .mview:hover, .map-list-view .mview.active { background-position:right top }
.map-list-view .mlist:hover, .map-list-view .mlist.active { background-position:right bottom }
/*map-nav*/
.map-nav { font-size:13px;float:left; position:relative; z-index:1000}
.map-nav li { display:inline; }
.map-nav a { background:url(/assets/btn_map.png) no-repeat 0 -29px; padding:5px 4px 3px 6px}
.map-nav a:hover, .map-nav a.active { background-position: 0 0; color:#fff }
.map-nav .line_red{background:url(/assets/red_map.png) no-repeat 0 -29px; padding:5px 4px 3px 6px; border-right:1px solid red;}
/*map-desc pop*/
.map-desc { background:url(/assets/map_des2.png) no-repeat; width:368px; height:144px; padding:10px; line-height:1em; }
/*map-desc 2type arrows*/
.map-desc .arrow { background:url(/assets/map_desc_arrow.png) no-repeat; height:31px; width:50px; position:absolute; left:15px; top:133px }
.map-desc .arrow.right { left: auto; right:30px; }
/*map-desc grid*/
.map-grid { float:left; border-right:1px solid #B0BEC8; width:150px; padding-right:10px; }
.map-grid.right { margin-left:10px; border:none; width:160px }
/*map-desc helpful form*/
.map-form { padding-left:10px }
.map-form input { margin-top:3px }
.map-form .iput { width:240px }
.map-form p { margin-bottom:5px }
/*map desc general*/
.map-desc h4 { color:#5887AC; font-size:12px; margin-bottom:2px }
.map-desc h4 a { color:#5887AC; text-decoration:underline; }
.map-desc p { margin-bottom:2px }
.map-desc h5 { margin-bottom:2px }
/* the next 2 are no longer used */
.map-desc h5 a { background:#256393 url(/assets/bg_btn.jpg) repeat-x top left; width:170px; height:37px; text-align:center; display:block; color:#FFF; font-size:13px; padding:3px 0 0 0 }
.map-desc h5 a:hover { background:#C6E2F0 url(/assets/bg_btn_hover.jpg) repeat-x top left; width:170px; height:37px; display:block; font-size:13px; padding:3px 0 0 0 }
/* but replaced by these two */
.map-desc .popup_button a { background:#256393 url(/assets/bg_btn.jpg) repeat-x top left; width:170px; height:25px; text-align:center; display:block; color:#FFF; font-size:13px; padding:3px 0 0 0 }
.map-desc .popup_button a:hover { background:#C6E2F0 url(/assets/bg_btn_hover.jpg) repeat-x top left; width:170px; height:25px; display:block; font-size:13px; padding:3px 0 0 0 }

/*navbar*/
.navbar { background:#f0f0f1; padding:10px; text-align:right; background-image:url(/../assets/navbar.jpg); background-repeat: repeat-x; }
.navbarlinks a { color:#999; text-decoration:underline }
.navbar form input { text-align:left; color:#61b9e4; width:100px }
.navbar form .submit { float:right; width:auto; margin:0 }
.navbar select{ color:#61b9e4;}
/*navigation2*/
/*navigation*/
.navigation2 { float:left; clear:left; width:100%; border-top:5px solid #ffc300; background-color:#5886AC;}
* + html .navigation2 { width: 455px; }
.navigation2 li { display:inline; font-size:13px; position:relative;}
.navigation2 li#first { border:none;}
.navigation2 li a {padding:0 10px 0 10px; border-bottom:4px solid transparent; color:white; }
.navigation2 li:hover, .navigation2 li a:hover, .navigation2 a.selected { }
.navigation2 li ul{width:150px; border:1px solid #5886AC; position:absolute; left:0; top:18px; z-index:999; background:#fff;left:-999em;}
.navigation2 li:hover ul{ left:0;}
.navigation2 li li{ display:block; clear:both; text-align:left; margin:0; padding:0;font-size:14px;border-width:0}
.navigation2 li li a{display:block; border-width:0; color:#5886AC;}
.navigation2 li li a:hover{background-color:#5886AC; color:#fff}
.navigation2 li li a.active{background-color:#256393; color:#fff}

.navigation2 ul li ul li ul {width:150px; margin-top:-18px; border:1px solid #5886AC; margin-left:150px; left:0; top:18px; z-index:999; background:#fff;left:-999em; background-color:#5886AC;}
.navigation2 ul li ul li ul a{color:#fff;}
.navigation2 ul li ul li ul a:hover {background-color:#C6E2F0;}

.navigation2 li:hover ul ul, .navigation2 li:hover ul ul ul, .navigation2 li:hover ul ul ul ul{
    display:none;
}
.navigation2 li:hover ul, .navigation2 li li:hover ul, .navigation2 li li li:hover ul, #nav li li li li:hover ul{
    display:block;
}

/******************************************ABOUT US*********************************************************/

.aboutusleftcolumn{
    float:left;
    width:500px;
}

.aboutusrightcolumn{
    float:left;
    width:300px;
}

.aboutushead{
    float:left;
    margin-top:20px;
    color:#5886AC;
}

.aboutushead .subheading{
    padding-top:10px;
    margin-bottom:0;
    padding-bottom:0;
    color:#5886AC;
    font-weight:bold;
}

.aboutushead .summary{
    padding-top:10px;
    margin-bottom:0;
    padding-bottom:0;
    font-style:italic;
    color: #666666;
}

.aboutushead h5{
    margin-bottom:0;
    margin-top:0;
    padding-bottom:0;
    padding-top:0;
    padding-left:25px;
}

.aboutushead p{
    line-height:15px;
    color:#666666;
    padding-left:25px;
}

.aboutushead table{
    padding-left:25px;
}

.aboutushead td{
    border-style:solid;
}

.aboutushead ul{
    line-height:15px;
    color: #666666;
    font-size: 13px;
    /*padding-left:25px;*/
}

.aboutusbox{
    float:right;
    background-image:url(/assets/aboutusblock.jpg);
    background-repeat:no-repeat;
    width:225px;
    height:310px;
    margin-top:35px;
    margin-right:25px;
}

.aboutusboxcontent{
    float:left;
    padding-left:25px;
    padding-top:25px;
}

.aboutusboxcontent p{
    color:white;
    font-size:15px;
}

.inputbox{
    padding-left:5px;
    border:0;
    width:175px;
    color:#5886AC;
    opacity: 1; filter: alpha(opacity=100);
}

.displaytext{width:175px; border:0; color:#5886AC; padding-left:5px;}

/* product pages */

.dart strong{font-size:14px; display:block; clear:both; }
.dart{font-size:12px; padding-left:10px}
.dart div.list{line-height:3}
.dart div.list img {float:left; clear:both; margin-right:8px; margin-top:5px}
.dart div.list {margin:20px 0}
.dart-right{margin-left:50px}
.blue{clear:both;color:#256393; display:block;font-weight:bold; font-size:11px}
form.try_it{padding-right:40px}
form.try_it label{font-size:12px; font-weight:bold; text-align:right; display:block;}
form.try_it input, form.try_it select{width:200px; border:1px solid #999; padding:2px}
form.try_it select{width:206px}
form.try_it #submit{margin:16px 0 0 56px;border:none}
.col-3 div{float:left; text-align:center; width:140px; margin-left:23px; color:#666; font-size:12px; line-height:1.4}
.col-3 div h5{color:#5887ac;margin-bottom:130px; font-size:14px}
.col-3 div p{margin:10px 0; text-align:left}
a.try-it-free{text-indent:-5000px; width:120px; height:65px; display:block; background:url(/assets/try-it-free-small-btn.png) no-repeat center top; margin:10px auto}
a.try-it-free:hover{background-image:url(/assets/try-it-free-small-btn-hover.png)}


.iconlist
{
    list-style: none;
    margin: 0;
    padding: 0;
}

li.star
{
    background-image: url(/assets/star.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 30px;
    margin: .4em 0;
}

li.qmark
{
    background-image: url(/assets/qmark.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 30px;
    margin: .4em 0;
}

li.help
{
    background-image: url(/assets/help.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 30px;
    margin: .4em 0;
}

li.cube
{
    background-image: url(/assets/cube.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 30px;
    margin: .4em 0;
}

/* for use on channel partner terms */
ol.with_capitals
{
    list-style-type:upper-alpha;
    color: #666666;
    font-size: 13px;
}

ol.with_digits
{
    list-style-type:decimal;
    color: #666666;
    font-size: 13px;
}

th.fifteen_width
{
    width: 15%;
}

/* help box */
.help{float:left; width:200px; margin-left:25px; margin-top:75px;}
.help p{margin-bottom:0; padding-bottom:0;}
.helptop{width:200px; background-image:url(/assets/helptop.png); margin:0; padding:0; height:4px;}
.helpyellow{width:200px; margin:0; padding:0; background-image:url(/assets/helpyellow.png);}
.helpgray{width:200px; margin:0; padding:0; background-image:url(/assets/helpgray.png);}
.helpwhite{width:200px; margin:0; padding:0; background-image:url(/assets/helpwhite.png);}
.helplightgray{width:200px; margin:0; padding:0; background-image:url(/assets/helplightgray.png);}
.helpbottom{width:200px; height:6px; margin:0; padding:0; background-image:url(/assets/helpbottom.png);}
.questions{width:180px; height:220px; margin-left:auto; margin-right:auto; overflow:auto; border:1px solid gray;}
.questions p{line-height:1.2; margin-top:5px; padding-left:5px;}
.questions p a{text-decoration:underline; color:black;}
.helpcenter{height:50px; width:200px; padding-bottom:25px;}

#answers{margin-left:200px; }
.answer{width:180px; height:220px; margin-left:auto; margin-right:auto;  border:1px solid gray; overflow:auto;font-size:12px;}
.answer p{line-height:1.2; margin-top:5px; padding-left:5px;}
.answer p a{text-decoration:underline; color:black;}
#heading{float:left; text-align:right; float:left; width:135px; line-height:1.2; font-size:12px; font-weight:bold;}


/*********************RESULTS PAGE*************************/
.resultbar{
    clear:left;
    float:left;
    margin:0;
    padding:0;
    width:606px; /* changed from 606px */
    height:49px;
    margin-left:10px;
    background-image:url(/assets/resultstopbar.jpg);
}

.resultbar .found{
    float:left;
    margin-top:12px;
    margin-left:20px;
    font-size:16px;
    color:#5886AC;
}

.resultbar .pages{
    float:left;
    margin-top:12px;
    margin-left:50px;
    width:350px;  /* was 150px, but that breaks pagination line */
    height:20px;
    color:white;
}

.resultbar .perpage{
    float:right;
    margin-right:20px;
    margin-top:12px;
    color:#5886AC;
}

.resultbar select{
    color:#5886AC;
}

.resultcontent{
    float:left;
    width:580px;
    height:150px;
    margin-left:30px;
    border-bottom:1px solid #cccccc;
}

.resultimage{
    float:left;
    margin-top:35px;
    /*    background-image:url(/../assets/resultimage.jpg);*/
    width:125px;
    height:100px; /* was 75px */
}

.resultleftcolumn{
    float:left;
    margin-top:30px;
    margin-left:30px;
    width:200px;
}

.resultleftcolumn p{
    color:#666666;
    margin:0px;
    padding:0px;
    font-size:12px;
}

.resultrightcolumn{
    float:right;
    margin-top:30px;
    margin-right:30px;
}

.resultrightcolumn p{
    color:#666666;
    margin:0px;
    padding:0px;
    font-size:12px;
}

/*********************PRODUCT PAGE*************************/

.producttitle{
    float:left;
    margin-top:10px;
}

.productcontent{
    float:left;
    width:600px;
    margin-left:30px;
}

.buttonposition{
    position:absolute; 
    left:550px;
    top:100px;
}

.productimage{
    clear:left;
    float:left;
    margin-top:35px;
    width:251px;
    height:151px;
}

.productcolumn{
    float:left;
    margin-top:30px;
    margin-left:30px;
}

.productcolumn p{
    color:#666666;
    margin:0px;
    padding:0px;
    font-size:12px;
}

.resultbottom{
    clear:both;
    float:left;
    padding-top:50px;
    width:600px;
    margin-left:0px;
    font-size:14px;
}

.producttab{
    float:left;
    width:146px;
    height:30px;
    text-align:center;
    background-image:url(/assets/tabdefault.jpg);
    margin-left:2px;
    background-repeat:no-repeat;
}

.selected{
    color:white;
    background-image:url(/assets/tabselected.jpg);
}

.selected a{
    color:white;
}

.producttab a{
    display:block;
    margin-top:4px;
    height:28px;
}

.description{
    margin-top:10px;
    clear:both;
    float:left;
    width:600px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
    font-size: 12px;
}

.description p{
    line-height:15px;
    color:#666666;
}

.hiddenpic{
    display:none;
}


/*********************CART PAGE*************************/

.carthead{
    float:left;
    width:770px;
    margin-top:20px;
    color:#5886AC;
    /* height:75px;*/
}

.carthead p{
    line-height:15px;
    color:#666666;
}

.carthead img{
    margin-top:-10px;
    float:right;
}

.cartbody{
    float:left;
    width:770px;
}

.cartbody tr{
    width:100%;
    display:block;
    /*height:50px; January 20, 2011 removed, otherwise products with long names spill over line in cart */
}

.cartbody td{
    /* line-height:16px; by Jan on 01 05 2011 - long text spills over */
    color:#666666;
    width:10%;
    padding-bottom:10px;
    padding-top:10px;
}

.border{
    border:1px solid #ccc;
}

.strong{
    font-weight:bold;
}

.center{
    text-align:center;
}

.leftdotted{
    border-left:1px dotted #ccc;
}

.cartbottom{
    float:left;
    margin-left:120px;
    width:500px;
}

.cartbottom p{
    width:280px; /* was  width:340px; */
    clear:left;
    float:left;
    margin:0;
    padding:0;
    line-height:15px;
    font-weight:bold;
}

.bottombuttons{
    clear:both;
    /*float:left;*/
    width:770px;
}

.bottombuttons img{
    margin-top:25px;
    float:right;
}

/* store home page */

.newhomepage{padding:10px;}
.newhomepage .title{width:189px; background-color:#cccccc; color:#666666; padding-top:5px; padding-bottom:5px; font-size:13px;}
.newhomepage .title2{width:100%; background-color:#666666; color:white; padding-top:5px; padding-bottom:5px; font-size:13px;}
.newhomepage .leftcolumn{width:189px; float:left;}
.newhomepage .rightcolumn{width:580px; float:right;}
.newhomepage .featuredproduct{width:280px; margin-top:10px; float:left; margin-left:10px;}
.newhomepage .featuredproduct .left{width:150px; float:left;}
.newhomepage .featuredproduct .left p{font-size:12px; line-height:16px;}
.newhomepage .featuredproduct .right{width:123px; float:left;}
.newhomepage .featuredproduct img{float:left;}
.newhomepage .morefeaturedheading{width:580px; height:32px; background-image:url(/assets/morefeatured.jpg); clear:both; float:left; margin-top:10px;}
.newhomepage .morefeatured {float:left; width:145px;}
.newhomepage .morefeatured p{text-align:center; color:#666666; font-weight:bold;}
.newhomepage .relatedlinksheading{float:left; clear:both; margin-top:20px; width:779px; height:31px; background-image:url(/assets/relatedlinks.jpg);}
.newhomepage .relatedlinks{float:left; clear:both; width:777px; border:1px solid #cccccc; padding-top:25px; padding-bottom:25px;}
.newhomepage .relatedlinks .link{float:left; margin-left:50px; font-weight:bold; font-size:12px; line-height:15px;}
.newhomepage .helpful{float:right; text-decoration:underline; margin-top:50px;}
.newhomepage .helpful p{margin:0px; padding:0px;}
.newhomepage img{padding-top:10px;}

/***************************************ATC STUFF************************************************/
#atc table{width:100%;}
#atc .top td{border:none;}
#atc .top center{text-align:center;}
#atc tr.d0 td{background-color:#d9d9d9; color:black; border-top:1px solid white;}
#atc tr.d1 td{background-color:#f2f2f2; color:black; border-top:1px solid white;}
#atc .location0 {background-color:#c7d6e6; padding:5px;}
#atc .location1 {background-color:#ebf2f6; padding:5px;}
#atc .border{border:1px solid white;}
#atc .dark{background-color:#c7d6e6}
#atc .light{background-color:#ebf2f6}
#atc table a{color:#5886ac;}
#atc tr.d0 td.location{background-color:#c7d6e6; padding:5px;}
#atc tr.d1 td.location{background-color:#ebf2f6; padding:5px;}

#itemcount{float:left; margin-left:5px; background-color:#ffc300; padding-left:5px; padding-right:5px; font-weight:bold;}
.checkout{margin-left:550px;width:138px;}

/***************************************ATC STUFF************************************************/

/****************************************iTrain Marketing Page ********************************/
#itrain .heading{width:790px;}
#itrain h3{color:black; padding-left:10px; font-size:20px; color:#666666; font-weight:bold;}

#itrain #content-top-left{width:535px; float:left;}
#itrain #content-top-left #topleftcontent{padding-left:10px;}
#itrain #content-top-left #topleftcontent p{font-size:12px; color:#797979; line-height:15px; padding-top:20px;}
#itrain #content-top-right{width:250px; float:right;}

#itrain #streamline-left{float:left; width:475px; margin-top:30px;}
#itrain ul{margin-left:0px;}
#itrain li{list-style:none; background-image:url(/assets/landing/checkmark.jpg); clear:both; background-repeat:no-repeat; height:27px; margin-top:15px;}
#itrain li p{font-size:14px; line-height:16px; margin-left:40px; padding-top:0px; font-size:12px; color:#797979;}
#itrain li .oneline{padding-top:5px;}
#itrain #streamline-right{float:right; width:300px; margin-top:75px;}

#itrain #customers-left{float:left; width:300px; margin-top:30px;}
#itrain #customers-right{width:500px; float:right; margin-top:60px;}
#itrain .aboutusbox{margin-top:0px;}

#itrain #content-bottom{clear:both; float:left; width:790px; margin-top:20px;}
#itrain #content-bottom #bottomcontent{padding:10px;}

#itrain #left-menu-item{background-image:url(/assets/db-left.jpg); float:left; margin-left:10px; padding-top:4px;}
#itrain #left-menu-item a{color:white; font-size:14px; padding:2px 6px}
#itrain #right-menu-item{background-image:url(/assets/lb-right.jpg); float:left; margin-left:5px; padding-top:4px;}
#itrain #right-menu-item a{font-size:14px; padding:2px 6px; color:#5886ac;}
.clear{clear:both;}

#itrain #bottom-menu-content{clear:both; float:left; margin-left:10px; border:2px solid #5988ad; width:740px;}
#itrain #bottom-menu-content p{padding:10px; line-height:16px; color:#797979;}


/* from jan.css */
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.fieldWithErrors  {
    border: 2px solid red;
}
.errorExplanation {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.errorExplanation h2 {width:100%}

#error_explanation {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;width:100%;  border-top:5px solid red;}
#error_explanation h2 {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4; width:80%; border-top:0px }

/* live chat */

#livechat{width:231px; height:136px; display:block; background-color:white; position:fixed; top:50px; right:-205px;}
#livechat img{float:left}
#livechat img:hover{cursor:pointer;}

#live_chat_content{float:left; width:200px; font-size:12px; color:#4b8ea1}
#live_chat_content a{background-color:white; padding:5px 0px; display:block; text-align:center; width:135px; 
                     margin-left:auto; margin-right:auto; text-decoration:none; color:#4b8ea1; font-weight:bold;}
#live_chat_content a:hover{color:white;}
#live_chat_content .text_wrapper{width:135px; margin-left:auto; margin-right:auto;}
#live_chat_content p{text-align:left; padding-top:15px;}


/* drag drop in ems */

.hover {
    background-color: lightskyblue;
}
.drag_source ul li {
    list-style: none;
    cursor: -moz-grab;
}
/*
.drop_target {
    border: 1px solid red;
}
*/

/* gray over . Per Ryan email of 12/21/11 */

#GrayOver{
    width:100%; 
    height:100%; 
    position:fixed; 
    background-color: gray; 
    z-index:150000;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
} 

.centered_spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}

#aed_fail_popup
{
    display:block; 
    position:fixed; 
    width:610px; 
    -moz-border-radius: 5px; 
    border-radius:5px; 
    border:3px solid lightgray; 
    background-color:white;
    opacity:1; 
    filter: alpha(opacity=100);
    z-index:160001;

    top: 50%;
    left: 50%;
    margin-top: -305px;
    margin-left: -305px;
}
#aed_fail_popup_inner_content{padding:10px 10px 20px 20px;}
#aed_fail_popup a{font-style:normal; text-decoration:none; color:#666666;}
#aed_fail_popup p{margin-top:2px;}
#aed_fail_popup .close{}
#aed_fail_popup .right{text-align:right;}
#aed_fail_popup .underline{text-decoration:underline;}
#aed_info p{color:#5885AC}
#aed_info .bottom_links a{color:#5885AC; text-decoration:underline; padding:0px 5px;}
#aed_fail_popup img{margin-left:-20px; margin-top:20px;}

#aed_popup
{
    width:610px; 
    position:fixed; 
    -moz-border-radius: 5px; 
    border-radius:5px; 
    border:3px solid lightgray; 
    float:left;opacity:1; 
    filter: alpha(opacity=100);
    z-index:160001;
    background-color:white;
    top: 50%;
    left: 50%;
    margin-top: -305px;
    margin-left: -305px;
}
#aed_popup_inner_content{padding:10px 10px 20px 20px; float:left; width:580px;}
#aed_popup a{font-style:normal; text-decoration:none; color:#666666;}
#aed_popup p{margin-top:2px;}
#aed_popup .close{}
#aed_popup .right{text-align:right;}
#aed_popup .underline{text-decoration:underline;}
#popup_aed_info{float:left; padding-left:20px;}
#popup_aed_info p{color:#5885AC}
#popup_aed_info .bottom_links a{color:#5885AC; text-decoration:underline; padding:0px 5px;}
#aed_popup img{margin-left:-20px; margin-top:20px; clear:both; float:left;}

#aed_images{float:right; padding-top:20px; width:200px;}
#aed_images img{float:right; display:block; margin-top:5px;}
#aed_images p{color:#5885AC; margin-top:20px; float:right; padding-right:5px;}

.best_in_place {
    padding: .1m;
    cursor: hand;
    cursor: pointer;
    -moz-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    -webkit-transition: background 0.5s linear;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.best_in_place:hover, #user_account .do_hover {
    padding-right: 1.5em;
    background: url(/assets/red_pen.png) no-repeat right;
    background-color: #CCC;
}