body {background: #363636; font-family: 'Open sans', sans-serif !important; line-height: 1.5;}
th, td {padding: 5px;}

a, a:focus, a:hover, a:active {color: #3e2f7d;}

h1, h3 {font-size: 28px; font-family: 'Open sans', sans-serif; font-weight: 300; margin-top: 0; text-transform: uppercase;}
h2, h4 {font-size: 24px; font-family: 'Open sans', sans-serif; font-weight: 300; margin: 15px 0; text-transform: uppercase;}

p {margin-bottom: 15px;}

img {max-width: 100% !important; height: auto !important; border: none;}

.logo {padding: 5px;}

.wrapper {background: #fff;}

.fblink {padding-top: 10px;}

.header-v5 { border-bottom:0; z-index:5000; width: 100%;}
.header-v5 .navbar-default {background: #fff; border: none; margin: 0;}
.header-v5 .navbar-default ul { list-style:none; }
.header-v5 .navbar-default .navbar-nav > li {position: relative; z-index: 5000;}
.header-v5 .navbar-default .navbar-nav > li > a {border-bottom: 6px solid #fff; padding:10px; color: #3e2f7d; background: none; font-size: 16px; text-transform: uppercase; font-weight: 300; border-top: none !important;}
.header-v5 .navbar-default .navbar-nav > li > a:hover { border-bottom: 6px solid #3e2f7d; color: #3e2f7d;}
.header-v5 .navbar-default .navbar-nav > .active > a, .header-v5 .navbar-default .navbar-nav > .active > a:hover, .header-v5 .navbar-default .navbar-nav > .active > a:focus {border-bottom: 6px solid #892fbc; color: #892fbc; }
.header-v5 .navbar-default .navbar-nav > li > a:hover, .header-v5 .navbar-default .navbar-nav > .active > a, .header-v5 .navbar-default .navbar-nav > li.selectednavi > a { border-bottom: 6px solid #892fbc; color: #892fbc;}    
.header-v5 .navbar-default .navbar-nav > .open > a, .header-v5 .navbar-default .navbar-nav > .open > a:hover, .header-v5 .navbar-default .navbar-nav > .open > a:focus { color: #7755ff; }    
.header-v5 .navbar-default .navbar-nav > li:hover > a { border-bottom: 6px solid #3e2f7d; color: #3e2f7d; }    
.header-v5 .dropdown-menu { padding: 0; border: none; min-width: 200px; border-radius: 0; z-index: 9999 !important; border-top: solid 2px #0190d4; -webkit-box-shadow: 0 2px 2px 0px rgba(90,90,90,0.075); -moz-box-shadow: 0 2px 2px 0px rgba(90,90,90,0.075); box-shadow: 0 5px 5px 0px rgba(90,90,90,0.075); }  
.header-v5 .dropdown-menu .active > a, .header-v5 .dropdown-menu li > a:hover { color: #fff; background: #0190d4; filter: none !important; }  
.header-v5 .dropdown-menu li.dropdown-submenu:hover > a { color: #fff; background: #0190d4; }   
.header-v5 .style-list li a:hover { color: #0190d4; background: none; text-decoration: none; }         
.header-v5 .shop-badge span.badge-sea { background: #0190d4; }

.header-v5 .navbar-default .navbar-nav > li > ul {display: none; list-style: none; padding:0; margin: 0; background: #3e2f7d; position: absolute; left: 0; top: 60px; width: 200px; z-index: 5000; border: none;}
.header-v5 .navbar-default .navbar-nav > li:hover > ul {display: block;}
.header-v5 .navbar-default .navbar-nav > li > ul > li > a {display: block; padding: 10px 10px 10px 20px; color: #fff;}
.header-v5 .navbar-default .navbar-nav > li > ul > li > a:hover, .header-v5 .navbar-default .navbar-nav > li > ul > li > a.selectednavi {text-decoration: none; color: #fff; background: #892fbc;}
.header-v5 .navbar-default .navbar-toggle {font-size: 24px;} 

.bannerareabg { background-color:#eee; }
.bannercontainer {padding: 0;}
.banner {position: relative;}
.prev {position: absolute; left: 0; top: 225px; width: 26px; height: 46px; cursor: pointer; z-index: 1000; background: url("/layout/prev.png") center center no-repeat;}
.next {position: absolute; right: 0; top: 225px; width: 26px; height: 46px; cursor: pointer; z-index: 1000; background: url("/layout/next.png") center center no-repeat;}
.prev:hover {background: url("/layout/prev_hover.jpg") center center no-repeat;}
.next:hover {background: url("/layout/next_hover.jpg") center center no-repeat;}

.banner_boxes {position: absolute; bottom: 20px; left: 0; z-index: 6000; padding: 0 40px;}
.bannerbox {background: #3f307e; color: #fff; padding: 20px; position: relative;}
.bannerbox:after {content: ''; display: block; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 40px solid transparent; border-right: 10px solid transparent; border-bottom: 40px solid transparent; border-left: 40px solid #3f307e;}
.banbox_active {background: #892fbc;}
.banbox_active:after {border-left: 40px solid #892fbc;}
.banbox_col {padding: 0 40px 0 0; }
.banner_text1 {font-size: 24px; font-weight:300; padding-bottom: 5px; text-transform:uppercase;}
.banbox_wrapper a:hover {text-decoration: none;}
.bannerbox:hover {background: #a648db;}
.bannerbox:hover:after {border-left: 40px solid #a648db;}

.contact {position: absolute; left: 0; top: 25px; width: 200px; cursor: pointer; z-index: 1000;}
.contactwrapper {height: 50px; position: relative; border: none; background: #fff;}
.contact a {position: relative; display: block; background: #3e2f7d; color: #fff; padding: 5px 5px 5px 10px; height: 30px;}
.contact a:after {content: ''; display: block; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 15px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #3f307e;}
.contact a:hover {background: #892fbc; text-decoration: none;}
.contact a:hover:after {border-left: 15px solid #892fbc;}

.contactblock {text-align: center;}
.contactblock a:hover, .contactblock a:hover h2 {color: #3f307e; text-decoration: none;}
.contactblock h2 { font-weight:300; text-transform:uppercase; color:#3e2f7d; font-size:22px;}
/*.contactblock a img {border: 2px solid #f8f8f8;}*/
.block {padding-top: 10px; padding-bottom: 10px;}

.grayrow {background: #f8f8f8; padding: 20px 40px; border-bottom: 1px solid #d4d4d4;}
.whiterow {border-bottom: 1px solid #d4d4d4; background: #fff; padding:40px;}

.subpage_maintitle_container { background-color:#fff; }
.subpage_maintitle p, .subpage_maintitle h1 { padding:0; margin:0; }
.subpage_maintitle h1 { font-weight:300; text-transform:uppercase; color:#892fbc; font-size:32px; padding:5px 0; }

.department {padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #3e2f7d;}
.deptitle {text-align: center; padding-bottom: 20px;}

.frontnavi ul {padding: 0; margin: 0; list-style: none;}
.frontnavi ul li a {padding: 10px; background: #3e2f7d; margin: 5px 0; color: #fff; text-transform: uppercase; display: block;}
.frontnavi ul li a:hover {text-decoration: none; background: #892fbd;}

.partners_title {text-align: center; padding-bottom: 20px;}
.partners_title h3 { font-weight:300; text-transform:uppercase; color:#555; font-size:20px;}

.service_content ul { margin:0; padding:0; list-style:none; }
.service_content ul li {}
.service_content ul li a { background-color:#3e2f7d; text-decoration:none; color:#fff; padding:5px 10px; margin-bottom:5px; display:inline-block; text-transform:uppercase; }
.service_content ul li a:hover { background-color:#892fbc; }
.service_content a { text-decoration:underline; }

.crumbtrail { padding-top:10px; }

.bannerlogo {text-align: center; padding:15px; margin:5px 5px 20px 5px; border:1px solid #ddd; }
.banner_logo {text-align: center; padding:15px; margin:5px 5px 20px 5px; border:1px solid #ddd; }

#map img {max-width: none !important;}

.footer {color: #fff;}
.footer h1, .footer h2, .footer a {color: #fff;}

.form_fieldlabel { float:left; width: 140px; padding-right: 5px; }
.form_fieldinput { float:left; padding: 0; }
.form_fieldinput { width: auto; }
.form_inputtext { width: 220px; }
.form_fieldcontainer { clear:both; padding: 10px 0; }
.form_textarea { width: 220px; height: 100px; }
.form_errormessages, .form_confirmsubmit { color: #ff0000; font-weight: bold; font-size: 14px;}
.form_rule { border-bottom: 1px solid #000; margin-bottom: 10px; }
.form_fieldlabelerror { color: #f00; }
.form_fieldoption_radio label {padding-left: 10px;}
.form_inputtext, .form_textarea { font-size: 12px; font-family:arial,helvetica,sans-serif; border: 1px solid #666;}
.form_fieldcontainer.form_submit{float: left; }
.form_fieldcontainer.form_reset{float: left;clear: none;}
.form_fieldoption_radio{width: auto;}

.departmentlist .departmentlist_target { border:1px solid #eee; padding:15px; background-color:#f8f8f8; }
.departmentlist h3 { font-size:18px; margin-top:15px; color:#3e2f7d; }
.departmentlist h2 { color:#3e2f7d; text-transform:uppercase; }

@media screen and (max-width: 991px) {
.banner_text1 {font-size: 18px;}
.banner_text2 {display: none;}
.prev, .next {top: 50%; margin-top: -45px;}
}
@media screen and (max-width: 767px) {
.banner_boxes {display: none;}
.prev, .next {display: none;}
}