body { text-align:justify; line-height:16px; font-family: arial, Helvetica, sans-serif; font-size:13px; color:#666666;padding:0; margin:0; } a {color: #ff3366; font-size:12px; text-decoration:underline; } a:hover { color:#02639f; text-decoration:underline; } img{ border:none;} p{padding: 0;} .clearboth{ clear:both; margin:0; padding:0;} h1 {padding:15px 0 0px 0px; font-family: Verdana, Helvetica, sans-serif; font-weight: bold; color: #02639f; font-size: 24px; margin:0px; line-height:25px; } h2 {padding:15px 0 0px 0px; font-family:Verdana, Helvetica, sans-serif; font-weight: normal; color: #ff3366; font-size: 18px; margin:0px; line-height:25px; text-align:left;} h3 {padding:0px 0 0px 0px; font-family: Verdana, Helvetica, sans-serif; font-weight: bold; color: #333; font-size: 16px; margin:0px; line-height:25px;} h4 {padding:0px 0 0px 0px; font-family: Verdana, Helvetica, sans-serif; font-weight: bold; color: #333; font-size: 14px; margin:0px; line-height:25px;} #index-wrapper{width: 100%; margin:0px; padding:0px; } #inner-wrapper{width: 100%; margin: 0 ; padding:0px;} #inner-banner-panel{width: 100%; margin:0 auto; padding:0px; background:url(../images/bg-inner-banner.gif) repeat-x;} #inner-banner{width: 1002px; margin:0 auto; padding:0px;} #page{width: 1001px; margin: 0 auto; padding:0px; } #header{width:100%;margin: 0 auto; padding:28px 0 15px 0;} #header .logo{margin: 0 auto; padding:0px; float:left; padding:0 10px 0 10px; } #header .top-links{margin: 0 ; padding:0px 10px 0 10px; position:relative; float:right;} #header .top-links .phone{margin:12px 0 0 0; padding:0px; font-family:Verdana, Geneva, sans-serif; color:#02639f; float:right; } #header .top-links .button{width: 164px; margin: 0 ; padding:0px; float:right; text-align:right; } #header .top-links .links{width: 374px; margin: 0 auto; padding:10px 0 0 0; height:35px; float:left; background:url(../images/bg-top-links.gif) repeat-x top right; text-align:center;} #header .top-links .links a{font-family: Verdana, Geneva, sans-serif; font-weight: normal; color: #7fa9c3; font-size: 12px; margin:0px; text-transform:uppercase; font-weight:bold; text-decoration:none; margin: 0 ; padding:0px;} #header .top-links .links a:hover{ color:#e9225d;} .theme-default #slider { margin:0 auto; width:100%; height:379px; } .theme-default .nivoSlider {position:relative;} .theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a {border:0; display:block; } .theme-default .nivo-controlNav {position:absolute; left:50%; bottom:-42px; margin-left:-40px; }/* Tweak this to center bullets */ .theme-default .nivo-controlNav a {display:block; width:22px; height:22px; text-indent:-9999px; border:0; margin-right:3px; float:left; } .theme-default .nivo-controlNav a.active {background-position:0 -22px; } .theme-default .nivo-directionNav a {display:block; width:30px; height:30px; text-indent:-9999px; border:0; } .theme-default a.nivo-nextNav {background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav {left:15px; } .theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif; } .theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff; } .theme-default .nivo-caption a:hover {color:#fff; } .nivoSlider {position:relative; width:100%; } .nivoSlider img {position:absolute; top:0px; left:0px; width:100%; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;} /* The slices and boxes in the Slider */ .nivo-slice {display:block; position:absolute; z-index:5; height:100%; } .nivo-box {display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption a {display:inline !important; } .nivo-html-caption {display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav {left:0px; } .nivo-nextNav {right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a {position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active {font-weight:bold; } #banner{margin:0px; padding:0; width:100%;} /*.lof-slidecontent { position:relative; overflow:hidden; width:100%; margin:0px; padding:0px; } .sliders-wrapper{ position:relative; height:379px; width:100%; z-index:-1px !important; overflow:hidden; margin:0px; padding:0 ; } ul.sliders-wrap-inner{overflow:hidden; padding:0px; margin:0; position:absolute; overflow:hidden; } ul.sliders-wrap-inner li{overflow:hidden; padding:0px; margin:0px; float:left; position:relative;} .lof-opacity li{position:absolute; top:0; left:0; float:inherit; } .lof-slidecontent .navigator-content {position:absolute; bottom:10px; right:10px; padding:5px 0px; } .lof-slidecontent .navigator-wrapper{ position:relative; z-index:10; height:180px; width:310px; overflow:hidden; color:#FFF; float:left} .lof-slidecontent ul.navigator-wrap-inner{ top:0; padding:0; margin:0; position:absolute; width:100%; } .lof-slidecontent ul.navigator-wrap-inner li{ cursor:hand; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; float:left; display:block; text-align:center;} ul.sliders-wrap-inner li img{ padding:0px; margin:0px; float:left;} ul.sliders-wrap-inner li a{ padding:0px; margin:0px;} .lof-slidecontent ul.navigator-wrap-inner li img{ border:#fff solid 2px;} .lof-slidecontent ul.navigator-wrap-inner li.active img, .lof-slidecontent ul.navigator-wrap-inner li:hover img { border:#000 solid 2px;}*/ #navigation-panel { width:100%; margin:0; padding:0; background-color:#02639f;} #navigation {max-width:1000px; margin:0 auto;} .mousedown { color: #1493d3; } .mouseup{ color:#e9225d; } .mouseup:hover{ color:#1493d3; } #navigation .current_on{color:#86d0f7;} #index-leftpanel{ float:left; width:215px; padding:0 35px 0 0px; margin:20px 0 0 0;} #index-leftpanel h1 {padding:0px 0 20px 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #02639f; font-size: 22px; margin:0px; line-height:25px; } #index-leftpanel h1 a{padding:0px 0 20px 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #02639f; font-size: 22px; margin:0px; line-height:25px; text-decoration:none; } #index-leftpanel ul { margin:0px; padding:0px;} #index-leftpanel ul li { list-style-type:none; padding:0px;} #index-leftpanel ul li a { font-size:12px; color:#02639f;text-decoration:none; display:block; padding:6px 0px 6px 15px; text-align:left; font-weight:bold; background:url(../images/arrow.gif) no-repeat left center; margin:0 0px 0 0; border-bottom:1px dotted #bfbfbf; text-decoration:none;} #index-leftpanel li a:hover {text-decoration:none; color:#ff3366;} #index-downloads{float:left; width:249px; padding:0 0 0 0px; margin:20px 0 0 0; border-left:1px solid #adadad;} #index-downloads h1 {padding:0px 0 20px 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #02639f; font-size: 22px; margin:0px; line-height:25px; } #index-downloads h1 a{padding:0px 0 20px 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #02639f; font-size: 22px; margin:0px; line-height:25px; text-decoration:none; } #index-downloads .inner-box-downloads{ width:190px; padding:0 0 0 0px; margin:0px auto; color:#666; text-align:left; } .inner-box-downloads span{ color:#02639f; padding:0 0 0 0px; margin:0px; font-size:12px; font-weight:bold;} #index-listsol{float:left; width:249px; padding:0px; margin:20px 0 0 0; border-left:1px solid #adadad;} #index-listsol h1 {padding:0px 0 20px 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #02639f; font-size: 22px; margin:0px; line-height:25px; } #index-listsol h1 a{padding:0px 0 20px 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #02639f; font-size: 22px; margin:0px; line-height:25px; text-decoration:none; } #index-listsol .inner-box-listsol{ width:195px; padding:0px; margin:0px auto; color:#666; text-align:left; } .inner-box-listsol span { padding:0 0 0 0px; margin:0px; text-align:right;} .inner-box-listsol span a{ font-size:12px; font-weight:bold; text-align:right;} .inner-box-listsol ul { padding:0 0 0 0px; margin:0px;} .inner-box-listsol ul li{ list-style-type:none; padding:0 0 5px 0;} .inner-box-listsol ul li a{ color:#ff3366; padding:0 0 0 15px; margin:0px; font-size:12px; font-weight:bold; text-decoration:underline; background:url(../images/arrow.gif) no-repeat left center; list-style-type:none;} .inner-box-listsol ul li a:hover{text-decoration:none; color:#02639f;} #index-welcome{float:left; width:249px; padding:0px; margin:20px 0 0 0; border-left:1px solid #adadad;} #index-welcome .inner-box-welcome{ width:220px; padding:0 0 0 0px; margin:0px; color:#666; text-align:left; float:right; } .inner-box-welcome .title{ padding:0px 0 20px 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color:#02639f; font-size: 22px; margin:0px; line-height:25px; text-align:left; } #bottom-panel{ width: 1001px; margin: 30px 0 0 0; padding:0px; float:left;} #newsletter-panel{ width:329px; background:url(../images/bg-newsletter-box.gif) no-repeat center top; height:92px; padding:15px 15px 0 25px; float:left;} #newsletter-panel h1{padding:0px 0 10px 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #02639f; font-size: 22px; margin:0px; line-height:25px;} #newsletter-panel form { margin: 0; padding: 0px 20px 0px 0px; width: 300px;} #newsletter-panel fieldset { margin: 0; padding: 0; border: none; } #newsletter-panel #s, #x { float: left;} #newsletter-panel #s { width: 175px; margin: 0px;padding: 0px 0px 0px 4px; background:url(../images/bg-form-email.gif) no-repeat;border: none; height:25px;color: #02639f;} #newsletter-panel #x { width:78px; height: 25px; padding: 0; background: url(../images/button-submit.gif) no-repeat; border: none; text-transform: lowercase; margin:0 0 0 3px;} #phonebox-index{ width:320px; padding:0; float:left; margin:0 0 0 22px;} #offer{ width:300px; padding:0 0 0 20px; float:left; margin:0px; text-align:right;} .news-line{width:100%; margin: 0px ;padding:0px; float:left;text-align:left; color:#3167a8; position:relative; background:url(../images/bg-news.gif) repeat-x; height:29px;} .news{margin:0 auto; padding:0px; width:1000px; color:#3167a8;} .news-line img{margin: 0; float:right; padding:0px; position:absolute; right:10px;} .news-line span{ color:#3167a8; font-weight: bold;} .ticker-wrapper.has-js { margin: 5px 0px 0px 0px; padding: 0px 15px; width: 1000px; height: 32px; display: block; font-size: 0.75em; } .ticker { width: 900px; min-height: 23px; display: block; position: relative; overflow: hidden; margin:0px; } .ticker-title { padding-top: 4px; color: #3167a8; font-size:12px; font-weight: normal; text-transform: capitalize;} .ticker-content { margin: 0px; padding-top: 4px; position: absolute; color: #666; font-weight: normal;overflow: hidden;white-space: nowrap; line-height: 1.2em; font-size:12px;} .ticker-content a { text-decoration: none; color: #ff3366; font-size:12px;} .ticker-content a:hover {text-decoration: underline;color: #02639f;} .ticker-swipe { padding-top: 4px; position: absolute; top: 0px; background-color: #ededed; display: block; width: 850px; height: 23px; color:#FF0000;} .ticker-swipe span { margin-left: 1px; background-color: #ededed; height: 12px; width: 7px; display: block;} .ticker-controls { padding: 0px; list-style-type: none; float: right; margin:2px 0 0 80px;} .ticker-controls li { padding: 0px; margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; font-size:12px;} .ticker-controls li.jnt-play-pause {background-image: url('../images/controls.png'); background-position: 32px 16px;} .ticker-controls li.jnt-play-pause.over { background-position: 32px 32px;} .ticker-controls li.jnt-play-pause.down { background-position: 32px 0px;} .ticker-controls li.jnt-play-pause.paused { background-image: url('../images/controls.png'); background-position: 48px 16px;} .ticker-controls li.jnt-play-pause.paused.over { background-position: 48px 32px;} .ticker-controls li.jnt-play-pause.paused.down { background-position: 48px 0px;} .ticker-controls li.jnt-prev { background-image: url('../images/controls.png'); background-position: 0px 16px;} .ticker-controls li.jnt-prev.over { background-position: 0px 32px; } .ticker-controls li.jnt-prev.down { background-position: 0px 0px;} .ticker-controls li.jnt-next { background-image: url('../images/controls.png');background-position: 16px 16px; } .ticker-controls li.jnt-next.over { background-position: 16px 32px; } .ticker-controls li.jnt-next.down { background-position: 16px 0px; } .js-hidden { display: none;} .no-js-news { padding: 0px 0px 0px 45px; color: #F8F0DB;} .left .ticker-swipe { /*left: 80px;*/} .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left;} .left .ticker-controls { padding-left: 6px;} .right .ticker-swipe { /*right: 80px;*/} .right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right;} .right .ticker-controls { padding-right: 6px;} #bodypanel{margin:0 auto;padding:20px 0px 0 0px; width:1001px;} #left-panel{ float:left; width:205px; padding:0 20px 0 0px; margin:0px; text-align:left;} #left-panel h1 {padding:0px 0 20px 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #02639f; font-size: 22px; margin:0px; line-height:25px; } #left-panel h1 a {padding:0px 0 20px 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #02639f; font-size: 22px; margin:0px; line-height:25px; text-decoration:none;} #left-panel ul { margin:0px 0 0 0; padding:0px;} #left-panel ul li { list-style-type:none; padding:0px; list-style-image:url(../images/arrow.gif); background-position:20px 20px; } #left-panel ul li a { font-size:12px; color:#02639f;text-decoration:none; display:block; padding:5px 0px 5px 5px; text-align:left; font-weight:normal; margin:0 0px 0 0; border-bottom:1px dotted #bfbfbf; text-decoration:none;} #left-panel li a:hover {text-decoration:none; color:#ff3366;} #content{ float:left; width:505px; padding:0 15px 0 20px; margin:0px; border-left:1px dotted #bfbfbf; border-right:1px dotted #bfbfbf;text-align:left;} .bredgrumbs{ margin:0px 0 0px 0; padding:0px; font-size:11px; color: #02639f;} .bredgrumbs a{ margin:0px; padding:0px; color: #02639f; font-size:11px; text-decoration:underline;} .bredgrumbs a:hover{ text-decoration:none; color:#ff3366;} #content ul{ margin:10px 0 20px 0px; line-height:17px; padding:0 0 0 30px; } #content ul li{ padding-top:6px;} #content ul li a{ padding:0px; margin:0px; text-decoration:none;} #right-panel{ float:left; width:228px; padding:0px; margin:0px; text-align:right} #right-panel-form{ width:100%; height:127px; background:url(../images/bg-form-email-inner.gif) no-repeat center top; margin: 0 ; float:right; text-align:left; padding:15px 0 0 15px;} #right-panel-form h1 {padding:0px 0 10px 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #02639f; font-size: 22px; margin:0px; line-height:25px; } #right-panel-form form { margin: 0; padding: 0px 20px 0px 0px; width: 200px;} #right-panel-form fieldset { margin: 0; padding: 0; border: none; } #right-panel-form #s, #x { float: left;} #right-panel-form #s { width: 175px; margin: 0px;padding: 1px 0px 0px 4px; background:url(../images/bg-form-email.gif) no-repeat;border: none; height:23px;color: #02639f;} #right-panel-form #x { width:78px; height: 25px; padding: 0; background: url(../images/button-submit.gif) no-repeat; border: none; text-transform: lowercase; margin:8px 0 0 100px;} .body-links-box{ width:100%; height:84px; background:url(../images/bg-bodybottom-links.gif) no-repeat center; padding:8px 0 0 0; margin:10px 0 0 0; text-align:center; line-height:23px; float:left; } label{float: left;width: 150px;font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left;} input, textarea{width: 252px;margin-bottom: 8px; border:1px solid #bcbcbc; font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size:12px;} textarea{width: 254px;height: 60px;} .boxes{width: 1em;} form{ margin:0 auto; width:500; padding:20px 0 20px 0px; margin: 0;} #submitbutton{margin-left: 150px; border:none;margin-top: 5px;width: 79px; float:left;} #reset{margin-left: 10px; border:none; margin-top: 6px; width: 79px; background:url(../images/icon-cancel.gif) no-repeat left center; text-indent:-9000px; height:23px; padding:0px; cursor:pointer; } #footer-panel{margin:15px 0 0 0; width:100%; padding:0px; background-color:#ebebeb; border-top:1px solid #ccc; font-family: Verdana, Geneva, sans-serif;} .footer-bottom-panel{max-width:1000px; margin:0px auto; padding:0px; color:#666; position:relative; padding-bottom:20px; } .icons{margin:30px 0 0 10px ; padding:0px; text-align:left; width:85px;} .f-link-bottom{margin:0 ;color:#666; padding:0; text-align:left; float:left; position:absolute; top:0px; left:95px; } .f-link-bottom a{padding:0 1px 0 1px; color:#666; text-decoration:none; margin:0px; font-size: 11px;} .f-link-bottom a:hover{ text-decoration:underline; } .f-text{margin:0 ;color:#666; padding:0; float:right; text-align:right; position:absolute; top:0px; right:10px; font-size:12px;} .clearfix{clear:both;} .respo-img{max-width:100%; height:auto;} .mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px} .mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px} .pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px} .pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px} @media only screen and (min-width:668px) and (max-width:900px){ .f-text{margin:20px 0 0 0 ; color:#666; padding:0; float:none; text-align:center; position:relative; font-size:12px;} .icons{width:85px; float:none; text-align:center; margin:20px auto ;} .f-link-bottom{position:relative; text-align:center; left:auto; margin:0 auto; float:none;} .f-link-bottom a{padding:0 2px 0 2px;} } @media only screen and (min-width:481px) and (max-width:667px){ .f-text{margin:20px 0 0 0 ; color:#666; padding:0; float:none; text-align:center; position:relative; font-size:12px;} .icons{width:85px; float:none; text-align:center; margin:20px auto ;} .f-link-bottom{position:relative; text-align:center; left:auto; margin:0 auto; float:none;} .f-link-bottom a{padding:0 2px 0 2px;} .logo{margin:0 auto; text-align:center; float:none !important;} .top-links{float:none !important; margin:0 auto !important;} #header .top-links .phone{float:left;} } @media only screen and (min-width:0px) and (max-width:480px){ .f-text{margin:20px 0 0 0 ; color:#666; padding:0; float:none; text-align:center; position:relative; font-size:12px;} .icons{width:85px; float:none; text-align:center; margin:20px auto ;} .f-link-bottom{position:relative; text-align:center; left:auto; margin:0 auto; float:none;} .f-link-bottom a{padding:0 2px 0 2px;} .logo{margin:0 auto; text-align:center; float:none !important;} .top-links{float:none !important; margin:0 auto !important;} #header .top-links .phone{float:none; width:100%; margin:0px auto; padding-top:10px;} } @media (max-width:800px) { #page { width: 100%; margin: 0 auto; padding: 0px; } #index-leftpanel { float: left; width: 100%; padding: 0 35px 0 0px; margin: 20px 0 0 0; } #newsletter-panel { width: 100%; background: url(../images/bg-newsletter-box.gif) no-repeat center top; height: 93px; padding: 15px 25px 0 25px; float: left; } #bottom-panel { width: 100%; margin: 30px 0 0 0; padding: 0px; float: left; } #phonebox-index { width: 320px; padding: 0; float: left; margin: 0 0 0 22px; height: 105px; } #newsletter-panel { width: 100%; background: url(../images/bg-newsletter-box.gif) no-repeat center top; height: 105px; padding: 9px 25px 0 25px; float: left; max-width:319px; margin: 0 0 0 22px; } } .topmenu .navbar-brand{height:auto;} .topmenu .navbar{margin-bottom:0px;} .topmenu .navbar-nav{padding-top:12px; } .topmenu .navbar-nav > li > a{padding:10px 7px 10px 7px ; font-size:14px;} .topmenu .menuarrow{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:8px solid;border-right:8px solid transparent;border-left:8px solid transparent; cursor:pointer; position:absolute; top:16px; right:6px;} /*.topmenu .dropdown-toggle{padding-right:25px !important;}*/ .topmenu .dropdown-menu li a{border-bottom:1px dotted #cccccc; padding:6px 20px;} .topmenu .dropdown-menu{left:0px !important; right:auto !important;} #homebanner{background:#fff;} #homebanner .item img{margin:0 auto; text-align:center;} .respo-img{max-width:100%; height:auto;} .topmenu .menuarrow{display:none;} @media (min-width:767px){ .dropdown:hover .dropdown-menu {display: block;} } @media (max-width:767px){ .topmenu .nav > li > a{display:inline-block;} .topmenu .menuarrow{display:block;} } @media (max-width:1008px) { #bodypanel { margin: 0 auto; padding: 20px 0px 0 0px; width: 100%; } #left-panel { float: left; width: 100%; padding: 0 20px 0 0px; margin: 0px; text-align: left; } #content { float: left; width: 100%; padding: 0 15px 0 20px; margin: 0px; border-left: 1px dotted #bfbfbf; border-right: 1px dotted #bfbfbf; text-align: left; } #right-panel { float: left; width: 100%; padding: 20px; margin: 0px; text-align: center; max-width:100%; } #right-panel-form { width: 100%; height: 127px; background: url(../images/bg-form-email-inner.gif) no-repeat center top; margin: 0; float: none; text-align: center; padding: 15px 0 0 15px; max-width: 213px; margin: 0 auto; } }