/* @override 
	http://theo/amex/dock_8_dnd_jquery/css/mr_content.css
	http://theo/amex/dock_8_dnd_jquery%20hanzor/css/mr_content.css
*/

#canvas img{border:0 solid #000;}
#bottom img{border:0 solid #000;}
#compare-wrapper img{border:0 solid #000;}
#carousel-wrapper img{border:0 solid #000;}

h2 a {
  text-decoration: none;
  color: inherit;
}
h2 a:hover {
  text-decoration: none;
  color: inherit;
}
h2 a:visited {
  text-decoration: none;
  color: inherit;
}
h2 a:active {
  text-decoration: none;
  color: inherit;
}

/* @group Carousel */

#carousel-wrapper {font:11px Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
  height: 411px;
  position: relative;
  background: url(../images/templates/bg.gethelp_new.png) left top;
}

#carousel-wrapper .title {
  position: absolute;
  top: 43px;
  left: 39px;
  z-index: 1;
}
#carousel-wrapper .title h1{
  margin: 0;
  font-size: 16px;
  color: #0077aa;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
#carousel-wrapper .title p{
  margin: 5px 0 0;
  font-size: 11px;
  color: #7d7d7d;
}

#carousel-wrapper .notice {
  position: absolute;
  top: 180px;
  right: 80px;
  width: 500px;
  z-index: 1;
}
#carousel-wrapper .notice h2 {
  margin: 0;
  font-size: 16px;
  color: #7d7d7d;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
}

#carousel-wrapper #chooser-form {
  position: absolute;
  height: 320px;
  width: 339px;
  top: 91px;
  left: 33px;
}

#carousel-wrapper #chooser-form p {
  color: #7d7d7d;
}

#carousel-wrapper #chooser-form select {
  width: 338px;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  color:#008bc9;
  background-image: url(../images/templates/bt.select.question.gif);
  height: 25px;
}

#carousel-wrapper #carousel {
  position: absolute;
  height: 320px;
  width: 560px;
  top: 90px;
  right: 45px;
}
#carousel-wrapper #carousel .content {
  height: 250px;
  width: 530px;
  position: absolute;
}
#carousel-wrapper #carousel .content .carousel-item {
	position: absolute;
	width: 110px;
}

#carousel-wrapper #grid {
  position: absolute;
  height: 320px;
  width: 560px;
  top: 90px;
  right: 45px;
  text-align: center;
}

#carousel-wrapper #grid #centered-grid {
  margin: 0 auto;
  height: 200px;
}

#carousel-wrapper #grid #centered-grid .card-box {
  float: left;
  width: 112px;
  height: 200px;
  position: relative;
}

#carousel-wrapper #grid #centered-grid .card-box img {
  width: 112px;
}
#carousel-wrapper #grid #centered-grid .card-box h2 {
  top: auto; bottom: 140px; left: 0; right: 0;
  position: absolute;
  margin: 0;
  width: 112px;
  font-size:15px;
  font-weight:400
}
#carousel-wrapper #grid #centered-grid .card-box p {
  top: 150px; left: 0; right: 0;
  position: absolute;
  margin: 0;
  width: 112px;
  font-size:11px;
}

#carousel-wrapper #grid #centered-grid .card-box h2,
#carousel-wrapper #grid #centered-grid .card-box p {
  visibility: hidden;
}

#carousel-wrapper #grid #centered-grid .card-box.hover h2,
#carousel-wrapper #grid #centered-grid .card-box.hover p,
#carousel-wrapper #grid #centered-grid .card-box:hover h2,
#carousel-wrapper #grid #centered-grid .card-box:hover p {
  visibility: visible;
}

#carousel-wrapper #grid #centered-grid .card-box img {
  width: 75px;
  margin: 12px 0;
  margin-top: 80px;
}

#carousel-wrapper #grid #centered-grid .card-box.hover img,
#carousel-wrapper #grid #centered-grid .card-box:hover img {
  width: 112px;
  margin: 0;
  margin-top: 68px;
}

#carousel-wrapper #compare-bttn {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0px;
  right:  0px;
  z-index: 1;
  cursor: pointer;
}

#carousel-wrapper #more-bttn {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0px;
  right:  0px;
  z-index: 1;
  cursor: pointer;
}

#carousel-wrapper #return-to-cards {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1;
}


/* @end */
/* @group Compare */
#compare-wrapper{font:11px Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;background:#fff url("../images/templates/bg.compare.header2.gif") repeat-x 0 38px;}
#compare-wrapper .title {
  position: absolute;
  top: 13px;
  left: 0px;
  z-index: 100;
}
#compare-wrapper .title h1{
  margin: 0;
  font-size: 16px;
  color: #0077aa;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
#compare-wrapper .title p{
  margin: 5px 0 0;
  font-size: 11px;
  color: #7d7d7d;
}
#compare-wrapper .top-middle{background:url("../images/templates/bg.compare.top.middle.gif") repeat-x left top;}
#compare-wrapper .left-top{background:url("../images/templates/bg.compare.top.left.gif") no-repeat left top;}
#compare-wrapper .left-middle{background:url("../images/templates/bg.compare.middle.left.gif") repeat-y left;}
#compare-wrapper .left-bottom{background:url("../images/templates/bg.compare.bottom.left.gif") no-repeat left bottom;position:relative;}
#compare-wrapper .right-top{background:url("../images/templates/bg.compare.top.right.gif") no-repeat right top;padding:40px 39px 0;}
#compare-wrapper .right-middle{background:url("../images/templates/bg.compare.middle.right.gif") repeat-y right;}
#compare-wrapper .right-bottom{background:url("../images/templates/bg.compare.bottom.right.gif") no-repeat right bottom;}
#compare-wrapper #content{width:927px;position: relative}
#compare-wrapper #content #content-table{border-collapse:collapse;}
#compare-wrapper #content .row{}
#compare-wrapper #content .row .col1,
#compare-wrapper #content .row .col2,
#compare-wrapper #content .row .col3,
#compare-wrapper #content .row .col4,
#compare-wrapper #content .row .col5{/*outline:1px solid #0f0;*/
width:171px;padding-left:18px; line-height:auto; height:auto}
#compare-wrapper #content .row .col1{padding-left:0px;}
#compare-wrapper #content tr.bottom-border td{border-bottom:1px solid #DFEBF3;}
#compare-wrapper #content .card-image td{padding:70px 0 30px;height:85px;}
#compare-wrapper #content .card-image .cell{text-align:center;height:85px;}
#compare-wrapper #content .header{margin-bottom:15px;text-align:center;}
#compare-wrapper #content .header h2{font-weight:bold;;font-size:10pt;margin:12px 0 15px 0;}
#compare-wrapper #content .introduction td{font-weight:bold;padding-top:15px;padding-bottom:15px;}
#compare-wrapper #content .read-more{text-align:right;}
#compare-wrapper #content .read-more a{color:#000;text-decoration:underline;}
#compare-wrapper #content .read-more a:hover{color:#666;}
#compare-wrapper #content .feature td{padding-top:15px;padding-bottom:15px;}
#compare-wrapper #content .feature-header{text-align:center;font-size:11px;margin:0 0 10px;}
#compare-wrapper #content .feature-header-green{color:#2A9D66;text-align:center;font-size:11px;margin:0 0 10px;}
#compare-wrapper #content .feature-header-gold{color:#C09553;text-align:center;font-size:11px;margin:0 0 10px;}
#compare-wrapper #content .feature-header-platinum{color:#484B4C;text-align:center;font-size:11px;margin:0 0 10px;}
#compare-wrapper #content .feature-header-blue{color:#0776A9;text-align:center;font-size:11px;margin:0 0 10px;}
#compare-wrapper #content .feature-description{font-size:11px;margin:0;padding-left:2em;}
#compare-wrapper #content .order td{padding-top:25px;padding-bottom:25px;text-align:center;}
#compare-wrapper #return-to-cards {
  position: absolute;
  top: 13px;
  right: 0px;
  z-index: 1;
}
/* @end */
/* @group Canvas */
#canvas{height:411px;background:url("../images/templates/bg.inside.compare.jpg") no-repeat;color:#6a6a6a;font:11px Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;position:relative;}


#canvas .title {
  position: absolute;
  top: 43px;
  left: 39px;
  z-index: 100;
}
#canvas .title h1{
  margin: 0;
  font-size: 16px;
  color: #0077aa;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
#canvas .title p{
  margin: 5px 0 0;
  font-size: 11px;
  color: #7d7d7d;
}
#canvas #scroller-container{width:965px;height:386px;position:absolute;top:25px;left:20px;overflow:hidden}
#canvas #nav_left,#canvas #nav_right{width:50px;height:50px;position:absolute;top:160px;}
#canvas #nav_left{left:20px;background:url("../images/templates/arrow-left.png") no-repeat center center;}
#canvas #nav_right{right:20px;background:url("../images/templates/arrow-right.png") no-repeat center center;}
#canvas #nav_left_wrapper,
#canvas #nav_right_wrapper{width:140px;height:411px;position:absolute;top:0;z-index:50;}
#canvas #nav_left_wrapper{background:url("../images/templates/bg.nav.left.png") no-repeat left top;left:0px;}
#canvas #nav_right_wrapper{background:url("../images/templates/bg.nav.right.png") no-repeat right top;right:0px;}
#canvas .section{text-align:center;overflow:visible !important}
#canvas .section.hover,
#canvas .section:hover{z-index:0;}
#canvas .section .text{display:none;position:absolute;left:50%;right:50%;width:0px;}
#canvas .section.hover .text,
#canvas .section:hover .text{display:block;}
#canvas .section h2,#canvas .section p{display:block;font-weight:normal;text-align:center;position:absolute;width:150px;left:-75px;z-index:20}
#canvas .section h2{font-size:13px;top:95px;font-weight:bold;}
#canvas .section p{font-size:13px;top:250px;line-height:1.35em;}
#canvas .section .dock-card-image{cursor: move;;width:95%;margin:0;display:block;position:absolute;top:155px;left:0;right:0;z-index:40;}
#canvas .section .dock-card-image + .dock-card-image{
	width: 60px !important; cursor: move;margin:0 45px;
	display:block;position:absolute;top:135px;left:0;right:0;z-index:40;}
#canvas #compare_cards{position:absolute;z-index:50;height:43px;width:118px;left:auto;right:30px;top:auto;bottom:25px;background:url("../images/templates/compare_cards.png") no-repeat right bottom;cursor: pointer;}
#canvas #dock_hider{
  height: 100px; top: 311px; left: 0; right: 0; bottom: 0;
  width: 1005px;
  position: absolute;
  background: url(../images/templates/bg.inside.compare.inactive.jpg) no-repeat left bottom;
  z-index: 1;
}
#canvas #drawer{position:absolute;z-index:30;height:54px;width:774px;left:115px;right:auto;top:auto;;bottom:0;overflow:visible;}
#canvas #compare-bttn{position:absolute;top:370px;left:750px;right:auto;z-index:30;cursor: pointer;}
#canvas #compare-bttn-active,
#canvas #compare-bttn-inactive{position:absolute;top:0;left:0;}
#canvas #buckets{position:absolute;top:355px;left:315px;right:auto;z-index:30;height:38px;width:368px;}
#canvas #buckets .bucket{position:relative;height:38px;width:60px;padding-left:17px;float:left;background-image:url("../../imagescards/mini/active_plus.png");}
#canvas #buckets .bucket.first{padding-left:0;background-image:none;}
#canvas .active-drag{display:block !important;}
#canvas .hidden{}
#canvas .hidden .text{display:none !important;}
/* @end */
/* @group Bottom */
#bottom{background:url("../images/templates/bg.inside.footer.jpg") repeat-x;height:167px;font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;position:relative;}
#bottom .bottom_box{position:absolute;top:0;width:219px;height:170px;}
#bottom #bottom_box_1{left:15px;}
div#apply_card_form_wrap {height:65px}
#bottom #bottom_box_1 form {margin:5px 0 35px 0; padding:0}
#bottom #bottom_box_1 form select{margin:0; padding:0}
#bottom #bottom_box_2{left:267px;}
#bottom #bottom_box_3{left:519px;}
#bottom #bottom_box_4{left:771px;}
#bottom .bottom_box_div{position:absolute;width:3px;height:95px;background:url("../images/templates/inside.footer.div.jpg") no-repeat;top:23px}
#bottom #bottom_box_div_1{left:249px;}
#bottom #bottom_box_div_2{left:501px;}
#bottom #bottom_box_div_3{left:753px;}
#bottom .bottom_box h3{margin:20px 0 10px;color:#0065a0;font-weight:normal;font-size:15px; height:15px}
#bottom .bottom_box p{margin:10px 0}
#bottom .bottom_box p.adjust_height, #bottom .bottom_box div.adjust_height {margin:10px 0; padding:0; min-height:70px}

.cursor_default {cursor: default!important}

/* @end */

/* test */
#canvas .section .dock-card-image-all{width:95%;margin:0;display:block;position:absolute;top:155px;left:0;right:0;z-index:40}
#canvas .section .dock-card-image-all + .dock-card-image-all{
	width: 60px !important;margin:0 45px;
	display:block;position:absolute;top:135px;left:0;right:0;z-index:40;}
.adjust_height_canvas {height:360px!important; overflow:hidden}

/* */