/* style.css*/
/*Common Decleration
html{overflow-y: scroll;}*/
ul, li, img, h1, h2, h3, h4, h5, h6{
margin: 0px;
padding: 0px;
border: 0px;
}
p{
margin-bottom: 10px;
text-align:justify;
font-size:14px;
}
.marginL20{margin-left: 120px;}
.marginB20{margin-bottom: 20px;}
.nospace {margin:0; padding:0;}
.paddingL90{padding-left: 90px;}
.marginL200{margin-left:200px;}
fieldSet{border: none; margin-bottom: 10px;}
#reportOptions .blueLabel{color: #3399ff;}
#reportOptions .greyLabel{color: #888888; font-weight: bold;}
#nolistStyle ul{margin: 0pt 0pt 0pt 20px;}
.orangeLabel{color: #ff6600;}
.displayNone{display: none;}
.disabled-button{background: #e8e8e8;}
.borderNone{border: none;}
.width70{width: 70px;}
.greyText{color: #888888;}
.tempButtons{
margin: 0 0 10px 13px;
float: left;
width: 245px;
height: 32px;
vertical-align: middle;
background-color: #15345C;
padding-top: 6px;
}
.contactusTopBtn{
float: right;
margin-top: -40px;
}
.contactusTopBtn .defaultBtn{margin: 0;}
.noresize {
resize: none;
}
#tableBorder td{border: 1px solid #ccc;}
ul{margin-top: 10px;}
h1{font-size: 21px;color: #666666;margin: 10px 0;padding: 10px 0;}
h2{font-size: 19px;color: #666666;margin: 10px 0;padding: 10px 0;}
h3{font-size: 17px;color: #666666;margin: 10px 0;padding: 10px 0;}
h4{font-size: 15px;color: #666666;margin: 10px 0;padding: 10px 0;}
input{
font-family:Calibri, Tahoma, Arial, Trebuchet MS;
font-size: 13px;
}
label{
font-family:Calibri, Tahoma, Arial, Trebuchet MS;
font-size: 13px;
}
.modal label{
font-size: 14px;
margin-left: 0;
}
.modal .form-group{
padding-bottom: 10px;
clear: both;
margin-bottom: 30px;
}
.modal .required{
position: absolute;
right: 5px;
top: 0px;
}
.pound{color: #15345C; /*#f60;*/}
.redColor{color:#f00;}
.newProductMenuStyle{
color: #ff0000;
font-weight: bold;
vertical-align: super;
font-size: small;
}
a {color: #006dbb; text-decoration: none; font-weight: normal; }
a:active, a:hover {color: #888888; /*#F90;*/ text-decoration:underline; }
.cleaner { clear: both;}
.myBasketCount{ font-weight:bold;}
body{
margin:0;
padding:0;
/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, verdana; */
font-family: Calibri, Tahoma, Arial, Trebuchet MS;
font-size: 14px;
background: #fefefe;
}
.sitemap {
/*float:left;*/
width: 57%;
font-size:14px;
color: #9f9f9f;
margin: 10px auto;
}
.infieldSitemap {
height: auto;
font-size:14px;
color: #9f9f9f;
padding-bottom: 300px;
}
.homebtn{
margin: 0px 0 0 16px;
}
.ordered-list{
padding-left: 0;
}
.ordered-list li{margin-bottom: 10px; text-align: justify;}
#chkGDPRConsent{width: 20px !important; margin-right: 5px !important;}
/*ol{counter-reset: section; list-style-type: none}
ol li{counter-increment: section; margin-bottom: 10px;}
ol li {display:block;}
ol {list-style:none;}
ol > li:first-child {counter-reset: item;}
ol > li {counter-increment: item;}
ol > li:before {content:counters(item, ".") ". "; font-weight:bold;} */
/********************************************************TABLE STYLE***************************/
.tableStyle{
margin-top: 15px;
}
.tableStyle table{border: 0px solid #e8e8e8; width: 673px; border-collapse: collapse;}
.tableStyle table tr td{border: 1px solid #d8d8d8;padding-left: 5px; color: #666666; min-height: 30px;}
.tableStyle table tr:first-child td{background: #e8e8e8; color: #888888; font-weight: bold;text-align: center;}
.tableStyle table tr:nth-child(even) {background: #f9f9f9;}
.tableStyle .oddRow table tr:nth-child(even) {background: #ffffff;}
.tableStyle .oddRow table tr:nth-child(odd) {background: #f9f9f9;}
.tableStyle table tr:hover{background: #d8d8d8;}
/********************************************************TOP LAYOUT***************************/
/*#topLayout
{
width: 100%;
height: 65px;
margin: auto;
background: url(../images/infield-top-banner.jpg);
min-width: 1200px;
box-shadow: 0 1px 5px rgba(0,0,0,0.35);
}*/
#top{
width: 1140px; /*950px;*/
/*height: 126px;*/
margin: auto;
}
#top .logo
{
float:left;
/*background: url(../images/infield-white-logo.png);*/
margin-top: 13px;
}
.logo img{border: none;}
#top #divTopPanel{
float: right;
width: 570px;
text-align: right;
margin-top: 15px
}
#top #divTopPanel a{text-decoration: none; margin-left: 12px}
#divTopPanel li{color: #ffffff;display: inline;}
#divTopPanel a{color: #ffffff;}
#divTopPanel a:hover{color: #ffffff;text-decoration: underline;}
#divTopPanel .search
{
width:180px;
margin: auto;
float:left;
margin-top: 5px;
}
.imageSlideBottomBar {width: 100%; height: 20px; margin-bottom: 10px; float: left; background-color: #15345C;}
/*---------------------------------------------------------------------------------------------------*/
/*RESPONSIVE TOP*/
/*---------------------------------------------------------------------------------------------------*/
#topBanner {
width: 100%;
height: 65px;
background-image: url(../images/infield-top-banner.jpg);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
z-index: 99;
}
.divLogo {
padding-top: 13px;
}
#topBanner #divTopLinks,
#topBanner #MdivTopLinks {
margin-top: 25px;
}
#topBanner #divTopLinks a {
float: left;
color: #fff;
display: inline-block;
margin-left: 25px;
text-decoration: none;
}
#divLoginMobile {
position: absolute;
right: 65px;
z-index: 9999;
margin-top: 9px;
}
#divLoginMobile a{text-decoration: none;}
#menuLogo {
width: 55px;
height: 21px;
float: left;
background: url(../images/infield-logo-small.png) no-repeat;
position: absolute;
z-index: 99;
margin: 7px 0 0 10px;
}
#divTopLinks .dropdown-menu:before {
position: absolute;
top: -7px;
right: 9px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #d8d8d8;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
#divTopLinks .dropdown-menu:after {
position: absolute;
top: -6px;
right: 10px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-left: 6px solid transparent;
content: '';
}
.basketItems {
position: absolute;
top: -10px;
left: 5px;
}
#divLoginMobile {
position: absolute;
right: 65px;
z-index: 9999;
margin-top: 9px;
}
#divLoginMobile a{text-decoration: none;}
.logoffIcon{margin-top: -7px;}
#userDetails
{
width: 220px;
text-align: left;
padding: 10px;
}
#userDetails hr{margin-bottom: 10px;}
#userDetails p{
color: #666666;
margin: 7px 3px;
}
#topBanner #divTopLinks #userDetails a{
color: #666666;
margin: 0 3px;
}
#userDetails p label{
font-size: 15px;
margin-left: 0;
}
#topBanner_placeholder {
height: 37px;
width:100%;
display:none;
}
/*************************************************************** SEARCH STYLES ********************************************************/
#search {
}
#search input[type="text"] {
background: url(../images/search-white.png) no-repeat 10px 4px #fcfcfc;
border: 1px solid #d1d1d1;
color: #bebebe;
height: 13px;
width: 127px;
padding: 2px 15px 5px 35px;
/*border-radius: 20px;*/ /*01/03/13*/
/*text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);*/
/*
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;*/
}
#search input[type="text"]:focus {
/*width: 200px;*/
}
.cse .gsc-branding,
.gsc-branding {
display: none;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.cse input.gsc-search-button,
input.gsc-search-button {
/*display: none;*/
width: 10px;
background-color: transparent;
}
.gsc-clear-button{display: none;}
.gsc-input input.gsc-input
{
/* background: url(../images/search-white.png) no-repeat 10px 6px #fcfcfc;*/
background: none repeat scroll 0% 0% white !important;
height: 30px;
font-size: 14px;
}
.searchIcon{position:absolute;width: 15px; height:15px;margin: 5px 0 0 12px;background: url(../images/search-white.png) no-repeat; z-index: 99;}
.gsc-search-button{
padding: 0 !important;
}
input.gsc-search-button, input.gsc-search-button:hover,
input.gsc-search-button:focus{
border-color: #5BC0DE !important;
border-radius: 0 !important;
color: #fff!important;
font-size: 14px !important;
background-color: #5BC0DE !important;
height: 34px !important;
width: 50px !important;
margin-left: -3px !important;
}
/********************************************************MENU LAYOUT***************************/
#menuLayout
{
width: 100%;
margin:auto;
background: #15345C; /*background: #8CD8F2;*/ /*SANJU; NEW DARK BLUE CHANGED 05/02/13 - Changes made accordingly to menu*/
border-top: 1px solid #0f2543; /*617A98*/
dow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
#menuLayout .menuPosition
{
width: 950px;
margin: auto;
}
#divMenu
{
width: 100%;
/*min-width: 1200px;*/
height: 36px;
}
.fixed {
height: 36px;
margin: auto;
}
.fixed {
position:fixed;
top:0;
margin-bottom: 35px;
}
ul.ldd_menu{
margin:auto;
margin-top: 1px;
padding:0;
display:block;
height:35px;
background:#15345C;
list-style:none;
font-family: Calibri;
}
ul.ldd_menu a{
text-decoration:none;
}
ul.ldd_menu > li{
float:left;
position:relative;
z-index: 99;
text-align: center;
}
ul.ldd_menu > li > span{
float:left;
color:#ffffff;
background:#15345C;
height:35px;
line-height:35px;
cursor:default;
padding:0px 20px;
border-right:1px solid #0f2543; /*617A98;*/
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .1);
}
ul.ldd_menu > li:first-child > span {
box-shadow: none;
}
/*ul.ldd_menu > li > span:hover{background: #a4dcef;}*/
ul.ldd_menu > li > span:active{background: #244670;}
ul.ldd_menu .ldd_submenu{
position:absolute;
top:35px;
width:550px;
display:none;
opacity:0.98;
left:0px;
z-index:999999;
font-size:10px;
background: #244670;
border:1px solid #ffffff; /*#d7eef6*/
border-top: none;
text-align: left;
/*border-radius: 0 0 7px 7px;*/ /*01/03/13*/
}
ul.ldd_menu .fixWidth{
position:absolute;
top:35px;
width:180px;
display:none;
opacity:0.98;
left:0px;
z-index:999999;
font-size:10px;
background: #244670;
border:1px solid #ffffff;
border-top: none;
/*border-radius: 0 0 7px 7px;*/ /*01/03/13*/
}
a.ldd_subfoot{
background-color:#f0f0f0;
color:#666666;
display:block;
clear:both;
padding:15px 20px;
text-transform:uppercase;
font-family: Calibri, Arial, serif;
font-size:12px;
}
ul.ldd_menu ul{
list-style:none;
float:left;
border-left:1px solid #ffffff;
margin:20px 0px 10px 20px;
padding:10px;
width:140px;
}
li.ldd_heading{
font-family: calibri, Georgia, serif;
font-weight: bold;
font-size:14px;
color:#ffffff;
padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a{
font-family: calibri, Arial, serif;
font-size:13px;
line-height:20px;
color:#aaaaaa; /*666666*/
padding:1px 3px;
}
ul.ldd_menu ul li a:hover{
color: #666666;
background:#ffffff;
}
ul.ldd_menu ul li a.ldd_heading_link{
font-family: calibri, Georgia, serif;
font-weight: bold;
font-size:14px;
color:#ffffff;
padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a.ldd_heading_link:hover{color: #ffffff;background: none;text-decoration: underline;}
ul.ldd_menu ul li a.nodataacces
{
width: 12px;
height: 12px;
padding-left: 15px;
background-repeat:no-repeat;
background-image:url(../images/stock_lock20.png);
background-position: left;
color: #888888;
text-decoration: line-through;
cursor: default;
}
/*---------------------------------------------------------------------------------------------------*/
/*MAIN MENU STYLE*/
/*---------------------------------------------------------------------------------------------------*/
#mainMenuHolder {
width: 100%;
height: 36px;
position: static;
top: 0;
/*top: -32px to make the menu slide from the top with ANIMATION*/
background-color: #15345c;
border-top: 1px solid #0f2543;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
z-index: 999;
}
#mainMenuHolder.affix {
position: fixed;
top: 0;
z-index: 10;
-webkit-transition: all 0.6s ease-in-out;
}
#mainMenuHolder ul.nav li:first-child {
box-shadow: none;
}
#mainMenuHolder ul.nav li:last-child {
border-right: none;
}
.dropdown-large {
position: static !important;
}
.dropdown-menu-large {
/*margin-left: 16px;
margin-right: 16px;*/
padding: 20px 0;
width: 100%;
}
.dropdown-menu-large > li > ul {
padding: 0;
margin: 0;
}
.dropdown-menu-large > li > ul > li {
list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333333;
white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
color: #888888;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
color: #428bca;
font-size: 18px;
}
@media (max-width: 768px) {
.dropdown-menu-large {
margin-left: 0 ;
margin-right: 0 ;
}
.dropdown-menu-large > li {
margin-bottom: 30px;
}
.dropdown-menu-large > li:last-child {
margin-bottom: 0;
}
.dropdown-menu-large .dropdown-header {
padding: 3px 15px !important;
}
.bodylayout2{padding-left: 0 !important;}
}
.navbar-collapse.in {
/*3.0.2 bug workaround*/
overflow-y: visible;
}
#divEventsMenuItem {
min-width: 270px;
}
ul.noListStyle {
list-style-type: none;
}
.noPadding {
padding: 0 !important;
}
.nav ul{margin-top: 0;}
.posRelative {
position: relative !important;
}
.menuWebNav{margin-bottom: 20px;}
.landingPageIcon{height: 35px;}
/*---------------------------------------------------------------------------------------------------*/
/*OTHER WEBSITES MENU STYLE*/
/*---------------------------------------------------------------------------------------------------*/
#divWebsiteBreif .panel-heading {
color: #fff;
}
#divBreifInfield .panel-heading {
background-color: #15345c;
}
#divBreifLive .panel-heading {
background-color: #1b6d92;
}
#divBreifRigs .panel-heading {
background-color: #3f2f5e;
}
#divBreifMaps .panel-heading {
background-color: #110b0c;
}
#divBreifNPV .panel-heading {
background-color: #49746a;
}
#divBreifAnalytics .panel-heading {
background-color: #2d465a;
}
#divBreifReports .panel-heading {
background-color: #15345c;
}
/*---------------------------------------------------------------------------------------------------*/
/*BOOTSTRAP OVERRIDES*/
/*---------------------------------------------------------------------------------------------------*/
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-toggle .icon-bar {
border-radius: 0;
}
.navbar-default {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-nav .open .dropdown-menu {
background-color: #fff !important;
color: #333333;
}
.navbar .divider-vertical {
border-right: 1px solid #0f2543;
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.1);
}
.navbar-inverse .divider-vertical {
border-right-color: #222222;
border-left-color: #111111;
}
.navbar .navbar-nav {
display: inline-block;
float: none;
}
.navbar .navbar-collapse {
text-align: center;
}
@media (max-width: 767px) {
.navbar-collapse .nav > .divider-vertical {
border-right: none;
box-shadow: none;
}
}
.dropdown-menu {
z-index: 1001;
min-width: 200px;
}
.panel-heading {
font-size: 17px;
font-weight: bold;
}
.modal-header{
padding: 5px 15px;
background-color: #e8e8e8;
border-bottom: none;
}
/*---------------------------------------------------------------------------------------------------*/
/*HAMBURGER ICON ANIMATION*/
/*---------------------------------------------------------------------------------------------------*/
.navbar-toggle {
border: none;
background: transparent !important;
}
.navbar-toggle:hover {
background: transparent !important;
}
.navbar-toggle .icon-bar {
width: 22px;
transition: all 0.2s;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
opacity: 0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
transform: rotate(0);
}
/*---------------------------------------------------------------------------------------------------*/
/*LOGIN PANEL STYLE*/
/*---------------------------------------------------------------------------------------------------*/
.greyPanel {
min-height: 100px;
background-color: #f9f9f9;
border: 1px solid #e8e8e8;
margin-bottom: 20px;
}
.greyPanel.loginPanel{width: 50%;}
.greyPanel .heading{
width: 100%;
background-color: #e8e8e8;
}
.greyPanel .heading h3{margin: 0;}
.greyPanel .content{padding: 10px 0 10px 20px;}
.greyPanel .content label{
font-size: 14px;
margin: 0;
margin-top: 5px;
}
.greyPanel .content .txtBox{
height: 25px;
margin: 5px 0;
width: unset;
}
.greyPanel .content .defaultBtn{
font-size: 14px;
height: 30px;
}
#imgLoginLogo{margin-top: 40px;}
#loginRightPanel{border-left: 1px solid #e8e8e8;}
#divSecondStageLoginMessage input[type='radio'], input[type='checkbox']{
margin: 0;
height: 16px;
width: 16px;
}
/********************************************************FOOT LAYOUT***************************/
#footLayout
{
margin: auto;
clear: both;
border-top: 1px solid #d9d9d9;
}
#footLayout p{color: #a9a9a9;text-align:center}
#footLayout a{color: #a9a9a9;}
#footLayout a:hover{text-decoration: underline;}
#footLayout .copyRight{color: #666;}
#footer
{
position: relative;
margin-top: 520px;
width: 950px;
border-top: 1px solid #d9d9d9;
}
#footer p{color: #a9a9a9;text-align:center}
#footer a{color: #a9a9a9;}
#footer a:hover{text-decoration: underline;}
#footer .copyRight{color: #666;}
/********************************************************BODY LAYOUT***************************/
.bodylayout{
width: 950px;
margin:auto;
}
#PLHIMBaXXdIADiv
{
top:0px;
position:absolute;
}
#body_content{
width: 950px;
min-height: 500px;
margin: auto;
margin-top: 15px;
position: relative;
}
/********************************************************INDEX PAGE***************************/
.bodyPara {
float: left;
width: 690px;
height:auto;
}
.margin20{ margin-right: 20px;}
.margin_left150{ margin-left:150px;}
.margin_top50{margin-top:20px}
.cookieMSGContainer{position: absolute; bottom: 0; height: 65px;}
.cookieMSGContainer .cookieMSG{position: fixed;width: 940px; margin: auto; background: #15345C; padding: 5px 5px 0 5px;}
.cookieMSGContainer .cookieMSG .msgIcon{float: left; margin-right: 10px;height: 70px;}
.divButton{
background-color: #d8d8d8;
padding: 10px;
}
.divButton a{color: #888888; text-decoration: none;}
.nav-pills>li+li{margin-left: 3px;}
/********************************************************NEWS BOX***************************/
.newsBox
{
float: left;
width: 245px;
min-height: 255px;
padding: 0 0 5px 5px;
margin: 0 0 0px 13px;
border: 0px solid #e8e8e8;
/*border-radius: 5px;*/ /*01/03/13*/
background: url(../images/newsbox-top-3.png) repeat-x;
}
.newsBox h3{color: #ffffff; font-size: 15px; margin-top: -3px;}
.newsBox a{color: #007ACC; font-size: 14px;}
.newsBox a:hover{text-decoration: underline;}
.newsBox p{color: #a9a9a9; font-size: 13px; margin: 0; text-align: left; border-bottom: 1px solid #e8e8e8; margin-bottom: 5px;}
.newsBox label{color:#888888; width: 115px;float: left;}
.newsBox .newsOn{ color: #666;}
.newsBox .txtBox{
width: 100px;
height: 15px;
margin: 5px 5px 10px 0;
padding: 2px;
font-size: 14px;
border:1px solid #e1e1e1;
}
.newsBox .txtBox:hover{border: 1px solid #ccc;}
/*___________________________________________________________________________________________________*/
/*NEWS PAGE TAB STYLE*/
/*___________________________________________________________________________________________________*/
#tab-style{width: 100%; margin: 20px auto;}
#tab-style a
{
text-align: center;
padding: 5px 10px;
font-size: 15px;
}
#tab-style a:hover, #tab-style a.active
{
background: #15345C;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
/*___________________________________________________________________________________________________*/
/*NEWS PAGE STYLE*/
/*___________________________________________________________________________________________________*/
.news-page .news{margin-top: 10px; border-bottom: 1px dotted #15345C;float: left;}
.news-page .news .newsDate
{
width: 50px;
height: 100%;
min-height: 50px;
float: left;
/*margin-right: 10px;
border-right: 1px dotted #15345C;*/
color: #15345C;
}
.news-page .news .full-news{
width: 885px;
float: left;
border-left: 1px dotted #15345C;
padding-left: 10px;
}
.news-page .news p{margin-top: 0;}
.news-page .news p a.newsHeading{font-weight: bold; text-align: left;font-size: 15px;}
.news-page .news p a{color: #15345C;}
.news-page .news p a:hover{text-decoration: underline;}
.news-page .newsDate p{padding-right: 10px; font-weight:bold; text-align: right;color: #15345C;}
.news-page .newsDate p span{font-size: 30px;margin-top:0;color: #15345C;}
.read-more b{float: right; cursor: pointer; color: #15345C; font-weight: normal;}
.read-more {color: #3a3a3a;margin-left: 0;cursor: pointer;}
.read-more-button{cursor: pointer;}
.news-details-page{margin-top: 10px; position: relative;}
.back-link-top{position: absolute; right: 0; top: 0; color: #6b598d}
.back-link-bottom{position: absolute; right: 0; bottom: 0; color: #6b598d}
/*------------------------------------------------------------------------------------------------------------------*/
/*Contactus Layout*/
.contact_layout{
float:left;
width: auto;
height:auto;
}
.left_margin200{
margin-left:200px;
}
.left_margin100{
margin-left:80px;
}
/*End Contactus*/
.logout{
background: none;
border:none;
color: #fff;
}
/*------------------------------------------------------------------------------------------------------------------*/
.ttText a{z-index:10;}
.ttText a:hover{
position:relative;
z-index:900;
}
.ttText a label{
display:none;
}
.ttText a:hover label{
display:block;
width: 120px;
position:absolute;
white-space: normal;
top: 25px;
left:0;
background: #15345C; /*#62C5EC;*/
border: 1px solid #ffffff;
/*border-radius: 5px;*/ /*01/03/13*/
color:#ffffff;
padding:10px 15px;
z-index:10;
filter:alpha(opacity=85);
opacity:0.85;
}
/*-----------------------------------------------------------------------------------------------*/
/* rotator in-page placement */
div.rotator {
position:relative;
height:106px;
}
/* rotator css */
div.rotator ul li {
float:left;
position:absolute;
list-style: none;
}
/* rotator image style */
div.rotator ul li img {
background: #FFF;
border: 1px solid #fff;
}
div.rotator ul li.show {
z-index:500;
}
div.rotator2 {
position:relative;
height:106px;
}
/* rotator css */
div.rotator2 ul li {
float:left;
position:absolute;
list-style: none;
}
/* rotator image style */
div.rotator2 ul li img {
background: #FFF;
border: 1px solid #fff;
}
div.rotator2 ul li.show {
z-index:500;
}
div.rotator3 {
position:relative;
height:106px;
}
/* rotator css */
div.rotator3 ul li {
float:left;
position:absolute;
list-style: none;
}
/* rotator image style */
div.rotator3 ul li img {
background: #FFF;
border: 1px solid #fff;
}
div.rotator3 ul li.show {
z-index:500;
}
/*----------------------------------------NEW-SLIDE-------------------------------------------------------*/
/*/////////////////////////////////////////////////*/
/* Pragnesh Added Styles */
/*/////////////////////////////////////////////////*/
#WPDown
{
}
#WPDown td
{
border : 1px solid #CCC;
border-collapse : collapse;
font : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
#WPDown table
{
border :none;
border :1px solid #CCC;
}
#WPDown thead th,tbody th
{
background : #FFF url("../images/th_bck.gif") repeat-x;
color : #666;
padding : 5px 10px;
border-left : 1px solid #CCC;
}
#WPDown tbody th
{
background : #fafafb;
border-top : 1px solid #CCC;
text-align : left;
font-weight : normal;
}
#WPDown tbody tr td
{
padding : 5px 10px;
color : #666;
}
#WPDown tbody tr:hover
{
background : #FFF url("../images/tr_bck.gif") repeat;
}
#WPDown tbody tr:hover td
{
color : #454545;
}
#WPDown tfoot td,tfoot th
{
border-left : none;
border-top : 1px solid #CCC;
padding : 4px;
background : #FFF url("../images/foot_bck.gif") repeat;
color : #666;
}
#WPDown caption
{
text-align : left;
font-size : 120%;
padding : 10px 0;
color : #666;
}
#WPDown table a:link
/* sITEMAP STYLE*/
/*
Sitemap Styler
*/
#sitemap, #sitemap ul, #sitemap li{
margin:0;
padding:0;
list-style:none;
}
#sitemap{background:url(line1.gif) repeat-y;}
#sitemap li{
line-height:20px;
margin-top:1px;
position:relative;
width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
float:left;
display:inline;
}
#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(collapsed.gif) no-repeat 0 0;}
#sitemap li span.expanded{background:url(expanded.gif) no-repeat 0 0;}
/* sub levels */
#sitemap li ul{
margin-left:28px;
background:url(line1.gif) repeat-y;
}
#sitemap li li{
background:url(line2.gif) no-repeat 0 0;
}
/* etc. */
/* float fix */
#sitemap:after, #sitemap ul:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/* \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
/* */
#sitemap ul{display:none;}
/* My Account.css*/
.myAccount{
width: 750px;
margin:auto;
margin-bottom: 15px;
padding: 14px;
border:solid 1px #e8e8e8; /*#b7ddf2;*/
background: #f9f9f9; /*#ebf4fb;*/
/*border-radius: 7px;*/ /*01/03/13*/
}
.myAccount p, h1, form, button{border:0; margin:0; padding:0;}
button{cursor: pointer;}
/* ----------- stylized ----------- */
#myAccountStyle .errorMsg
{
font-size: 13px;
color: #F00;
margin-left: 5px;
}
#myAccountStyle fieldSet{
border: none;
margin-bottom: 10px;
}
#myAccountStyle legend
{
font-size: 17px;
}
.required{
color:#F00;
}
.bottomBorder
{
border-bottom: 1px solid #e8e8e8;
/*border-bottom:solid 1px #b7ddf2;*/
margin: 10px;
}
#myAccountStyle h1 {
color: #666666; /*#3399ff;*/
font-size:17px;
font-weight:bold;
}
#myAccountStyle p{
font-size:14px;
color: #888888;
padding:10px;
}
#myAccountStyle .para
{
font-size: 14px;
width: 750px;
margin:auto;
padding-bottom: 10px;
}
.myAccount a{
font-size: 14px;
}
.productsServices{width: 760px; background: #f9f9f9; border: 1px solid #e8e8e8; padding: 0 10px 10px 10px; margin: 10px auto;}
.productsServices h3{margin-bottom: 0;}
.productsServices p{color: #3a3a3a; margin-top: 0;}
.productsServices a{text-decoration: none; color: #15345C; font-size: 18px; font-weight: bold; color: #666666;}
.productsServices a.more{font-size: 14px; font-weight: normal; text-align: right;}
.productsServices a.more:hover{text-decoration: underline;}
#myAccountStyle label{
display:block;
color: #000000;
font-size: 14px;
text-align:right;
width:140px;
float:left;
margin-left: 85px;
}
#myAccountStyle .orderlbl{
display:block;
color: #000000;
font-size: 14px;
text-align:right;
width:140px;
float:left;
margin-left: 85px;
}
.price{
color: #888888; /*#F60;*/
font-size: 14px;
text-align:right;
width:140px;
margin-left: 42px;
}
.itemAdded{
color: #f00;
font-size: 17px;
margin-left: 300px;
background: #ebf4fb;
width: 800px;
}
.small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#myAccountStyle input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:180px;
margin:2px 0 20px 10px;
}
#myAccountStyle .ddl{
float:left;
margin:2px 0 20px 10px;
}
#myAccountStyle .myAccountButton{
clear:both;
margin-left:235px;
margin-bottom: 10px;
width:125px;
height:31px;
background:#666666;
text-align:center;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
#myAccountStyle .myAccountButton:hover{background:#ebf4fb; color:#3399ff;}
#myAccountStyle .orderButton{
width:125px;
height:31px;
background:#ebf4fb;
text-align:center;
color:#3399ff;
font-size:11px;
font-weight:bold;
float:right;
}
#myAccountStyle .orderButton:hover{ background: #666; color: #fff}
#myAccountStyle .orderbuttonLeft{
clear:both;
width:125px;
height:31px;
background:#ebf4fb;
text-align:center;
color:#3399ff;
font-size:11px;
font-weight:bold;
}
#myAccountStyle .orderbuttonLeft:hover{ background: #666; color: #fff}
.buyBtn{
float:right;
width: 50px;
background: #3399ff;
color: #fff;
text-align: center;
border: 1px solid #b7ddf2;
}
.myAccount .orderHistory{
width: 700px;
margin: auto;
border: 1px solid #b7ddf2;
}
#orderHistory h5{color: #f60}
#orderHistory .no{float:left; width: 40px;margin-left: 10px;font-size:13px;}
#orderHistory .orderDate{float:left;width: 110px;font-size:13px;}
#orderHistory .orderNo{float:left;width: 90px;}
#orderHistory .historyPrice{float:left;width: 60px;font-size:13px; text-align:right;}
#orderHistory .cardNo{float:left;width: 150px;font-size:13px;margin-left: 30px}
#orderHistory .status{float:left;width: 150px;font-size:13px;}
/**********************************************************BLUE PANEL******************************************/
.bluePanel{
background: #f9f9f9; /*#ebf4fb;*/
border: 1px solid #e8e8e8; /*#b7ddf2;*/
/*border-radius: 7px;*/ /*01/03/13*/
padding: 5px;
margin-top: 10px;
}
/*Page Content.css*/
/**********************************************************Page Contents******************************************/
/*
#pageContentStyle p{
font-size: 14px;
margin-bottom: 10px;
}
#pageContentStyle h2{
margin: 10px 0;
padding: 0;
font-size: 20px;
font-weight: bold;
color: #F90;
}
#pageContentStyle h3{
margin-top: 30px;
font-size: 17px;
font-weight: bold;
color: #3399ff;
padding: 0;
}
#pageContentStyle h4{
font-size: 15px;
font-weight: bold;
color: #3399ff;
}
*/
#pageContentStyle .priceFrom{
color: #888888; /*#f60;*/
font-size: 13px;
margin: 0;
padding: 0;
}
#eventDetails{
float:left;
width: 450px;
background: #f9f9f9; /*#ebf4fb;*/
padding: 10px;
border: 1px solid #e8e8e8; /*#b7ddf2;*/
/*border-radius: 7px;*/ /*01/03/13*/
}
#eventDetails label{
font-size: 14px;
color: #888888; /*#3399ff;*/
display:block;
width: 130px;
float:left;
}
#eventDetails .details{
font-size: 14px;
color: #666;
}
#pageContentStyle label{float: left;width: 90px;color: #888888;/*#f60;*/ font-size: 14px;}
#pageContentStyle ul{font-size: 14px; margin-left: 30px; text-align:justify;}
#pageContentStyle .cost{color: #888888;/*#f60;*/}
#pageContentStyle .reportIMG{width: 510px; margin: auto}
.gototop{font-size: 13px; float: right;}
.case-study-grey-box{width:250px; min-height: 300px; background: #f9f9f9; border: 1px solid #e8e8e8; margin: 10px 10px 10px 0; float: left;}
.case-study-grey-box h3{padding: 5px; margin: 0; background: #e8e8e8;}
.case-study-grey-box p{padding: 0 10px; color: #666666;}
.case-study-grey-box .no-right-margin{margin-right: 0;}
.consulting-services-chart{width: 360px; height: auto; float: left;margin: 10px 50px 10px 0;}
.consulting-services-chart p{text-align: center; font-style: italic; color: #888888;}
/***********************************************************SUBMENU*****************************************/
.submenu{
width: 150px;
float:left;
}
.submenuPara{
width:780px;
margin-left: 170px;
}
.submenu .headerbar{
font-size: 14px;
color: #888888; /*#3399ff;*/
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
border: 1px solid #e9e9e9;
}
.submenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.submenu ul li
{
padding:0;/*2px bottom spacing between menu items*/
}
.submenu ul li a{
font-size: 13px;
color: #aaaaaa;
background: #244670; /*#A7DDF0*//*#E9E9E9;*/
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
display: block;
padding: 5px 0;
line-height: 15px;
padding-left: 18px; /*link text is indented 8px*/
text-decoration: none;
}
.submenu ul li:last-child{border-bottom: 1px solid #ffffff;}
.submenu ul li a:hover{ /*hover state CSS*/
/*color: #ffffff;*/
background: #15345C; /*#4CB2FD;*/
}
.submenu ul li a:active{background: #244670; /*#4CB2FD;*/}
/*************************************************************** FINAL ACCORDION STYLES ********************************************************/
#navigation {
background-color:#fff;
width:150px;
}
#navigation a.head {
border:1px solid #ffffff;
border-top: 0;
background: #15345C; /*#8CD8F2*//*url(../images/accordionBG2.jpg) repeat-x;*/
color:#ffffff;
font-size: 14px;
padding: 10px;
}
#navigation a.normal{
border:1px solid #ffffff;
border-top: 0;
background: #15345C;/*url(../images/accordionBG2.jpg) repeat-x;*/
color:#ffffff;
font-size: 14px;
padding: 10px;
}
#navigation a.head:hover {
background: #244670; /*#62C5EC*//*url(../images/accordionhover2.jpg) repeat-x;*/
}
#navigation a.normal:hover{
background: #244670; /*url(../images/accordionhover2.jpg) repeat-x;*/
}
#navigation a.selected {
background-image: url(../images/expanded.gif) no-repeat;
}
#navigation a.current{
background: #244670;/*url(../images/accordionhover2.jpg) repeat-x;*/
color: #ffffff;
}
#navigation a.mainLink {
border:1px solid #ffffff;
border-top: none;
background: #15345C; /*background: url(../images/accordionBG2.jpg) repeat-x;*/
color:#ffffff;
font-weight:bold;
}
#navigation a.mainLink:hover {
background: #244670; /*background: url(../images/accordionhover2.jpg) repeat-x;*/
}
/***********************************************************PRICE PANELS*****************************************/
/***********************************************************UPGRADE PANELS*****************************************/
.upgradePanel{
width: 500px;
height: 220px;
margin: auto;
padding-left: 10px;
background: #EBF4FB;
border: 1px solid #B7E0F6;
}
.upgradePanel p, label{margin-left: 20px;}
#fixedUpgrade{
width: 500px;
height: 300px;
margin: auto;
padding-left: 10px;
background: #EBF4FB;
border: 1px solid #B7E0F6;
}
#fixedUpgrade label{width: 150px;color: #000000; font-size: 14px;}
#pricePanel{
width: 580px;
height: 280px;
margin: 0;
margin-bottom: 15px;
background: #f9f9f9;
border: 1px solid #e8e8e8;
/*border-radius: 5px;*/ /*01/03/13*/
/*background: url(../images/pricepanel2.jpg);*/
}
#pricePanel #images{
float: left;
width: 290px;
height: 250px;
margin: 10px 7px;
padding: 0;
}
#images .bigImage{
width: 280px;
height: 198px;
margin: auto;
padding-top: 5px;
}
#images .thumbs{
height: 40px;
margin: 10px;
}
#images img{border: 1px solid #ccc;}
#pricePanel #buyOption{
float:right;
width: 262px;
height: 250px;
margin-top: 10px;
margin-right: 10px;
border: 1px solid #e8e8e8;
}
#buyOption label{
display:block;
width: 130px;
float:left;
margin: 7px 15px;
font-size: 14px;
color: #888888; /*#3399ff;*/
}
#buyOption input{
width: 20px;
margin-top: 7px;
margin-right: 20px;
border: 1px solid #e8e8e8; /*#b7ddf2; */
}
#buyOption .btnAddtoBasket{
width: 100px;
height: 27px;
margin: 0 90px;
font-weight: bold;
text-align: center;
background: #15345C;
border: 1px solid #163660;
color: #ffffff;
}
#buyOption .btnAddtoBasket:hover{
/*background: #eee;
color: #3399ff;*/
background: #244670;
border: 1px solid #15345C;
}
#buyOption .defaultBtn{
width:125px;
height:28px;
background: #15345C; /*url(../images/defaultbtn.jpg) repeat-x;*/
border: 1px solid #163660;
/*border-radius: 5px;*/ /*01/03/13*/
cursor: pointer;
text-align:center;
color:#fff;
font-size:13px;
font-weight:bold;
margin: auto;
margin-bottom: 10px;
}
/*#buyOption .defaultBtn:hover{background: url(../images/defaultbtnhover.jpg) repeat-x;}*/
#buyOption .defaultBtn:hover{background: #244670; border: 1px solid #15345C;}
#buyOption .defaultBtn:active{box-shadow: 0 0px 0px #888888;}
.lblItemInBasket{margin:auto;margin-top: 100px; color: #3399ff; font-size: 15px; font-weight: bold; text-align: center;}
#buyOption p{color: #888888;}
#buyOption .optionDetails{font-size: 13px; color: #999}
#buyOption .ddlOption{font-family:Calibri, Tahoma, Arial, Trebuchet MS; font-size: 13px; margin-left: 10px;}
#buyOption .licence{font-family:Calibri, Tahoma, Arial, Trebuchet MS; font-size: 13px; margin: 5px 5px 0 -45px; padding: 0;}
#buyOption .totalPrice{font-size: 15px; color: #666666; /*#f60;*/ margin-right: 62px;margin-top: 0px;font-weight: bold;}
#buyOption .lblPrice{font-size: 15px;font-weight: bold;}
#pricePanel #hotspotPanel{
float: left;
width: 500px;
margin: 10px auto;
padding: 10px;
}
#hotspotPanel p{color: #888888; /*#3399ff;*/ margin-top: 10px;}
#hotspotPanel .hotSpotTotal{
float: Right;
width: 100px;
margin: 10px -70px 0 0px;
color: #666666; /*#f60;*/
font-size: 14px;
font-weight: bold;
}
#hotspotPanel .hotspotBtn{
float:right;
width:125px;
height:28px;
background: #15345C; /*url(../images/defaultbtn.jpg) repeat-x;*/
border: 1px solid #163660;
/*border-radius: 5px;*/ /*01/03/13*/
cursor: pointer;
text-align:center;
color:#fff;
font-size:13px;
font-weight:bold;
margin: auto;
margin-bottom: 10px;
}
#hotspotPanel .footMsg{
float:left;
width:350px;
margin-top:20px;
margin-left: 10px;
color: #F00;
font-size: 12px;
}
/***********************************************************ADVERTISING OPPORTUNITIES*****************************************/
#advertOrderPanel{
width: 665px;
margin: 0px 0 10px 0;
padding: 0 0 10px 10px;
background: #f9f9f9; /*#ebf4fb;*/
border: solid 1px #e8e8e8; /*#b7ddf2;*/
}
#advertOrderPanel label{
float: left;
width: 150px;
border-bottom: solid 1px #e8e8e8; /*#b7ddf2;*/
margin: 0;
padding-right: 10px;
}
#advertOrderPanel .advertSlot{
float: left;
width: 150px;
font-size: 14px;
margin: 5px 0px;
}
#advertOrderPanel .advertSlotBtn{
width: 90px;
font-size: 12px;
margin-top: 5px;
}
/***********************************************************ADVERTISING OPPORTUNITIES*****************************************/
#diaryPanel{
width: 600px;
margin: 10px auto;
padding: 10px;
background: #ebf4fb;
border: solid 2px #b7ddf2;
}
#diaryPanel p{
color: #3399ff;
margin-top: 10px;
}
#diaryPanel label{
display:block;
width: 130px;
float:left;
margin: 7px 15px;
font-size: 14px;
color: #3399ff;
}
#diaryPanel input{
width: 20px;
margin-top: 7px;
margin-right: 20px;
border: 1px solid #b7ddf2;
}
#diaryPanel .diaryTotal{
font-size: 15px;
color: #f60;
margin-right: 62px;
margin-top: 0px;
font-weight: bold;
}
#diaryPanel .lblTotal{font-size: 15px;font-weight: bold;}
#diaryPanel .diaryBtn{
width: 100px;
}
/***********************************************************ENQUIRY FORM*****************************************/
#enquiry{
width: 80%;
margin: auto;
padding: 10px;
background: #f9f9f9;/*#ebf4fb; */
border: 1px solid #e8e8e8; /*#b7ddf2;*/
/*border-radius: 5px;*/ /*01/03/13*/
}
#enquiry legend{font-size:17px;font-weight: bold;color: #888888;/*#3399ff;*/}
#enquiry label{
display:block;
width: 130px;
float:left;
margin: 7px 15px;
font-size: 14px;
color: #888888;/*#3399ff;*/
}
#enquiry input{
width: 150px;
margin-top: 7px;
margin-right: 20px;
border: 1px solid #e8e8e8;/*#b7ddf2; */
}
/*Popup.css*/
#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position: fixed; left: 0; top: 0;
margin:auto;
width: 100%; height: 100%;
z-index: 9999;
}
.popup_login{
display: none;/*--hidden by default--*/
background:url("../images/login.png") no-repeat;
position: fixed;
margin:auto;
width:550px;
height:300px;
margin:auto;
top: 50%; left: 50%;
z-index: 99999;
}
/*Registration Form Design*/
.popup_registration{
display:none;
/* background: url("../images/registration.jpg") no-repeat;*/
position: fixed;
margin:auto;
width: 600px;
height: 550px;
top: 50%;
left: 50%;
z-index: 999999;
}
/*End Registration*/
.popup_password{
display: none;/*--hidden by default--*/
background:url("../images/fpassword.jpg") no-repeat;
position: fixed;
margin:auto;
width:550px;
height:300px;
margin:auto;
top: 50%; left: 50%;
z-index: 99999;
}
/*.popup_block{
display: none;/*--hidden by default--
padding: 20px;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
/*--CSS3 Box Shadows--
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Rounded Corners--
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
*/
img.btn_close {
float: right;
margin: -15px -15px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
html #fade {
position: absolute;
}
html .popup_login {
position: absolute;
}
/*-----------------------------------------------------------End-of-fade-popup----------------------------------------------------------------------------------------*/
.formLeft{
float:left;
}
.formRight{
float:right;
}
legend{
font-size: 14px;
color: #333;
}
.popup_login label{
font-size:14px;
color: #999;
margin-bottom:5px;
}
/*Login Template*/
.logintop{
width: 530px;
padding:20px 0 0 20px;
margin: auto;
}
.logintop p{
font-size: 13px;
color: #fff;
padding-top: 15px;
}
.loginaftertop{
width: 230px;
margin:auto;
margin-top: 7px;
background: url("../images/loginbtn.png") repeat-x;
}
.loginbuttons{
float:left;
padding: 0 10px;
margin:auto;
color: #fff;
border-right: 1px #fff solid;
text-align: center;
}
.loginbuttons a{
font-size: 13px;
text-align: center;
color: #fff;
}
.loginbuttons a:hover{
color: #0b3f6a;
text-decoration:none;
}
.loginbody{
width:250px;
height:110px;
margin:auto;
padding-top:10px;
}
#loginBodyRight{
width:150px;
margin-top:22px;
float:right;
}
.loginbody .label_layout{
margin:20px auto;
}
.loginfoot{
width: 550px;
margin:auto;
margin-top: 8px;
}
.loginbtn {
display: block;
padding: 1px 0 0 0;
margin: 15px auto;
width:125px;
height:28px;
background:#666;
text-align:center;
color:#fff;
font-size:12px;
border: 1px solid #b7ddf2;
/*background: url("../images/more.png") no-repeat;*/
}
.loginbtn:hover{background:#ebf4fb; color:#3399ff;}
/*--------------------------------------------------------------End-Of-Login----------------------------------------------------------------------------------------*/
/*Lost Password*/
.fpassword{
width:550px;
margin:auto;
}
.fpasswordtop{
width: 530px;
padding:20px 0 0 20px;
margin: auto;
}
.fpasswordtop p{
width: 400px;
font-size: 13px;
color: #fff;
padding-top: 15px;
}
.fpasswordbody{
width:250px;
margin:auto;
padding-top: 70px;
}
.fpasswordfoot{
width: 550px;
margin:auto;
margin-top: 45px;
}
/*--------------------------------------------------------------End-Of-Lost-Password---------------------------------------------------------------------------------------*/
/*Validation*/
.errors{
font-size: 13px;
color: #F00;
margin-left: 5px;
}
/*--------------------------------------------------------------NEW-POPUP---------------------------------------------------------------------------------------*/
#blanket {
display: none;
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
height: 100%;
}
#popupText{
position:absolute;
margin: auto;
z-index: 9002;
background: #333;
color: #bbb;
width: 400px;
height: 250px;
padding: 20px;
border: solid 5px #444;
text-align: justify;
}
#popUpDiv {
position:absolute;
margin: auto;
z-index: 9002;
}
/*--------------------------------------------------------------JQUERY-POPUP---------------------------------------------------------------------------------------*/
.basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {display:none;background-color:#000; cursor:wait;}
#simplemodal-container {display:none; color:#333; background-color:#fefefe; padding:10px; width: 700px; height: auto;}
#simplemodal-container .title{width: 99.2%; background-color: #15345C; padding: 7px 0 0 7px; position: absolute; top: 0; left: 0;}
#simplemodal-container .title h3{color: #fff;}
#simplemodal-container .bodyContent{margin-top: 40px;}
#simplemodal-container code {display:none;background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {display:none;color:#ddd;}
#simplemodal-container a.modalCloseImg {display:none;background:url(../images/x2.png) no-repeat; width:25px; height:25px; display:inline; z-index:3200; position:absolute; top: 5px; right: 10px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
/*Shop.css*/
/******************************************DEFAULTS******************************************/
.defaultBtn{
width:125px;
height:28px;
background: #15345C; /*url(../images/defaultbtn.jpg) repeat-x;*/
border: 1px solid #163660; /*#b7ddf2;*/
/*border-radius: 5px;*/ /*01/03/13*/
cursor: pointer;
text-align:center;
color:#fff;
font-size:13px;
font-weight:bold;
margin: auto;
margin: 15px 0;
}
.defaultBtn:hover{background: #244670; border: 1px solid #15345C;/*background: url(../images/defaultbtnhover.jpg) repeat-x;*/}
.defaultBtnRight{
clear: both;
float: right;
width:125px;
height:28px;
background: #15345C; /*url(../images/defaultbtn.jpg) repeat-x;*/
border: 1px solid #163660; /*d7eef6*/
/*border-radius: 5px;*/ /*01/03/13*/
cursor: pointer;
text-align:center;
color:#fff;
font-size:13px;
font-weight:bold;
margin: auto;
margin: 15px 0;
}
.defaultBtnRight:hover{background: #244670; border: 1px solid #15345C;/*background: url(../images/defaultbtnhover.jpg) repeat-x;*/}
.disabledBtn{
width:125px;
height:28px;
background: #e8e8e8; /*url(../images/defaultbtn.jpg) repeat-x;*/
border: 1px solid #c8c8c8; /*#b7ddf2;*/
/*border-radius: 5px;*/ /*01/03/13*/
cursor: default;
text-align:center;
color:#666666;
font-size:13px;
font-weight:bold;
margin: auto;
margin: 15px 0;
}
.disabledBtn:hover{background: #e8e8e8;border: 1px solid #c8c8c8;}
/******************************************ORDER PRODUCTS******************************************/
.buy{
width: 700px;
margin:auto;
margin-bottom: 10px;
padding-left: 15px;
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#buyStyle h3{color: #3399ff;margin: 0;}
#buyStyle p{color: #666; margin-bottom: 10px; font-size: 13px}
#buyStyle label{
display:block;
color: #000000;
font-size: 14px;
text-align:right;
width:140px;
float:left;
margin-left: 85px;
}
#buyStyle .selectionPanel{width:600px; margin: auto;}
#buyStyle .Orderddl{
float:left;
font-size:12px;
margin:2px 0 20px 35px;
}
#buyStyle .pricePanel{float: right; margin-bottom: 10px;}
#buyStyle .separator{width: 680px; margin:auto;margin-bottom: 20px; border-bottom: 2px solid #b7ddf2;}
.priceLBL{color: #f60; font-size: 16px; margin-right: 20px; font-weight: bold}
.priceColor{color: #f60; font-weight: bold;}
/******************************************MY BASKET******************************************/
.myBasketTable table{
width: 100%;
border-collapse: collapse;
}
.myBasketTable table thead{
border: 1px solid #d8d8d8;
background: #e8e8e8;
color: #888888;
padding: 10px;
}
.myBasketTable table thead th{
color: #888888;
padding: 10px;
}
.myBasketTable table.table2{width: 100%; margin-top: 5px; }
.myBasketTable table.table2 tr{
width: 100%;
border: 1px solid #e8e8e8;
background: #f9f9f9;
}
.myBasketTable table.table2 tr td{margin: 0;padding: 0;}
.myBasketTable table.table2 tr td p{color: #888888;}
.myBasketTable table tbody tr.noBottomBorder{border-bottom: none;}
.myBasketTable table tbody tr.noTopBorder{border-top: none;}
/*.myBasketTable table.table2 tr.corporateBest td p{background: #f9f9f9; padding: 5px; color: #f00;}*/
.shopProduct{
height:50px;
padding: 0;
float:left;
margin-left: 50px;
font-size: 14px;
}
button{border:0; margin:0; padding:0;}
.myBasket{
width: 730px;
margin: 10px 10px 15px 0;
float: left;
padding: 0;
}
.myBasket .items{
width: 100%;
padding: 10px;
padding-top: 0;
background: #f9f9f9;
border: 1px solid #e8e8e8;
/*border-radius: 7px;*/ /*01/03/13*/
/*border:solid 2px #b7ddf2;
background:#ebf4fb; */
}
.myBasket .basketButtons{
clear:both;
width:125px;
height:31px;
background:#ebf4fb;
text-align:center;
color:#3399ff;
font-size:11px;
font-weight:bold;
float:right;
}
.myBasket a{font-size: 14px; font-weight: bold; color: #3399ff;}
.mybasket p{ margin: 0; color:#888888; /*#f90;*/ font-size: 13px;}
.myBasket .version{
color: #888888;
font-size:12px;
font-style: italic;
font-weight: normal;
}
.myBasket .version strong{color: #888; font-style: normal; font-size: 14px;}
.myBasket .delButton{float:right;border:none;margin-top: -30px; margin-right: 2px}
.myBasket .basketTextBox{clear:both;margin-left:50px;}
.myBasket .totalPrice{
color: #888888; /*#f90;*/
font-size: 14px;
float: right;
}
/*.corporateBest{float:left;background: #f9f9f9; padding: 5px; color: #f00;font-size:14px; border: 1px solid #e8e8e8;}*/
.subtotal {
color: #666666;
margin-top: 5px;
font-size: 15px;
font-weight: bold;
padding: 10px;
background: #e8e8e8;
border: 1px solid #dddddd;
text-align: right;
}
.updateBtn{margin-top: 44px; position: absolute;}
.empty-basket{margin-left: 300px;margin-top: 28px;}
.proccedBtn{margin-top: -43px;}
.discountRed{background: #f2b0b0; border: 1px solid #f2b0b0;}
.discountGreen{background: #99d199; border: 1px solid #99d199;}
.myBasketTable table.table2 tr.corporateBest td p.discountTextWhite{padding: 5px; color: #ffffff; margin: 0; font-weight: bold;}
.myBasketTable table.table2 tr.corporateBest td p.discountTextGrey{padding: 5px; color: #6a6a6a; margin: 0;}
/*************************************************************** Order and payment styles ********************************************************/
#realEX{width: 207px; min-height: 100px; float: right; background: #f9f9f9; border: 1px solid #e8e8e8; margin-top: 10px;}
#realEX div{width: 200px; height: 70px;background: #f9f9f9 url(../images/realex-logo.png) 20px no-repeat;}
#realEX p{color: #aaaaaa; padding: 10px;margin-top: 0;}
.euCustomers{width: 207px; min-height: 100px; float: right; background: #e8e8e8; border: 1px solid #e8e8e8; margin-top: 10px; position: absolute; right: 0;}
.euCustomers p{color: #888888; padding: 10px;margin-top: 0;}
.euCustomers h4{padding-left: 10px; margin: 0;}
.wallMapInfo{width: 190px; height: 320px; float: right; background: #e8e8e8; border: 1px solid #e8e8e8; margin-top: -41px; padding: 7px; overflow: hidden;}
.wallMapInfo h4{margin-top:0;}
.wallMapInfo p{color: #888888; margin-top: 0;}
.euVatHighlight{width: 400px; height: 40px; background: #e8e8e8; padding: 5px 0 2px 0;margin: 0;}
.mapHighlight{width: 300px; height: 30px; background: #e8e8e8; padding: 8px 0 2px 0;margin: 0;}
.progress-bar{width: 100%; height: 30px;line-height: unset; background: #f9f9f9; border: none;}
.progress-bar div{margin:0; padding: 0;height: 30px;}
.progress-bar div a{width: 187px; height: auto;text-align: center; color: #aaaaaa; font-size: 17px; float: left; text-decoration: none; padding-top: 5px;background: url(../images/icons/bread-crumb-arrow.png) no-repeat right 0; }
.progress-bar div a.no-arrow{background: none;}
.progress-bar div a.active{background: #15345C url(../images/icons/bread-crumb-arrow.png) no-repeat right -30px; color: #fefefe; font-weight: bold;}
.progress-bar div a.active2{background: #15345C url(../images/icons/bread-crumb-arrow.png) no-repeat right -60px; color: #fefefe; font-weight: bold;}
.progress-bar div a.normal{cursor: default;}
#order{
width: 700px;
margin:10px 10px 15px 0;
float: left;
padding: 14px;
border: 1px solid #e8e8e8; /*solid 2px #b7ddf2;*/
background: #f9f9f9; /*#ebf4fb;*/
}
#order p{color: #888888; /*#3399ff;*/}
#order legend{font-size:15px; color: #666666; /*#f90;*/ margin-bottom:15px; font-weight: bold;}
#order label{color: #999}
#order .Button{
margin-left: 130px;
clear:both;
width:125px;
height:31px;
background:#ebf4fb;
text-align:center;
color:#3399ff;
font-size:13px;
font-weight:bold;
border: 1px solid #b7ddf2;
}
#order .Button:hover{ background: #ddd;}
.ddlStyle{font-size: 13px;}
.informationTXT{color: #f90; font-size: 13px;}
.requiredTXT{border: 1px solid #f00;}
/********Login**********/
#order .orderLogin{
width: 400px;
margin:auto;
padding: 10px;
border: 1px solid #e8e8e8; /*solid 2px #b7ddf2;*/
background:#fff;
}
.orderLogin p{
font-size: 13px;
margin:auto;
padding: 10px;
}
.orderLogin label{
width: 60px;
float:left;
margin: 20px 30px 0px 30px;
font-size: 14px;
}
.orderLogin input{
margin-top: 20px;
width: 145px;
font-family:Calibri, Tahoma, Arial, Trebuchet MS;
}
/********Order details************************/
#order .orderCardHolder{
width: 310px;
float:left;
margin:auto;
padding: 5px;
border: 1px solid #e8e8e8; /*solid 2px #b7ddf2;*/
background:#f9f9f9;
}
.orderCardHolder label{
width: 80px;
float:left;
margin: 7px 10px;
font-size: 14px;
}
.orderCardHolder input{
margin-top: 7px;
font-family:Calibri, Tahoma, Arial, Trebuchet MS;
color: #3a3a3a;
}
#order .orderDelivery{
width: 350px;
float:left;
margin:auto;
margin-left: 10px;
padding: 5px;
border: 1px solid #e8e8e8; /*solid 2px #b7ddf2;*/
background:#f9f9f9;
}
.orderDelivery label{
width: 90px;
float:left;
margin: 7px 15px;
font-size: 14px;
}
.orderDelivery input{
margin-top: 7px;
font-family:Calibri, Tahoma, Arial, Trebuchet MS;
color: #3a3a3a;
}
#order .diffAddress{
width: 320px;
float:left;
margin-top: 8px;
margin-left: 10px;
}
/************************Different Address**********/
.diffAddress span{font-size:14px;color: #888888; /*#3399ff;*/}
#order .diffAddressPanel{
width: 600px;
margin:auto;
margin-top: 20px;
padding: 10px;
border: 1px solid #e8e8e8; /*solid 2px #b7ddf2;*/
background:#f9f9f9;
}
.diffAddressPanel label{
width: 90px;
float:left;
margin: 0px 10px 7px 150px;
font-size: 14px;
}
.diffAddressPanel .cbDefaultAddress{margin-left: 150px;}
/************************GrandTotalPanel**********/
#order .grandTotalPanel{
width: 672px;
margin:15px 0;
padding: 10px;
border: 1px solid #e8e8e8; /*solid 2px #b7ddf2;*/
background:#f9f9f9;
}
.grandTotalPanel label{
width: 140px;
float:left;
margin: 0px 10px 10px 230px;
font-size: 14px;
}
.asplbl{
margin-bottom: 7px;
font-size: 14px;
color: #15345C; /*#f90;*/
font-weight: bold;
}
.ddl{
margin-top: 7px;
/*width: 157px;*/
font-family:Calibri, Tahoma, Arial, Trebuchet MS;
padding: 3px;
border: 1px solid #dddddd;
font-size: 14px;
}
.ddl100{width: 100px; font-family:Calibri, Tahoma, Arial, Trebuchet MS;}
/************************Order Payment Panel**********/
#order .orderPayment{
width: 600px;
margin:auto;
padding: 10px;
border: 1px solid #e8e8e8; /*solid 2px #b7ddf2;*/
background:#fff;
}
.orderPayment #normal{
width: 500px;
float:left;
}
#order .otherCards{
float:left;
width: 280px;
height: 100px;
}
.svc{float:left; margin-left:20px;}
.orderPayment label{
display:block;
width: 90px;
float:left;
margin: 7px 15px;
font-size: 14px;
}
.orderPayment input{
margin-top: 7px;
width: 145px;
font-family:Calibri, Tahoma, Arial, Trebuchet MS;
}
.checkBox{width:10px;margin: 0px -50px;}
#order .small{
float:left;
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:140px;
}
/*************************************************************** Order confirmation styles ********************************************************/
#orderConfirm{
width: 600px;
margin: auto;
margin-bottom: 15px;
padding: 10px;
border: 1px solid #e8e8e8; /*solid 2px #b7ddf2;*/
background: #f9f9f9; /*#ebf4fb;*/
}
#orderConfirm p{
font-size: 14px;
margin: 0;
padding: 0;
margin-bottom: 10px;
color: #666;
}
#orderConfirm .productCount{
font-size: 14px;
font-weight: bold;
}
#orderConfirm .productName{
font-size: 14px;
color: #3399ff;
}
#orderConfirm .priceRight{
float:right;
color: #888888; /*#F60;*/
font-size: 14px;
}
#orderPrice
{
width: 600px;
margin:auto;
margin-bottom: 15px;
padding: 10px;
background: #f9f9f9;
border: 1px solid #e8e8e8;
}
#orderPrice label{
margin-left: 50px;
width: 160px;
font-size: 14px;
color: #666;
float:right;
}
#orderPrice .prices{
color: #888888; /*#F60;*/
font-size: 14px;
}
#orderPrice .grandTotal{color: #666666; /*#f60;*/ font-size: 14px; font-weight:bold;}
.confirmPanel{
width: 250px;
height: 200px;
float: left;
margin-left: 20px;
/*background:#ebf4fb;*/
border: 1px solid #e8e8e8; /*2px solid #b7ddf2;*/
}
.confirmPanel h3{
padding-left: 25px;
}
.confirmPanel p{
font-size: 14px;
padding-left: 25px;
margin-top: -10px;
}
.orderBtn{
/* clear:both;
width:125px;
height:31px;
background:#ebf4fb;
background: url(../images/defaultbtn.jpg) repeat-x;
text-align:center;
color:#3399ff;
font-size:13px;
font-weight:bold;
margin:auto;
margin-left: 280px;
border: 1px solid #b7ddf2;*/
clear: both;
width:125px;
height:28px;
background: #15345C; /*url(../images/defaultbtn.jpg) repeat-x;*/
border: 1px solid #163660;
/*border-radius: 5px;*/ /*01/03/13*/
cursor: pointer;
text-align:center;
color:#fff;
font-size:13px;
font-weight:bold;
margin: auto;
margin: 15px 0;
}
.LMargin{margin-left: 20px;}
.orderBtn:hover{ background: #244670; border: 1px solid #15345C; /*background: #7BD2EE; border: 1px solid #68C6EC;*/ /*background: #ddd*/}
/*Order Status panel*/
#orderStatusPanel{
width: 800px;
margin:auto;
margin-bottom: 15px;
padding: 5px;
border: 1px solid #e8e8e8; /*solid 2px #b7ddf2;*/
background: #f9f9f9; /*#ebf4fb;*/
background: #fff;
}
#orderStatusPanel .date{
float:left;
width: 90px;
font-size: 14px;
color: #f60;
}
#orderStatusPanel .statusDetails{
font-size:14px;
width: 600px;
margin-left: 100px;
}
/*INFIELD SHOP*/
#infieldShopStyle h5{
font-size: 14px;
color: #666666; /*#3399ff;*/
padding: 10px;
text-decoration: none;
font-weight: bold;
}
#infieldShopStyle a{text-decoration: none;}
#infieldShopStyle .productList{
width: 777px;
background: #f9f9f9;
border: 1px solid #e8e8e8;
/*border-radius: 7px;*/ /*01/03/13*/
/*background:#ebf4fb;
border: solid 1px #b7ddf2; */
margin-bottom: 5px;
padding: 0px;
}
#infieldShopStyle .productList .version{
color: #333;
font-size: 13px;
margin: 0 10px;
}
#infieldShopStyle .priceSize{margin-right: 30px;margin-top: -2px; float:right}
.standaloneBtn{float:right;}
.clsRed
{
color:Red;font-weight:bold;}
#WhitePaperPanel{
width: 580px;
/*height: 380px;*/
margin: auto;
background-color:#f9f9f9;
padding:5px;
border:1px solid #e8e8e8;
}
.modalBackground
{
filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
width: 100%; height: 100%; background-color: #999999;
position: absolute;
z-index: 500;
top: 0px; left: 0px;
}
/*************************************************************** SOCIAL NETWORK STYLES ********************************************************/
#socialnetwork
{
width:30px;
height: 85px;
background: url(../images/social-networks/left-bar.png);
display: scroll;
position: fixed;
bottom: 500px;
right: 350px;
}
#socialnetwork img{
margin-top: 5px;
margin-left: 3px;
}
/*************************************************************** SHOPPING BASKET STYLES ON SHOP ********************************************************/
#shoppingBasket{
width: 200px;
height: 40px;
float: right;
margin-top: -50px;
margin-right: 0;
background: #f9f9f9; /*url(../images/basket.png);*/
border: 1px solid #e8e8e8;
color: #666666;
}
#shoppingBasket .basketDetails{
margin: 10px 0 0 8px;
}
#gotoBuy{
width: 70px;
height: 20px;
float: right;
margin-top: -36px;
background: url(../images/buy.png);
}
/*************************************************************** NEW ORDER PANEL ********************************************************/
#newOrderPanel{
width: 650px;
min-height: 100px;
margin: auto;
margin-top: 0px;
margin-bottom: 15px;
padding: 10px;
background: #f9f9f9;
border: 1px solid #e8e8e8;
border-collapse: collapse;
/*border-radius: 7px;*/ /*01/03/13*/
/*background: #EBF4FB;
border: 2px solid #b7ddf2;
border-radius: 10px;*/
}
#newOrderPanel label{
float: none;
font-size: 14px;
width: 150px;
}
#newOrderPanel span{color: #888888;/*#f60;*/}
.productInBasket
{
width: 580px;
min-height: 100px;
margin: auto;
margin-left: 0;
margin-top: 20px;
padding: 10px;
background: #f9f9f9; /*#EBF4FB;*/
border: 1px solid #e8e8e8;
/*border-radius: 10px;*/ /*01/03/13*/
color: #888888; /*#3399ff;*/
}
.productInBasket p{text-align:center;font-weight:bold;}
/*************************************************************** PRODUCT HIGHLIGHTS ON HOME PAGE ********************************************************/
#highlights{
width: 550px;
height: 130px;
margin: 10px auto;
padding: 10px;
background: #f1f1f1;
border: 1px solid #e1e1e1;
/*border-radius: 10px;*/ /*01/03/13*/
}
.image_carousel {
padding: 0;
}
.image_carousel div.slide {
width: 150px;
height: 90px;
position: relative;
}
.image_carousel div.slide div {
background-color: rgba(0, 0, 0, 0.6);
width: 150px;
display: none;
position: absolute;
bottom: 0;
}
.image_carousel div.slide h4 {
font-size: 17px;
padding: 30px 0 0 100px;
}
.image_carousel div.slide p {
font-size: 14px;
padding: 0 0 30px 100px;
}
.image_carousel div.slide h4, .image_carousel div.slide p {
color: white;
margin: 0;
}
.image_carousel img {
border: 3px solid #e1e1e1;
background-color: white;
padding: 0px;
margin: 2px;
display: block;
float: left;
}
.clearfix {
float: none;
clear: both;
}
/*************************************************************** INFIELD ON NEWS STYLE ********************************************************/
.onNewsBox{
width: 100%;
margin: 10px auto;
padding: 5px;
background: #f5f5f5;
border: 1px solid #e5e5e5;
/*border-radius: 7px; */ /*01/03/13*/
}
.onNewsBox:hover{background: #eeeeee;}
.onNewsBox .title{
border-bottom: 1px solid #e5e5e5;
}
.title h3{margin-top: 0;padding:0}
.onNewsBox p{color: #888888;}
.onNewsBox .date{color:#000000}
.date span{font-weight: bold;}
/*************************************************************** BROCHURE ACCORDION STYLES ********************************************************/
#brochureAccordion{width: 680px; margin: auto;}
#brochureAccordion h3{color: #888888;/*#3399ff;*/ background: #f9f9f9; /*#EBF4FB;*/ padding: 5px; margin-bottom: 10px; border: 1px solid #e8e8e8;/*#B7DDF2;*/ /*border-radius: 5px;*/ cursor: pointer;}
#brochureAccordion a:hover{text-decoration: none; color: #666;}
#brochureAccordion table{width: 100%}
#brochureAccordion table tr td{border-bottom: 1px solid #e5e5e5; font-size: 14px; padding: 5px;}
#brochureAccordion tbody tr:hover{background: #FFF url("../images/tr_bck.gif") repeat;}
#brochureAccordion .pdfdown
{
background-repeat:no-repeat;
background-image:url(../images/file_pdf.png);
background-position:right;
padding-right:25px;
width:20%;
text-align:right
}
/*************************************************************** BACK TO TOP BUTTON ********************************************************/
#back-top {
position: fixed;
float: right;
bottom: 30px;
margin-left: -150px;
}
#back-top a {
width: 50px;
display: block;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #aaaaaa;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #888888;
}
/* arrow icon (span tag) */
#back-top span {
width: 50px;
height: 50px;
display: block;
margin-bottom: 7px;
background: #e8e8e8 url(../images/go-top.png) no-repeat center center;
/*border-radius: 7px;*/ /*01/03/13*/
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #d8d8d8;
}
/********************************************************NIVO SLIDER***************************/
/*
#slide1, #slide2, #slide3, #slide4, #slide5 {float: left;margin: 0 4px 4px 0; position: absolute; z-index: 0;}
#slide5{margin-right: 0;}
#slide1 img, #slide2 img{width: 112px; height: 75px;}
#slide3 img{width: 200px; height: 75px;}
#slide4 img{width: 165px; height: 75px;}
#slide5 img{width: 85px; height: 75px;}
*/
#slideShow{position: relative; top: 0; width: 690px; height: 75px; margin-bottom: 4px;}
#slide1, #slide2, #slide3, #slide4, #slide5 {float: left; position: relative; top: 0; margin: 0 4px 4px 0;height: 75px; border: 0px solid #000; list-style: none;}
#slide1{left:0;width: 112px;}
#slide2{width: 112px;}
#slide3{width: 200px;}
#slide4{width: 165px;}
#slide5{width: 85px; margin-right: 0;}
/*
#slide1{left:0;width: 112px;}
#slide2{left:116px;width: 112px;}
#slide3{left:232px;width: 200px;}
#slide4{left:436px;width: 165px;}
#slide5{left:605px;width: 85px; margin-right: 0;}
*/
#slide1 img{position: absolute;width: 112px; height: 75px; top: 0;}
#slide2 img{position: absolute;width: 112px; height: 75px; top: 0;}
#slide3 img{position: absolute;width: 200px; height: 75px; top: 0;}
#slide4 img{position: absolute;width: 165px; height: 75px; top: 0;}
#slide5 img{position: absolute;width: 85px; height: 75px; top: 0;}
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* 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 p {
padding:5px;
margin:0;
}
.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;
}
/*
css: {
min-Width: 20px;
padding: 5px;
border: solid 1px #777;
box-shadow: 4px 4px 4px #555;
color: #666;
background-color: #efefef;
opacity: 0.85;
z-Index: 32767;
text-align: left;
} */
/* currency drop down box*/
#currency{
height: auto; /*20px;*/
background: #e8e8e8;
border: 1px solid #d8d8d8;
padding: 10px;
margin: 0;
}
#currency p{margin: 0; color: #888888; font-weight: bold; text-align: right;}
/*MYBASKET PAGE*/
.myBasket #currency {
width: 708px;
margin: 0;
}
/*REPORT PAGE*/
#divNewOrderPanel #currency {
width: 650px;
border-bottom: none;
}
/*WALLCHART PAGE*/
#divPricePanel #currency {
width: 580px;
border-bottom: none;
margin-top: 15px;
}
/*MAP ADVERTISING PAGE*/
#divAdvertOrderPanel #currency {
width: 660px;
border-bottom: none;
margin-top: 15px;
}
/*
* qTip2 - Pretty powerful tooltips - v2.1.1
* http://qtip2.com
*
* Copyright (c) 2013 Craig Michael Thompson
* Released under the MIT, GPL licenses
* http://jquery.org/license
*
* Date: Wed Oct 9 2013 10:40 UTC+0000
* Plugins: None
* Styles: None
*/
.qtip{
position: absolute;
left: -28000px;
top: -28000px;
display: none;
min-width: 50px;
font-size: 10.5px;
line-height: 12px;
direction: ltr;
box-shadow: none;
padding: 0;
border: 1px solid #888888;
}
.qtip-content{
position: relative;
padding: 5px 9px;
overflow: hidden;
text-align: left;
word-wrap: break-word;
font-size: 13px;
background: #e8e8e8;
color: #888888;
}
.qtip-titlebar{
position: relative;
padding: 5px 35px 5px 10px;
overflow: hidden;
border-width: 0 0 1px;
font-weight: bold;
}
.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }
/* Default close button class */
.qtip-close{
position: absolute;
right: -9px; top: -9px;
cursor: pointer;
outline: medium none;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
.qtip-titlebar .qtip-close{
right: 4px; top: 50%;
margin-top: -9px;
}
* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon{
display: block;
text-indent: -1000em;
direction: ltr;
}
.qtip-icon, .qtip-icon .ui-icon{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
.qtip-icon .ui-icon{
width: 18px;
height: 14px;
line-height: 14px;
text-align: center;
text-indent: 0;
font: normal bold 10px/13px Tahoma,sans-serif;
color: inherit;
background: transparent none no-repeat -100em -100em;
}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}
/* Default tooltip style */
.qtip-default{
background-color:#fff;
border-color:#E2E2E2;
color:#454545
}
.qtip-default .qtip-titlebar{
background-color:#f1f1f1;
}
.qtip-default .qtip-icon{
border-color: #CCC;
background: #F1F1F1;
color: #777;
}
.qtip-default .qtip-titlebar .qtip-close{
border-color: #AAA;
color: #111;
}
/***********************************************************GREY PANEL*****************************************/
.grey-panel{
width: 100%;
height: auto;
margin: 10px auto;
background-color: #f9f9f9;
border: 1px solid #d8d8d8;
}
.grey-panel .grey-panel-header {
width: 100%;
background-color: #e8e8e8;
}
.grey-panel .grey-panel-header h3{padding: 10px; margin: 0;}
.grey-panel .grey-panel-body{
margin-top: 10px;
margin-bottom: 10px;
}
.grey-panel label{width: 100% !important;}
.grey-panel #tblJobApplication td{height: 25px;}
.txtBox{
width: 60%;
border: 1px solid #dddddd;
background-color: #ffffff;
font-family: Calibri;
font-size: 14px;
color: #3a3a3a;
padding: 3px;
}
.txtBox:hover{border: 1px solid #bbbbbb;}
.txtBox:focus{border: 1px solid #999999;}
.txtBox .error{border: 1px solid #d51414;}
.txtBox .success{border: 1px solid #16ca0e}
/***********************************************************TOGGLE BUTTON ON JOB APPLICATION*****************************************/
/* ============================================================
COMMON
============================================================ */
.cmn-toggle {
position: absolute;
margin-left: -9999px;
visibility: hidden;
}
.cmn-toggle + label {
display: block;
position: relative;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* ============================================================
SWITCH 1 - ROUND
============================================================ */
input.cmn-toggle-round + label {
padding: 2px;
width: 98px !important;
height: 30px;
background-color: #dddddd;
/*-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;*/
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
display: block;
position: absolute;
top: 1px;
left: 1px;
bottom: 1px;
content: "";
}
input.cmn-toggle-round + label:before {
right: 1px;
background-color: #f1f1f1;
/*-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;*/
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
-o-transition: background 0.4s;
transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
width: 40px;
background-color: #fff;
/*-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;*/
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-webkit-transition: margin 0.4s;
-moz-transition: margin 0.4s;
-o-transition: margin 0.4s;
transition: margin 0.4s;
z-index: 99;
}
input.cmn-toggle-round:checked + label:before {
background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
margin-left: 60px;
}
.switch{position: relative;}
.switch span{position: absolute;margin-top: 6px; cursor: pointer;}
.switch .toggleYes{ left: 20px; color: #ffffff;}
.switch .toggleNo{ right: 20px; color: #888888;}
/* ============================================================
ASP DISABLED BUTTON STYLE
============================================================ */
.aspNetDisabled, .aspNetDisabled:hover{
background-color: #e8e8e8 !important;
color: #888888 !important;
border: 1px solid #ccc !important;
}
.aspNetDisabled:hover{cursor: not-allowed;}
/* ============================================================
ARTICLE IMAGE STYLE
============================================================ */
.article-image-left{width: 50%; float: left; margin-bottom: 10px;}
.article-image-left img{width: 400px; float: left;}
.article-image-left p{width: 400px; float: left; text-align: center; font-weight: bold;}
.article-image-right{width: 50%; float: right; margin-bottom: 10px;}
.article-image-right img{width: 400px; float: right;}
.article-image-right p{width: 400px; float: right; text-align: center; font-weight: bold;}
/* ============================================================
SOCIAL MEDIA SHARING STYLE
============================================================ */
#socialSharingContainer{width: 350px; float: right; margin-top: 10px;}
#socialSharingContainer ul{
list-style: none;
display: inline;
margin: 10px 0;
vertical-align: baseline;
list-style-position: inside;
}
#socialSharingContainer li{display: inline-block; margin-left: 8px;}
#socialSharingContainer li a{
display: block;
width: 32px;
height: 32px;
background-image: url(../images/icons/social-sharing-icons.png);
background-repeat: no-repeat;
text-indent: -999px;
text-decoration: none;
}
#socialSharingContainer li a.facebookShare{ background-position: left top; margin-left: -1px;}
#socialSharingContainer li a.twitterShare{ background-position: -40px top;}
#socialSharingContainer li a.googlePlusShare{ background-position: -120px top;}
#socialSharingContainer li a.linkedinShare{ background-position: right top;}
#socialSharingContainer li a.facebookShare:hover{ background-position: left -40px;}
#socialSharingContainer li a.twitterShare:hover{ background-position: -40px -40px;}
#socialSharingContainer li a.googlePlusShare:hover{ background-position: -120px -40px;}
#socialSharingContainer li a.linkedinShare:hover{ background-position: right -40px;}
/* ============================================================
MARKETING PAGE STYLE
============================================================ */
#marketPageLayout table{width: 100%;}
#marketPageLayout table#head-text td{width: 50%;}
#marketPageLayout .first-paragraph{
margin-top:0;
font-size: 14px;
}
#marketPageLayout h2 span{color: #15345C;}
#marketPageLayout ul li{margin-bottom: 10px;}
#marketPageLayout div.highlight-text {
border-left: 3px solid #15345c;
padding-left: 10px;
}
#marketPageLayout div.highlight-text p {
text-align: left;
font-style: italic;
color: #888;
font-size: 15px;
}
#marketPageLayout .divHighlight{
background-color: #f9f9f9;
border: 1px solid #e8e8e8;
padding: 7px;
}
.marketingPageImg{margin-bottom: 10px;}
a.marketingPagesBtn{
padding: 5px;
background-color: #15345C;
color: #fff;
text-decoration: none;
margin: 15px 0 0 1px;
}
.bubble
{
position: relative;
width: 690px;
height: 120px;
padding: 0px;
background: #15345C;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
border: #15345C solid 2px;
}
.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 50px 11px 0;
border-color: #15345C transparent;
display: block;
width: 0;
z-index: 1;
bottom: -50px;
left: 396px;
}
.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 51px 12px 0;
border-color: #15345C transparent;
display: block;
width: 0;
z-index: 0;
bottom: -53px;
left: 395px;
}
/* ============================================================
COOKIE MESSAGE STYLE (Master Page 13/10/15)
============================================================ */
.divBottomFixed {
width: 100%;
position: fixed;
bottom: 0;
}
.divBottomFixed .cookieContainer {
width: 60%;
height: 65px;
background-color: #15345C;
margin: auto;
}
.cookieContainer img{
float: left;
margin: 10px;
}
.cookieMSG h3, .cookieMSG p{margin:0; color: #ffffff;}
.cookieMSG a{text-decoration: underline; color: #ffffff;}
.cookieMSG p{font-size: 13px;}
/* ============================================================
fa ICON STYLE
============================================================ */
.tooltip{
display: inline;
position: relative;
cursor: help;
font-family: Calibri;
}
.tooltip span{color: #006dbb !important;}
.tooltip:hover{
text-decoration: none;
}
.tooltip:hover:after{
background: #333;
background: rgba(0,0,0,.8);
border-radius: 5px;
bottom: 26px;
color: #fff;
content: attr(title);
left: -70%;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: 220px;
}
.tooltip:hover:before{
border: solid;
border-color: #333 transparent;
border-width: 6px 6px 0 6px;
bottom: 20px;
content: "";
left: 0;
position: absolute;
z-index: 99;
}
/* ============================================================
enquiry submitted confirmation window
============================================================ */
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
z-index: 1000;
}
.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 30%;
position: relative;
transition: opacity 500ms;
}
.popup .close {
position: absolute;
top: -5px;
right: 10px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #666;
}
.popup .content {
max-height: 30%;
overflow: auto;
}
/*___________________________________________________________________________________________________*/
/*MEDIA QUERIES*/
/*___________________________________________________________________________________________________*/
@media (max-width: 1200px) {
#divWebsiteBreif{display: none;}
.resHide-md{display: none;}
#divLastMenuItem{left: -142px;}
#divEventsMenuItem{left: -200px;}
}
@media(max-width: 991px) and (min-width: 600px){
/*#topBanner{position: fixed;}
#mainMenuHolder{
position: fixed;
top: 65px;
}
#body_content{margin-top: 115px}*/
}
@media (max-width: 991px) {
#divLoginPanelMiddleCol{display: none;}
.resHide-xs{display: none;}
}
@media (max-width: 767px) {
.resHide-xs{display: none !important;}
.navbar .navbar-nav {
display: list-item;
max-height: 500px;
overflow-y: auto;
border-bottom: 20px solid #15345C;
}
.navbar .navbar-collapse {text-align: left;}
#divVerticalTileHolder{display: none;}
.sitemap{display: none;}
#imgLoginLogo{margin-top: 0}
#loginRightPanel{border-left: none;}
.sidePanel{display: none;}
#divLoginPage{margin-top: 5%;}
}
@media (min-width: 768px) {
#menuLogo{display: none;}
#divLoginMobile{display: none;}
}
@media (max-width: 768px) {
#topLayout{display: none;}
#divTopLinks{display: none;}
.divLogo{display: none;}
#menuLogo{display: block;}
#mainMenuHolder{position: fixed;}
#body_content{margin-top: 50px}
.bodylayout2{margin-top: 50px}
#divLoginPage{padding: 0; margin-top: 15%}
#divSecondStageLoginMessage{padding-left: 0 !important;}
.woodmacLogo{margin-left: 25%;}
}