/*
KC - GSRP
Studiocom.Inc 2010
Diego Osorio
dosorio@studiocom.com
*/
.bundles {
}
.bundles .bundle a {text-decoration:none;}
.bundles .bundle a:hover {text-decoration:underline;}
.bundles h2 {color:#004168; font-weight:bold; font-size:16px;}
.bundles h2 {padding:23px 0px 13px 28px;}
.bundles .searchresults {
  width:550px;
  padding:0px;
}
.bundles .searchresults .first {border:none;}

.bundles .TabModule {padding:39px 0px 0px 10px; background:url(../images/bundles/bundles-tab-bkg.gif) top left repeat-x;}
.bundles .TabControl a {float:left; color:#FFFFFF; font-size:12px; line-height:14px; background:#999999 url(../images/controls/tab/tab-inactive-bkg.gif) top left repeat-x; margin-right:10px; text-decoration:none;}
.bundles .TabControl a .left{background:url(../images/controls/tab/tab-inactive-left.gif) top left no-repeat; border:none; width:auto;}
.bundles .TabControl a .right{background:url(../images/controls/tab/tab-inactive-right.gif) top right no-repeat; padding:8px 15px; width:auto; border:none;}
.bundles .TabControl a.active, .TabControl a.hover, .TabControl a:hover {background:#f2f2f2 url(../images/controls/tab/tab-normal-bkg.gif); color:#004168;}
.bundles .TabControl a.active .left, .TabControl a.hover .left, .TabControl a:hover .left {background-image:url(../images/controls/tab/tab-normal-left.gif);}
.bundles .TabControl a.active .right, .TabControl a.hover .right, .TabControl a:hover .right {background-image:url(../images/controls/tab/tab-normal-right.gif);}

.bundles .solutions {display:block; overflow:visible; position:relative; background:#FFFFFF;}
.bundles .bundle {width:835px; height:396px; display:block; overflow:visible; background:#FFFFFF url(../images/bundles/bundles-menu-bkg.gif) top right repeat-y; position:relative; visibility:hidden;}
.bundles .bundle .map {display:block; float:left; width:647px; height:396px; overflow:visible; _overflow:hidden; visibility:hidden;}
.bundles .bundle .menu {display:block; float:right; width:188px; height:396px; overflow:hidden; font-size:11px; color:#004168;}

.bundles .bundle .menu ol {padding:0px;}
.bundles .bundle .menu .title {padding:20px 0px 5px 15px;}
.bundles .bundle .menu .separator{background:url(../images/bundles/bundles-menu-separator.gif) bottom no-repeat; height:1px; padding:0px; margin:0px; font-size:1px; padding-top:5px; }
.bundles .bundle .menu a {color:#004168;}
.bundles .bundle .menu li:hover a, .bundles .bundle .menu li.active a, .bundles .bundle .menu li.hover a {text-decoration:underline;}
.bundles .bundle .menu ol li {list-style:inside decimal; padding:6px 10px 0px 15px; cursor:pointer; line-height:14px; }
.bundles .bundle .menu ol li:hover, .bundles .bundle .menu ol li.active, .bundles .bundle .menu li.hover {background:url(../images/bundles/bundles-menu-arrow.png) left no-repeat; }
.bundles .bundle .menu ol .separator{background-position:bottom left; width:166px; margin-left:-4px; }

.bundles .bundle img.main {margin-top:-5px;}

.bundles .bundle .thumbnail {background:url(../images/bundles/bundles-hover.png) top left no-repeat; width:120px; height:120px; position:absolute; top:0px; left:0px; margin:-72px 0px 0px -72px; padding:13px 25px 25px 13px; cursor:pointer; color:#FFFFFF;}
.bundles .bundle .thumbnail .more {display:block; width:120px; height:32px; line-height:32px; color:#FFFFFF; text-align:center;}
.bundles .bundle .thumbnail .thumb {width:120px; height:88px; overflow:hidden;}
.bundles .bundle .thumbnail .hit {display:block;}
.bundles .bundle .thumbnail img.active {display:block;}

.bundles .bundle .detail {position:absolute; top:0px; left:0px; background:url(../images/bundles/bundle-detail-blocker.png) top left; /*margin:-4px; */padding-left:11px; z-index:999; line-height:20px; color:#004168; visibility:hidden;}
.bundles .bundle .detail .close  {background:url(../images/bundles/bundle-detail-close.png) top left no-repeat; height:25px; width:38px; display:block; position:absolute; top:0px; right:1px;}
.bundles .bundle .detail .top {background:url(../images/bundles/bundle-detail-top.png) top left no-repeat; width:642px; height:15px; display:block; margin:-4px -5px 0px 0px; }
.bundles .bundle .detail .items {background:url(../images/bundles/bundle-detail-bkg.png) top left repeat-y; width:582px; height:380px; margin-right:-5px; padding:5px 40px 5px 20px; position:relative;}
.bundles .bundle .detail .bottom {background:url(../images/bundles/bundle-detail-bottom.png) top left no-repeat; width:642px; height:15px; display:block; margin:0px -5px -4px 0px; } 

.bundles .bundle .detail .item {display:block; position:relative; }
.bundles .bundle .detail .leftCol {width:312px; display:block; float:left; position:relative; height:384px; padding-right:15px; display:block; overflow:hidden; }
.bundles .bundle .detail .media {display:block; position:absolute; top:0px; left:0px; font-weight:bold; }
.bundles .bundle .detail .controls {display:block; position:absolute; bottom:0px; left:0px; float:none; clear:both; }
.bundles .bundle .detail .controls .noShow {text-indent:0px;}
.bundles .bundle .detail .controls li {display:block; float:left; width:auto;}
.bundles .bundle .detail .controls a {color:#004168; text-decoration:none; padding:0px 8px; border-right:1px solid #004168;}
.bundles .bundle .detail .controls a:hover, .bundles .bundle .detail .controls a.active {color:#3497ca; text-decoration:none;}
.bundles .bundle .detail .controls li.first a{padding-left:0px;}
.bundles .bundle .detail .controls li.last a{padding-right:0px; border:none;}
.bundles .bundle .detail h2 {padding-top:0px;}
.bundles .bundle .detail .link {font-size:14px; color:#004168; text-decoration:none; display:block; width:auto; right:5px; bottom:0px; position:absolute;}
.bundles .bundle .detail .link:hover {text-decoration:underline;}

.bundles .bundle .info {position:absolute; width:205px; height:auto; top:0px; left:0px; color:#004168; padding-left:30px;}
.bundles .bundle .info h2 {padding-left:0px;}

.bundles .bundle .hotspots {position:absolute; left:0px; top:0px;}
.bundles .bundle .hotspots a {position:absolute; left:0px; top:0px; display:block; width:39px; height:40px; background:url(../images/bundles/hotspot.png) top left no-repeat; text-align:center; line-height:38px; color:#FFFFFF; margin:-20px 0px 0px -20px; padding-right:1px;}


.bundles .solutions .bar {display:block; clear:both; float:none; width:637px; overflow:visible; margin-bottom:-17px; position:absolute; left:0px; bottom:0px; background:url(../images/bundles/bundles-bar.png) top left no-repeat; padding:3px 4px 3px 3px}
.bundles .solutions .bar .noShow {text-indent:0px;}
.bundles .solutions .bar li {display:block; float:left; width:auto; background:url(../images/bundles/bundles-bar-separator.gif) bottom right no-repeat; line-height:29px; overflow:visible; margin-top:-12px; padding-top:12px; }
.bundles .solutions .bar a {color:#FFFFFF; text-decoration:none; padding:0px 8px;overflow:visible; min-width:160px; _width:160px; display:block; text-align:center; }
.bundles .solutions .bar a:hover, .bundles .solutions .bar a.active {color:#FFFFFF; text-decoration:none; margin-top:-12px; padding-top:12px; background:url(../images/bundles/bundles-bar-arrow.png) top no-repeat; _text-decoration:underline; _background:none; _font-weight:bold;}
.bundles .solutions .bar li.first a{padding-left:0px;}
.bundles .solutions .bar li.last {background:none;}
.bundles .solutions .bar li.last a{padding-right:0px; border:none;}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
