@charset "utf-8"; /* MarineDex (default stylesheet) */ .clearAll{clear:both; display:block} .noStyle{padding:0 !important; margin:0 !important;} .displayNone{display:none} .f11{font-size:11px; line-height:16px;} .f12{font-size:12px} .f13{font-size:13px} .f14{font-size:14px} .fRed{color:#d41712} .fWhite{color:#FFF} .fOrrange{color:#ffcc00} .fYellow{color:#fff601} .fGreen{color:#5dc509} .left{float:left !important; margin-right:5px;} .left_nomargin{float:left} img.left{float:left; margin-right:15px;} .right{float:right !important; margin-left:5px;} .right_nomargin{float:right} .leftColumn{float:left;} .rightColumn{float:right;}.borders{border:1px solid #000} .borderBottom{border-bottom:1px solid #dadada} .borderBottom{border-bottom:1px solid #dadada} .noBorders{border:0!important} .noBackground{background:0} a{outline:none} a{color:#000;text-decoration:none;} a:hover{ text-decoration:underline; color:#323f8a;} img{border:none} .center{text-align:center} button{cursor:pointer} .hidden{display: none} .hiddenG {visibility: hidden; width: 0px; height: 0px; position: absolute} .visible {display: block; visibility: visible} .noMargin { margin: 0 !important; } .noPadding { padding: 0 !important; } .noBorder { border: 0 !important; } .small {font-size: 11px} .blue { color: #1781CB !important; } /* HRs */ .hr{display:block; padding:15px 0 0 0; margin:0 0 15px 0; height:1px; border-bottom:1px solid #CCC} .hrSmall{display:block; padding:10px 0 0 0; margin:0 0 10px 0; height:1px; border-bottom:1px solid #CCC} .hrBlue{display:block; margin:10px 0; border-bottom:1px solid #3399ff} .hrRed{display:block; margin:10px 0; border-bottom:1px solid #c81018} .hrDark{display:block; margin:10px 0; border-bottom:1px solid #969696} .hrWhite{display:block; margin:10px 0; border-bottom:1px solid #FFF} .hrDotted{display:block; margin:10px 0; border-bottom:1px dotted #666} .hrCustom_Dash{display:block; clear:both; height:31px; background:url(/_ui/media/storetown_media/contentarea/dashed_divider.gif) center repeat-x} .marinedex_dashed_hr{display:block; clear:both; height:41px; background:url(/_ui/media/marinedex_media/dash.gif) center repeat-x} .leftGrid .IHU_dashed_hr{width:622px; margin-right:-20px} .rightGrid .IHU_dashed_hr{width:337px; margin-left:-20px} .IHU_hr{display:block; clear:both; height:41px; background:url(/_ui/media/marinedex_media/contentarea/hr.gif) center repeat-x} .leftGrid .IHU_hr{width:622px; margin-right:-20px} .rightGrid .IHU_hr{width:337px; margin-left:-20px} /* form icons */ .invalid {background: url("/_ui/media/icons/mstabs/small/16/discard.gif"); width: 16px; height: 16px; display: block; position: relative; top: -16px; left: 6px; float: right} .valid {background: url("/_ui/media/icons/mstabs/small/16/update.gif"); width: 16px; height: 16px; display: block; position: relative; top: -23px; left: -10px; float: right} .bottom-boxes .valid {top: -30px; left: -18px} .formMargin {margin-left: 150px} [type=button], [type=submit] {cursor: pointer} /* ClearFix */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* for IE/Mac */ /* ----------- */ .typeface-js{ font-family: DIN !important; z-index:200; letter-spacing: -1px; } /**/ h1, h2, h3, h4, h5, p, form, ul, ol, dl, dt, dd, blockquote{padding:0; margin:0} ul,ol{list-style:none} /* corner positions*/ .lt{ display:block; position:absolute; left:0; top:0; } .rt{ display:block; position:absolute; right:0; top:0;} .lb{ display:block; position:absolute; left:0; bottom:0;} .rb{ display:block; position:absolute; right:0; bottom:0;} /* corner outer positions*/ .olt{ display:block; position:absolute; left:-8px; top:7px; } .ort{ display:block; position:absolute; right:-8px; top:7px;} .olb{ display:block; position:absolute; left:0; bottom:0;} .orb{ display:block; position:absolute; right:0; bottom:0;} .notificationBar { position: absolute; z-index: 1000; margin: 0; padding: 4px 45px 3px 25px; background: #dff1fd url(/_ui/media/marinedex_media/error.png) no-repeat scroll 5px 2px; } .notificationBar strong { padding-right: 5px; color: #222; } .notificationBar p {position: relative; top: 3px; margin: 4px; line-height: 16px} .notificationBar p:first-child {margin-top: -5px} /*////////////////////////*/ /*///RoundCorners/////////*/ /*////////////////////////*/ /*onWhite///////////////////*/ span.onWhitetopLeft, span.onWhitetopRight, span.onWhitebottomLeft, span.onWhitebottomRight {display:block; position:absolute; height:5px; width:5px; overflow:hidden; /*b/order:1px solid #000;*/ font-size:1px; z-index:1000; background-image:url(/_ui/media/marinedex_media/rounded_corner/onwhite.png); background-repeat:no-repeat} span.onBluetopLeft, span.onBluetopRight, span.onBluebottomLeft, span.onBluebottomRight {display:block; position:absolute; height:5px; width:5px; overflow:hidden; /*b/order:1px solid #000;*/ font-size:1px; z-index:1000; background-image:url(/_ui/media/marinedex_media/rounded_corner/onblue.png); background-repeat:no-repeat} span.onDarkBluetopLeft, span.onDarkBluetopRight, span.onDarkBluebottomLeft, span.onDarkBluebottomRight {display:block; position:absolute; height:5px; width:5px; overflow:hidden; /*b/order:1px solid #000;*/ font-size:1px; z-index:1000; background-image:url(/_ui/media/marinedex_media/rounded_corner/ondarkblue.png); background-repeat:no-repeat} span.onWhitetopLeft, span.onBluetopLeft, span.onDarkBluetopLeft {left:0; top:0; background-position:left top} span.onWhitetopRight, span.onBluetopRight, span.onDarkBluetopRight {top:0; right:0; background-position:right top} span.onWhitebottomLeft, span.onBluebottomLeft, span.onDarkBluebottomLeft {bottom:0; left:0; background-position:left bottom} span.onWhitebottomRight, span.onBluebottomRight, span.onDarkBluebottomRight {bottom:0; right:0; background-position:right bottom} /*////////////////////////*/ /*///Global///////////////*/ /*////////////////////////*/ body{font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0; margin:0; color:#666; background-color:#FFF} input, textarea{font-family:Arial, Helvetica, sans-serif} .middle{width:980px; margin: 0 auto;} .retToAdmin{position:absolute; top:0; right:30px; height:30px; z-index:10;} .retToAdmin a{ float:left; background-color:#000; font-weight:bold; color:#fff; font-size:9px; padding:2px 3px; margin:2px 0 0 0; text-decoration:none; outline:none;} .retToAdmin a:hover{ background-color:#1781cb;} /*///popup//////////*/ /*.popupDarkner{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1000000; background:url(/_ui/media/marinedex_media/contentcolumn/popup/bgk.png) left top repeat;} .popup{width:869px; height:366px; margin:auto; position:absolute; padding:50px 20px 50px 40px; top:10%; left:50%; margin-left:-474px; z-index:1000001; background:url(/_ui/media/marinedex_media/contentcolumn/popup/popup_bgk.png) left top no-repeat;} .popup img.head{ display:block; margin:10px 0 0 15px;} .popup .col{ float:left; width:270px; margin:10px 0 0 15px;} .popup ul{ display:block; float:left; width:270px; border:1px solid #CCC; margin:10px 0 0 0;} .popup ul li{ display:block; float:left;} .popup ul li a{ display:block; float:left; width:260px; padding:3px 5px 3px 5px; font-size:11px; color:#999999; text-decoration:none;} .popup ul li a:hover{ color:#FFF; background:#1781cb;} .popup ul li a.active{ color:#FFF; background:#1781cb;} .popup .col img.txt{margin:0 0 0 20px;} .popup form{display:block; width:227px; margin:0 auto;} .popup form p{background:#CCC; margin:0 0 2px 0; padding:10px;} .popup form p label{ font-size:11px; color:#333; font-weight:bold; width:70px; display:block; float:left; padding:3px 0 0 0;} .popup form p select{ width:135px; padding:2px 0 2px 0; font-size:11px; color:#999;} .popup form .btn{ width:227px; height:38px; display:block; float:left; text-indent:-10000px; border:0; background:url(/_ui/media/marinedex_media/contentcolumn/popup/btn.jpg) left top no-repeat;} */ /*///popup//////////*/ .popupMarineDex{ width:916px; height:425px; position:absolute; top:0; left:0; z-index:1000000; background:url(/_ui/media/marinedex_media/contentcolumn/popup/bgk.png) left top repeat;} .popup{width:916px;} .popup .topWhite{height:82px; padding:23px 23px 0 23px; background:url(/_ui/media/marinedex_media/popup/top.png) left top no-repeat} .popup .contentWhite{padding:0 23px 15px 23px; background:url(/_ui/media/marinedex_media/popup/whitecontent.png) left repeat-y; } .popup .contentBlue{padding:10px 23px 10px 23px; background:url(/_ui/media/marinedex_media/popup/bluecontent.png) left repeat-y;} .popup .bottomBlue{height:98px; padding:0 23px 23px 23px; background:url(/_ui/media/marinedex_media/popup/bottom.png) left top no-repeat} /*topWhite*/ .popup .topWhite .advertBox{float:right; padding:11px 10px 0 0} /*bottomBlue*/ .popup .bottomBlue span.topBar{display:block; font-size:1px; height:6px; background:url(/_ui/media/marinedex_media/popup/bottomblue/topbar.jpg) top repeat-x} .popup .bottomBlue img.national{display:block; float:left} .popup .bottomBlue a.seeMore{display:block; float:left; width:117px; height:92px; text-indent:-10000px; background:url(/_ui/media/marinedex_media/popup/bottomblue/a_seemore.gif) left top no-repeat} .popup .bottomBlue a.seeMore:hover{background-position:-117px top} .popup .bottomBlue a.collapse{display:block; float:left; width:117px; height:92px; text-indent:-10000px; background:url(/_ui/media/marinedex_media/popup/bottomblue/a_collapse.gif) left top no-repeat} .popup .bottomBlue a.collapse:hover{background-position:-117px top} .popup .bottomBlue .advertBox{float:right; padding:15px 10px 0 0} /*contentBlue*/ .popup .contentBlue .info{width:116px; float:left} .popup .contentBlue .info a.seeAll{display:block; width:50px; height:19px; text-indent:-100000px; margin:0 0 0 17px; background:url(/_ui/media/marinedex_media/popup/contentBlue/seeall.gif) left top no-repeat} .popup .contentBlue .info a.seeAll:hover{background-position:left -19px} .popup .contentBlue .deals{width:736px; padding-right:7px; float:right; overflow:hidden} .popup .contentBlue .deals div.interact{height:19px; width:197px; margin:10px auto 0 auto; background:#021522} .popup .contentBlue .deals div.interact a.prev{display:block; width:21px; float:left; height:19px; text-indent:-100000px; background:url(/_ui/media/marinedex_media/popup/contentBlue/prev.gif) left top no-repeat} .popup .contentBlue .deals div.interact a.next{display:block; width:21px; float:right; height:19px; text-indent:-100000px; background:url(/_ui/media/marinedex_media/popup/contentBlue/next.gif) left top no-repeat} .popup .contentBlue .deals div.interact div{display:block; width:155px; float:left; text-align:center; font-weight:bold; padding:2px 0 0 0; color:#1781cb} .popup .contentBlue .deals .deal{width:180px; float:left; margin:6px 5px 0 0} .popup .contentBlue .deals .deal .topBg{display:block; font-size:1px; height:10px; background:url(/_ui/media/marinedex_media/popup/contentBlue/deals/top.jpg) left top no-repeat} .popup .contentBlue .deals .deal .bottomBg{display:block; font-size:1px; height:10px; background:url(/_ui/media/marinedex_media/popup/contentBlue/deals/bottom.jpg) left top no-repeat} .popup .contentBlue .deals .deal .dealContent{padding:0 4px; text-align:center; background:url(/_ui/media/marinedex_media/popup/contentBlue/deals/content.jpg) left repeat-y} .popup .contentBlue .deals .deal .dealContent h3{font-size:11px; padding:10px 0 20px 0; margin:0; border-top:1px solid #CCC} .popup .contentBlue .deals .deal .dealContent h3 a{color:#053b61} .popup .contentBlue .deals .deal .dealContent .dTxt{display:block; height:50px; color:#009cd7} .popup .contentBlue .deals .deal .dealContent a.viewDetail{display:block; width:160px; height:19px; text-indent:-100000px; margin:0 auto; background:url(/_ui/media/marinedex_media/popup/contentBlue/deals/viewcompany.gif) left top no-repeat} .popup .contentBlue .deals .deal .dealContent a.viewDetail:hover{background-position:left -19px} .popup ul.mainCat{ /*width:259px;*/ font-size:12px; float:left; padding:22px 0 22px 22px;} .popup ul.mainCat li{ margin-top:4px; margin-bottom:4px; padding:1px 0; font-weight:bold; float: left; margin-right: 10px; position: relative; } .popup ul.mainCat li span.catMainEnd { background:#177fc8 url(/_ui/media/marinedex_media/popup/maincat/a_activeEnd.gif) left top no-repeat; width: 9px; height: 24px; } .popup ul.mainCat li a{display:block; padding:2px 5px 2px 10px; } .popup ul.mainCat li a.active{color:#FFF; position:relative; padding:4px 10px 5px 10px; background:#177fc8 url(/_ui/media/marinedex_media/popup/maincat/a_active.gif) left top no-repeat} .popup ul.mainCat li a.active span{display:block; width:5px; height:32px; position:absolute; right:0; top:-4px; background:url(/_ui/media/marinedex_media/popup/maincat/activespan.gif) left top no-repeat} .popup ul.mainCat li a span.catMainEnd { background:#177fc8 url(/_ui/media/marinedex_media/popup/maincat/a_activeEnd.gif) left top no-repeat; width: 9px; height: 24px; } .popup ul.mainCat li a{color:#177fc8; position:relative; padding:4px 10px 5px 10px; background: #dadada left top no-repeat} .popup ul.mainCat li a span{display:block; width:5px; height:32px; position:absolute; right:0; top:-4px; background:url(/_ui/media/marinedex_media/popup/maincat/linkspan.png) left top no-repeat} .popup .subCat{width:210px; float:left; font-size:11px; margin:10px 5px 0 10px; position:relative; background:#1781cb} .popup .subCat ul{padding:10px; height: 130px;} .popup .subCat ul li{padding:1px 0; position: relative;} .popup .subCat ul li a{display:block; color:#FFF; padding:5px 10px 4px;} .popup .subCat ul li a span{color:#4db1f6;} .popup .subCat ul li a.active span{color:#CCC;} .popup .subCat ul li a.active:hover span{color:#666;} .popup .subCat ul li a:hover span{color:#FFF} .popup .subCat ul li a.active{color:#0b3d60; font-weight:bold; background: #fff /*transparent url(/_ui/media/marinedex_media/popup/subcat/active.gif) left top no-repeat*/} .popup .ssubCat { } .popup .ssubCat ul{padding:0px 10px 0; float: left; width: 800px} .popup .ssubCat ul li{padding:4px; float: left; width: 250px; font-size: 11px; border-bottom: 1px solid #ececec; height: 45px; } .popup .ssubCat ul li a{display:block; color:#333; padding:3px 10px 4px 10px; width: 160px} .popup .ssubCat ul li a span{color:#4db1f6;} .popup .ssubCat ul li a.active span{color:#CCC;} .popup .ssubCat ul li a.active:hover span{color:#222;} .popup .ssubCat ul li a:hover span{color:#222;} .popup .ssubCat ul li a.active{color:#0b3d60; font-weight:bold; background:#FFF url(/_ui/media/marinedex_media/popup/subcat/active.gif) left top no-repeat} .popup form{display:block; float:right; width:227px; padding:13px 25px 0 0;} .popup form p{background:#CCC; margin:0 0 2px 0; padding:10px;} .popup form p label{ font-size:11px; color:#333; font-weight:bold; width:70px; display:block; float:left; padding:3px 0 0 0;} .popup form p select{ width:135px; padding:2px 0 2px 0; font-size:11px; color:#999;} .popup form p input.txtF{ width:135px; padding:2px 0 2px 0; font-size:11px; color:#999;} .popup form .btn{ width:227px; height:38px; display:block; float:left; text-indent:-10000px; border:0; margin-top:6px; background:url(/_ui/media/marinedex_media/contentcolumn/popup/btn.jpg) left top no-repeat;} #slideContainer { width: 736px; position: relative; overflow: hidden; height: 211px; } /*///breadCrumbs//////////*/ p.breadCrumbs{ padding: 4px 0 10px 0; font-size: 11px; color: #105e95; text-align: left; line-height: 21px; height: 21px} p.breadCrumbs a{ color:#105e95; text-decoration:underline} p.breadCrumbs a.retToMap {text-decoration: none; margin-top: -2px; color: #fff !important; padding: 1px 5px; font-weight:bold; font-size:10px; background-color:#333; text-decoration:none; margin-right: -8px} p.breadCrumbs a.retToMap:hover{ background-color:#1781cb;} .searchResultTemplate p.breadCrumbs{color:#9AD2F8; padding:9px 10px 0 0; text-align:left; } .searchResultTemplate p.breadCrumbs a{ color:#9AD2F8; } .productDetailTemplate p.breadCrumbs{padding:1px 10px 0 0; text-align:left; line-height: 21px;} .contentTemplate p.breadCrumbs .retToMap {margin-right: 0px !important} .homeTemplate p.breadCrumbs a.retToMap {margin-right: 20px !important} /*////////////////////////*/ /*///TopHeader////////////*/ /*////////////////////////*/ #TopHeader {height:148px; background:url(/_ui/media/marinedex_media/topheader/bg.jpg) top repeat-x;} #TopHeader .middle{width:950px; height:148px; position:relative; background: url(/_ui/media/marinedex_media/topheader/mainNav_bgk.jpg) 470px 104px no-repeat} #TopHeader h1{padding-top:23px; margin-bottom:5px; width:245px; float:left} #TopHeader .interact{float:right; position:relative; width:683px; margin-top:14px; background:#aedeff} #TopHeader form{padding-left:3px; display:block; margin:0; height:44px; background:#dff1fd; } #TopHeader form p{float:left; padding:10px 0 10px 10px; } #TopHeader form p label{ display:block; float:left; font-size:11px; color:#666666; padding:5px 5px 5px 0;} #TopHeader form p input{ padding:2px 5px 2px 5px; height:18px; border:#818080 1px solid; font-size:11px; color:#333; float:left} #TopHeader form p input.search{ width:115px} #TopHeader form p input.company{ width:88px} #TopHeader form p input.location{ width:80px} #TopHeader form .btn{ width:90px; height:26px; display:block; float:left; text-indent:-10000px; margin:9px 0 0 10px; border:0; cursor:pointer; background:url(/_ui/media/marinedex_media/topheader/btn_search.gif) left top no-repeat;} #TopHeader form .btn:hover{ background-position:left -26px;} #TopHeader ul.topLinks{display:block; position:absolute; top:100px; right:50px;} #TopHeader ul.topLinks li{ float:left;} #TopHeader ul.topLinks li.register a.lnkimg{text-indent:-100000px; float:left; position:relative; width:91px; height:25px; margin:0 10px 0 0; background:url(/_ui/media/marinedex_media/topheader/btn_register.gif) left top no-repeat;} #TopHeader ul.topLinks li.register a.lnkimg:hover{ background-position:left -25px;} #TopHeader ul.topLinks li.register ul{ display:none;} #TopHeader ul.topLinks li.register:hover a.lnkimg{ background-position:left -25px;} #TopHeader ul.topLinks li.register:hover ul{ display:block; position:absolute; top:0; left:0; margin:25px 0 0 0; width:150px; z-index: 1000; padding:5px; background-color:#013458; border-top:1px solid #FFF;} #TopHeader ul.topLinks li.register:hover ul li{ float:left; } #TopHeader ul.topLinks li.register:hover ul li a{display:block; width:130px; padding:5px 5px 5px 15px; color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; background:url(/_ui/media/marinedex_media/topheader/arrow.gif) 5px 10px no-repeat;} #TopHeader ul.topLinks li.register:hover ul li a:hover{ color:#FC0; background-color:#01406c;} #TopHeader ul.topLinks li.account a{text-indent:-100000px; float:left; width:91px; height:25px; margin:0 10px 0 0; background:url(/_ui/media/marinedex_media/topheader/btn_account.jpg) left top no-repeat;} #TopHeader ul.topLinks li.account a:hover{ background-position:left -25px;} #TopHeader ul.topLinks li.signin a{text-indent:-100000px; float:left; width:64px; margin:0 10px 0 0; height:25px; background:url(/_ui/media/marinedex_media/topheader/btn_signin.gif) left top no-repeat;} #TopHeader ul.topLinks li.signin a:hover{ background-position:left -25px;} #TopHeader ul.topLinks li.signout a{text-indent:-100000px; float:left; width:64px; margin:0 10px 0 0; height:25px; background:url(/_ui/media/marinedex_media/topheader/btn_logout.jpg) left top no-repeat;} #TopHeader ul.topLinks li.signout a:hover{ background-position:left -25px;} #TopHeader ul.topLinks li.advertise a{text-indent:-100000px; float:left; width:80px; height:30px; background:url(/_ui/media/marinedex_media/topheader/btn_advertise.gif) left top no-repeat;} #TopHeader ul.topLinks li.advertise a:hover{ background-position:-80px top;} #TopHeader ul.mainNav{font-weight:bold; font-size:12px; height:31px; float: left;} #TopHeader ul.sharePage{float: right; margin-right: 5px; height: 31px;} #TopHeader ul.sharePage .shareIt {width: 18px; height: 18px; margin: 7px 2px 2px 2px; display: block; float: left} #TopHeader ul.sharePage a.shareIt:hover { background-position: 0 -18px; } #TopHeader ul.sharePage a.print {width: 20px; background: url(/_ui/media/marinedex_media/topheader/share/print.png) no-repeat scroll 0 0; cursor: pointer} #TopHeader ul.sharePage a.share {width: 20px; background: url(/_ui/media/marinedex_media/topheader/share/share.png) no-repeat scroll 0 0; } #TopHeader ul.sharePage a.delish { background: url(/_ui/media/marinedex_media/topheader/share/del.gif) no-repeat scroll 0 0; } #TopHeader ul.sharePage a.fb { background: url(/_ui/media/marinedex_media/topheader/share/fb.gif) no-repeat scroll 0 0; } #TopHeader ul.sharePage a.myspace { background: url(/_ui/media/marinedex_media/topheader/share/mys.gif) no-repeat scroll 0 0; } #TopHeader ul.sharePage a.twitter { background: url(/_ui/media/marinedex_media/topheader/share/twit.gif) no-repeat scroll 0 0; } #TopHeader ul.sharePage a.stumble { background: url(/_ui/media/marinedex_media/topheader/share/st.gif) no-repeat scroll 0 0; } #TopHeader ul.sharePage span.padding { width: 7px; } #TopHeader ul.mainNav li{float:left; height:31px; padding:0; border-right:1px solid #9ad2f8} #TopHeader ul.mainNav li a{float:left; display:block; color:#105e95; padding: 8px 8px 0 8px; height:23px} #TopHeader ul.mainNav li a.active{text-decoration:underline; background:#dff1fd url(/_ui/media/marinedex_media/topheader/a_active.jpg) right bottom no-repeat } #TopHeader ul.siteTabs{height:50px;} #TopHeader ul.siteTabs li{float:left;} #TopHeader ul.siteTabs li a{display:block; float:left; text-indent:-100000px; height:51px; background-position:left top; background-repeat:no-repeat} #TopHeader ul.siteTabs li a:hover{background-position:left -51px} #TopHeader ul.siteTabs li a.active{background-position:left -102px} #TopHeader ul.siteTabs li a.active:hover{background-position:left -102px} #TopHeader ul.siteTabs li a.active span{display:block; position:absolute; z-index:1; width:11px; height:8px; margin-top:38px; background:url(/_ui/media/marinedex_media/topheader/active_arrow.gif) left top no-repeat} #TopHeader ul.siteTabs li a.active.dark span{background:url(/_ui/media/marinedex_media/topheader/active_arrow_dark.gif) left top no-repeat !important} #TopHeader ul.siteTabs li.directory a{width:151px; background-image:url(/_ui/media/marinedex_media/topheader/sitetabs/directory.gif); height:47px;} #TopHeader ul.siteTabs li.directory a.active span{margin-left:70px} #TopHeader ul.siteTabs li.vouchers a{width:299px; background-image:url(/_ui/media/marinedex_media/topheader/sitetabs/vouchers.gif); height:47px;} #TopHeader ul.siteTabs li.vouchers a.active span{margin-left:130px} /*////////////////////////*/ /*///ContentArea//////////*/ /*////////////////////////*/ #ContentArea .searchAgain{height:51px; margin-top:20px; background:url(/_ui/media/marinedex_media/detailpage/searchagain/bg.gif) left top no-repeat} #ContentArea .searchAgain h2{float:left; padding:20px 20px 0 20px} #ContentArea .searchAgain p{float:left} #ContentArea .searchAgain p{float:left; padding-top:16px; padding-right:15px} #ContentArea .searchAgain p.category select{width:200px} #ContentArea .searchAgain p.city select{width:120px} #ContentArea .searchAgain p.within select{width:80px} #ContentArea .searchAgain label{padding:2px 10px 0 5px; display:block; font-weight:bold; float:left} #ContentArea .searchAgain button{display:block; width:207px; height:32px; margin:10px 10px 0 0; float:right; text-indent:-10000px; border:0; background:url(/_ui/media/marinedex_media/detailpage/searchagain/button.jpg) left top no-repeat} /*////////////////////////*/ /*///ContentArea//////////*/ /*////////////////////////*/ #ContentArea{width:980px; margin:0 auto; } .contentTemplate{background:url(/_ui/media/marinedex_media/contenttemplate_bg.gif) 14px repeat-y} #ContentArea .middle{width:950px; padding: auto 15px; background:url(/_ui/media/marinedex_media/rightcurve.png) right top no-repeat;} @media not screen and (1) { #TopHeader ul.siteTabs{margin-top:1px} /* OP 11 */ } .ie9 #ContentArea .middle{ padding:12px !important;} html:first-child #TopHeader ul.siteTabs{margin-top:1px} .homeTemplate .middle {background: none !important;} .searchResultTemplate .middle{background:0!important} .productDetailTemplate .middle{background:0!important} .Center-bg .middle {padding-top: 20px} .Center-bg.cityView .middle, .contentTemplate .middle{padding-top: 0px !important} .Center-bg .Center-bg {margin-top: -20px} /*searchAgain*/ #ContentArea .searchAgain{height:51px; margin-top:20px; background:url(/_ui/media/marinedex_media/detailpage/searchagain/bg.gif) left top no-repeat} #ContentArea .searchAgain h2{float:left; padding:20px 20px 0 20px} #ContentArea .searchAgain p{float:left} #ContentArea .searchAgain p{float:left; padding-top:16px; padding-right:15px} #ContentArea .searchAgain p.category select{width:160px} #ContentArea .searchAgain p.city select{width:120px} #ContentArea .searchAgain p.within select{width:80px} #ContentArea .searchAgain label{padding:2px 10px 0 5px; display:block; font-weight:bold; float:left} #ContentArea .searchAgain button{display:block; width:207px; height:32px; margin:10px 10px 0 0; float:right; text-indent:-10000px; border:0; background:url(/_ui/media/marinedex_media/detailpage/searchagain/button.jpg) left top no-repeat} /*LeftColumn*/ #ContentArea #LeftColumn{padding-top:25px; float:left;} .contentTemplate #LeftColumn{width:170px} .productDetailTemplate #LeftColumn{width:250px; overflow:hidden; margin-top:15px; padding-top:0!important; background:url(/_ui/media/marinedex_media/detailpage/leftcolumnbg.gif) left repeat-y!important} .searchResultTemplate #LeftColumn{width:220px; overflow:hidden} .searchResultTemplate #LeftColumn .hrLeftColumn{width:248px; display:block; margin:0 -18px; height:5px; font-size:1px; background:url(/_ui/media/marinedex_media/rightcolumn/hrsmall.gif) bottom repeat-x} .searchResultTemplate #DynamicBannerColumn{width:150px; float:right} .searchResultTemplate #DynamicBannerColumn .advertBox{} .searchResultTemplate #DynamicBannerColumn .dynBanner{padding:15px 5px; border-bottom:4px solid #e5e5e5; text-align: center} .searchResultTemplate #LeftColumn .bottomBg{font-size:1px; height:5px; display:block; background:url(/_ui/media/marinedex_media/leftcolumn/search_bottombg.gif) left top no-repeat} .searchResultTemplate #LeftColumn .bottomBgSmall{font-size:1px; height:5px; display:block; background:url(/_ui/media/marinedex_media/leftcolumn/search_bottombg_s.gif) left top no-repeat} .productDetailTemplate #LeftColumn .bottomBg{font-size:1px; height:5px; display:block; background:url(/_ui/media/marinedex_media/detailpage/leftbottombg.gif) left top no-repeat} .productDetailTemplate #LeftColumn .voucherBanner {padding-top:20px; background:#FFF} .productDetailTemplate #LeftColumn .advertBox{padding-top:20px; background:#FFF} .advertBox.skyscraper{margin-top: 20px;} .advertBox.landscape{text-align: center; margin:0 auto} #ContentArea #LeftColumn h2{font-size:18px; letter-spacing:-1px; padding-bottom:0px; margin-bottom:-5px;} #ContentArea #LeftColumn p{color: #FFFFFF; padding: 8px 4px 10px; background:#0f5e96;} #ContentArea #LeftColumn h2.categoryListings_h2{color:#FFF; height:36px; padding:0; padding:18px 0 0 18px; background:#105e95 url(/_ui/media/marinedex_media/leftcolumn/categorylisting/bg.gif) left top no-repeat} #ContentArea #LeftColumn .content{border-left:1px solid #CCC; border-right:1px solid #CCC; padding:0 11px; background:#f8f8f8} #ContentArea #LeftColumn h3{padding:10px 0; color:#0094d6; font-size:16px} .productDetailTemplate #LeftColumn .content{padding:0 18px; border:0!important; padding-top:25px!important; background:url(/_ui/media/marinedex_media/detailpage/leftcolumnbg.jpg) left top no-repeat!important} #ContentArea #LeftColumn ul.categoryListings{padding-top:10px; padding-bottom:5px;} #ContentArea #LeftColumn ul.categoryListings li{font-weight:bold; color:#000; padding:5px 0} #ContentArea #LeftColumn ul.categoryListings li ul{padding-top:5px} #ContentArea #LeftColumn ul.categoryListings li ul li{font-weight:normal; padding-left:20px; background:url(/_ui/media/marinedex_media/leftcolumn/categorylisting/libg.gif) left 7px no-repeat} #ContentArea #LeftColumn ul.categoryListings li ul li a{color:#999} #ContentArea #LeftColumn ul.categoryListings li ul li a.active{font-weight: bold} #LeftColumn .subNav{ margin-top:34px; height:100%; background:url(/_ui/media/marinedex_media/leftcolumn/subnav/top.gif) left top no-repeat} #LeftColumn .subNav ul{background:url(/_ui/media/marinedex_media/leftcolumn/subnav/bottom.gif) left bottom no-repeat} #LeftColumn .subNav ul ul {background: none} #LeftColumn .subNav ul li{padding:9px 12px; border-top:1px solid #103B69;} #LeftColumn .subNav ul li a{color:#fff;} #LeftColumn .subNav ul li a:hover{color:#99CCFF;} #LeftColumn .subNav ul li.active{font-weight:bold} #LeftColumn .subNav ul li.active > a{color: #99CCFF} #LeftColumn .subNav ul li.first{border:0} #LeftColumn .subNav ul li:first-child {border:none !important;} #LeftColumn form{padding-top:25px; padding-bottom:20px; padding-left:4px; border-bottom:1px solid #e8e8e8} .searchResultTemplate #LeftColumn form{border-bottom:0} #LeftColumn form input.txtF{padding:6px; font-size:11px; border:1px solid #CCC; width:90%} #LeftColumn form.newsLetter button{width:166px; height:38px; text-indent:-10000px; border:0; background:url(/_ui/media/marinedex_media/leftcolumn/signup.jpg) left top no-repeat} #ContentArea #LeftColumn form.refineSearch{padding:0 0 5px 0; border-bottom:0} #ContentArea #LeftColumn form.refineSearch p{padding:10px; margin:0; border:1px solid #d9d9d9; margin-bottom:2px; height:100%; background:#e7e7e7 url(/_ui/media/marinedex_media/leftcolumn/refinesearch/p_bg.jpg) bottom repeat-x} #ContentArea #LeftColumn form.refineSearch p:hover{background:#f3f3f3; border:1px solid #CCC} #ContentArea #LeftColumn form.refineSearch p select.tf{float:right; width:110px; padding:2px; color:#666; font-size:11px; height: 22px} #ContentArea #LeftColumn form.refineSearch p .star_1{background: url(/_ui/media/marinedex_media/contentcolumn/searchresult/star_1.png) 1px center no-repeat !important; height: 22px} #ContentArea #LeftColumn form.refineSearch p .star_2{background: url(/_ui/media/marinedex_media/contentcolumn/searchresult/star_2.png) 1px center no-repeat !important; height: 22px} #ContentArea #LeftColumn form.refineSearch p .star_3{background: url(/_ui/media/marinedex_media/contentcolumn/searchresult/star_3.png) 1px center no-repeat !important; height: 22px} #ContentArea #LeftColumn form.refineSearch p .star_4{background: url(/_ui/media/marinedex_media/contentcolumn/searchresult/star_4.png) 1px center no-repeat !important; height: 22px} #ContentArea #LeftColumn form.refineSearch p .star_5{background: url(/_ui/media/marinedex_media/contentcolumn/searchresult/star_5.png) 1px center no-repeat !important; height: 22px} #ContentArea #LeftColumn form.refineSearch p label{display:block; float:left; color:#666; padding:3px; font-weight:bold} #ContentArea #LeftColumn form.refineSearch button.refButton{display:block; width:196px; height:38px; text-indent:-100000px; border:0; margin:0 auto; margin-top:5px; background:url(/_ui/media/marinedex_media/leftcolumn/refinesearch/refinesearch.jpg) left top no-repeat} #ContentArea #LeftColumn form.refineSearch button.refButton:hover{background-position:left -38px} #LeftColumn .productProfile{} #LeftColumn .productProfile .Brochure { text-align: center; font-size: 12px; margin-top: 6px } #LeftColumn .productProfile img.thumb{display:block; width:202px; margin:0 auto; border:1px solid #cfcfcf} #LeftColumn .productProfile ul{padding:10px 0} #LeftColumn .productProfile ul li{border-top:1px solid #CCC; padding:5px; float: left; width: 220px; } #LeftColumn .productProfile ul li.first{border:0} #LeftColumn .productProfile ul li span.label{display:block; float:left; width:60px; font-weight:bold; margin-right: 5px} #LeftColumn .productProfile ul li span.value{font-size:10px; float: right; width: 152px; height: auto;} #ContentArea #LeftColumn .dealsDiscounts{margin-top:10px} #ContentArea #LeftColumn .dealsDiscounts .topBg{display:block; height:5px; background:url(/_ui/media/marinedex_media/leftcolumn/dealsdiscounts/top.gif) left top no-repeat} #ContentArea #LeftColumn .dealsDiscounts .content{padding:0} #ContentArea #LeftColumn .dealsDiscounts .content h3{padding:7px 10px} #ContentArea #LeftColumn .dealsDiscounts .content ul{} #ContentArea #LeftColumn .dealsDiscounts .content ul li{border-top:1px solid #dedede;} #ContentArea #LeftColumn .dealsDiscounts .content ul li a{color:#383838; display:block; padding:5px 10px;; font-weight:bold; text-transform:uppercase; background:url(/_ui/media/marinedex_media/leftcolumn/dealsdiscounts/arrow_down.gif) 230px 10px no-repeat} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active{background:#2abbf4; height:100%} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active a{background:0; color:#FFF} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active span.arrow{display:block; width:12px; height:6px; position:absolute; margin:5px 0 0 0; background:url(/_ui/media/marinedex_media/leftcolumn/dealsdiscounts/active.gif) left top no-repeat} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active ul{color:#FFF} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active ul li{padding:0; background:#105e95; border:0} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active ul li a{color:#FFF; display:inline; padding:0; text-transform:none} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active ul li ul li {list-style: circle inside;padding: 0 5px;overflow: hidden;} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active ul li .deal{padding:10px 8px; border-top:1px solid #2279b6} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active ul li .deal a.thumb{display:block; float:left} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active ul li .deal a.thumb img{display:block; float:left; border:1px solid #0c4f7e} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active ul li .deal h4{font-size:12px; padding:0 0 5px 0; margin:0} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active ul li .deal .dContent{float:right; width:110px} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active ul li .deal .eContent{float:right; width:120px} #ContentArea #LeftColumn .dealsDiscounts .content ul li.active ul li .deal p{padding:0} /*ContentColumn*/ #ContentArea #ContentColumn{padding-top:20px; float:left; background:url(/_ui/media/marinedex_media/contentcolumn/bg.png) right top no-repeat} #ContentArea.homeTemplate #ContentColumn{padding-top:0px; float:left; background:url(/_ui/media/marinedex_media/contentcolumn/bg.png) right top no-repeat} #ContentArea.fullView #ContentColumn {background-image: none !important; width: 500px;} #ContentArea.fullView .middle {background-image: none !important} .continentView #ContentColumn {width: 650px !important} .cityView #ContentColumn{width:584px !important} .contentTemplate #ContentColumn{width:465px; padding-left:30px; padding-right: 15px} .contentTemplate.fullView #ContentColumn{width: auto;} .productDetailTemplate #ContentColumn{width:680px; padding-left:20px; background:url(/_ui/media/marinedex_media/detailpage/contentcolumnbg.jpg) left 15px no-repeat!important} #ContentArea #ContentColumn h1 { visibility:visible !important;} .ie8 #ContentArea #ContentColumn h1 { font-weight:normal;} .searchResultTemplate #ContentColumn{width:710px; padding-left:20px; background:url(/_ui/media/marinedex_media/contentcolumn/searchresult/topbg.jpg) left 25px no-repeat!important} #ContentArea #ContentColumn dl.headerList{font-size:14px; padding-top:5px; color:#1781cb} #ContentArea #ContentColumn dl.headerList dt{letter-spacing:-1px; font-size:18px; color:#105e95} /*rotatingBanner*/ #ContentArea #ContentColumn .rotatingBanner{padding-right:20px;} #ContentArea #ContentColumn .rotatingBanner h2{font-size:12px; padding:0; margin:0; height:50px;} #ContentArea #ContentColumn .rotatingBanner h2.international_h2{width:77px; text-indent:-100000px; background:url(/_ui/media/marinedex_media/rotatingbanner/h2_international.png) left top no-repeat} #ContentArea #ContentColumn .rotatingBanner a.seeMore{display:block; width:78px; height:17px; text-indent:-100000px; background:url(/_ui/media/marinedex_media/rotatingbanner/seemore_a.gif) left top no-repeat} #ContentArea #ContentColumn .rotatingBanner a.seeMore:hover, #ContentArea #ContentColumn .rotatingBanner a.seeMore.active{background-position:left -17px} #ContentArea #ContentColumn .rotatingBanner .adverts{float:right; padding-top:2px;} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals{float:left;} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .ddContent{display:none} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown:hover .ddContent{display:block} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown:hover a.seeMore{background-position:left -17px} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .ddContent{position:absolute; z-index:1000; color:#FFF; clear:both; width:565px; background:#053b61} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown h2{font-size:14px; height:auto; color:#b4ebff; padding:10px} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown a.seeAll{display:block; width:50px; height:19px; text-indent:-10000px; margin:8px 10px; background:url(/_ui/media/marinedex_media/international_deals/dropdown/seeall.gif) left top no-repeat} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown a.otherCountries{display:block; width:91px; height:19px; text-indent:-10000px; margin:8px 10px 0 0; background:url(/_ui/media/marinedex_media/international_deals/dropdown/otherCountry.gif) left top no-repeat} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown a.seeAll:hover{background-position:-50px top} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown a.otherCountries:hover{background-position:-91px top} /*deals*/ #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deals{border-top:1px solid #216798} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal{width:180px; float:left; margin:4px; background:url(/_ui/media/marinedex_media/international_deals/dropdown/content.jpg) left repeat-y} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal span.topBg{display:block; height:10px; background:url(/_ui/media/marinedex_media/international_deals/dropdown/topbg.jpg) left top no-repeat } #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal span.bottomBg{display:block; height:10px; overflow:hidden; background:url(/_ui/media/marinedex_media/international_deals/dropdown/bottombg.jpg) left top no-repeat} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal .content{padding: 5px; color:#009cd7; text-align:center} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal .content a{color:#009cd7;} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal .content img{margin:0 auto; padding:5px 0; display:block} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal .hrSmall{height:1px; margin:0; padding:0;} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal h3{font-size:14px; color:#053b61; letter-spacing:-1px; text-align:center; padding:10px 0; height: 32px;} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal ul{padding:0; margin:0; font-weight:bold; height:55px} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal ul li{padding:0; margin:0; border:0; display:inline; background:0} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal a.viewDeals{display:block; width:160px; height:19px; text-indent:-10000px; margin:0 auto; background:url(/_ui/media/marinedex_media/international_deals/dropdown/viewall.jpg) left top no-repeat} #ContentArea #ContentColumn .rotatingBanner .dropDownDeals .dropDown .deal a.viewDeals:hover{background-position:left -19px} #ContentArea #ContentColumn .searchResultColumn{float:left; width:536px} #ContentArea #ContentColumn .searchResultColumn .advert{padding-top:15px; padding-bottom:10px} #ContentArea #ContentColumn .searchResultColumn .ad .advert{padding-top:0px !important; padding-bottom: 0px !important} #ContentArea #ContentColumn .searchResultColumn img{float:left} #ContentArea #ContentColumn .searchResultColumn a.avertiseWithUs{float:right; display:block; height:60px; width:60px; text-indent:-100000px; background:url(/_ui/media/marinedex_media/adverts/ad_with_us.gif) left top no-repeat} #ContentArea #ContentColumn .advertBox{} #ContentArea #ContentColumn p{padding-bottom:13px} #ContentArea #ContentColumn h1{padding:0 0 10px 0; font-size:33px; letter-spacing:-1px; color:#105e95} #ContentArea #ContentColumn h2{padding:0; font-size:23px; letter-spacing:-1px; color:#105e95} #ContentArea #ContentColumn h2.regional_h2{padding:0 0 10px 0; font-size:18px; letter-spacing:-1px; color:#105e95} #ContentArea #ContentColumn h3{font-size:12px; padding-bottom:6px} #ContentArea #ContentColumn h3.distance {font-size: 16px; padding-bottom: 0px; padding-top: 6px} #ContentArea #ContentColumn h3.region_h3{padding:5px 10px; color:#fff; margin-right:20px; background:#1781cb} #ContentArea #ContentColumn .priceContainer h2 {margin: 0px !important; padding: 0px !important; width: auto !important} #ContentArea #ContentColumn .priceContainer h3 {margin: -5px 0px 0px 0px !important; padding: 0px !important} #ContentArea #ContentColumn ul{} #ContentArea #ContentColumn ul li{padding:10px 0 10px 20px; /*border-bottom:1px solid #e8e8e8;*/ background:url(/_ui/media/marinedex_media/contentcolumn/li.gif) 5px center no-repeat;} /* Faq's */ #ContentArea #ContentColumn .faqs { border-bottom: 1px solid #c5c5c5; margin-bottom: 20px; } #ContentArea #ContentColumn strong.quest{padding-top:20px; color:#105e95; display:block; padding-top:7px; } #ContentArea #ContentColumn .faqsLast { border-bottom: 0; } #ContentArea #ContentColumn .faqs p .faqImg { background: url(/_ui/media/marinedex_media/faq/faq.jpg) no-repeat scroll 0 0; width: 28px; height: 37px; float: left; padding: 0 5px 5px 0; } /*form.refineResults*/ #ContentArea #ContentColumn form.refineResults{font-size:12px; padding-bottom:5px} #ContentArea #ContentColumn form.refineResults p{padding:13px; background:#e7e7e7} #ContentArea #ContentColumn form.refineResults label{font-weight:bold; float:left; padding-top:2px; width:100px} #ContentArea #ContentColumn form.refineResults select{width:405px; float:right} #ContentArea #ContentColumn form.refineResults p.left, #ContentArea #ContentColumn form.refineResults p.right{margin:5px 0 5px 0; width:240px} #ContentArea #ContentColumn form.refineResults p.left select, #ContentArea #ContentColumn form.refineResults p.right select{width:140px} #ContentArea #ContentColumn form.refineResults button{display:block; width:217px; height:38px; text-indent:-10000px; border:0; margin-top:5px; background:url(/_ui/media/marinedex_media/contentcolumn/searchresult/button.gif) left top no-repeat} #ContentArea #ContentColumn form.refineResults img{margin-top:5px} /* News & Press */ #ContentArea #ContentColumn .cms_content .cms_section_newsItem { float: left; border-bottom: 1px solid #CCC; margin-bottom: 10px; width: 100%; } #ContentArea #ContentColumn .cms_content .newsFirst { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; } #ContentArea #ContentColumn .cms_content .cms_section_newsItem a.thumb{display:block; padding: 0 0px 10px 0px; float:left} #ContentArea #ContentColumn .cms_content .cms_section_newsItem .dateTime {float:left; margin-left: 10px;} #ContentArea #ContentColumn .cms_content .cms_section_newsItem .content{float:left; padding:10px;} #ContentArea #ContentColumn .cms_content .cms_section_newsItem h4 {padding-bottom:10px; font-size:16px; padding-top:5px} #ContentArea #ContentColumn .cms_content .cms_section_newsItem .readMoreBtn { float: right; } #ContentArea #ContentColumn .cms_content .dateTime { } #ContentArea #ContentColumn .cms_content .newsItemDetail { border-bottom: 1px solid #CCC; float: left; margin-bottom: 10px;} #ContentArea #ContentColumn .cms_content .altImages { border-bottom: 1px solid #CCC; margin-bottom: 10px; padding-bottom: 10px; width: 465px; float: left;} #ContentArea #ContentColumn .cms_content .altImages img { margin: 0 6px 0 5px; } /*productList*/ #ContentArea #ContentColumn .productLists{padding-top:15px} #ContentArea #ContentColumn .productLists h3{padding-top:3px; font-size:13px} #ContentArea #ContentColumn .productLists h3 span{font-weight:normal} #ContentArea #ContentColumn .productLists p.pageJumps{padding:0} #ContentArea #ContentColumn .productLists p.pageJumps label{padding-right:10px; font-weight:bold} #ContentArea #ContentColumn .productLists .productList{border:1px solid #CCC; margin:15px 0; background:url(/_ui/media/marinedex_media/contentcolumn/searchresult/plists/detailbg.jpg) right repeat-y} #ContentArea #ContentColumn .productLists .productList a.thumb{display:block; padding:10px; float:left} #ContentArea #ContentColumn .productLists .productList .content{float:left; padding:10px; width:230px} #ContentArea #ContentColumn .productLists .productList .detail{float:right; width:150px; padding-top:15px; text-align:center} #ContentArea #ContentColumn .productLists .productList h4{padding-bottom:10px; font-size:14px; padding-top:5px} #ContentArea #ContentColumn .productLists .productList ul{padding:0 0 0 0} #ContentArea #ContentColumn .productLists .productList ul li{padding:0; background:0} #ContentArea #ContentColumn .productLists .productList ul li.price{font-size:24px; font-weight:bold} #ContentArea #ContentColumn .productLists .productList ul li.contact a{display:block; padding:5px; width:100px; margin:0 auto; background:#FFF} /*productListings*/ .seoDescription{ padding: 10px } #ContentArea #ContentColumn .productListings { padding-top:20px; width: 534px; min-height: 800px; } #ContentArea #ContentColumn .productListings.premium { min-height: 0px; } #ContentArea #ContentColumn .productList { border:1px solid #CCC; margin-bottom:10px; position: relative } #ContentArea #ContentColumn .productList ul{padding:0; margin:0} #ContentArea #ContentColumn .productList ul li{padding:0; margin:0; border:0; background:0} #ContentArea #ContentColumn .productList ul.tabs{height:27px; float:left; position:absolute; margin-top:-27px !important} #ContentArea #ContentColumn .productList ul.tabs li{float:left; height:27px} #ContentArea #ContentColumn .productList ul.tabs li a{color:#CCC; display:block; float:left; padding:6px 10px 0 10px; height:20px; border-right:1px solid #dedede; border-top:1px solid #dedede; background:#FFF} #ContentArea #ContentColumn .productList ul.tabs li a:hover{color:#666} #ContentArea #ContentColumn .productList ul.tabs li small{padding-left:10px; color:#666} #ContentArea #ContentColumn .productList ul.tabs li a.active{font-weight:bold; color:#666; border-top:1px solid #FFF; background:#FFF} #ContentArea #ContentColumn .productList ul.tabs li.banner a.active{font-weight:bold; color:#FFF; border-top:1px solid #0b83b8; background:#0b83b8; border-right:0} /*companyDetails*/ #ContentArea #ContentColumn .productList .companyDetails{padding:10px; padding-bottom:37px} #ContentArea #ContentColumn .productList .companyDetails .companyImg { float:left; width: 80px; height: 90px; } #ContentArea #ContentColumn .productList .companyDetails .thumb{float:left} #ContentArea #ContentColumn .productList .companyDetails .cDetContent{float:left; padding-left:10px; width:260px} #ContentArea #ContentColumn .productList .companyDetails .cDetContent h4{padding:0; margin:0px 0px 5px 0px; font-size:12px} #ContentArea #ContentColumn .productList .companyDetails .cDetContent h4 a{color:#0099cc; text-decoration:underline} #ContentArea #ContentColumn .productList .companyDetails .cDetContent a.category{display:block; padding-bottom:4px; color:#ff6600} #ContentArea #ContentColumn .productList .companyDetails ul.languages{float:right; clear: right; margin-top:5px;} #ContentArea #ContentColumn .productList .companyDetails ul.languages li{float:left} #ContentArea #ContentColumn .productList .listingType { position: absolute; right: 0; top: 0; width: 49px; height: 48px; display: block; text-indent: -9999px; } #ContentArea #ContentColumn .productList .gold { background: url(/_ui/media/marinedex_media/contentcolumn/searchresult/productlistings/gold.png) no-repeat scroll 0 0; } #ContentArea #ContentColumn .productList .silver { background: url(/_ui/media/marinedex_media/contentcolumn/searchresult/productlistings/silver.png) no-repeat scroll 0 0; } #ContentArea #ContentColumn .productList .basic { display: none; } /*mapDirection*/ #ContentArea #ContentColumn .productList .mapDirection{padding-bottom:37px; background:#FFF} #ContentArea #ContentColumn .productList .mapDirection h4{padding:10px; padding-bottom:0; font-size:12px; background:#FFF} #ContentArea #ContentColumn .productList .mapDirection h4 a{color:#0099cc; text-decoration:underline} #ContentArea #ContentColumn .productList .mapDirection .gMap{padding:10px; padding-right: 0px; float:left} #ContentArea #ContentColumn .productList .mapDirection ul.mapLinks{float:right; padding:10px 10px 0 0} #ContentArea #ContentColumn .productList .mapDirection ul.mapLinks li{height:24px; padding-bottom:5px} #ContentArea #ContentColumn .productList .mapDirection ul.mapLinks li a{display:block; width:90px; height:19px; color:#FFF; padding:5px 0 0 20px; background:#1781cb url(/_ui/media/marinedex_media/contentcolumn/searchresult/productlistings/map_pointer.gif) left top no-repeat} /* Nearby Companies */ #ContentArea #ContentColumn .productList .companiesNearby { } #ContentArea #ContentColumn .productList .companiesNearby .loader { background: #fff url(/_ui/media/marinedex_media/loader.gif) no-repeat scroll 50% 50%; height: 100px; width: 100%; position: absolute; } #ContentArea #ContentColumn .productList .companiesNearby form { border-bottom: 1px solid #CCCCCC; padding: 10px 5px; background: #f8f8f8; } #ContentArea #ContentColumn .productList .companiesNearby label { color:#666666; display:block; float:left; font-weight:bold; padding:3px; margin-top: 8px; } #ContentArea #ContentColumn .productList .companiesNearby select { color:#666666; float: left; font-size:11px; height:22px; padding:2px; width:100px; margin: 8px 9px; } #ContentArea #ContentColumn .productList .companiesNearby input.refButton { cursor: pointer; float: left; background:url("/_ui/media/marinedex_media/leftcolumn/refinesearch/refinesearch.jpg") no-repeat scroll left top transparent; border:0 none; display:block; height:38px; margin: 0; text-indent:-100000px; width:196px; } #ContentArea #ContentColumn .productList .companiesNearby input.refButton:hover { background-position: 0 -38px; } #ContentArea #ContentColumn .productList .companiesNearby ul.results { float: left; margin-bottom: 50px; min-height: 100px; } #ContentArea #ContentColumn .productList .companiesNearby ul.results li { float: left; width: 514px; background: url("/_ui/media/marinedex_media/contentcolumn/account/accountbox/border-bottom.gif") repeat-x scroll center bottom transparent; padding: 8px 10px 9px; } #ContentArea #ContentColumn .productList .companiesNearby ul.results li a { font-weight: bold; } #ContentArea #ContentColumn .productList .companiesNearby ul.results li a.company { color: #1781cb !important; float: left; } #ContentArea #ContentColumn .productList .companiesNearby ul.results li span.distance { color: #5a6163; float: left; margin:0 10px; } #ContentArea #ContentColumn .productList .companiesNearby ul.results li a.link { color: #70bcf1; float: left; } /* Categories Tab */ #ContentArea #ContentColumn .productList .companyCategory { } #ContentArea #ContentColumn .productList .companyCategory h4{padding:10px; padding-bottom:0; font-size:12px; background:#FFF} #ContentArea #ContentColumn .productList .companyCategory h4 a{color:#0099cc; text-decoration:underline} #ContentArea #ContentColumn .productList .companyCategory .categoryTitle { float: left; width: 425px; margin: 10px 10px 0px; } #ContentArea #ContentColumn .productList .companyCategory .categories { float: left; width: 425px; margin: 10px 10px 45px; background: url(/_ui/media/marinedex_media/contentcolumn/searchresult/productlistings/bg.jpg) repeat-y scroll 0 50%; } #ContentArea #ContentColumn .productList .companyCategory .categories a.category {display:block; padding-bottom:4px; color:#ff6600; float: left; width: 45%; margin-right:20px; } #ContentArea #ContentColumn .productList .companyCategory .sectors { float: left; width: 425px; margin: 10px 10px 45px; margin-top: -30px } /* Reviews Tab */ .companyReview { } .companyReview h4{padding:10px; padding-bottom:0px; font-size:12px; background:#FFF} .companyReview h4 a{color:#0099cc; text-decoration:underline} .companyReview .reviews { margin: 0px 10px 45px; } .companyReview .entry{ width: 100%; padding-bottom: 15px; border-bottom: 1px solid #CCC; } .companyReview .rating{ padding-top: 10px; } .companyReview .text { float: left; width: 350px; padding-top: 15px } .companyReview .para { float: left; width: 550px; padding-top: 15px } /*premiumBanner*/ #ContentArea #ContentColumn .productList .premiumBanner{ padding-bottom:57px; background:#0b83b8} #ContentArea #ContentColumn .productList .goldBadge{display:block; position:absolute} #ContentArea #ContentColumn .productList .premiumBanner h4{padding:10px; padding-left:33px; font-size:12px; background:#FFF} #ContentArea #ContentColumn .productList .premiumBanner h4 a{color:#0099cc; text-decoration:underline} #ContentArea #ContentColumn .productList .premiumBanner .ad{padding-top:30px; width:470px; margin:0 auto} #ContentArea #ContentColumn .productList .premiumBanner .ad img{display:block; border:1px solid #3ec4ff} /*linksPageSponsers*/ #ContentArea .sponser {width:355px; float:left; margin-right:9px; margin-top:10px;} #ContentArea .topspan {background:url(/_ui/media/marinedex_media/sponserbox/topborder.png) no-repeat scroll left top transparent; display: block; height: 8px; width:360px;} #ContentArea .sponserContent{ border-left:1px solid #b8cfe0; border-right:1px solid #b8cfe0; width:357px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-align:center;} #ContentArea .sponserContent p{ text-align:left; padding:10px;} #ContentArea .sponserContent img{ margin:0 auto;} #ContentArea .sponserContent .shadow{ width:357px; height:25px; background:url(/_ui/media/marinedex_media/sponserbox/content_shdow.png) top no-repeat ; display:block; background-color:#f4f4f4; } #ContentArea .sponserContent .shadow a{ width:81px; height:19px; background:url(/_ui/media/marinedex_media/sponserbox/btn_readmore.png) top no-repeat ; display:block;float:right; margin-right:8px; margin-top:8px; } #ContentArea .bottomspan {background: url(/_ui/media/marinedex_media/sponserbox/bottomborder.png) no-repeat scroll left top transparent; display: block; height: 8px; width:360px;} /*categoryBoxes*/ #ContentColumn .categoryBoxes{padding:00px 0;} #ContentArea #ContentColumn .categoryBoxes .categoryBox{border:1px solid #d2d2d2; text-align:center; padding-bottom:10px; width:170px; margin:20px 20px 0 0; float:left} #ContentArea #ContentColumn .categoryBoxes .categoryBox .subCatBox { border-top: 1px solid #CCCCCC; height: 30px; color: #1781CB; } #ContentArea #ContentColumn .categoryBoxes .categoryBox .subCatBox a { color: #1781CB; } #ContentArea #ContentColumn .categoryBoxes .categoryBox .subCatBox .subCatLeft {width: 75px; padding: 5px; border-right: 1px solid #ccc; height: 90px;} #ContentArea #ContentColumn .categoryBoxes .categoryBox .subCatBox .subCatRight {width: 74px; padding: 5px; height: 80px;} #ContentArea #ContentColumn .categoryBoxes .categoryBox h2{font-size:14px; padding-top: 0px; padding-bottom:2px; margin: 0; text-transform:uppercase; letter-spacing:-1px; /*background:url(/_ui/media/marinedex_media/contentcolumn/categoryboxes/h2.gif) bottom repeat-x*/} #ContentArea #ContentColumn .categoryBoxes .categoryBox h2 a{display:block; padding:8px; background:url(/_ui/media/marinedex_media/contentcolumn/categoryboxes/h2_a.gif) left top no-repeat; height: 30px;} #ContentArea #ContentColumn .categoryBoxes .categoryBox h2 a:hover{ background:url(/_ui/media/marinedex_media/contentcolumn/categoryboxes/h2_a_over.gif) left top no-repeat} #ContentArea #ContentColumn .categoryBoxes .categoryBox select{width:87%; font-size:11px; padding:4px; color:#999} /*contentDetailColumn*/ #ContentColumn .contentDetailColumn{padding-top:0px; float:left; width:385px} #ContentColumn .contentDetailColumnMore {padding-top:0px; float:left; width:385px} /*excessColumn*/ #ContentColumn .excessColumn{float:right; width:272px; padding-top:20px} #ContentColumn ul.relatedCompanies{padding:10px!important; height:100px; border:1px solid #CCC; border-right:8px solid #1781cb; margin:10px 0} #ContentColumn ul.relatedCompanies li{padding:0!important; border:0!important; background:0!important} #ContentColumn ul.relatedCompanies li.thumb{width:100px; padding-right:10px!important; float:left} #ContentColumn ul.relatedCompanies li.title{padding:25px 0 10px 0!important; font-size:12px; font-weight:bold} #ContentColumn ul.relatedCompanies li.distance{} #ContentArea #ContentColumn .categoryBoxes .categoryBox{border:1px solid #d2d2d2; text-align:center; width:170px; margin:0px 20px 10px 0; float:left; padding-bottom: 0px;} #ContentArea #ContentColumn .categoryBoxes .categoryBox h2{font-size:14px; padding-bottom:2px; margin:0; padding-top:0; text-transform:uppercase; letter-spacing:-1px; /*background:url(/_ui/media/marinedex_media/contentcolumn/categoryboxes/h2.gif) bottom repeat-x*/} #ContentArea #ContentColumn .categoryBoxes .categoryBox h2 a{display:block; padding:8px; background:url(/_ui/media/marinedex_media/contentcolumn/categoryboxes/h2_a.gif) left top no-repeat} #ContentArea #ContentColumn .categoryBoxes .categoryBox h2 a:hover{ background:url(/_ui/media/marinedex_media/contentcolumn/categoryboxes/h2_a_over.gif) left top no-repeat} /*#ContentArea #ContentColumn .categoryBoxes .categoryBox .list{ display:block; width:170px; padding:8px 0 8px 0; background:url(/_ui/media/marinedex_media/contentcolumn/categoryboxes/line.gif) center top repeat-y;} #ContentArea #ContentColumn .categoryBoxes .categoryBox .list a{display:block; float:left; width:75px; text-align:left; padding:0 5px 0 5px; font-size:11px; text-decoration:none; color:#999;} #ContentArea #ContentColumn .categoryBoxes .categoryBox .list a:hover{ color:#1781cb; text-decoration:underline;}*/ #ContentArea #ContentColumn .categoryBoxes .categoryBox ul{padding:10px 10px 0 10px; border-top:1px solid #CCC; margin:0; font-weight:bold; height:55px} #ContentArea #ContentColumn .categoryBoxes .categoryBox ul li{padding:0; margin:0; border:0; color:#1781cb; display:inline; background:0} #ContentArea #ContentColumn .categoryBoxes .categoryBox ul li a{color:#1781cb} #ContentArea #ContentColumn .categoryBoxes .categoryBox select{width:87%; font-size:11px; padding:4px; color:#999} #ContentColumn .excessColumn h4.label { font-size: 13px; } /* Gallery */ #ContentColumn ul.thumbs li{ border:#CCC 1px solid; width:77px; height:77px; float:left; padding:0!important; background:0!important; margin: 5px !important;} #ContentColumn ul.thumbs li a{padding:0; background:0; margin:0;} #ContentColumn ul.thumbs li a img{border:#FFF 1px solid;} #ContentColumn ul.thumbs li.vid{position:relative;} #ContentColumn ul.thumbs li.vid a img{border:#000 1px solid;} #ContentColumn ul.thumbs li.vid span{position:absolute; width:28px; height:28px; top:30%; left:30%; background:url(/_ui/media/marinedex_media/detailpage/play.png) left top no-repeat;} /*Map*/ #ContentColumn #Map{ padding:20px 0 } /*intelliStyle*/ #ContentArea #ContentColumn form.intelliStyle{} #ContentArea #ContentColumn form.intelliStyle p, div.paragraph {padding:7px 10px; bo/rder-bottom:1px solid #e8e8e8; margin:0 0 10px 0;} #ContentArea #ContentColumn form.intelliStyle label{f/ont-weight:bold; padding-top:6px; padding-right:10px; width:290px; display:block; float:left; color:#999;} #ContentArea #ContentColumn form.intelliStyle .tfStyle{border:1px solid #ccc; bor/der:none; padding:5px; width:400px; font-size:11px; color:#999;} #ContentArea #ContentColumn form.intelliStyle select{padding:5px; width:410px; font-size:11px; color:#999;} #ContentArea #ContentColumn form.intelliStyle .button{display:block; border:0; text-indent:-100000px; width:184px; height:38px; float:right; margin-top:20px; background:url(/_ui/media/marinedex_media/contentcolumn/submitform.gif) left top no-repeat; cursor: pointer;} #ContentArea #ContentColumn form.intelliStyle .login {display:block; border:0; text-indent:-100000px; width:104px; height:38px; float:right; margin-top:20px; background:url(/_ui/media/marinedex_media/contentcolumn/login.gif) left top no-repeat; cursor: pointer;} #ContentArea #ContentColumn form.intelliStyle .retrieve {display:block; border:0; text-indent:-100000px; width:183px; height:38px; float:right; margin-top:20px; background:url(/_ui/media/marinedex_media/contentcolumn/retrieve.gif) left top no-repeat; cursor: pointer;} #ContentArea #ContentColumn ul.accMultiCat{} #ContentArea #ContentColumn ul.accMultiCat li{padding:10px 0 10px 20px; background:none;} #ContentArea #ContentColumn ul.accMultiCat li ul li { border: none; } #ContentArea #ContentColumn ul.accMultiCat li ul li ul li { } /* Categoy Stuff on Registration Page */ #ContentArea #ContentColumn .regCatBox { float: left; width: 325px; /*margin-right: 15px;*/ margin-right: 12px; margin-bottom: 10px; } #ContentArea #ContentColumn .regCatBox .regCatHeader { padding: 8px 8px 0; background: url(/_ui/media/marinedex_media/contentcolumn/account/catTop.gif) no-repeat scroll 0 0; } #ContentArea #ContentColumn .regCatBox .regCatBottom { width: 462px; height: 10px; background: url(/_ui/media/marinedex_media/contentcolumn/account/catbtm.gif) no-repeat scroll 0 0; } #ContentArea #ContentColumn .regCatBox .regCatContent { padding: 8px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; } #ContentArea #ContentColumn .regCatBox .regCatItem { } #ContentArea #ContentColumn .regCatBox .regCatItem .regCatSub { float: left; width: 100%; } #ContentArea #ContentColumn .regCatBox .regCatItem .regCatSub a { line-height: 22px; text-indent: 5px; } #ContentArea #ContentColumn .regCatBox .regCatItem .regCatSub span { line-height: 20px;} #ContentArea #ContentColumn .regCatBox .regCatItem input { float: left; } #ContentArea #ContentColumn .regCatBox .regCatItem a.expandCats { color: #1781cb; float:right; margin-right:4px; margin-top:4px; } #ContentArea #ContentColumn .regCatBox .regCatItem ul.subcategories li { background: transparent url(/_ui/media/marinedex_media/contentcolumn/li.gif) no-repeat scroll 5px center; border-bottom:1px solid #E8E8E8; padding:5px 0 5px 20px; } #ContentArea #ContentColumn .legend { line-height: 22px; float: left; margin-right: 15px; } /*RightColumn*/ #ContentArea #RightColumn{float:left; color:#999; text-align:center} .homeTemplate #RightColumn{} .contentTemplate #RightColumn{width:270px} #RightColumn span.bottomBg{display:block; width:100%; height:5px; font-size:1px; } .homeTemplate #RightColumn span.bottomBg{background:url(/_ui/media/marinedex_media/rightcolumn/hometemplate_bottom.gif) left top no-repeat} .contentTemplate #RightColumn span.bottomBg{background:url(/_ui/media/marinedex_media/rightcolumn/conttemplate_bottom.gif) left top no-repeat} #RightColumn span.hrRightColumn{height:30px; margin-bottom:10px; display:block; background:url(/_ui/media/marinedex_media/rightcolumn/hrsmall.gif) center repeat-x} .homeTemplate #RightColumn span.hrRightColumn{width:366px; margin-left:-23px; margin-right:-23px;} .contentTemplate #RightColumn span.hrRightColumn{margin-left:-15px; margin-right:-15px;} #ContentArea #RightColumn h1.columnHeader{color:#FFF; padding:33px 0px 10px 0; width: 100%; font-size:30px; line-height:30px; letter-spacing:-1px; background:#105e95; } #ContentArea #RightColumn h1.columnHeaderWImg{color:#FFF; padding:33px 10px 15px 0; width: 356px; font-size:30px; line-height:30px; letter-spacing:-1px; background:#105e95} #ContentArea #RightColumn h2.columnHeader{color:#FFF; padding:0px 10px 15px 0; width: 356px; font-size:26px; line-height:30px; letter-spacing:-1px; background:#105e95; font-weight: normal;} #ContentArea #RightColumn #Content{border-left:1px solid #CCC; border-right:1px solid #CCC; padding:22px; padding-bottom:10px; background:#f8f8f8; overflow:hidden} .contentTemplate #RightColumn #Content{padding:15px!important} #ContentArea #RightColumn #Content .gMap { z-index: 100 !important; } #ContentArea #RightColumn p{padding-bottom:14px} #ContentArea #RightColumn form{padding-bottom:10px; text-align:left} #ContentArea #RightColumn form label{font-size:12px; color:#333; height:100%; padding-bottom:5px; display:block; font-weight:bold} #ContentArea #RightColumn form input.txtF{padding:5px; width:96%; color:#666; border:1px solid #CCC} #ContentArea #RightColumn form input, #ContentArea #RightColumn form select{color:#666; width:96%} #ContentArea #RightColumn p.left{width:100px} #ContentArea #RightColumn p.right{width:206px} #ContentArea #RightColumn button.searchButton{display:block; border:0; height:38px; width:100%; text-indent:-10000px; background:url(/_ui/media/marinedex_media/rightcolumn/searchbusiness_button.jpg) left top no-repeat} #ContentArea #RightColumn a.iWantToRegister{display:block; width:100%; height:38px; text-indent:-10000px; background:url(/_ui/media/marinedex_media/rightcolumn/a_register.jpg) left top no-repeat} #ContentArea .save{display: block; width: 93px; height: 38px; text-indent:-10000px; background:url(/_ui/media/marinedex_media/rightcolumn/saveBtn.gif) left top no-repeat; border: 0px; clear: both; cursor: pointer; font-size: 0; display:block; line-height: 0;} #ContentArea .saveSupport{display: block; width: 268px; height: 38px; text-indent:-10000px; background:url(/_ui/media/marinedex_media/contentcolumn/submitSupport.gif) left top no-repeat; border: 0px; clear: both; cursor: pointer; font-size: 0; display:block; line-height: 0;} #RightColumn .advertBox{width:250px; padding-top:20px; margin:0 auto} /*searchCloud*/ #ContentArea #RightColumn .searchCloud{} #ContentArea #RightColumn .searchCloud ul{width:100%} #ContentArea #RightColumn .searchCloud ul li{float:left; margin:0 5px 3px 0; height:18px; background:url(/_ui/media/marinedex_media/rightcolumn/searchcloud/libg.gif) left top no-repeat} #ContentArea #RightColumn .searchCloud ul li a{display:block; float:left; height:16px; color:#FFF; padding:2px 5px 0 5px; background:url(/_ui/media/marinedex_media/rightcolumn/searchcloud/abg.gif) right top no-repeat} #ContentArea #RightColumn .searchCloud ul li a:hover{text-decoration:none} #ContentArea #RightColumn .searchCloud ul li:hover{background-position:left -18px} #ContentArea #RightColumn .searchCloud ul li:hover a{background-position:right -18px} #ContentArea #RightColumn .searchCloud a.searchBusiness{display:block; margin:15px 0 10px 0} /*newsUpdates*/ #ContentArea #RightColumn .newsUpdates{text-align:left} #ContentArea #RightColumn .newsUpdates h2{padding-bottom:20px} #ContentArea #RightColumn .newsUpdates ul{padding-bottom:10px; font-size:11px} #ContentArea #RightColumn .newsUpdates ul li{padding:5px 0} #ContentArea #RightColumn .newsUpdates ul li.date{padding:0; height:19px; color:#FFF; font-weight:normal; padding:0 0 0 150px; background:url(/_ui/media/marinedex_media/rightcolumn/news/dateline.gif) top repeat-x} #ContentArea #RightColumn .newsUpdates ul li.date span{display:block; padding-top:2px; height:17px; width:82px; text-align:center; background:url(/_ui/media/marinedex_media/rightcolumn/news/date.gif) left top no-repeat; float:right; margin:20px 0 0 0} #ContentArea .voucherColumnLeft{width:680px; float:left} #ContentArea .voucherColumnRight{width:250px; float:right} #ContentArea .voucherColumnRight .advertBox{padding-top:20px} #ContentArea .voucherColumnLeft h1{font-size:24px; padding:0 0 15px 0; margin:0; letter-spacing:-1px; color:#1781cb} #ContentArea .voucherColumnLeft h2{font-size:18px; padding:0 0 10px 0; margin:0; letter-spacing:-1px} #ContentArea .voucherColumnLeft p{padding-bottom:10px} /*voucherSearch*/ #ContentArea .voucherSearch{margin-top:20px; position:relative; color:#b4ebff; background:#032d4a; height: 121px;} #ContentArea .voucherSearch img.head{display:block; padding:15px 15px 10px 15px; float:left} #ContentArea .voucherSearch a.collapse{display:block; width:28px; height:37px; text-indent:-10000px; float:left; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchersearch/collapse.jpg) left top no-repeat} #ContentArea .voucherSearch a.collapse:hover{background-position:-28px top} #ContentArea .voucherSearch form{padding:20px 10px 10px 10px; height: 42px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchersearch/form_hr.gif) top repeat-x} #ContentArea .voucherSearch form.miniSearch{padding:10px; background:0} #ContentArea .voucherSearch form.miniSearch h2{padding:0; margin:0 10px 0 5px; float:left; width:310px; text-indent:-100000px; height:36px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchersearch/minisearch/h2.gif) 5px 6px no-repeat} #ContentArea .voucherSearch form p{height:22px; float:left; padding:10px; width:197px; margin-right:10px; text-align:center; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchersearch/txtf.gif) top repeat-x} #ContentArea .voucherSearch form p input{width:193px; font-size:14px; padding-top:3px; border:0} #ContentArea .voucherSearch form p select{width:196px} #ContentArea .voucherSearch form.miniSearch p{height:22px; float:left; padding:10px; width:470px; margin-right:0px; text-align:center; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchersearch/txtf.gif) top repeat-x} #ContentArea .voucherSearch form.miniSearch p input{width:465px; font-size:14px; padding-top:3px; border:0} #ContentArea .voucherSearch form button{display:block; width:249px; height:42px; border:0; float:right; text-indent:-100000px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchersearch/button.gif) left top no-repeat} #ContentArea .voucherSearch form.miniSearch button{display:block; width:118px; height:42px; border:0; float:right; text-indent:-100000px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchersearch/minisearch/search.gif) left top no-repeat} /*vouchers*/ #ContentArea .vouchers{ float: left; position: relative; display: block; } #ContentArea .vouchers .header{height:46px; background:#eae8e8 url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchers/header_bg.gif) top repeat-x} #ContentArea .vouchers .header ul.tabs{float:left; height:46px; padding-left:20px} #ContentArea .vouchers .header ul.tabs li{float:left; height:46px; } #ContentArea .vouchers .header ul.tabs li a{display:block; float:left; height:46px; text-indent:-10000px; background-position:left top; background-repeat:no-repeat} #ContentArea .vouchers .header ul.tabs li a.active{background-position:left -46px} #ContentArea .vouchers .header ul.tabs li.featured a{width:157px; background-image:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchers/tabs/featured.gif)} #ContentArea .vouchers .header ul.tabs li.popular a{width:157px; background-image:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchers/tabs/popular.gif)} #ContentArea .vouchers .header a.viewAll{display:block; color:#b4ebff; width:240px; height:46px; float:right; padding-right:10px; margin-left: 10px; text-indent:-100000px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchers/viewall.gif) left top no-repeat} #ContentArea .vouchers .voucherContent{position:relative; background:#eae8e8} #ContentArea .vouchers .voucherContent a.prev{display:block; float:left; height:131px; margin-top:20px; width:33px; text-indent:-100000px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchers/previous.gif) left top no-repeat} #ContentArea .vouchers .voucherContent a.prev:hover{background-position:-33px top} #ContentArea .vouchers .voucherContent a.next{display:block; float:right; height:131px; margin-top:20px; width:32px; text-indent:-100000px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchers/next.gif) left top no-repeat} #ContentArea .vouchers .voucherContent a.next:hover{background-position:-32px top} #ContentArea .vouchers .voucherContent .voucherSlide{width:592px; float:left; margin:10px 0 10px 10px; overflow:hidden;} /*voucherBox*/ #ContentArea .vouchers .voucherContent .voucherBox{width:134px; margin:11px 7px; float:left} #ContentArea .vouchers .voucherContent .voucherBox .topBg{display:block; height:10px; font-size:1px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchers/voucherbox/topbg.jpg) left top no-repeat} #ContentArea .vouchers .voucherContent .voucherBox .bottomBg{display:block; height:10px; font-size:1px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchers/voucherbox/botombg.jpg) left top no-repeat} #ContentArea .vouchers .voucherContent .voucherBox .vContent{text-align:center; padding:0 2px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchers/voucherbox/contentbg.jpg) left repeat-y; height: 157px} #ContentArea .vouchers .voucherContent .voucherBox .vContent h3{padding:5px 15px; font-size:20px; color:#000; background:url(/_ui/media/marinedex_media/dash.gif) top repeat-x} #ContentArea .vouchers .voucherContent .voucherBox .vContent p{padding:10px 15px 6px 15px; color:#009cd7; background:url(/_ui/media/marinedex_media/dash.gif) top repeat-x} /*howVouchersWork*/ #ContentArea .howVouchersWork{ color:#FFF; /*background:#082f57;*/} #ContentArea #Vouchers .howVouchersWork h2{display:block; height:46px; text-indent:-10000px; padding:0; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/howitworks/h2.gif) left top no-repeat} #ContentArea .howVouchersWork ul{padding:0 0 0 60px; margin:0; font-size:18px; letter-spacing:-1px; height:30px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/howitworks/ulbg.gif) top repeat-x} #ContentArea .howVouchersWork ul li{padding:0; margin:0; height:30px; float:left; padding:0 5px 0 0;} #ContentArea .howVouchersWork ul li.title{padding:0 10px 0 0} #ContentArea .howVouchersWork ul li a{display:block; float:left; font-weight:bold; width:20px; height:30px; color:#FFF; text-align:center;} #ContentArea .howVouchersWork ul li a.active{ background: url(/_ui/media/marinedex_media/vouchers/voucherhome/howitworks/a_active.jpg) left top no-repeat} #ContentArea .howVouchersWork .tabContent img { display: none } #ContentArea .howVouchersWork .tabContent img.active { display: block } /*topTenVoucher*/ #ContentArea .topTenVoucher{} #ContentArea .topTenVoucher .header{height:58px; color:#FFF; background:#032d4a; width: 950px; float: left; position: relative;} #ContentArea .topTenVoucher .header h1{width:390px; height:58px; float:left; text-indent:-10000px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchertopten/h1.gif) left top no-repeat} #ContentArea .topTenVoucher .header a.view20{display:block; float:right; width:326px; height:58px; text-indent:-100000px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchertopten/view_20.gif) left top no-repeat} #ContentArea .topTenVoucher .topTenContent { background:#f3f3f3; position:relative; padding:20px 5px; width: 940px; float: left; } /*voucherBox*/ #ContentArea .topTenVoucher .voucherBox{width:163px; margin:0 0 5px 25px; float:left; position: relative; display: block;} #ContentArea .topTenVoucher .voucherBox .numbers{display:block; width:21px; height:28px; color:#FFF; font-weight:bold; position:absolute; margin-left:-17px; padding:7px 0 0 0; text-align:center; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchertopten/numbers.gif) left top no-repeat} #ContentArea .topTenVoucher .voucherBox .topBg{display:block; height:10px; font-size:1px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchertopten/top.gif) left top no-repeat} #ContentArea .topTenVoucher .voucherBox .bottomBg{display:block; height:10px; font-size:1px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchertopten/bottom.gif) left top no-repeat} #ContentArea .topTenVoucher .voucherBox .vContent{text-align:center; padding:0 4px; background:url(/_ui/media/marinedex_media/vouchers/voucherhome/vouchertopten/content.gif) left repeat-y; height: 157px} #ContentArea .topTenVoucher .voucherBox .vContent h3{padding:5px 15px; font-size:20px; color:#000; background:url(/_ui/media/marinedex_media/dash.gif) top repeat-x} #ContentArea .topTenVoucher .voucherBox .vContent p{padding:10px 15px 6px 15px; color:#009cd7; background:url(/_ui/media/marinedex_media/dash.gif) top repeat-x} /*voucherCatSum*/ #ContentArea .voucherCatSum{padding:10px 0} #ContentArea .voucherCatSum h1{font-size:24px; font-weight:normal; letter-spacing:-1px; padding:0 0 20px 0} #ContentArea .voucherCatSum ul{} #ContentArea .voucherCatSum ul li{width:235px; float:left; padding:2px 0} #ContentArea .voucherCatSum ul li a{color:#0099cc} #ContentArea .voucherCatSum > div {display: none} /*companyInfo*/ #ContentArea .voucherColumnLeft .companyInfo{padding-bottom:10px} #ContentArea .voucherColumnLeft .companyInfo .thumb{float:left; width:50px; padding-top:2px} #ContentArea .voucherColumnLeft .companyInfo .thumb img{display:block; float:left; border:3px solid #CCC} #ContentArea .voucherColumnLeft .companyInfo .content{float:right; width:510px} /*voucherList*/ #ContentArea .voucherList{width:660px; margin:10px 0 20px 0; background:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/bg.gif) left repeat-y} #ContentArea .voucherList span.voucherTag{display:block; width:86px; height:28px; position:absolute; text-indent:-10000px; margin:-5px 0 0 84px; background:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/vouchertag.gif) left top no-repeat} #ContentArea .voucherList span.discountTag{display:block; width:86px; height:28px; position:absolute; text-indent:-10000px; margin:-5px 0 0 84px; background:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/discounttag.gif) left top no-repeat} #ContentArea .voucherList .topBg{display:block; height:10px; background:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/top.gif) left top no-repeat} #ContentArea .voucherList .thumb{padding:0 0 0 2px; text-align:center; width:160px; float:left} #ContentArea .voucherList .content{float:right; width:494px; padding:0 2px 0 0;} #ContentArea .voucherList .content h2{margin-top: 10px} #ContentArea #Vouchers .voucherList h2{color:#d8efff; float: left; width: 454px; font-size:20px; background:#082f57; padding: 10px 20px 10px 20px; margin:0 !important;} #ContentArea #Vouchers .voucherList ul{padding:10px 20px !important} #ContentArea #Vouchers .voucherList ul li{padding:5px 0 5px 30px !important; background-position:left 5px !important; background-repeat:no-repeat !important; } #ContentArea #Vouchers .voucherList ul li span.added{color:#2eae4b} #ContentArea #Vouchers .voucherList ul li span.expires{color:#ff6600} #ContentArea #Vouchers .voucherList ul li a {color:#1781cb} #ContentArea #Vouchers .voucherList ul li.moreInfo{color:#000; background-image:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/moreinfo.gif) !important;} #ContentArea #Vouchers .voucherList ul li.calendar{ background-image:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/calendar.gif) !important;} #ContentArea #Vouchers .voucherList ul li.terms{ background-image:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/terms.gif) !important;} #ContentArea #Vouchers .voucherList ul li.active{ background-image:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/active.gif) !important;} #ContentArea #Vouchers .voucherList ul li.inactive{ background-image:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/inactive.gif) !important;} #ContentArea #Vouchers .voucherList ul li.paid{ background-image:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/paid.gif) !important;} #ContentArea #Vouchers .voucherList ul li.unpaid{ background-image:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/unpaid.gif) !important;} #ContentArea #Vouchers .voucherList ul li.preview{ background-image:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/preview.gif) !important;} #ContentArea #Vouchers .voucherList ul li.reorder{ background-image:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/refresh.png) !important;} #ContentArea .voucherList .bottomCode{ padding:10px; height: 40px; background:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/bottom.gif) left bottom no-repeat} #ContentArea .voucherList .bottomCode h2 { background: none !important; color: #082F57 !important; } #ContentArea #Vouchers .voucherList .bottomCode p{padding:0} #ContentArea #Vouchers .voucherList .bottomCode p img{display:block; float:left; padding:13px 10px 0 0} #ContentArea #Vouchers .voucherList .bottomCode p span.code{display:block; padding:4px 10px; float:left; background:#dedede; border:1px dashed #666; font-size:18px} #ContentArea #Vouchers .voucherList .bottomCode a.avail{display:block; float:right; width:193px; height:32px; text-indent:-100000px; background:url(/_ui/media/marinedex_media/vouchers/voucher_inner/voucherlist/avail_a.gif) -193px top} #ContentArea #Vouchers .voucherList .bottomCode a.avail:hover{background-position:left top} /* Register Packages */ .packageContainer { float: left; width: 100%; margin-bottom: 10px; } .packageContainer .packageType { float: left; } .packageContainer .packageContent { float: left; width: 527px; height: 195px; } .packageContainer .packageContent h4, .container h4 { font-weight: bold; font-size: 12px; color: #666666} .packageList {margin: 5px !important} .packageList li { padding:2px 0 0px 20px !important; border-bottom:1px solid #e8e8e8; background:url(/_ui/media/marinedex_media/contentcolumn/li.gif) 1px 5px no-repeat !important;} .packageContainer .packageContentLeft { padding: 12px 18px 0 43px; float: left; width: 198px; height: 182px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; } .packageContainer .packageContentRight { padding: 12px 44px; float: left; width: 177px; height: 182px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; } .packageContainer .packageContent .packageSelect { float: right; } #categories .catListContainer { background: #ccc; padding: 5px; float: left; } #categories .catListContainer select.category { background: #aeaeae; } /*////////////////////////*/ /*///AdvertBox////////////*/ /*////////////////////////*/ #AdvertBoxTop{border-top:11px solid #105e95; background:url(/_ui/media/marinedex_media/advertbox/outerbgt.gif) center bottom no-repeat} #AdvertBoxTop .middle{height:126px; background:#1781cb url(/_ui/media/marinedex_media/advertbox/bgt.gif) left bottom no-repeat !important} #AdvertBoxTop .advert{float:left; padding:20px 0 0 20px;} #AdvertBoxTop a.advertiseWithUs{display:block; float:right; width:166px; margin:20px 30px 0 0; height:64px; text-indent:-10000px; background:url(/_ui/media/marinedex_media/advertbox/advertisewithus.gif) left top no-repeat} #AdvertBoxBottom{border-bottom:11px solid #105e95; background:url(/_ui/media/marinedex_media/advertbox/outerbg.gif) center top no-repeat; clear: both; margin-top: 20px} #AdvertBoxBottom .middle{height:126px; background:#1781cb url(/_ui/media/marinedex_media/advertbox/bg.gif) left top no-repeat !important; padding: 0!important} #AdvertBoxBottom .advert{float:left; padding:15px 0 0 15px;} .advert.horizontal a{float: left} #AdvertBoxBottom a.advertiseWithUs{display:block; float:right !important; width:166px; margin:20px 30px 0 0; height:64px; text-indent:-10000px; background:url(/_ui/media/marinedex_media/advertbox/advertisewithus.gif) left top no-repeat} .accountTemplate { display: block; position: relative; } /*////////////////////////*/ /*///Footer///////////////*/ /*////////////////////////*/ #Footer{width:950px; padding:30px 0 30px 0; margin:0 auto} #Footer p{padding-bottom:15px;} #Footer a{color:#999} #Footer div.marine{padding-top:20px; float:left} #Footer a.byi3{display:block; width:346px; margin-top:10px; height:44px; text-indent:-10000px; float:right; background:url(/_ui/media/marinedex_media/footer/byi3.gif) left top no-repeat} #Footer ul.footerNav {list-style: none;} #Footer ul.footerNav li {display: inline} /*////////////////////////*/ /*///Account//////////////*/ /*////////////////////////*/ .accountTemplate #LeftColumn{width:260px;} .accountTemplate #LeftColumn .content{padding:0!important} .accountTemplate p.breadCrumbs{color:#FFF; padding:11px 10px 0 0; text-align:right} .accountTemplate p.breadCrumbs a{color:#FFF} .accountTemplate .middle{background:0!important} .accountTemplate #LeftColumn .hrLeftColumn{width:248px; display:block; margin:0 -18px; height:5px; font-size:1px; background:url(/_ui/media/marinedex_media/rightcolumn/hrsmall.gif) bottom repeat-x} .accountTemplate #LeftColumn .bottomBg{font-size:1px; height:15px; display:block; background:url(/_ui/media/marinedex_media/leftcolumn/search_bottombg.gif) left top no-repeat} .accountTemplate #ContentColumn{width:670px; padding-left:20px; background:url(/_ui/media/marinedex_media/contentcolumn/searchresult/topbg.gif) left 25px no-repeat!important} #ContentArea #LeftColumn ul.accountNav{padding-bottom:10px; font-size:16px; width: 260px; margin: -1px} #ContentArea #LeftColumn ul.accountNav li{padding:10px 0; position:relative} #ContentArea #LeftColumn ul.accountNav li.active{background:url(/_ui/media/marinedex_media/leftcolumn/account/liactive.gif) left repeat-y} #ContentArea #LeftColumn ul.accountNav li.active a{color:#FFF} #ContentArea #LeftColumn ul.accountNav li a{display:block; padding:0 15px; color:#666; text-decoration:underline} #ContentArea #LeftColumn ul.accountNav li a:hover{color:#000} #ContentArea #LeftColumn ul.accountNav li.active a:hover{color:#FFF} #ContentArea #LeftColumn ul.accountNav li.active span{display:block; width:8px; height:40px; position:absolute; right:-8px; top:0; background:url(/_ui/media/marinedex_media/leftcolumn/account/arrow.gif) left top no-repeat} #ContentArea #LeftColumn ul.accountNav li a.active span{display:block; width:9px; height:16px; position:absolute; left:-1px; top:3px; background:url(/_ui/media/marinedex_media/leftcolumn/account/active_li.gif) left top no-repeat} #ContentArea #LeftColumn .welcomeNote{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#FFF url(/_ui/media/marinedex_media/leftcolumn/account/welcomebg.gif) 196px top repeat-y} #ContentArea #LeftColumn .welcomeNote ul li{padding:10px;} #ContentArea #LeftColumn .welcomeNote ul li.note{width:170px; padding-left:15px; float:left} #ContentArea #LeftColumn .welcomeNote ul li.logout{width:32px; padding-left:0; float:right} #ContentArea #LeftColumn .welcomeNote ul li.logout a{display:block; width:31px; height:31px; float:right; text-indent:-10000px; background:url(/_ui/media/marinedex_media/leftcolumn/account/logout.jpg) left top no-repeat} #ContentArea #LeftColumn .welcomeNote ul li.logout a:hover{background-position:left -31px} .accountTemplate #LeftColumn h2{padding:0 15px} .accountTemplate #LeftColumn h2.headings{font-size:16px!important; padding-top:10px} /*Login*/ .loginError{padding:0 0 10px 0; color:#ff0000; font-size:13px; font-weight:bold} #Login{} #Login .loginForm{width:372px; height:135px; padding:16px; float:left; background:url(../../media/marinedex_media/login/login_form.jpg) left top no-repeat} #Login .loginForm .txtF{display:block; width:289px; height:23px; padding: 4px 0 0 0; float:right; background:url(../../media/marinedex_media/login/txtf.gif) left top no-repeat; text-align:center} #Login .loginForm .txtF input{width:279px; border:0; background:#FFF} #Login .loginForm label{display:block; width:70px; padding: 5px 0 0 0; float:left; font-size:13px} #Login .loginForm p{padding:8px 0 15px 0} #Login .loginForm .fields{height:112px} #Login .loginForm .forgotPass{float:left; font-size:13px; color:#FFF; padding-top:5px} #Login .loginForm .forgotPass a{color:#FFF; text-decoration:underline} #Login .loginForm button.login{display:block; border:0; width:84px; height:27px; text-indent:-100000px; float:right; background:url(../../media/marinedex_media/login/login.gif) left top no-repeat} #Login .loginForm button.confirm{display:block; border:0; width:84px; height:27px; text-indent:-100000px; float:right; background:url(../../media/marinedex_media/login/confirm.gif) left top no-repeat} #Login .loginForm button.retrieve{display:block; border:0; width:84px; height:27px; text-indent:-100000px; float:right; background:url(../../media/marinedex_media/login/retrieve.gif) left top no-repeat} #Login .registerBlock{width:210px; height:168px; float:right; padding:16px; font-size:11px; border: 1px solid #CCC; border-radius: 8px;} #Login .registerBlock h2{height:55px; font-size:10px!important; text-indent:-10000px; background:url(../../media/marinedex_media/login/h2.gif) left top no-repeat} #Login .registerBlock p{padding-bottom:15px!important} #Login .registerBlock .registerUserLink{display:block; margin-left: -9px; width:228px; height:32px; text-indent:-100000px; background:url(../../media/marinedex_media/login/createUserAccount.gif) left top no-repeat} #Login .registerBlock .registerBusinessLink{display:block; margin-left: -9px; width:228px; height:32px; text-indent:-100000px; background:url(../../media/marinedex_media/login/createBusinessAccount.gif) left top no-repeat} #Account{ padding-top: 10px} #Account h1{padding-top:10px!important} #Account .accountBox h3{padding:5px 10px!important; color:#FFF; background:#105e95} #Account .accountBox{border:1px solid #d5d5d5; margin-top:15px; position:relative; height:100%} #Account .accountBox a.editSection{display:block; width:28px; height:28px; text-indent:-10000px; position:absolute; right:8px; top:8px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/edit_icon.gif) left top no-repeat} #Account .accountBox a.editSection:hover{background-position:-28px top} #Account .accountBox a.manageSection{display:block; width:28px; height:28px; text-indent:-10000px; position:absolute; right:8px; top:8px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/manage_icon.gif) left top no-repeat} #Account .accountBox a.manageSection:hover{background-position:-28px top} #Account a.importSection {display:block; width:28px; height:28px; text-indent:-10000px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/import_icon.gif) left top no-repeat} #Account .accountBox a.importSection{position:absolute; right:8px; top:8px;} #Account a.importSection:hover{background-position:-28px top} #Account .accountBox form.searchContacts{width:248px; height:28px; position:absolute; right:8px; top:8px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/searchcontacts.gif) left top no-repeat} #Account .accountBox form.searchContacts p{padding:3px 3px 0 3px; margin:0} #Account .accountBox form.searchContacts input{width:200px; border:0; font-size:11px; color:#666; padding:4px 0 0 5px; float:left; background:0} #Account .accountBox form.searchContacts button{width:31px; height:22px; display:block; border:0; float:right; cursor:pointer; text-indent:-10000px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/searchbut.gif) left top no-repeat} #Account .accountBox form.searchContacts button:hover{background-position:-31px top} #Account .accountBox form.searchContacts input.submit{width:31px; height:22px; display:block; border:0; float:right; cursor:pointer; text-indent:-10000px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/searchbut.gif) left top no-repeat} #Account .accountBox form.searchContacts input.submit:hover{background-position:-31px top} #Account .accountBox .resultsTotal { padding: 4px 6px; float: left; color: #105E95; } #ContentArea #ContentColumn #Account .accountBox h2{padding:0; margin:0; height:44px; font-size:16px; border-bottom:1px solid #e8e8e8} #ContentArea #ContentColumn #Account .accountBox h2 span{display:block; float:left; padding-top:12px; color:#848484} #ContentArea #ContentColumn #Account .accountBox h2 img{display:block; padding-right:15px; float:left} #ContentArea #ContentColumn #Account .accountBox h2.persDet_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/persdet_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.persDet_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.compDet_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/compdet_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.compDet_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.myInbox_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/myinbox_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.myInbox_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.myAdressBook_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/myaddress_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.myAdressBook_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.Affiliates_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/affiliates_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.Affiliates_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.affiliatesRoles_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/affiliationRoles_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.affiliatesRoles_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.skinUpload_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/skinUpload.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.skinUpload_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.latestCompany_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/latestcompany_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.latestCompany_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.sugCompanies_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/suggest_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.sugCompanies_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.news_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/news_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.news_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.fav_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/fav_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.fav_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.myHistory_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/myhistory_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.myHistory_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.notes_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/notes_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.notes_h2 span{display:none} #ContentArea #ContentColumn #Account .accountBox h2.myJobs_h2{ background:#FFF url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/h2/myjobs_h2.gif) 75px center no-repeat} #ContentArea #ContentColumn #Account .accountBox h2.myJobs_h2 span{display:none} #Account .accountBox .bottomShadow{display:block; position:absolute; width:100%; bottom:-5px; left:0; font-size:1px; height:5px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/bottombg.gif) top repeat-x} #Account .showLinks{padding-top:10px} #Account .showLinks a{display:block; float:left; padding:10px; font-size:13px; font:bold; letter-spacing:-1px; color:#666} #Account .showLinks a strong{color:#1781cb} #Account .accountBox .headerInfo{background:#e8f5fe; padding:5px; border-bottom:1px solid #CCC} #Account .accountBox .headerInfo .textContent{float:left; background:#FFF; border:1px solid #bde4ff; padding:3px} #Account .accountBox .headerInfo .textContent p{padding:0!important} #Account .accountBox .headerInfo .formContent{float:right; font-size:11px} #Account .accountBox .footerInfo{padding:10px} #Account .accountBox .footerInfo .textContent{float:right; background:#FFF; border:1px solid #bde4ff; padding:5px 10px} #Account .accountBox .footerInfo .textContent p{padding:0!important} #Account .accountBox .footerInfo .formContent{float:left; font-size:11px} #Account .personalDetails{background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/personaldetails.jpg) left repeat-y} #ContentArea #ContentColumn #Account ul{padding:0; margin:0} #ContentArea #ContentColumn #Account ul li{padding:0; margin:0; border:0; background:0} #ContentArea #ContentColumn #Account ul.regTabs li{ } #ContentArea #ContentColumn #Account ul.regTabs li a { height: 30px; } #ContentArea #ContentColumn #Account ul.regTabs li a.listingTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/listingsTab.jpg) no-repeat scroll 0 0; width: 75px; } #ContentArea #ContentColumn #Account ul.regTabs li a.contentTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/contentTab.jpg) no-repeat scroll 0 0; width: 75px; } #ContentArea #ContentColumn #Account ul.regTabs li a.affiliatesTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/affiliatesTab.jpg) no-repeat scroll 0 0; width: 75px; } #ContentArea #ContentColumn #Account ul.regTabs li a.galleryTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/galleryTab.jpg) no-repeat scroll 0 0; width: 75px; } #ContentArea #ContentColumn #Account ul.regTabs li a.bannerCreatorTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/bannerCreatorTab.jpg) no-repeat scroll 0 0; width: 119px; } #ContentArea #ContentColumn #Account ul.regTabs li a.voucherTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/vouchersTab.jpg) no-repeat scroll 0 0; width: 75px; } #ContentArea #ContentColumn #Account ul.regTabs li a.bannersTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/bannersTab.jpg) no-repeat scroll 0 0; width: 76px; } #ContentArea #ContentColumn #Account ul.regTabs li a.businessInfoTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/businessInfoTab.jpg) no-repeat scroll 0 0; width: 156px; } #ContentArea #ContentColumn #Account ul.regTabs li a.humanResourcesTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/humanResourcesTab.jpg) no-repeat scroll 0 0; width: 135px; } #ContentArea #ContentColumn #Account ul.regTabs li a.systemInfoTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/systemInfoTab.jpg) no-repeat scroll 0 0; width: 143px; } #Account .personalDetails .contentColumn{width:520px; float:left; position:relative} #ContentArea #ContentColumn #Account .personalDetails .contentColumn ul{padding:10px} #ContentArea #ContentColumn #Account .personalDetails .contentColumn ul li{padding:3px 0; clear: both} #ContentArea #ContentColumn #Account .personalDetails .contentColumn ul li strong{width:100px; color:#b4b4b4; display:block; float:left} #ContentArea #ContentColumn #Account .personalDetails .contentColumn ul li span{ float: right; width: 130px; } #Account .personalDetails .contentColumn ul.personalCard{float:left; width:250px;} #Account .personalDetails .contentColumn ul.contactCard{float:right; width:230px;} #Account .personalDetails .timeBox{width:148px; float:right; height:161px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/timebox.jpg) left top no-repeat} #ContentArea #ContentColumn #Account .personalDetails .timeBox ul{position:relative; width:95px; margin:0 auto; padding-top:40px} #ContentArea #ContentColumn #Account .personalDetails .timeBox ul li{} #ContentArea #ContentColumn #Account .personalDetails .timeBox ul li.time{text-align:center; color:#105e95} #ContentArea #ContentColumn #Account .personalDetails .timeBox ul li.date{font-size:48px; text-align:center; font-weight:bold} #ContentArea #ContentColumn #Account .personalDetails .timeBox ul li.date span{display:block; text-align:left; line-height:12px; font-size:12px; margin-top:-7px; padding-left:20px; color:#105e95} #Account .defaultContent{height:100%; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/defcontent.gif) right repeat-y} #Account .personalDetails .profilePic{width:138px; float:right; padding-top:10px;} #ContentArea #ContentColumn #Account .personalDetails .profilePic ul{position:relative; width:120px; margin:0 auto} #ContentArea #ContentColumn #Account .personalDetails .profilePic ul li{text-align:center} #ContentArea #ContentColumn #Account .personalDetails .profilePic ul li.editProfilePic{position:absolute; top:5px; right:5px; width:28px; height:28px;} #ContentArea #ContentColumn #Account .personalDetails .profilePic ul li.editProfilePic a{display:block; width:28px; height:28px; text-indent:-10000px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/editprofilepic.png) left top no-repeat} #ContentArea #ContentColumn #Account .personalDetails .profilePic ul li.editProfilePic a:hover{background-position:-28px top} #ContentArea #ContentColumn #Account .personalDetails .profilePic ul li.uploadCV{width:120px; height:22px; padding-top:5px;} #ContentArea #ContentColumn #Account .personalDetails .profilePic ul li.uploadCV a{width:120px; height:22px; display:block; text-indent:-100000px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/uploadcv.gif) left top no-repeat} #ContentArea #ContentColumn #Account .personalDetails .profilePic ul li.uploadCV a:hover{background-position:left -22px} #Account table.myInboxTable{} #Account table.myInboxTable tr.last td {background-image: none} #Account table.myInboxTable th, #Account table.myInboxTable td{padding:5px 10px !important} #Account table.myInboxTable td{background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/border-bottom.gif) bottom repeat-x} #Account table.myInboxTable td.last{background: none !important} #Account table.myInboxTable th.action, #Account table.myInboxTable td.action{background:#e3f3fd !important} #Account table.myInboxTable th a{color:#FFF} #Account table.myInboxTable tr.browse{color:#ffcc00; font-weight:bold} #Account table.myInboxTable tr.browse td{background:#105e95; padding:0} #Account table.myInboxTable tr.browse td strong{padding:0 8px 0 0} #Account table.myInboxTable tr.browse td a{padding:0 3px 0 3px; color:#FFF} #Account table.myInboxTable tr.browse td span{padding: 0 3px 0 3px; color: #BBB} #Account table.myInboxTable tr form{color:#FFF; padding:0} #Account table.myInboxTable tr form h4{padding:6px 5px 6px 6px; background:#146dac; float:left} #Account table.myInboxTable tr form p{padding:4px 10px 0 12px!important; margin:0; float:left} #Account table.myInboxTable tr form p label{display:block; color:#73b0dc; float:left; padding:2px 10px 0 0} #Account table.myInboxTable tr form p select{width:50px; font-size:11px; color:#666} #Account table.myInboxTable tr form p select.auto{width:auto;} #Account table.myInboxTable tr.loader { background: url(/_ui/media/marinedex_media/loader.gif) no-repeat scroll 50% 50%; height: 100px; width: 100%; } #Account form .loader { float: left; background: url(/_ui/media/marinedex_media/loader.gif) no-repeat scroll 50% 50%; height: 200px; width: 100px; } .loaderPopUp { float: left; background: #000 url(/_ui/media/marinedex_media/loaderLarge.gif) no-repeat scroll 50% 50%; height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0.5; filter:alpha(opacity=50); z-index: 1000; } #Account table.myInboxTable td.name{} #Account table.myInboxTable td.name img{float:left; display:block; padding-right:10px} #Account table.myInboxTable td.name strong{display:block; float:left; padding-top:2px} #Account table.myInboxTable td.name a{color:#1781cb} #Account table.myInboxTable td.name a:visited{color:#666} #Account table.myInboxTable td.from{} #Account table.myInboxTable td.from a{color:#1781cb} #Account table.myInboxTable td.number{color:#70bcf1} #Account table.myInboxTable td.action{} #Account table.myInboxTable th{color:#FFF; text-align:left; background:#105e95} #Account .accountGridLeft{width:331px; float:left} #Account .accountGridRight{width:331px; float:right} #Account .companySnippet{padding:5px 0 5px 5px} #Account .companySnippet .sContent{width:248px; padding:5px; border:1px solid #dcdcdc; } #Account .companySnippet .sContent:hover{border-color:#105e95} #Account .companySnippet img{float:left; display:block} #Account .companySnippet ul{float:right; padding-top:5px!important; width:170px; position:relative} #Account .companySnippet ul li.location{padding-top:10px!important} #Account .companySnippet ul li.details{position:absolute; right:-66px; top:-6px} #Account .companySnippet ul li.details a{width:60px; height:26px; display:block; text-indent:-100000px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/snippet/details.jpg) left top no-repeat} #Account .companySnippet ul li.details a:hover{background-position:left -26px} #Account .companySnippet ul li.service a{color:#ff6600} #Account .companySnippet ul li.title{color:#0099cc} #Account .newsPress{width:271px; position:relative} #Account .newsPress h4{color:#FFF; padding:5px 10px; background:#0099cc} #Account .newsPress .sContent{padding:10px} #Account .newsPress a{color:#0099cc} #Account .newsPress span.date{position:absolute; padding:5px; text-align:center; right:-58px; top:0; color:#FFF; width:48px; background:#00688a} #Account .favs{width:271px; position:relative} #Account .favs h4{padding:0; padding:4px 0; border-bottom:1px solid #e8e8e8} #Account .favs h4 span{float:left; padding:5px 10px; margin-top:-5px; margin-right:10px; color:#FFF; background:#c3c3c3} #Account .favs p{padding:10px!important} #Account .favs a{color:#0099cc} #Account .favs a.editList{color:#FFF; display:block; position:absolute; right:-58px; top:0; width:57px; height:23px; color: #ffffff; font-size: 10px; font-family: Tahoma; text-transform: uppercase; text-align: center; line-height: 22px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/editlist.jpg) left top no-repeat} #Account .favs a.editList:hover{background-position:left -23px; color: #70BCF1} #Account .history{width:327px; position:relative; margin-bottom: 30px; margin-right: 10px; float: left; } #Account .history .sContent { margin: 10px 10px 0px 0; float: left; width: 315px; height: 71px;} #Account .history .sContent ul { width: 228px; } #Account .history h4{padding:0; padding:4px 0; border-bottom:1px solid #e8e8e8} #Account .history h4 span{float:left; padding:5px 10px; margin-top:-5px; margin-right:10px; color:#FFF; background:#c3c3c3} #Account .history p{padding:10px!important} #Account .history a{color:#0099cc} #Account .history a.editList{color:#FFF; display:block; position:absolute; right:1px; top:-1px; width:57px; height:23px; color: #ffffff; font-size: 10px; font-family: Tahoma; text-transform: uppercase; text-align: center; line-height: 22px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/editlist.jpg) left top no-repeat} #Account .history a.editList:hover{background-position:left -23px; color: #70BCF1} #Account .historyFull{width:100%; position:relative; margin-bottom: 30px; margin-right: 10px; float: left; } #Account .historyFull .sContent { margin: 10px 10px 0px 0; float: left; width: 315px; height: 71px;} #Account .historyFull .sContent ul { width: 228px; } #Account .historyFull h4{padding:0; padding:4px 0; border-bottom:1px solid #e8e8e8} #Account .historyFull h4 span{float:left; padding:5px 10px; margin-top:-5px; margin-right:10px; color:#FFF; background:#c3c3c3} #Account .historyFull p{padding:10px!important} #Account .historyFull a{color:#0099cc} #Account .historyFull a.editList{color:#FFF; display:block; position:absolute; right:1px; top:-1px; width:57px; height:23px; color: #ffffff; font-size: 10px; font-family: Tahoma; text-transform: uppercase; text-align: center; line-height: 22px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/editlist.jpg) left top no-repeat} #Account .historyFull a.editList:hover{background-position:left -23px; color: #70BCF1} #Account .notes{width:271px; position:relative} #Account .notes h4{padding:5px 10px; border-bottom:1px solid #e8e8e8; float: left; width: 80px} #Account .notes .sContent{padding:5px 10px 0 10px} #Account .notes .sContent span{display:block; float:right; margin:5px 5px 10px; width:140px;} #Account .notes .action{position:absolute; right:-58px; top:0; width:54px; padding:3px 0 0 3px} #Account .notes a.inCat{display:block; padding:5px 10px; font-weight:bold; border-top:1px solid #e8e8e8; padding-bottom:20px; color:#0099cc; border-bottom:1px solid #e8e8e8} #Account a.smallEdit{display:block; width:19px; height:19px; text-indent:-10000px; float:left; margin-right:2px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/smalledit.png) left top no-repeat} #Account a.smallEdit:hover{background-position:left -19px} #Account .action a.remove{display:block; width:19px; height:19px; text-indent:-10000px; float:left; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/smallremove.png) left top no-repeat} #Account .action a.remove:hover{background-position:left -19px} a.favourite {display: block; width: 16px; height: 16px; position: relative; top: 5px; left: -10px; top: 4px; background-image: url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/favourite.png); background-repeat: no-repeat; background-position: middle} .productList a.favourite {top: -21px} a.note {display: block; width: 16px; height: 16px; position: relative; top: 7px; left: -8px; top: 4px; background-image: url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/note.png); background-repeat: no-repeat; background-position: middle} .productList a.note {top: -22px} a.contact {display: block; width: 16px; height: 16px; position: relative; top: 5px; left: -12px; top: 6px; background-image: url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/contact.png); background-repeat: no-repeat; background-position: middle} .productList a.contact {top: -20px} #Account .jobs{width:271px; position:relative; border-top:1px solid #e8e8e8} #Account .jobs .actions{position:absolute; right:-58px; top:0; width:54px; padding:3px 0 0 3px} #Account .jobs .sContent{width:248px; padding:5px} #Account .jobs img{float:left; display:block} #Account .jobs ul{float:right; padding-top:5px!important; width:170px; position:relative} #Account .jobs ul li.jobtitle{color:#5b5b5b} #Account .jobs ul li.title{color:#0099cc} #Account .jobs ul li.details{padding-top:10px!important} #Account .jobs ul li.details a{color:#0099cc} #Account .jobs a.smallEdit{display:block; width:19px; height:19px; text-indent:-10000px; float:left; margin-right:2px; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/smalledit.gif) left top no-repeat} #Account .jobs a.smallEdit:hover{background-position:left -19px} #Account .jobs a.remove{display:block; width:19px; height:19px; text-indent:-10000px; float:left; background:url(/_ui/media/marinedex_media/contentcolumn/account/accountbox/smallremove.gif) left top no-repeat} #Account .jobs a.remove:hover{background-position:left -19px} #Account .accountTinyEditor { width: 100%; height: 200px; margin-bottom: 20px; } #Account .leadsTinyEditor { width: 98%; height: 400px; margin-bottom: 20px; } /* Lead stuff */ .LeadContainer .LeadElement { width: 96%; padding: 12px; border: 1px solid #CCC; } .LeadContainer .LeadElement .LeadActions { float: right; padding: 3px; position: absolute; left: 89%; } .LeadContainer .LeadElement .LeadRating { float: right; background-color: #FFF; padding: 3px; position: absolute; left: 86%; } .LeadContainer .LeadElement.Archived { background-color: #E9E9E9; color: #999; } .LeadContainer .LeadElement.Archived a { color: #555; } .LeadContainer .LeadElement.Successful { background-color: #BFFFBF; border-color: #6D8A00; color: #333; } .LeadContainer .LeadElement.Successful a { color: #000; } .LeadContainer .LeadElement.Unsuccessful { background-color: #F4D9D9; border-color: #FF6E6E; color: #222; } .LeadContainer .LeadElement.Unsuccessful a { color: #222; } .LeadContainer .LeadElement .typeface-js { float: left; letter-spacing: 0px; font-size: 14px !important; color: #105E95; } .LeadRatingDescription { font-size: 10px; text-align: center; } .LeadContainer .LeadElement.Unsuccessful .typeface-js { color: #F00; } .LeadContainer .LeadElement.Successful .typeface-js { color: #6D8A00; } .LeadContainer .LeadElement div { clear: both; } .LeadContainer .LeadElement { margin-bottom: 20px; } .LeadContainer .LeadElement.Highlight { background-color: #FFFFDA; } .LeadContainer .LeadElement div strong.Node { font-size: 11px; font-weight: bold; width: 100px; display: block; float: left; line-height: 20px; } .LeadContainer .LeadElement div span.Node, .LeadContainer .LeadElement div a.Node { font-size: 11px; display: block; float: left; line-height: 20px; width: 300px; } .LeadContainer .LeadElement div textarea.Node { display: block; float: left; line-height: 18px; width: 80%; height: 200px; margin-top: -3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; outline: none; } .LeadContainer .LeadElement span ul { color: #888; } .LeadContainer .LeadElement div.Content { font-size: 11px; display: block; padding-top: 14px; } #ContentArea #ContentColumn #Account ul.regTabs li a.leadsTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/leadsTab.gif) no-repeat scroll 0 0; width:96px } #ContentArea #ContentColumn #Account ul.regTabs li a.packageTab { background:url(/_ui/media/marinedex_media/forms/register/packageTab.gif) no-repeat scroll 0 0; width:96px } #ContentArea #ContentColumn #Account ul.regTabs li a.overviewTab { background:url(/_ui/media/marinedex_media/contentcolumn/account/leads/tab_overview.gif) no-repeat scroll 0 0; width:96px } #ContentArea #ContentColumn #Account ul.regTabs li a.createLead { background:url(/_ui/media/marinedex_media/contentcolumn/account/leads/tab_createLead.jpg) no-repeat scroll 0 0; width:96px } #ContentArea #ContentColumn #Account ul.regTabs li a.filterLeads { background:url(/_ui/media/marinedex_media/contentcolumn/account/leads/tab_filterLeads.gif) no-repeat scroll 0 0; width:96px } #ContentArea #ContentColumn #Account ul.regTabs li a.leadsBidFor { background:url(/_ui/media/marinedex_media/contentcolumn/account/leads/tab_leadsBidFor.jpg) no-repeat scroll 0 0; width:101px } #ContentArea #ContentColumn #Account ul.regTabs li a.openLeads { background:url(/_ui/media/marinedex_media/contentcolumn/account/leads/tab_openLeads.jpg) no-repeat scroll 0 0; width:86px } #ContentArea #ContentColumn #Account ul.regTabs li a.yourPostedLeads { background:url(/_ui/media/marinedex_media/contentcolumn/account/leads/tab_yourPostedLeads.jpg) no-repeat scroll 0 0; width:126px } /*.popUpForm*/ .popUpForm{width: 400px;} .popUpForm .col{width:50%; float:left;} .popUpForm p, .popUpForm div.paragraph{padding:10px 0; margin:0;} .popUpForm label{font-weight:bold; display:block; float:left; padding: 8px 0; color:#666; width:25%} .popUpForm label.bWidth{width:30%} .popUpForm p.err{ text-align:left; display:block; padding:0 0 0 150px; color:#c00;} .popUpForm .col p.err{ text-align:left; display:block; padding:0 0 0 120px; color:#c00;} .popUpForm #recipients_select{width: 679px} .popUpForm #recipients_error{text-align:left; display:block; padding:0 0 0 160px; color:#c00;} .popUpForm .col #recipients_error{text-align:left; display:block; padding:0 0 0 120px; color:#c00;} .popUpForm select {/*width:99%!important;*/ border:#CCC 1px solid; /*padding:5px;*/} .popUpForm select.selBox {width:99%!important;} .popUpForm .txtF{ width:71%; border:#CCC 1px solid; padding: 4px;} .popUpForm .txtA{ width:71%; height:200px; padding: 4px; border:#CCC 1px solid;} form input.btn { float:right; border: none; position: relative; text-indent:-99999px; display: block; font-size: 0; line-height: 0; background: #fff; cursor: pointer; margin: 0 11px 10px 0; } form input.btn:hover { background-position: 0 -25px; } form input.nextStep{width:71px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_nextStep.gif) left top no-repeat} form input.addNote{width:71px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_addNote.gif) left top no-repeat} form input.editNote{width:71px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_editNote.gif) left top no-repeat} form input.addContact{width:88px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_addContact.gif) left top no-repeat} form input.editContact{width:88px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_editContact.gif) left top no-repeat} form input.addVoucher{width:87px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_addVoucher.gif) left top no-repeat} form input.editVoucher{width:87px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_editVoucher.gif) left top no-repeat} form input.update{width:71px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_update.gif) left top no-repeat} form input.submit{width:71px; height:25px; border:none; background:url(/_ui/media/marinedex_media/forms/btn_submit.gif) left top no-repeat} form input.selectCompany{width:183px; height:25px; border:none !important; text-indent:-99999px; background:url(/_ui/media/marinedex_media/forms/lead-select.jpg) left top no-repeat} form input.upload{width:71px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_upload.gif) left top no-repeat} form input.addBanner{width:83px; height:25px; background:url(/_ui/media/marinedex_media/contentcolumn/account/bannerCreator/btnAddBanner.gif) left top no-repeat} form input.editBanner{width:83px; height:25px; background:url(/_ui/media/marinedex_media/contentcolumn/account/bannerCreator/btnEditBanner.gif) left top no-repeat} .popUpForm .txtAHLgr{height:170px;} .popUpForm a {color: #E7286D} .popUpForm a.addAttach{ /*display:block; margin:0 0 10px 0;*/} a.addVoucher{width:87px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_addVoucher.gif) left top no-repeat; display: block; text-indent: -9999px;} a.addVoucher:hover {background-position: 0 -25px;} .popUpForm .tabs{display:block; border-bottom:1px solid #666; margin-bottom:10px;} .popUpForm .tabs .tab{display:block; float:left; margin-right:3px; background-color:#CCC; color:#666; padding:10px 20px; position:relative;} .popUpForm .tabs .tab:hover{background-color:#666; color:#fff; cursor:pointer;} .popUpForm .tabs .selected{background-color:#666; color:#fff;} .popUpForm .button{float:right; border:0; width:52px; height:29px; color:#FFF; text-indent:-10000px; background:url(/_ui/media/ihouseu_media/popup_submit.gif) left top no-repeat} .popUpContent { } .popUpContent strong { font-weight:bold; display:block; float:left; padding: 8px 0; color:#666; width:25% } .popUpContent span { padding: 8px 0; color:#666; width:75%; float: left; } /*updateDetails*/ form.updateDetails{padding-top: 10px; max-width: 750px } #Account .LeadTokens p, #Account .LeadTokens p, form.updateDetails p, form.updateDetails .paragraph{padding:10px 0; border-bottom:1px solid #e8e8e8} form.updateDetails p.grey{background:#e8f5fe;} #Account .LeadTokens label, form.updateDetails label{font-weight:bold; padding-top:6px; width:150px; display:block; float:left} #Account .LeadTokens label.large, form.updateDetails label.large {width:550px;} form.updateDetails #telephoneContainer {display: block; width: 520px; float: right;} form.updateDetails .addNumber{display: block; float: right; background:url('/_ui/media/marinedex_media/forms/add.png') no-repeat; width: 16px; height: 16px; margin-right: 13px;} form.updateDetails .addNumber:hover{cursor: pointer;} form.updateDetails .tfStyle{border:1px solid #CCC; padding:5px; width:500px} form.updateDetails span.tfStyle { display: block; margin-top: 1px } form.updateDetails .tAStyle{border:1px solid #CCC; padding:5px; height:200px; width:500px} form.updateDetails .button{display:block; border:0; text-indent:-100000px; width:184px; height:38px; float:right; background:url(/_ui/media/marinedex_media/contentcolumn/submitform.gif) left top no-repeat; cursor: pointer;} form.updateDetails .formButtons a.sendBtn{display:block; border:0; text-indent:-100000px; width:184px; height:38px; margin-top:20px; background:url(/_ui/media/marinedex_media/contentcolumn/submitform.gif) left top no-repeat; cursor: pointer } form.updateDetails .purchaseLeads{display:block; border:0; text-indent:-100000px; width:184px; height:38px; margin-top:20px; background:url(/_ui/media/marinedex_media/contentcolumn/btn_leads.png) left top no-repeat; cursor: pointer } form.updateDetails .formButtons a.attachment{display:block; border:0; text-indent:-100000px; width:161px; height:38px; margin-top:20px; background:url(/_ui/media/marinedex_media/contentcolumn/attachment.gif) left top no-repeat; cursor: pointer;} form.updateDetails .o_times input {width: 40px} form.updateDetails .o_times .header td {text-align: center} .o_times_d {width: 100%; border-collapse: collapse; text-align: center;} .o_times_d td{padding: 2px} .o_times_d .header td{background-color: #eeeeee} ul.regTabs { list-style-type: none; float: left; width: 100%; height:30px; border-bottom: 1px solid #666666; margin-top: 16px !important; overflow:hidden;} ul.regTabs li { float: left; } ul.regTabs li a { display: block; text-indent: -9999px !important; height: 30px; margin:0 2px; } ul.regTabs li a.active, ul.regTabs li a:hover { background-position: 0 -30px !important; } #ContentArea #ContentColumn ul.regTabs li a.infoTab { background:url(/_ui/media/marinedex_media/forms/register/accountTab.png) left top no-repeat; width: 96px; } #ContentArea #ContentColumn ul.regTabs li a.billingTab { background:url(/_ui/media/marinedex_media/forms/register/billingTab.png) left top no-repeat; width: 96px; } #ContentArea #ContentColumn ul.regTabs li a.catTab { background:url(/_ui/media/marinedex_media/forms/register/catTab.gif) left top no-repeat; width: 104px; } #ContentArea #ContentColumn ul.regTabs li a.packTab { background:url(/_ui/media/marinedex_media/forms/register/packTab.gif) left top no-repeat; width: 162px; } #ContentArea #ContentColumn ul.regTabs li a.summaryTab { background:url(/_ui/media/marinedex_media/forms/register/summaryTab.gif) left top no-repeat; width: 84px; } #ContentArea #ContentColumn ul.regTabs li a.userTab { background:url("/_ui/media/marinedex_media/forms/register/userLogin.jpg") no-repeat scroll left top transparent; width:96px;} #ContentArea #ContentColumn ul.regTabs li a.businessTab { background:url("/_ui/media/marinedex_media/forms/register/businessLogin.jpg") no-repeat scroll left top transparent; width:124px;} ul.regTabs li a.contentTab { background:url("/_ui/media/marinedex_media/contentcolumn/account/contentTab.jpg") no-repeat scroll left top transparent; width:75px;} ul.regTabs li a.mainTab { background: url("/_ui/media/marinedex_media/contentcolumn/account/mainInfoTab.jpg") no-repeat scroll left top transparent; width:126px;} ul.regTabs li a.pointingTab { background: url("/_ui/media/marinedex_media/contentcolumn/account/targetGroupsTab.jpg") no-repeat scroll left top transparent; width:130px;} ul.regTabs li a.categoriesTab { background: url("/_ui/media/marinedex_media/contentcolumn/account/targetGroupsTab.jpg") no-repeat scroll left top transparent; width:130px;} ul.regTabs li a.citiesTab { background: url("/_ui/media/marinedex_media/contentcolumn/account/targetCityTab.jpg") no-repeat scroll left top transparent; width:130px;} ul.regTabs li a.countriesTab { background: url("/_ui/media/marinedex_media/contentcolumn/account/targetCountryTab.jpg") no-repeat scroll left top transparent; width:146px;} ul.regTabs li a.categoriesTab { background: url("/_ui/media/marinedex_media/contentcolumn/account/targetCatsTab.jpg") no-repeat scroll left top transparent; width:155px;} /* Add Listing Categories */ #regFormBody ul#selected_categories { /*margin: 0 0 0 25px !important;*/ padding-bottom: 4px !important; } #regFormBody ul#selected_categories li span.removeImg { background:url(/_ui/media/marinedex_media/forms/delete.gif) 0% 1px no-repeat; padding-left: 14px; margin-left: 10px; } /* Banner Creator */ .bannerCreator { float: left; width: 100%; } .bannerCreator .bannerCreatorOptions { margin-left: 10px; float: left; border: 1px solid #e8e8e8; width: 315px; } .bannerCreator .bannerCreatorOptions h2.bannerHeading { background: #cccccc url(/_ui/media/marinedex_media/contentcolumn/account/bannerCreator/header.gif) no-repeat scroll 0 0; width: 100%; height: 44px; display: block; margin: 0; } .bannerCreator .bannerCreatorOptions .bannerCreatorOptionsContent { width: 285px; float: left; padding: 15px; } .bannerCreator .bannerCreatorOptions .palette { width: 275px; height: 80px; } .bannerCreator .bannerCreatorOptions .textPicker { width: 269px; height: 80px; } .bannerCreator .bannerCreatorOptions select.objectPicker { width: 135px; float: left; margin-bottom: 5px; } .bannerCreator .bannerCreatorOptions .extraOptions { clear: left; } .bannerCreator .bannerCreatorOptions .extraOptions .containerTransform { float: left; clear: left; } .bannerCreator .bannerCreatorOptions .extraOptions .containerTransform label { font-weight: bold; width: 36px; float: left; padding: 7px 5px; } .bannerCreator .bannerCreatorOptions label#textArea { background: url(/_ui/media/marinedex_media/contentcolumn/account/bannerCreator/textArea.gif) no-repeat scroll 0 0; width: 57px; height: 11px; text-indent: -99999px; display: block; margin-bottom: 4px; } .bannerCreator .bannerCreatorOptions label#colourPalette { background: url(/_ui/media/marinedex_media/contentcolumn/account/bannerCreator/colourPalette.gif) no-repeat scroll 0 0; width: 75px; height: 12px; text-indent: -99999px; display: block; margin-bottom: 6px; } .bannerCreator .bannerCreatorOptions .extraOptions .containerTransform select.advertTransform { width: 89px; margin: 4px 0; } .bannerCreator .bannerCreatorOptions .extraOptions .containerTransform input.fieldTransform { width: 84px; margin: 4px 0; } .otherBanners { border: 1px solid #e8e8e8; float: left; margin-top: 10px; width: 100%; } .otherBanners img { padding: 10px; float: left; } .otherBanners h2.savedBanners { background: #cccccc url(/_ui/media/marinedex_media/contentcolumn/account/bannerCreator/savedBanners.gif) no-repeat scroll 0 0; width: 100%; height: 44px; display: block; text-indent: -9999px; margin: 0; } .bannerCreator .bannerCreatorOptions .btn { height: 25px; display: block; text-indent: -9999px; } .bannerCreator .bannerCreatorOptions .btn:hover { background-position: 0 -25px !important; } .bannerCreator .bannerCreatorOptions .addImage { float: left; margin: 0 5px 0 0 ; background: url(/_ui/media/marinedex_media/contentcolumn/account/bannerCreator/btnAddImage.gif) no-repeat scroll 0 0; width: 77px; } .bannerCreator .bannerCreatorOptions .addNewVoucher { float: left; margin: 5px 0 0 0; background: url(/_ui/media/marinedex_media/contentcolumn/account/bannerCreator/addNewVoucher.gif) no-repeat scroll 0 0; width: 135px; } .bannerCreator .bannerCreatorOptions .designSave { float: left; margin: 0 !important; background: url(/_ui/media/marinedex_media/contentcolumn/account/bannerCreator/btnSave.gif) no-repeat scroll 0 0; width: 53px; padding: 0; } /* Buttons */ a.btn { float:right; text-indent:-10000px; cursor: pointer;} a.btn:hover { background-position: 0 -25px; } a.addNote { width:71px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_addNote.gif) left top no-repeat; } a.addContact { width:88px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_addContact.gif) left top no-repeat; } a.addReferal { width:114px; height:25px; background:url(/_ui/media/marinedex_media/forms/btn_addReferal.gif) left top no-repeat; } a.changePackage { width:128px; height:25px; margin-top: 17px; background:url(/_ui/media/marinedex_media/contentcolumn/btn_changePackage.gif) left top no-repeat; } a.addCategory { width:94px; height:25px; background:url(/_ui/media/marinedex_media/forms/register/addCategory.gif) left top no-repeat; } a.searchAllCountries { width:145px; height:25px; margin: 5px 20px 10px 0px; background:url(/_ui/media/marinedex_media/forms/btn_searchAllCountries.gif) left top no-repeat; } a.addbanner { width:83px; height:25px; margin-right: 20px; background:url(/_ui/media/marinedex_media/contentcolumn/account/bannerCreator/btnAddBanner.gif) left top no-repeat; } p.error{border-bottom:1px solid #F00!important} /* usersCategory */ .featuredList > li > * {display: none} .featuredList > li.active > * {display: block !important} /* RATING */ div.productList .rating{float: right;} div.productList.gold .rating, div.productList.silver .rating{margin-right: 50px} div.rating ul.star-rating{ list-style: none; margin: 3px; padding: 0px !important; width: 100px; height: 20px; position: relative; background: url(/_ui/media/icons/mstabs/small/16/star_fe.png) top left repeat-x; float: left; } div.rating label { float:left; margin-top: 5px; width:70px; font-size:13px; font-weight:bold; } div.rating ul.star-rating li{ padding:0px !important; margin:0px !important; border: 0px none !important; float: inherit !important; background: none !important; width: 20px; height: 20px; } div.rating ul.star-rating li input{ display:block; width: 20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 10; position: absolute; padding: 0px !important; margin: 0px !important; background-image:none; background-color:transparent; border: 0px none !important; cursor: pointer; line-height: 0; font-size: 0; float: left; top: 0px; } div.rating ul.star-rating li input:hover{ background: url(/_ui/media/icons/mstabs/small/16/star_fe.png) center left repeat-x !important; z-index: 1; left: 0px; } div.rating ul.star-rating li.currently-editing{ background: url(/_ui/media/icons/mstabs/small/16/star_fe.png) bottom left repeat-x !important; position: absolute; height: 20px; display: block; text-indent: -9000px; z-index: 1; } div.rating ul.star-rating li.currently-editing.light { background-position: center left !important; } div.rating ul.star-rating input.stars-1{ left: 0px; } div.rating ul.star-rating input.stars-1:hover{ width:20px; } div.rating ul.star-rating input.stars-2{ left:20px; } div.rating ul.star-rating input.stars-2:hover{ width: 40px; } div.rating ul.star-rating input.stars-3{ left: 40px; } div.rating ul.star-rating input.stars-3:hover{ width: 60px; } div.rating ul.star-rating input.stars-4{ left: 60px; } div.rating ul.star-rating input.stars-4:hover{ width: 80px; } div.rating ul.star-rating input.stars-5{ left: 80px; } div.rating ul.star-rating input.stars-5:hover{ width: 100px; } .empty { text-align: center; line-height: 100px; background-color: #ffffff; font-size: 11px; } .bannerCreator .advert { border: 1px dashed #666666; margin-bottom: 10px; } .advert.square { width: 250px; height: 250px; margin: 0 auto; } .advert.horizontal { width: 955px; height: 90px; margin: 0 auto; } .advert.horizontal.notext { width: 728px; height: 90px; } .advert.horizontal_small { width: 533px; height: 60px; } .advert.horizontal_small img.banner_advert { width: 468px; height: 60px; } .advert.horizontal_small.notext { width: 468px; height: 60px; float: right; } .advert.skyscraper { width: 120px; height: 600px; margin:0 auto; } .legend .star_0, .legend .star_1, .legend .star_2 { float: left; width: 20px; height: 20px; } .legend .star_0 { background: url(/_ui/media/icons/mstabs/small/16/star_basic_fe.png) top no-repeat; } .legend .star_1 { background: url(/_ui/media/icons/mstabs/small/16/star_silver_fe.png) top no-repeat; } .legend .star_2 { background: url(/_ui/media/icons/mstabs/small/16/star_gold_fe.png) top no-repeat; } .legend .star_0:hover, .legend .star_1:hover, .legend .star_2:hover { background-position: 0px -20px; } .legend .star_0.checked, .legend .star_1.checked, .legend .star_2.checked { background-position: 0px -40px; } .star[num] { display: none; } #Account .gallery{position:relative;} #Account .accountBox form.GUpload{ float:left; width: 590px; margin-left:1px;} #Account .accountBox form.GUpload .txtfld{float:left; margin:10px 0 0 0;} #Account .accountBox form.GUpload .btn{ width:81px; height:45px; border:0; float:right; margin:0; background:url(/_ui/media/marinedex_media/contentcolumn/gallery/upload_btn.jpg) left top no-repeat;} #Account .gallery .editPictureDisplay{ width:81px; height:45px; border:0; margin:0; position:absolute; top:0; right:0; text-indent:-10000px; background:url(/_ui/media/marinedex_media/contentcolumn/gallery/edit_btn.jpg) left top no-repeat;} #Account .gallery .alBigImgBox{ display:block; text-align:center; height: 480px} #Account .gallery a.mvLeft{ display:block; width:40px; height:90px; position:absolute; top:0; left:0; border:#d5d5d5 1px solid; border-left:0; margin:200px 0 0 0; text-indent:-10000px; background:url(/_ui/media/marinedex_media/contentcolumn/gallery/left.png) center 34px no-repeat; } #Account .gallery a.mvLeft:hover{background-color:#dff1fd;} #Account .gallery a.mvRight{ display:block; width:40px; height:90px; position:absolute; top:0; right:0; border:#d5d5d5 1px solid; border-right:0; margin:200px 0 0 0; text-indent:-10000px; background:url(/_ui/media/marinedex_media/contentcolumn/gallery/right.png) center 34px no-repeat; } #Account .gallery a.mvRight:hover{background-color:#dff1fd;} #Account .gallery a.mvLeftTwo{ display:block; width:20px; height:90px; position:absolute; top:0; left:0; border:0; margin:35px 0 0 0; text-indent:-10000px; background:#8bc1e5 url(/_ui/media/marinedex_media/contentcolumn/gallery/leftB.png) 3px 34px no-repeat; } #Account .gallery a.mvLeftTwo:hover{background-color:#c5e7fd;} #Account .gallery a.mvRightTwo{ display:block; width:20px; height:90px; position:absolute; top:0; right:0; border:0; margin:35px 0 0 0; text-indent:-10000px; background:#8bc1e5 url(/_ui/media/marinedex_media/contentcolumn/gallery/rightB.png) 6px 34px no-repeat; } #Account .gallery a.mvRightTwo:hover{background-color:#c5e7fd;} #Account .gallery .thumbLists{ display:block; padding:20px; position:relative; background-color:#dff1fd; border-top:1px solid #d5d5d5;} #Account .gallery .thumbLists .imgList{ margin:0 10px; padding-top: 15px; position: relative; height: 75px; overflow: hidden;} #Account .gallery .thumbLists ul li{ float:left; width:112px; padding:10px 0; text-align:center; border:1px solid #d5d5d5; background-color:#FFF !important; margin-left:10px !important;} #Account .gManage .icon{float:left;} #Account .gManage .heading{ font-size:18px; color:#1781cb; font-weight:bold; float:left; width:596px; height:35px; padding:10px 0 0 10px; background-color:#dff1fd;} #Account .gManage li{ float:left; width:603px; border-top: 1px solid #FFF; padding:0 0 0 65px; background:#f1f1f1 url(/_ui/media/marinedex_media/contentcolumn/gallery/dot.png) 30px 20px no-repeat; } #Account .gManage li .fName{ float:left; padding:15px 0 0 0; } #Account .gManage li a.btns{ float:right; height:25px; padding:15px 10px 5px 10px; background-color:#e6e1e1; font-size:12px; color:#999999; font-weight:bold;} #Account .gManage li a.btns:hover{background-color:#666; color:#FFF;} .media_nopad {margin: auto} .top20 .voucherList {width: 450px !important; float: left; margin: 10px !important;} .top20 .voucherList .content{width: 250px !important} .hrH {border-bottom: 1px dashed #3399ff; height: 1px; margin: 5px auto; width: 35px;} .countryOverlay{position: absolute; top: 0px; display: none; cursor: pointer} h2.signup_total_price{padding: 0px !important} .voucherCode {border: 1px solid #105E95; font-size: 23px; color: #105E95; margin-left: 15px; width: 150px; padding: 3px; height: 27px; float: left} .voucherSubmit {background: url('/_ui/media/marinedex_media/triangle-blue.png') no-repeat center center transparent; width: 28px; height: 35px; margin: 0px; padding: 0px; border: 0px; text-indent: -10000px; font-size: 0; display:block; line-height: 0; float: left} .ratingsFull { float: left; position: relative; width: 272px;} .ratingsFull .prev { background: url("/_ui/media/icons/mstabs/small/16/left.png") no-repeat center center transparent; width: 10px; height: 10px; text-indent: -10000px; position: absolute; top: 40px; left: 0;} .ratingsFull .next {background: url("/_ui/media/icons/mstabs/small/16/right.png") no-repeat center center transparent; width: 10px; height: 10px; text-indent: -10000px; position: absolute; top: 40px; right: 0;} .nextSlide, .prevSlide {margin-top: 23px; float: left; } .slideItem {position: relative; border: 1px solid #ccc; padding: 4px; float: left;} .ratingsFull .slideIt {width: 232px; height: 140px; overflow: hidden; float: left; border: 1px solid #ccc; padding: 4px; margin: 0 15px; } .ratingsFull .slideIt .rated {width: 225px; height: 14px; float: left; padding: 10px;} .ratingsFull .slideIt .noreviews {width: 220px; height: 14px; float: left; padding: 10px;} .mockup {border: 1px dashed #ff0000 !important; text-indent: 0 !important; width: auto; height: auto; display: block; font-size: auto} #selected_categories li {border-top: 1px dashed #999999 !important; padding: 8px !important; width: 300px; float: left} #selected_categories li label {width: 200px; height: 20px; float: left} #selected_categories li label img {float: right} #selected_categories .downgrade_premium, #selected_categories .upgrade_premium {margin-left: 10px;} .nearbyArea{border:1px solid #EFEFEF; margin-bottom:10px} .nearbyArea h4{font-size:11px; float:left; padding:10px} .nearbyArea ul{float:right; padding:0; margin:0} .nearbyArea ul li{list-style: none; background: none !important; float: left; padding: 0 !important; border-bottom: none !important; text-align: center; border-left:1px solid #EFEFEF} .nearbyArea li a{display:block; float:left; padding:10px 4px} .nearbyArea li.active a{background:#EFEFEF; font-weight:bold} .tabWorks {display: none} span.required {background: url("/_ui/media/icons/mstabs/small/16/required.png") no-repeat top center transparent; display: block; width: 8px; height: 8px; float: right; position: relative; left: 4px} /* Affiliate Stuff */ .resultsTotal { } ul.affiliationTypeTabs { float: left; border-bottom: 1px solid #999; width: 100%; margin-top: 10px !important; } ul.affiliationTypeTabs li { cursor: pointer; border-bottom:none !important; background: #cccccc !important; color: #fff !important; padding: 4px 6px !important; float: left; margin-left: 0 !important; /*border-top: 1px solid #ccc !important; border-left: 1px solid #ccc !important; border-right: 1px solid #ccc !important;*/ } ul.affiliationTypeTabs li a { color:#fff; font-weight:bold !important;} ul.affiliationTypeTabs li.active { background: #999999 !important; color: #fff; padding: 4px 6px !important; float: left;} ul.affiliationTypeTabs ul { } ul.affiliationTypeTabs ul li { border :none !important; background: url("/_ui/media/marinedex_media/contentcolumn/li.gif") no-repeat scroll 10px 13px transparent !important; } ul.affiliationRoleUL {margin-bottom: 10px; background-color:#999; padding:5px;} ul.affiliationRoleUL li.affiliationRole { border: none !important; margin: 0px; padding:3px !important; /*padding: 10px 0 0px 20px !important;*/ color:#fff !important; background:none !important; /*background: url("/_ui/media/marinedex_media/contentcolumn/li.gif") no-repeat scroll 10px 13px transparent !important;*/} ul.affiliationRoleUL li.affiliationRole input[type=checkbox] { float: right; margin-top: 2px; } ul.affiliationRoleUL li.affiliationRole img { float:left;} ul.affiliationRoleUL li.affiliationRole a { color:#fff; float:left; padding:3px 0 0 5px;} ul.affiliationTypeTabs li.active {background: #999999 !important} #dialog .closeButton {width: 20px; height: 20px; float: right; background-color: #ffffff; border: 1px solid #333333; padding: 2px; text-align: center; position: relative; top: 26px; left: -28px; font-family: Tahoma; font-size: 13px; font-weight: bold; cursor: pointer} .skinCover {position: absolute; margin: 60px 0px 0px 270px; z-index: 2} .skinCover .hide {float: right; padding: 4px 8px; font-size: 10px; font-family: Tahoma; background-color: #AEDEFF; border-top: 1px solid #1781CB; border-right: 1px solid #1781CB; border-bottom: 1px solid #1781CB} a.closeBanner{float:right; padding:5px; color:#fff; font-weight:bold; font-size:10px; background-color:#1781cb; margin-right:10px; margin-bottom:5px; text-decoration:none;} a.closeBanner:hover{ background-color:#333;} ol.termsContent, ol.termsContent ol {list-style-type: decimal !important; margin-left: 20px} ol.termsContent li {margin-top: 3px} ol.termsContent ul {list-style-type: lower-alpha} ol.termsContent h3 {margin-top: 20px} .cat-cager {width:131px; position:relative; margin:0 11px 22px 0; float:left} .cat-cager .cat-boxx{width:130px; border-bottom:0 none !important; border:#d2d2d2 1px solid; background: #fff} .cat-cager .cat-boxx .cat-inner {width:130px; background:url(../../media/marinedex_media/categories-boxes/top-bg.png) repeat; height:77px; } .cat-cager .cat-boxx p.tri-cut {position:absolute; left:0px; top:0px; background:url(../../media/marinedex_media/categories-boxes/tri-cut.png) left top no-repeat; width:13px; height:13px; float:left; } .cat-cager .cat-boxx .cat-inner .pro-cage {width:111px; padding:13px 0 0 20px;} .cat-cager .cat-boxx .cat-inner .pro-image { padding:0} .cat-cager .cat-boxx .headingg {color:#515050; font-size:12px; font-weight:bold; text-align:center; width:131px; padding:12px 0 12px; height:20px;} .cat-cager .cat-boxx .headingg a{color:#515050;} .cat-cager .cat-boxx .gradient {float:left;} .cat-cager .bottom-cut {float:left;} #ContentArea #RightColumn .quick-accesss {float:left; color:#F00;} #ContentArea #RightColumn .quick-accesss h2 {font-size:20px; color:#105e95; padding-bottom:6px; text-align:left !important} #ContentArea #RightColumn .quick-accesss .q-links {background:url(../../media/marinedex_media/quicklinks/bg.png) no-repeat; width:103px; height:41px; font-size:12px; color:#FFF; font-weight:bold; text-align:center; padding:10px 0 0 0; float:left; margin:0 0 0 3px;} #ContentArea #RightColumn .quick-accesss .q-links a {color:#FFF; text-decoration:none;} .Center-bg {width:100% !important; background:url(../../media/marinedex_media/homepage/center-bg.png) center top no-repeat; } .Center-bg.noBack { background: none } .welcome-text {height:50px; text-align:center;} .Center-bg.continentView #ContentColumn {background: none !important} .Center-bg.cityView #ContentColumn {padding-top: 20px !important; background: url("/_ui/media/marinedex_media/contentcolumn/bg.png") no-repeat scroll right top transparent !important;} .Center-bg .middle .advert.horizontal_small {margin-bottom: 5px} .Center-bg .middle .world-map {float:left; padding:30px 0 0 0;} .Center-bg .middle .bannerCen { padding:0 0 0 80px;} .Center-bg .middle .bannerStatic {float:right; padding: 0 16px 0 0; position:relative;} .Center-bg .middle .bannerStatic.Boat {background:url(/_ui/media/marinedex_media/homepage/m-banner.png) top right no-repeat; height: 350px; width: 249px;} .Center-bg .middle .banner span.nip {background:url(/_ui/media/marinedex_media/homepage/nip.png) top right no-repeat; width:15px; height:35px; top:275px; left:249px; position:absolute;} .Center-bg .middle .bottom-boxes { padding:10px 0 0 0; float:left; width:980px; overflow:hidden; display:block; margin:0 !important; height:auto !important; } .Center-bg .middle .bottom-boxes .box-cage { width:332px; float:left; margin:0 0px 0 3px} .Center-bg .middle .bottom-boxes .box-cage .inner {width:330px; background:#cdebff; border-right:#b1b1b1 1px solid; float:left; border-left:#b1b1b1 1px solid;} .Center-bg .middle .bottom-boxes .box-cage .inner .title{ margin:4px 0 2px 10px; background:url(../../media/marinedex_media/homepage/title.jpg) no-repeat; width:159px; height:39px; float:left;} .Center-bg .middle .bottom-boxes .box-cage .inner h6 {float:right; font-size:13px; color:#4086c9; padding:22px 22px 0 0; margin:0 !important; letter-spacing:-1px;} .Center-bg .middle .bottom-boxes .box-cage .inner h6 a{color:#4086c9;font-size:13px; color:#4086c9; padding:0; float:right; margin:0 !important} .Center-bg .middle .bottom-boxes .box-cage .inner .material-cage {width:315px; float:left; border:#a4bccc 1px dashed; background:#FFF; margin:9px 0 5px 7px; padding-bottom:4px;} .Center-bg .middle .bottom-boxes .box-cage .inner .material {width:315px; float:left;} .Center-bg .middle .bottom-boxes .box-cage .inner .material .thumbnail {padding:2px 10px 0 13px; float:left; width:70px;} .Center-bg .middle .bottom-boxes .box-cage .inner .material h5 {color:#4086c9; font-size:14px; padding:9px 0 0 8px; letter-spacing:-1px; font-weight:bold} .Center-bg .middle .bottom-boxes .box-cage .inner .material h5 a{color:#4086c9;} .Center-bg .middle .bottom-boxes .box-cage .inner .material p {color:#666666; font-size:11px; width:222px; line-height:15px; float:left; padding-bottom:10px;} .Center-bg .middle .bottom-boxes .box-cage .inner .line{float:left; padding:0px 0 0 14px} .Center-bg .middle .bottom-boxes .box-cage span.top-cut {float:left; overflow:hidden; background:url(../../media/marinedex_media/homepage/top-cut.png) no-repeat; width:332px; height:8px;} .Center-bg .middle .bottom-boxes .box-cage span.bottom-cut {float:left; background:url(../../media/marinedex_media/homepage/bottom-cut.png) no-repeat; width:332px; height:8px;} .Center-bg .middle .bottom-boxes .box-marinedex { width:332px; float:left; margin:0 22px; border:#cccccc 1px solid;} .Center-bg .middle .bottom-boxes .box-marinedex .inner {width:329px;} .Center-bg .middle .bottom-boxes .box-marinedex .inner .title{ margin:14px 0 0 10px; background:url(../../media/marinedex_media/homepage/title.jpg) no-repeat; width:159px; height:39px; float:left;} .Center-bg .middle .bottom-boxes .box-marinedex h6 {float:left; font-size:24px; color:#4086c9; padding:7px 0 0 26px; margin:0 !important ; width:70%;} .Center-bg .middle .bottom-boxes .box-marinedex .inner h6 a{color:#4086c9;font-size:13px; color:#4086c9; padding:0; float:right} .Center-bg .middle .bottom-boxes .box-marinedex .inner .material-cage {width:315px; float:left; border:#a4bccc 1px dashed; background:#FFF; margin:0px 0 5px 7px;} .Center-bg .middle .bottom-boxes .box-marinedex .inner p {color:#666666; font-size:11px; width:280px; line-height:15px; float:left; padding:17px 0 0 24px;} .Center-bg .middle .bottom-boxes .box-marinedex .inner .line{float:left; padding:2px 0 0 24px} .Center-bg .middle .bottom-boxes .box-marinedex span.top-cut {float:left; background:url(../../media/marinedex_media/homepage/top-white-cut.png) no-repeat; width:332px; height:11px;} .Center-bg .middle .bottom-boxes .box-marinedex span.bottom-cut {float:left; z-index:3; background:url(../../media/marinedex_media/homepage/bottom-white-cut.png) no-repeat; width:332px; height:11px;} .Center-bg .middle .bottom-boxes .box-marinedex ul.bottom-link {list-style:none; width:90%;padding:10px 0 1px 13px; float:left; margin:0; z-index:1} .Center-bg .middle .bottom-boxes .box-marinedex ul li { color:#4086c9; font-size:11px; float:left ; padding:12px 0 0; background:url(../../media/marinedex_media/homepage/li-bg.gif) no-repeat; margin: 17px 0 0; text-align:center; width:72px;} .Center-bg .middle .bottom-boxes .box-marinedex ul li:hover {background:none !important} .Center-bg .middle .bottom-boxes .box-marinedex ul li.active {background:none !important; color:#4086c9 !important} .Center-bg .middle .bottom-boxes .box-marinedex ul li.active a{color:#4086c9;} .Center-bg .middle .bottom-boxes .box-marinedex ul li {color:#4086c9;} .Center-bg .middle .bottom-boxes .box-marinedex ul li a {color:#666666;} .Center-bg .middle .bottom-boxes .box-banner { width:332px; float:left; margin:0 20px 0 0} .Center-bg .middle .bottom-boxes .blueBox{ float:left; width:315px; background-color:#082f58; margin:0 10px 0 10px; padding:10px; text-align; center} .Center-bg .middle .bottom-boxes .blueBox h1{ font-size:24px; color:#FFF;} .Center-bg .middle .bottom-boxes .blueBox a.allNews{ float:right; width:75px; height:21px; text-indent:-10000px; margin:5px 0 0 0; background:url(../../media/marinedex_media/homepage/btn_seeAllNews.jpg) left top no-repeat;} .Center-bg .middle .bottom-boxes .blueBox .content{ width:315px; background-color:#fff; margin:10px 0 0 0;} .Center-bg .middle .bottom-boxes .blueBox .content p{font-size:11px; color:#082f58; padding:10px;} .Center-bg .middle .bottom-boxes .blueBox .content .txtfld{background-color:#b9b9b9; padding:5px; color:#646464; font-size:12px; border:none; margin:5px 10px; padding:10px; width:275px;} .Center-bg .middle .bottom-boxes .blueBox .content span.cb{background-color:#e3e3e3; display:block; color:#818181; font-size:12px; border:none; margin:5px 10px 10px 10px; padding:5px 10px; width:275px;} .Center-bg .middle .bottom-boxes .blueBox .content .btnn{ display:block; width:134px; height:30px; border:none; margin:5px auto 0 auto; background:url(../../media/marinedex_media/homepage/btn_signMeUpNow.jpg) left top no-repeat;} .Center-bg .middle .bottom-boxes .blueBox ul.lnks{display: table; margin: auto auto -10px} .Center-bg .middle .bottom-boxes .blueBox ul.lnks li{ float:left; padding:10px 5px 0 5px;} .Center-bg .middle .bottom-boxes .blueBox ul.lnks li.last{ padding-right:0 !important; } .Center-bg .middle .bottom-boxes .blueBox ul.lnks li a{ font-size:11px; color:#fff; text-decoration:none;} .Center-bg .middle .bottom-boxes .blueBox ul.lnks li a:hover{ color:#ffcc00;} .Center-bg .middle .bottom-boxes .blueBox ul.lnks li.ui-state-active a{ color:#ffcc00;} .Center-bg .middle .bottom-boxes .blueBox .content .pic{float:left; margin:10px 0 10px 10px;} .Center-bg .middle .bottom-boxes .blueBox .content .news{float:left; width:210px; margin:10px;} .Center-bg .middle .bottom-boxes .blueBox .content .news .readMore {margin-top: 5px} .Center-bg .middle .bottom-boxes .blueBox .content .news h4{color:#1781cb; font-size: 12px; display:block; padding:0 0 10px 0; font-weight: normal;} .Center-bg .middle .bottom-boxes .blueBox .content .news p{ font-size:11px; color:#666666; padding:0 !important;} .Center-bg .middle .bottom-boxes .blueBox .content .divider{ width:303px; clear:both; display:block; margin:5px 10px 0 1px; height:1px; background:url(../../media/marinedex_media/homepage/dot.jpg) left bottom repeat-x;} .Center-bg .middle .bottom-boxes .blueBox ul.newsList{ padding:0 0 13px 0; width:315px; display:block;} .Center-bg .middle .bottom-boxes .blueBox ul.newsList li{ width:285px; padding:6px 10px; background:url(../../media/marinedex_media/homepage/dot.jpg) left bottom repeat-x} .Center-bg .middle .bottom-boxes .blueBox ul.newsList li a{ color:#1781cb; text-decoration:none; display:block; padding:0 0 0 25px; background:url(../../media/marinedex_media/homepage/arrow.jpg) 10px 3px no-repeat; font-size: 12px} .Center-bg .middle .bottom-boxes .blueBox ul.newsList li a:hover{ color:#333;} .Center-bg .middle .bottom-banner {float:left;} .accvoclbl{ width:172px !important; padding:0 !important; margin:9px 0 0 0 !important;} .ie7 .accvoclbl{ width:172px !important; padding:0 !important; margin:12px 0 0 0 !important;} .accvocselall{ margin:10px 0 0 4px;} .ie7 .accvocselall{ margin:10px 0 0 0;} .ie7 .treeCat ul{ float:left; width:500px;} .ie7 .treeCat ul li { float:left; width:500px;} .ie7 .treeCat ul li div{ float:left; width:500px;} .ie7 .treeCat ul li span{ float:left; width:500px; position:relative; padding-left:25px;} .ie7 .treeCat ul li input{ position:absolute; top:-2px; left:0; } .ie7 .treeCountry ul{ float:left;} .treeCountry ul li { float:left; width:500px; position:relative;} .ie7 .treeCountry ul li { float:left; width:500px; position:relative; padding-left:60px;} .treeCountry ul li label{ float:right !important; width:475px !important; padding:0 !important;} .ie7 .treeCountry ul li label{float:left !important; padding:0 !important; width:auto !important; margin-left:20px !important;} .ie7 .treeCountry ul li input{ position:absolute; top:-2px; left:10px; } .ie7 .treeCountry ul li ul{float:left; width:500px;} .ie7 .treeCountry ul li ul li{float:left; width:450px; position:relative; padding-left:40px !important;} .ie7 .treeCountry ul li ul li input{ position:absolute; top:-2px; left:10px; } .listRating { position:relative;} .listRating .frm{ position:absolute; top:20px; right:-30px; z-index:10; background:#FFF; border:1px solid #ccc; padding:5px;} .listRating .frm.noBorder{ position:relative; margin-left: -20px; margin-right: -20px; width: 400px } .listRating .frm input{ float:left;} .listRating .frm .txtarea{ width:340px; height:100px; margin:0 0 0 0; border:1px solid #E4E4E4; font-size:11px; padding:5px; color:#666;} .listRating .frm .btn{ width:352px; font-size:11px; padding:5px; color:#ccc; background-color:#1781cb; text-indent:0 !important; margin:3px 0 0 0!important;} .emThisperson{padding:10px 0 0 0; } .emThisperson p, .emThisperson div.paragraph2 { float:left; margin:0 0 10px 0; } .emThisperson p label, .emThisperson div.paragraph2 label { float:left !important; width:100px !important; color:#333 !important; font-size:11px !important; padding:3px 0 0 0;} .emThisperson p input, .emThisperson div.paragraph2 input { float:left !important; width: 250px; color:#333; font-size:11px; border:1px solid #E9E9E9; padding:3px;} .emThisperson p textarea, .emThisperson div.paragraph2 textarea { float:left !important; width: 250px; height: 200px; color:#333; font-size:11px; border:1px solid #E9E9E9; padding:3px;} .emThisperson .btn{ border:none; background-color:#1781cb; outline:none; color:#fff; font-size:11px; font-weight:bold; padding:5px; float:right; text-indent:0 !important;} #tooltip { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #B2BDC3; opacity: 0.95; padding: 10px 15px; width: 200px; height; 100px;} .QPages{ display:block; border-bottom:#efefef 1px solid; padding:0 0 10px 0; margin-bottom:10px;} .QPages h1{font-size:14px !important; color:#333; float:left; margin-right:10px;} .QPages a.formPages{padding:2px 5px; background-color:#ccc; color:#666; text-decoration:none} .QPages a.formPages:hover{background-color:#105E95; color:#FFF;} a.QnexPrev{padding:4px 7px; background-color:#105E95; color:#fff; text-decoration:none; margin:10px 0 0 0 !important;} a.QnexPrev:hover{background-color:#333; color:#FFF;} .rProcess{} .rProcess ul{float:left; margin:0 0 0 0!important;} .rProcess ul li{float:left; margin:0 10px 0 0 !important; background:#efefef !important;} /*NewsLetterSidebox */ #ContentArea #LeftColumn #newsletterSubs .blueBox{ float:left; width:160px; background-color:#082f58; margin:20px 0px 0px 0px; padding:5px; } #ContentArea #LeftColumn #newsletterSubs .blueBox h1{ font-size:24px; color:#FFF;} #ContentArea #LeftColumn #newsletterSubs a.allNews{ float:right; width:75px; height:21px; text-indent:-10000px; margin:5px 0 0 0; background:url(../../media/marinedex_media/homepage/btn_seeAllNews.jpg) left top no-repeat;} #ContentArea #LeftColumn #newsletterSubs .blueBox .content{ width:153px; background-color:#fff; margin:4px 0 0 0; padding:2px; padding-bottom:0px;} #ContentArea #LeftColumn #newsletterSubs .blueBox .content p{font-size:11px; color:#082f58; padding: 4px 4px 4px 10px; background:#FFF;} #ContentArea #LeftColumn #newsletterSubs .blueBox .content .txtfld{background-color:#b9b9b9; padding:3px; color:#646464; font-size:11px; border:none; margin: 5px 10px; padding:5px; width:123px;} #ContentArea #LeftColumn #newsletterSubs .blueBox .content span.cb{background-color:#e3e3e3; display:block; color:#818181; font-size:11px; border:none; margin: 5px 9px; padding:3px; width:128px;} #ContentArea #LeftColumn #newsletterSubs .blueBox .content .btnn{ display:block; width:134px; height:30px; border:none; margin:5px auto 0 auto; background:url(../../media/marinedex_media/homepage/btn_signMeUpNow.jpg) left top no-repeat;} #ContentArea #LeftColumn #newsletterSubs .blueBox .content form{ margin:0px; padding:0px; border:none;} /* End NewsLetterSidebox */ #ContentArea #RightColumn #newsBox .blueBox{ float:left; width:238px; background-color:#082f58; margin:20px 0px 0px 0px; padding:5px; text-align:left;} #ContentArea #RightColumn #newsBox .blueBox h1{ font-size:24px; color:#FFF; padding-left:0; margin:0px;} #ContentArea #RightColumn #newsBox a.allNews{ float:right; width:75px; height:21px; text-indent:-10000px; margin:5px 0 0 0; background:url(../../media/marinedex_media/homepage/btn_seeAllNews.jpg) left top no-repeat;} #ContentArea #RightColumn #newsBox .blueBox .content{ width:234px; background-color:#fff; margin:4px 0 0 0; padding:2px; padding-bottom:0px;} #ContentArea #RightColumn #newsBox .blueBox .content p{font-size:11px; color:#082f58; padding:4px 4px 4px 0px; background:#FFF;} #ContentArea #RightColumn #newsBox .blueBox .content .pic{float:left; margin:10px 0 10px 10px;} #ContentArea #RightColumn #newsBox .blueBox .content .news{float:left; width:270px; margin:10px;} #ContentArea #RightColumn #newsBox .blueBox .content .news h4{color:#1781cb; font-size:12px; display:block; padding:0 0 10px 0;} #ContentArea #RightColumn #newsBox .blueBox .content .news p{ font-size:11px; color:#666666; padding:0 !important;} #ContentArea #RightColumn #newsBox .blueBox .content .divider{ width:233px; clear:both; display:block; margin:5px 10px 0 1px; height:1px; background:url(../../media/marinedex_media/homepage/dot.jpg) left bottom repeat-x;} #ContentArea #RightColumn #newsBox .blueBox ul.newsList{ text-align:left; padding:0 0 13px 0; width:213px; display:block; list-style:none;} #ContentArea #RightColumn #newsBox .blueBox ul.newsList li{ list-style:none; width:223px; padding:6px; background:url(../../media/marinedex_media/homepage/dot.jpg) left bottom repeat-x; padding-bottom:20px;} #ContentArea #RightColumn #newsBox .blueBox ul.newsList li a{ font-size:11px; color:#1781cb; text-decoration:none; display:block; padding:0 0 0 0px; } #ContentArea #RightColumn #newsBox .blueBox ul.newsList li a:hover{ color:#333;} #ContentArea #RightColumn #newsBox .blueBox ul.newsList span.date{padding-top:8px; float:right; color:#999; } #ContentArea #RightColumn #newsBox .blueBox ul.newsList span.date a{ color:#999;} #ContentArea #RightColumn #newsBox .blueBox ul.newsList span.date a:hover{ color:#999;} #countrySlide .countryBox {float: left; width: 120px; height: 30px; border: 1px solid #333333; margin: 0 5px 5px 0; text-align: center; position: relative; top: 5px; padding: 4px} #countrySlide .countryBox img {position: absolute; left: 5px} #countrySlide .countryBox input {position: absolute; left: 20px; top: 18px} #countrySlide .countryBox span {float: right; width: 80px} /*contactDetails*/ div.contactDetails {background-image: url('/_ui/media/marinedex_media/accounts/Other.png'); height: 16px; background-position: 0% 50%; background-repeat: no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 2px} div.contactDetails.Mobile {background-image: url('/_ui/media/marinedex_media/accounts/Mobile.png')} div.contactDetails.Office {background-image: url('/_ui/media/marinedex_media/accounts/Office.png')} div.contactDetails.Home {background-image: url('/_ui/media/marinedex_media/accounts/Home.png')} div.contactDetails.Fax {background-image: url('/_ui/media/marinedex_media/accounts/Fax.png')} div.contactDetails.TFS {background-image: url('/_ui/media/marinedex_media/accounts/24-7.png')} div.contactDetails.Time {background-image: url('/_ui/media/marinedex_media/accounts/Time.png'); padding-top: 10px} div.contactDetails.Location {padding-top: 8px; background-image: url('/_ui/media/marinedex_media/accounts/Location.png')} div.contactDetails.deliveryAgent {background-image: url('/_ui/media/marinedex_media/accounts/Courier.png')} div.contactDetails.Brochure {background-image: url('/_ui/media/marinedex_media/accounts/Brochure.png')} .FormBlockElement { margin-left: 150px; display: block; width: 70% } .fileType {background-image: url('/_ui/media/marinedex_media/accounts/leads/document.png'); height: 16px; background-position: 0% 50%; background-repeat: no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 2px} .fileType document { background-image: url('/_ui/media/marinedex_media/accounts/leads/document.png') } .fileType archive { background-image: url('/_ui/media/marinedex_media/accounts/leads/archive.png') } .fileType image { background-image: url('/_ui/media/marinedex_media/accounts/leads/image.png') } /** * Payment jumps */ #PaymentJump { width: 285px; margin: auto; margin-top: 100px; } #PaymentJump div { border: 1px solid #CCC; background-color: #EEE; padding: 20px; margin-top: 20px; } #PaymentJump span { display: block; margin-top: 20px; text-align: center; font-size: 10px; } /** * Tender */ div.Tender { border: 1px solid #CCC; padding: 10px; text-align: center; margin-top: -11px; margin-bottom: 11px; background-color: #EEF; color: #111; } div.Tender form input[type = submit] { border: 1px solid #CCC; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; text-align: center; background-color: #FFF; color: #111; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } li.profileIcons { text-align: center; } li.profileIcons img { background-color: #EFEFEF; padding: 3px; margin-bottom: -6px; border-radius: 4px; } li.profileIcons img:hover { background-color: #DFDFDF; cursor: pointer; } #billingShow { cursor: pointer; } #billingDetails { border-top: 1px solid #666; border-bottom: 1px solid #666; } .boatElementList { float: right; margin-top: 125px; margin-right: 4px; width: 210px; } .boatElementList a, .boatElementList input[type=text] { padding: 10px; border: 1px solid #001F45; font-size: 14px; background-image:url(/_ui/media/marinedex_media/homepage/form-background.png); clear: both; display: block; margin-bottom: 4px; text-align: center; color: #9ECDFF !important; text-decoration: none; font-weight: bold; border-radius: 4px; } .boatElementList input[type=text] { background: transparent; background-image:url(/_ui/media/marinedex_media/homepage/form-background.png); width: 188px !important; } .boatElementList a:hover, .boatElementList input:focus { background-image:url(/_ui/media/marinedex_media/homepage/form-hover.png); } .boatElementList input:focus { font-weight: normal; outline: none; } .boatElementList form { padding-bottom: 0px !important; } .reviewReturn { float: right; border: 1px solid #45BF55; background-color: #96ED89; padding: 6px; margin-top: 6px; border-radius: 4px; display: block; } .reviewReturn:hover { text-decoration: none; background-color: #B3ED89; color: #000; } select.refineRegion {float:right; width:130px; padding:2px; color:#666; font-size:11px; height: 22px; margin-top: 6px} input.refineRegion {float:right; width:25px; padding:2px; color:#666; font-size:11px; height: 22px; margin-top: 6px; border: 1px solid #CCC} .reportReview { cursor: pointer; } .ie7 #dialog .closeButton {float:none!important;left:auto!important;right:28px!important;position:absolute!important;} .recaptcha_input_area_text { width: 200px !important; }