@import url("//hello.myfonts.net/count/27e142"); 
@font-face {font-family: 'JohnSansLite-Bold';src: url('webfonts/27E142_0_0.eot');src: url('webfonts/27E142_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/27E142_0_0.woff') format('woff'),url('webfonts/27E142_0_0.ttf') format('truetype');}
@font-face {font-family: 'JohnSansLite-BoldItalic';src: url('webfonts/27E142_1_0.eot');src: url('webfonts/27E142_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/27E142_1_0.woff') format('woff'),url('webfonts/27E142_1_0.ttf') format('truetype');}  
@font-face {font-family: 'JohnSansMed-Bold';src: url('webfonts/27E142_2_0.eot');src: url('webfonts/27E142_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/27E142_2_0.woff') format('woff'),url('webfonts/27E142_2_0.ttf') format('truetype');}  
@font-face {font-family: 'JohnSansMed-BoldItalic';src: url('webfonts/27E142_3_0.eot');src: url('webfonts/27E142_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/27E142_3_0.woff') format('woff'),url('webfonts/27E142_3_0.ttf') format('truetype');}  
@font-face {font-family: 'JohnSansWhite-Bold';src: url('webfonts/27E142_4_0.eot');src: url('webfonts/27E142_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/27E142_4_0.woff') format('woff'),url('webfonts/27E142_4_0.ttf') format('truetype');}  
@font-face {font-family: 'JohnSansWhite-Italic';src: url('webfonts/27E142_5_0.eot');src: url('webfonts/27E142_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/27E142_5_0.woff') format('woff'),url('webfonts/27E142_5_0.ttf') format('truetype');}

/*-----------------------CONTENTS------------------------------- 
 * 1. RESETS
 * 2. GENERAL/BASE STYLES
 * 3. COOKIE BAR
 * 4. TOP (Header, Masthead, Navigation)
 * 5. CONTENT (Wrap, Main, Content)
 * 6. PRIMARY MENU (Dropdown)
 * 7. BREADCRUMBS (and Pagetools)
 * 8. BUTTON STYLES
 *10. 
 *11. 
 *---------------------/END CONTENTS---------------------------- */


/*-------------------------------------------------------------- */
/* RESETS */
/*-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
border : 0; font-style : inherit; font-weight : inherit; margin : 0; outline : 0; padding : 0; vertical-align : baseline; } 
:focus { outline : 0; } 
body, html { height : 100.01%; margin-bottom : 1px; } 
a, a:hover, a:active, a:focus { outline : 0; } 
::-moz-selection { background : #0355a1; color : #fff; text-shadow : none; }
table { border-collapse : separate; border-spacing : 0; } 
caption, th, td { font-weight : normal; text-align : left; } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display : block;} 
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

/*-------------------------------------------------------------- */
/* GENERAL/BASE STYLES */
/*-------------------------------------------------------------- */
body { 
font-family : JohnSansWhite-Bold, Calibri, Arial;
text-rendering: optimizelegibility;
font-style : normal; 
background : #f0f0f0; 
line-height : 1; 
font-size:14px;
} 
body input, body select, body textarea {font-family:inherit;} 
body.home #main{overflow:hidden;}
h1,h2,h3,h5 {font-family : inherit;}
h4,h6 {font-family : JohnSansLite-Bold, Trebuchet, Calibri, Arial;}
h1{font-size:34px;line-height:40px;margin:0 0 12px 0;}
h2{font-size:28px;line-height:34px;margin:0 0 12px 0;}
h3{font-size:22px;line-height:28px;margin:0 0 12px 0;}
h4,h5{font-size:16px;line-height:22px;margin:0 0 12px 0;text-transform:uppercase; letter-spacing: .1em;}
h6{font-size:16px;line-height:22px;margin:0 0 8px 0;}
p{font-family : inherit; color : #7E7E7E; font-size:inherit; line-height:20px;margin:0 0 8px 0;}
.small{font-size:12px !important; line-height:14px !important;}
.greybg{background:#ececec;}

.doormat{background:#F2F2EB;}
p.doormat{line-height:18px;padding: 0 10px;}

/* LINKS */
a{
color : #0089B7;
text-decoration:none;
line-height:1.5em;
}
a:hover { 
text-decoration: underline;
transition : all 0.2s ease-in-out;
}  
a.pdf { background : url(../img/icons/pdf.gif) 0 1px no-repeat; padding : 1px 3px 1px 17px; margin-left : 3px; } 

/* LISTS */
ol, ul { color : #7E7E7E; list-style : none; } 
#content ul { 
margin : 10px 0 25px 20px; 
} 
#content ul  li{ 
margin : 10px 0 4px 5px; 
list-style-type: disc;
line-height : 1.45em; 
} 
#content ul li a { 
text-decoration : none; 
} 
#content ul li a:hover { 
text-decoration : underline; 
color : #000; 
} 
#content ol { 
margin : 10px 0 25px 20px; 
} 
#content ol li { 
line-height : 1.45em; 
margin-bottom : 10px; 
list-style-type : decimal; 
} 
#content ol li a { 
text-decoration : none; 
} 
#content ol li a:hover { 
text-decoration : underline; 
color : #000; 
} 
#content ul li.sub-link { 
margin-left : 14px; 
background : url(../img/icons/square.gif) 0 5px no-repeat; 
padding-left : 12px; 
margin-bottom : 7px; 
} 
/* MISC CLASSES */
.l { float : left; } 
.r { float : right; } 
img.l { float : left; margin : 0 30px 30px 0; } 
img.r { float : right; margin : 0 0 30px 30px; } 
a img { border : 0; } 
.cb, .clear {clear : both;} 
.access {display : none;} 
.displayblock {display : block !important ;} 
em {font-style : italic;} 
ol, ul { list-style : none; } 
li, blockquote { line-height: 150%;}
.hidden { display: none;}
/* PERCENTAGE WIDTHS */
.pc1 {width: 1%;} .pc2 {width: 2%;} .pc3 {width: 3%;} .pc4 {width: 4%;} .pc5 {width: 5%;} .pc6 {width: 6%;} .pc7 {width: 7%;} .pc8 {width: 8%;} .pc9 {width: 9%;} .pc10 {width: 10%;}
.pc11 {width: 11%;} .pc12 {width: 12%;} .pc13 {width: 13%;} .pc14 {width: 14%;} .pc15 {width: 15%;} .pc16 {width: 16%;} .pc17 {width: 17%;} .pc18 {width: 18%;} .pc19 {width: 19%;} .pc20 {width: 20%;}
.pc21 {width: 21%;} .pc22 {width: 22%;} .pc23 {width: 23%;} .pc24 {width: 24%;} .pc25 {width: 25%;} .pc26 {width: 26%;} .pc27 {width: 27%;} .pc28 {width: 28%;} .pc29 {width: 29%;} .pc30 {width: 30%;}
.pc31 {width: 31%;} .pc32 {width: 32%;} .pc33 {width: 33%;} .pc34 {width: 34%;} .pc35 {width: 35%;} .pc36 {width: 36%;} .pc37 {width: 37%;} .pc38 {width: 38%;} .pc39 {width: 39%;} .pc40 {width: 40%;}
.pc41 {width: 41%;} .pc42 {width: 42%;} .pc43 {width: 43%;} .pc44 {width: 44%;} .pc45 {width: 45%;} .pc46 {width: 46%;} .pc47 {width: 47%;} .pc48 {width: 48%;} .pc49 {width: 49%;} .pc50 {width: 50%;}
.pc51 {width: 51%;} .pc52 {width: 52%;} .pc53 {width: 53%;} .pc54 {width: 54%;} .pc55 {width: 55%;} .pc56 {width: 56%;} .pc57 {width: 57%;} .pc58 {width: 58%;} .pc59 {width: 59%;} .pc60 {width: 60%;}
.pc61 {width: 61%;} .pc62 {width: 62%;} .pc63 {width: 63%;} .pc64 {width: 64%;} .pc65 {width: 65%;} .pc66 {width: 66%;} .pc67 {width: 67%;} .pc68 {width: 68%;} .pc69 {width: 69%;} .pc70 {width: 70%;}
.pc71 {width: 71%;} .pc72 {width: 72%;} .pc73 {width: 73%;} .pc74 {width: 74%;} .pc75 {width: 75%;} .pc76 {width: 76%;} .pc77 {width: 77%;} .pc78 {width: 78%;} .pc79 {width: 79%;} .pc80 {width: 80%;}
.pc81 {width: 81%;} .pc82 {width: 82%;} .pc83 {width: 83%;} .pc84 {width: 84%;} .pc85 {width: 85%;} .pc86 {width: 86%;} .pc87 {width: 87%;} .pc88 {width: 88%;} .pc89 {width: 89%;} .pc90 {width: 90%;}
.pc91 {width: 91%;} .pc92 {width: 92%;} .pc93 {width: 93%;} .pc94 {width: 94%;} .pc95 {width: 95%;} .pc96 {width: 96%;} .pc97 {width: 97%;} .pc98 {width: 98%;} .pc99 {width: 99%;} .pc100 {width: 100%;}


/*-------------------------------------------------------------- */
/* COOKIE BAR */
/*-------------------------------------------------------------- */
#cookie_wrapper {
width: 100%;
top:0;
margin: 0 auto;
background: #B1B1AC;
z-index: 9999;
} 
.cookie_bar{
padding-top: 5px;
margin: 0 auto;
}
.cookie_bar p{
color: #000;
}
.cookie_bar > div.two{
text-align:center;
padding-top:10px;
}
.cookie_bar  a{
color:#ececec;
}
/*-------------------------------------------------------------- */
/* TOP (Header, Masthead, Navigation) */
/*-------------------------------------------------------------- */
#header-wrap {
border-top : 5px; 
position : relative;
width: 100%;
margin: 0 auto;
background: #571F41;
z-index : 900; 
} 
#header { 
padding-bottom : 3px;
margin-bottom:0;
} 
#header img { 
float : left; 
margin-top : 14px; 
margin-bottom : 10px; 
} 
#header #navigation { 
float : right; 
z-index : 900; 
}
/* Primary Navigation (Dropdown) */
#navigation { position: relative; z-index: 9999; zoom:1;}
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;  position: relative; z-index:700;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}
ul.mega-menu li#search a{display:block; position:absolute; top:-3px; right:-40px; text-indent:9999px; background:url(../img/icons/search.gif) no-repeat 0px 0px; width:16px; height:15px;   border:none; display:none;}
.udmenu ul.mega-menu li a.btnsignin { display: block; width: 20px; height: 43px; text-indent: -9999px; border: none; background: url(../img/icons/search-icon.gif) 25px 17px no-repeat; padding: 10px 15px 10px 25px;}
.udmenu ul.mega-menu li a.btnsignin:hover {background: url(../img/icons/search-icon.gif) 25px -56px no-repeat; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}

/*-------------------------------------------------------------- */
/* SEARCH */
/*-------------------------------------------------------------- */
#searchform {position: absolute; top: 0px; right: -15px; padding: 6px; z-index: 1000; }
#searchform input[type=text] { border: 1px solid #e2e2e2; padding: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/*-------------------------------------------------------------- */
/* CONTENT (Wrap, Main, Content) */
/*-------------------------------------------------------------- */
#content-wrap { 
width : 1024px;
margin : 0px auto;
background : #FFF; 
position : relative;
z-index : 10; 
} 
#main { 
margin-top : 0; 
margin-bottom: 0;
padding-bottom: 30px;
position : relative; 
z-index : 10; 
overflow : hidden; 
min-height : 520px;
} 
#main #content {
margin-top:30px;
/*border-top: 1px solid #ccc;
padding-top:10px;*/
}
#content table { border-collapse : collapse; } 
#main dl dd p img
{
margin: 4px 17px 10px 0;
float: left;
}  
#main dl dd p img.r
{
margin: 4px 0px 10px 17px;
float: right;
}
#main dl dd a img
{
  margin: 5px 10px 10px 0;
} 

/*-------------------------------------------------------------- */
/* PRIMARY MENU (Dropdown) */
/*-------------------------------------------------------------- */
.udmenuX { 
float:right;
margin-top : 32px; 
} 
.udmenu ul.mega-menu, .udmenu ul.mega-menu, .udmenu ul.mega-menu li { 
margin : 0; 
padding : 0; 
border : none; 
} 
.udmenu ul.mega-menu { 
/*height : 32px; */
/*position : relative; */
} 
.udmenu ul.mega-menu li { 
float : left; 
margin : 0; 
padding : 0; 
text-transform: uppercase;
white-space: nowrap
} 
.udmenu ul.mega-menu li a { 
float : left; 
display : block; 
color : #fff; 
padding : 0px 5px 10px 25px; 
text-decoration : none; 
/*font-weight:bold;
font-size : 14px;*/
line-height : 16px;
letter-spacing : .1em;
/*width:215px*/
}
udmenu ul.mega-menu li a.on { 
color : #7E7E7E; 
} 
.udmenu ul.mega-menu li a.dc-mega  
{
position : relative; 
z-index : 9900; 
} 
.udmenu ul.mega-menu li.mega-hover a, .udmenu ul.mega-menu li a:hover { 
color : #7E7E7E; 
text-shadow : none; 
} 
.udmenu ul.mega-menu li.mega-hover a .dc-mega-icon { 
background-position : 0 100%; 
} 
.udmenu ul.mega-menu li .sub-container  
{
position : absolute;
margin-left : 16px; 
background: #ececec;
} 
.udmenu ul.mega-menu li .sub-container.mega .sub { 
padding : 20px 20px 10px 0; 
} 
.udmenu ul.mega-menu li .sub .row { 
width : 100%; 
overflow : hidden; 
clear : both; 
} 
.udmenu ul.mega-menu li .sub li { 
list-style : none; 
float : none; 
} 
.udmenu ul.mega-menu li .sub li ul { 
margin-bottom : 20px; 
} 
.udmenu ul.mega-menu li .sub li.mega-hdr { 
margin : 0 10px 10px 0; 
float : left; 
} 
.udmenu ul.mega-menu li .sub li.mega-hdr.last { 
margin-right : 0; 
} 
.udmenu ul.mega-menu li .sub a { 
background : none; 
border : none; 
color : #111; 
padding : 7px 10px; 
display : block; 
float : none; 
text-decoration : none; 
letter-spacing:0;
} 
.udmenu ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a { 
text-transform : uppercase; 
margin-bottom : 0; 
display : inherit; 
color : #888; 
} 
.udmenu ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover { 
color : #fff; 
text-shadow : none; 
} 
.udmenu ul.mega-menu .sub li.mega-hdr { 
padding-left : 7px; 
margin-right : 40px; 
} 
.udmenu ul.mega-menu .sub li.mega-hdr li { 
margin-left : 10px; 
line-height : 1.1em; 
} 
.udmenu ul.mega-menu .sub li.mega-hdr li a { 
padding : 5px 5px 5px 0; 
background : url(../img/bg/dot.gif) bottom left repeat-x; 
margin-right : 10px; 
display : block; 
} 
.udmenu ul.mega-menu .sub li.mega-hdr a img { 
padding : 3px; 
border : #e2e2e2 solid 1px; 
margin-top : -10px; 
margin-bottom : 20px; 
} 
.udmenu ul.mega-menu .sub li.mega-hdr li a:hover { 
color : #000; 
text-decoration : underline; 
} 
.udmenu ul.mega-menu .sub ul li { 
padding-right : 0; 
} 
.udmenu ul.mega-menu li .sub-container.non-mega li { 
padding : 0; 
} 
.udmenu ul.mega-menu li .sub-container.non-mega li:last-child { 
background : none; 
border-bottom: none;
} 
.udmenu ul.mega-menu li .sub-container.non-mega li a { 
text-transform: none;
font-weight:normal;
/*font-size : 14px;*/
line-height : 16pt;
}
.udmenu ul.mega-menu li .sub-container.non-mega li a:hover { 
color : #000; 
text-decoration : underline; 
} 
.udmenu ul.mega-menu ul.division li { 
margin-left : 15px; 
} 
.udmenu ul.mega-menu .sub li.mega-hdr ul.division { 
margin-top : -10px; 
height : 205px; 
margin-bottom : 0; 
} 
.udmenu ul.mega-menu .sub li.mega-hdr ul.division li { 
color : #888; 
margin-right : 10px; 
padding : 0; 
margin-left : 16px; 
} 
.udmenu ul.mega-menu .sub li.mega-hdr ul.division li img { 
padding : 3px; 
border : #e2e2e2 solid 1px; 
} 
.udmenu ul.mega-menu .sub li.mega-hdr ul.division li a { 
padding : 0; 
background : none; 
margin : 0; 
margin-bottom : -10px; 
padding-right : 20px; 
} 
.udmenu ul.mega-menu .sub li.mega-hdr ul.division li a:hover { 
text-decoration : underline; 
} 
.udmenu ul.mega-menu li ul { 
display : none; 
} 
.udmenu ul.mega-menu .sub ul { 
display : block; 
} 
.hidden-menu{display: none;}

/*-------------------------------------------------------------- */
/* BREADCRUMBS (and Pagetools) */
/*-------------------------------------------------------------- */
#breadcrumbs { 
color : #333; 
text-transform : uppercase; 
padding-top : 10px; 
padding-bottom : 10px; 
margin-bottom: 0;
z-index : 100; 
} 
#breadcrumbs span { 
font-size : 14px;
padding : 0 8px; 
color : #7E7E7E; 
} 
#breadcrumbs a { 
text-decoration : none; 
color : #7E7E7E; 
} 
#breadcrumbs a:hover { 
text-decoration : underline; 
color : #000; 
} 
#breadcrumbs #pagetools ul{ 
float:right;
} 
#breadcrumbs #pagetools ul li { 
display : inline; 
text-transform : none; 
margin-left : 20px;  
} 
#breadcrumbs #pagetools ul li a { 
text-decoration : none; 
color : #666; 
padding-left : 17px; 
} 
#breadcrumbs #pagetools ul li a:hover { 
color : #000; 
} 
/*-------------------------------------------------------------- */
/* BUTTON STYLES */
/*-------------------------------------------------------------- */
a.button { 
background : #641A45;
padding : 7px 18px;
text-decoration : none; 
border-radius : 3px; 
color : #FFF;
letter-spacing:0.1em;
} 
a.button:hover { 
transition : all 200ms ease-in; 
background : #87004E; 
text-decoration : none !important; 
} 
a.button:active { 
color : #571F41;
background : #641A45;
} 
/*-------------------------------------------------------------- */
/* IMAGE STYLES */
/*-------------------------------------------------------------- */
#main #content img.image-left, .image-left { 
float : left; 
margin : 5px 20px 20px 0; 
padding : 3px; 
border : #ccc solid 1px; 
} 
#main #content img.image-right, .image-right { 
float : right; 
margin : 5px 0 25px 25px; 
padding : 3px; 
border : #ccc solid 1px; 
} 
#main #content img.noborder { 
border : none; 
} 
/*-------------------------------------------------------------- */
/* SIDEBAR */
/*-------------------------------------------------------------- */
#main #sidebar{
padding-top : 30px; 
} 
#main #sidebar ul { 
margin-bottom : 80px; 
/*font-size:14px;*/
} 
#main #sidebar .menu a { 
display : block; 
padding : 5px 5px 5px 5px; 
line-height : 1.4em; 
border-bottom : 1px solid #CFCFCF;
} 
#main #sidebar .menu a:after { 
content: "\f054"; font-family: FontAwesome; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: inherit; float:right; margin-right:-5px;
}
#main #sidebar .menu a.active { 
font-weight:bold;
} 
#main #sidebar .menu a.dc-mega.active:after{ 
content: "\f078"; font-family: FontAwesome; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: inherit; float:right; margin-right:-5px;
}
#main #sidebar .menu ul.acitem { 
margin-bottom : 5px; 
} 
#main #sidebar .menu ul li a {  
border : none; 
background : #fff; 
padding : 5px 5px 5px 15px; 
line-height : 1.4em; 
border-bottom : 1px solid #CFCFCF;
} 
#main #sidebar .menu ul li a:after{  
content: "\f054"; font-family: FontAwesome; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: inherit; float:right; margin-right:-5px;
}
#main #sidebar ul li a  {
color : #7E7E7E;    
padding : 3px 5px 3px 0; 
text-decoration : none; 
display : block; 
} 
#main #sidebar ul li li a:hover { 
color : #000; 
background : #ECECEC;
} 
#main #sidebar ul li.on a, #main #sidebar ul li a.on { 
color : #000; 
font-weight:bold; 
} 
#main #sidebar .menu ul li.on a{
letter-spacing: 0.08em;
margin-right:-1px;
}
#sidebar ul.menu li.dc-mega-li{
    display:none;  
}
#sidebar ul.menu li.expand{
    display:block;  
}
#sidebar ul.menu li.expand ul.acitem li.dc-mega-li {
    display:block;   
}
#main #sidebar ul li.sub a {
display: none!important;
}
/*-------------------------------------------------------------- */
#inside-tab-wrap ul#inside-tabs { 
height : 27px; 
border-bottom : 1px solid #ccc; 
margin-top : 35px; 
margin-bottom : 30px; 
margin-left: 0;
padding-left : 0; 
font-size:14px;
} 
#inside-tab-wrap ul#inside-tabs li { 
display : inline; 
background : none; 
padding : 8px 0 8px 0; 
margin-right : 4px; 
list-style : none; 
margin-left : 0; 
background : #fff; 
color : #7E7E7E; 
} 
#inside-tab-wrap ul#inside-tabs li a { 
text-decoration : none; 
padding : 6px 6px 8px 6px; 
color : #7e7e7e; 
background : url(../img/bg/tab-off.jpg) bottom left repeat-x #efedee; 
border-top : 1px solid #ccc; 
border-right : 1px solid #ccc; 
border-bottom : 1px solid #ccc; 
border-left : 1px solid #ccc; 
} 
#inside-tab-wrap ul#inside-tabs li a:hover { 
color : #000; 
} 
#inside-tab-wrap ul#inside-tabs li.on a, #inside-tab-wrap-static ul#inside-tabs-static li.on a, #inside-tab-wrap ul#inside-tabs li.active a { 
border-top : 1px solid #ccc; 
border-right : 1px solid #ccc; 
border-bottom : 1px solid #fff; 
border-left : 1px solid #ccc; 
background : #fff; 
color : #7E7E7E; 
padding : 6px 6px 9px 6px; 
} 

#inside-tab-wrap ul#sub { 
margin-bottom : 25px; 
} 
#inside-tab-wrap ul#sub li { 
display : inline; 
} 
#inside-tab-wrap ul#sub li a { 
/*color : #024f97; */
padding-right : 10px; 
border-right : 1px solid #ccc; 
margin-right : 10px; 
} 
#inside-tab-wrap ul#sub li:last-child a { 
border-right : none; 
} 

/*-------------------------------------------------------------- */
/* TABLE STYLES */
/*-------------------------------------------------------------- */
#content table.ourvalues { 
background-color : #F2F2EB;
} 
#content table.history { 
background-color : #F2F2EB;
} 
#content table { 
margin-top : 10px; 
margin-bottom : 20px;
width : 100%; 
border : #eae9e4 solid 3px; 
border-top : none; 
border-left : none; 
border-top : 1px solid #ccc; 
} 
#content table th { 
padding : 9px 10px 9px 10px; 
color : #fff; 
background : #571F41; 
border-left : 1px solid #ccc; 
vertical-align : middle; 
font-weight : 600; 
text-transform : uppercase; 
} 




#content table th.division_aquilant { 
padding : 9px 10px 9px 10px; 
color : #fff; 
background : #00454B; 
border-left : 1px solid #ccc; 
vertical-align : middle; 
font-weight : 600; 
text-transform : uppercase; 
} 
#content table th.division_ashfield { 
padding : 9px 10px 9px 10px; 
color : #fff; 
background : #00435C; 
border-left : 1px solid #ccc; 
vertical-align : middle; 
font-weight : 600; 
text-transform : uppercase; 
}
#content table th.division_sharp { 
padding : 9px 10px 9px 10px; 
color : #fff; 
background : #003063; 
border-left : 1px solid #ccc; 
vertical-align : middle; 
font-weight : 600; 
text-transform : uppercase; 
}
#content table th.division_united_drug { 
padding : 9px 10px 9px 10px; 
color : #fff; 
background : #571F41; 
border-left : 1px solid #ccc; 
vertical-align : middle; 
font-weight : 600; 
text-transform : uppercase; 
}
#content table th.w150 { 
width : 150px; 
} 
#content table td { 
padding : 9px 14px 9px 14px; 
color : #7e7e7e; 
border-bottom : 1px solid #ccc; 
border-left : 1px solid #ccc; 
} 
#content table th { 
vertical-align : top; 
border-bottom : 1px solid #ccc; 
} 
#content table th strong { 
} 
#content table td strong {
/*color : #3a3a3a; */
font-weight : 600; 
} 
#content table td span.highlight { 
color : #09882a; 
font-weight : 700; 
font-size : 1.1em; 
} 
#content table tr.subtotal td { 
background : #f2f2eb; 
border-bottom : 1px solid #515151; 
} 
#content table tr.total td { 
background : #f2f2eb; 
border-top : 2px solid #515151; 
border-bottom : 2px solid #515151; 
} 
#content table a { 
/*color : #024f97; */
text-decoration : none; 
} 
#content table td a.pdf { 
background : url(../img/icons/pdf.gif) 0 1px no-repeat; 
padding : 1px 0 1px 18px; 
margin-bottom : 6px; 
} 
#content table td a.url { 
background : url(../img/icons/url.gif) 0 1px no-repeat; 
background-size : 12px 13px; 
padding : 1px 0 1px 18px; 
margin-bottom : 6px; 
} 
#content table td a.webcast { 
background : url(../img/icons/webcast.gif) 0 0 no-repeat; 
padding : 1px 0 1px 21px; 
margin-bottom : 6px; 
} 
#content table a:hover { 
color : #000; 
text-decoration : underline; 
} 
#content table.result { 
margin-top : 20px; 
margin-bottom : 0; 
width : 100%; 
border : #eae9e4 solid 3px; 
border-top : none; 
border-left : none; 
border-top : 1px solid #ccc; 
} 
#content table.result th { 
padding : 9px 14px 9px 14px; 
color : #444; 
font-size : 1.1em; 
line-height : 1.4em; 
background : #eae9e4; 
border-left : 1px solid #ccc; 
vertical-align : middle; 
font-weight : 500; 
text-transform : uppercase; 
} 
#content table.result td { 
padding : 9px 14px 9px 14px; 
color : #111; 
font-size : 1.2em; 
line-height : 1.4em; 
border-bottom : 1px solid #ccc; 
border-left : 1px solid #ccc; 
} 
#content table.result th strong, #content table.result td strong { 
font-weight : 700; 
font-size : 1.1em; 
} 
#content table.result td span.highlight { 
color : #09882a; 
font-weight : 700; 
font-size : 1.1em; 
} 
table.borderoff { 
border : #eae9e4 solid 3px; 
} 
table.borderoff th { 
border-left : none; 
} 
table.borderoff td { 
border-left : 0; 
} 
table tr.borderoffbottom td { 
border-bottom : 0; 
} 
#content table.result a { 
/*color : #024f97; */
text-decoration : underline; 
} 
#content table.result a:hover { 
color : #000; 
} 
#content table.board { 
margin-top : 0; 
margin-bottom : 20px; 
width : 100%; 
border : #eae9e4 solid 3px; 
border-top : none; 
border-left : none; 
border-top : 1px solid #b2c7da; 
border-left : 1px solid #ccc; 
} 
#content table.board tr.heading th { 
padding : 9px 14px 9px 14px; 
color : #00172d; 
font-size : 1.2em; 
line-height : 1.4em; 
background : #d4e4f3; 
border-left : none; 
border-bottom : 1px solid #b2c7da; 
vertical-align : middle; 
font-weight : 500; 
text-transform : uppercase; 
} 
#content table.board tr.heading th.col-one { 
width : 165px; 
} 
#content table.board tr th { 
color : #003464; 
text-transform : none; 
font-size : 1.3em; 
border-left : none; 
} 
#content table.board tr td { 
border-left : none; 
vertical-align : top; 
} 
#content table.board tr td img { 
margin-top : 3px; 
} 
#content table.figures th, #content table.figures td { 
text-align : right; 
} 
#content table.figures td.td-first { 
text-align : left; 
} 
#content table.noborders { 
margin-top : 0; 
margin-bottom : 0px; 
width : 100%; 
border-top : 0px; 
border-left : 0px; 
border-top : 0px; 
border-left : 0px; 
} 
/*-------------------------------------------------------------- */
/* HOMEPAGE BANNER */
/*-------------------------------------------------------------- */

#home_banner_wrap{ 
width:1024px;
margin:0 auto;
background : #E3007B;
position : relative;
z-index:1;
overflow:hidden;
} 
#home_banner_wrap h3{margin-top:5px;}
#banner_image {z-index:1;}
/* Content */
#caption { 
color : #fff; 
text-shadow : none; 
margin-top:20px;
} 
#caption h2{
padding-bottom:15px;
border-bottom: 2px dotted #000;
color : #fff; 
} 
#caption p { 
font-size: 16px;
line-height : 1.5em; 
color : #000; 
margin: 15px 0; 
} 
#caption p a { 
background : #571f41; 
padding : 7px 18px; 
color : #fff; 
text-decoration : none; 
border-radius : 3px; 
} 
#caption p a:hover { 
background : #FFF; 
color : #000;
} 
#caption p a:active{
background : #ececec;
}   
#banner_image img{
float:right;
margin-right:-42px;
}
/*-------------------------------------------------------------- */
/* HOMEPAGE - MIDDLE FEATURES 
/*-------------------------------------------------------------- */

#main #middle_features h3 { 
color : #7E7E7E; 
text-transform : uppercase; 
padding-top : 10px;
text-align:center;
} 
#middle_features ul{ 
margin :  0 0 10px 0;
/*text-align : center;*/
}  
#middle_features ul li { 
display : inline-block;
position : relative; 
margin-bottom: 10px;
} 
#middle_features ul li a { 
transition : background 200ms ease-in; 
text-decoration : none; 
} 
#middle_features ul li a img { 
z-index : 200;
width:100%; 
opacity : 1; 
} 
#middle_features ul li a span { 
display : block; 
background: #571F41;
padding : 8px 8px 8px 8px;
text-align: left;
color : #fff; 
position : relative; 
top: -30px; 
z-index : 900; 
}
#middle_features ul li #division-0 span { 
background: #00454B;
}
#middle_features ul li #division-1 span { 
background: #00435C;
}
#middle_features ul li #division-2 span { 
background: #003063;
}
#middle_features ul li #division-3 span { 
background: #571F41;
}

#middle_features ul li h6:after{content: "\f138"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 20px; float:right;}
#middle_features ul li #division-0 span h6:after{ 
color: #60BFC1;
}
#middle_features ul li #division-1 span h6:after{ 
color: #BDCD00;
}
#middle_features ul li #division-2 span h6:after{ 
color: #A6E7C6;
}
#middle_features ul li #division-3 span h6:after{ 
color: #E3007B;
}

#middle_features ul li a h6{
margin-bottom:0;
}
#middle_features ul li p{
margin-top:-25px;
height:115px;
}
/*-------------------------------------------------------------- */
/* HOMEPAGE - BOTTOM FEATURES 
/*-------------------------------------------------------------- */
#bottom_features div{
padding-top:10px;
-moz-box-sizing: border-box;
box-sizing:border-box;
border-top: 2px solid #571F41;
}
#bottom_features p.date{
color : #7e7e7e; 
margin-bottom:0;
} 
#bottom_features div.doormat-header {
background: #000;
display: block;
padding: 8px;
margin-bottom:0;
margin-top: -3px; 
border: none;
} 
#bottom_features div.doormat-header a:hover{
text-decoration: none;
}
#bottom_features div.doormat-header h6{
margin-bottom:0; 
color : #fff;
} 
#bottom_features div.doormat-header h6:after{content: "\f138"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 20px; float:right;
}
#bottom_features p.doormat {
padding: 10px 10px;
height:90px;
}

/*-------------------------------------------------------------- */
/* #MAIN #CONTENT DL DD STYLING for Board, About, News pages     */
/*-------------------------------------------------------------- */
#main #content dl dd { 
border-bottom : 1px solid #ccc; 
padding : 5px 0 5px 0; 
margin : 0 0 15px 0; 
} 
#main #content dl { 
margin : 15px 0 10px 0; 
padding-top: 10px;
border-top : 1px solid #ccc;
} 
#main #content dl dd p { 
margin-bottom : 15px;
}
#main #content dl dd h4 { 
color:#E3007B
}
/*-------------------------------------------------------------- */
/* BOARD OF MANAGEMENT */
/*-------------------------------------------------------------- */0
body.board #main #content dl { 
border-top: none;
}
body.board #main #content dl dd img { 
float : left; 
margin : 4px 17px 10px 0; 
padding : 3px; 
border : #ccc solid 1px; 
border-radius : 3px; 
width:220px;
} 
body.board #main #content dl dd h4 { 
/*color : #00315f; */
padding-left : 175px; 
font-weight:bold;
} 
body.board #main #content dl dd h6 { 
margin-top : 6px; 
padding-left : 175px; 
text-transform : uppercase; 
font-weight:normal;
} 
body.board #main #content dl dd p { 
padding-left : 5px; 
} 

/*-------------------------------------------------------------- */
/* ABOUT US */
/*-------------------------------------------------------------- */
body.about-landing #main #content dl dd img { 
float : right; 
margin : 5px 10px 5px 10px; 
width : 150px; 
height : 120px; 
} 
body.about-landing #main #content dl dd h2 { 
margin-top : -5px; 
color : #00315f; 
padding-left : 0px; 
} 
body.about-landing #main #content dl dd ul { 
padding-left : 10px; 
} 

/*-------------------------------------------------------------- */
/* BUSINESS LANDING */
/*-------------------------------------------------------------- */
/*.businesses_landing #main #content dl{border:none;}*/
.businesses_landing div.borderTop{border-top:1px solid #ccc;padding-top:10px;}
.businesses_landing div.doormat_blocks {display:inline-block;margin-bottom:10px;}
.businesses_landing div.doormat_blocks ul{margin:0!important;}
.businesses_landing div.doormat_blocks ul li{margin:0 10px!important;height:270px!important;}
.businesses_landing div.doormat_blocks ul li.alpha{margin-left:0!important;}
.businesses_landing div.doormat_blocks ul li.omega{margin-right:0!important;}
.businesses_landing div.doormat_blocks ul li span { 
display : block; 
background: #571F41;
padding : 8px;
text-align: left;
color : #fff; 
position : relative; 
top: -7px; 
}
.businesses_landing div.doormat_blocks ul li span h6{margin:0;}

/*-------------------------------------------------------------- */
/* BUSINESS BANNERS */
/*-------------------------------------------------------------- */
.banner_logo {padding:5% 10%;}
.flexslider.banner_carousel{margin-bottom:0;border:10px solid #F2F2EB;}
/*-------------------------------------------------------------- */
/* FOOTER */
/*-------------------------------------------------------------- */
#footer { 
width:100%;
margin : 0px auto;
background : #ececec; 
/*background: url('../img/footer_img.png') no-repeat right 45px bottom 20px;*/
min-height:255px;
} 
#footer_banner{
padding-top:20px;
color : #7e7e7e;
}
#footer_banner h6 { 
font-weight:bold;
} 
#footer_banner h6 em{
font-weight:normal;
text-transform:none;
} 
#footer a { 
color : #7e7e7e; 
text-decoration : none; 
} 
#footer a:hover { 
text-decoration : underline; 
}
div.footer-image {margin-top:50px; margin-left:80px}

/*-------------------------------------------------------------- */
/* Mobile Portrait View */
/*-------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
    #header-wrap, #home_banner_wrap, #content-wrap, #footer{width:100%;}
	#cookie_wrapper {position:relative;}
	#header-wrap{margin-top:-10px !important;}
	.cookie_bar p {margin-bottom:0;} 
	.cookie_bar > div.two{margin-bottom:8px;}
	/*Navigation and Menu*/
	.udmenu{margin-top: 5px;}
	.mega-menu{display:none;}
	a.hidden-menu{display: block; float: right; color: #fff;}
	
	/*Banner*/
	#banner_image{display:none;}
	/*Breadcrumb*/
	#breadcrumbs {display:none;}
	/*HomePage features*/
	
	#middle_features ul li p {height:auto;}
}

/*-------------------------------------------------------------- */
/* INTERNET EXPLORER HACKS */
/*-------------------------------------------------------------- */
/* COOKIE BAR */
html.ie #cookie_wrapper{ position:relative; z-index:9999;}
html.ie #header-wrap {margin-top:0 !important; z-index:900;}
html.ie7 div.non-mega a{font-family:Trebuchet MS !important;}
/* INSIDE TABS */
html.ie7 #inside-tab-wrap ul#inside-tabs, html.ie #inside-tab-wrap-static ul#inside-tabs-static  {height:110%; padding-top: 10px; margin-bottom:20px !important; }
html.ie7 .udmenu ul.mega-menu li .sub-container{margin-left:-75% !important;}
/* SIDEBAR MENU */
html.ie7 #main #sidebar ul.menu .sub{display:none;}
/* EKTRON SEARCH */
html.ie7 .ektronSearch div.searchWrapper div.searchResults table td {border-top: 1px dotted #b1b1ad !important;}
html.ie7 .ektronSearch div.searchWrapper div.searchResults table td.j{border-top:none;}
html.ie7 .ektronSearch div.searchWrapper div#basicTerms input[type=button]{padding-top:4px;padding-bottom:4px;}

/* @license
 * MyFonts Webfont Build ID 2613570, 2013-08-01T07:03:57-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: John Sans Lite Bold by Storm
 * URL: http://www.myfonts.com/fonts/storm/john-sans/lite-bold/
 * 
 * Webfont: John Sans Lite Bold Italic by Storm
 * URL: http://www.myfonts.com/fonts/storm/john-sans/lite-bold-italic/
 * 
 * Webfont: John Sans Med Bold by Storm
 * URL: http://www.myfonts.com/fonts/storm/john-sans/med-bold/
 * 
 * Webfont: John Sans Med Bold Italic by Storm
 * URL: http://www.myfonts.com/fonts/storm/john-sans/med-bold-italic/
 * 
 * Webfont: John Sans White Bold by Storm
 * URL: http://www.myfonts.com/fonts/storm/john-sans/white-bold/
 * 
 * Webfont: John Sans White Bold Italic by Storm
 * URL: http://www.myfonts.com/fonts/storm/john-sans/white-bold-italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2613570
 * Licensed pageviews: 100,000
 * Webfonts copyright: Copyright (c) Frantisek Storm, www.stormtype.com, 2001. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/

/*-------------------------------------------------------------- */
/* FLEXSLIDER */
/*-------------------------------------------------------------- */
#content ul.slides{margin:0;}
#content ul.slides li{margin:0;}
/*-------------------------------------------------------------- */
/* LIGHTBOX (Fancybox) */
/*-------------------------------------------------------------- */
#fancybox-loading { 
position : fixed; 
top : 50%; 
left : 50%; 
width : 40px; 
height : 40px; 
margin-top : -20px; 
margin-left : -20px; 
cursor : pointer; 
overflow : hidden; 
z-index : 1104; 
display : none; 
} 
#fancybox-loading div { 
position : absolute; 
top : 0; 
left : 0; 
width : 40px; 
height : 480px; 
background-image : url(../img/fancybox/fancybox.png); 
} 
#fancybox-overlay { 
position : absolute; 
top : 0; 
left : 0; 
width : 100%; 
z-index : 1100; 
display : none; 
} 
#fancybox-tmp { 
padding : 0; 
margin : 0; 
border : 0; 
overflow : auto; 
display : none; 
} 
#fancybox-wrap { 
position : absolute; 
top : 0; 
left : 0; 
padding : 20px; 
z-index : 1101; 
outline : none; 
display : none; 
} 
#fancybox-outer { 
position : relative; 
width : 100%; 
height : 100%; 
background : #fff; 
} 
#fancybox-content { 
width : 0; 
height : 0; 
padding : 0; 
outline : none; 
position : relative; 
overflow : hidden; 
z-index : 1102; 
border : #fff solid 0; 
} 
#fancybox-hide-sel-frame { 
position : absolute; 
top : 0; 
left : 0; 
width : 100%; 
height : 100%; 
background : transparent; 
z-index : 1101; 
} 
#fancybox-close { 
position : absolute; 
top : -15px; 
right : -15px; 
width : 30px; 
height : 30px; 
background : url('../img/fancybox/fancybox.png') -40px 0 transparent; 
cursor : pointer; 
z-index : 1103; 
display : none; 
} 
#fancybox-error { 
color : #444; 
font : normal normal 12px/20px Arial; 
padding : 14px; 
margin : 0; 
} 
#fancybox-img { 
width : 100%; 
height : 100%; 
padding : 0; 
margin : 0; 
border : none; 
outline : none; 
line-height : 0; 
vertical-align : top; 
} 
#fancybox-frame { 
width : 100%; 
height : 100%; 
border : none; 
display : block; 
} 
#fancybox-left, #fancybox-right { 
position : absolute; 
bottom : 0; 
height : 100%; 
width : 35%; 
cursor : pointer; 
outline : none; 
background : url('../img/fancybox/blank.gif') transparent; 
z-index : 1102; 
display : none; 
} 
#fancybox-left { 
left : 0; 
} 
#fancybox-right { 
right : 0; 
} 
#fancybox-left-ico, #fancybox-right-ico { 
position : absolute; 
top : 50%; 
left : -9999px; 
width : 30px; 
height : 30px; 
margin-top : -15px; 
cursor : pointer; 
z-index : 1102; 
display : block; 
} 
#fancybox-left-ico { 
background-image : url('../img/fancybox/fancybox.png'); 
background-position : -40px -30px; 
} 
#fancybox-right-ico { 
background-image : url('../img/fancybox/fancybox.png'); 
background-position : -40px -60px; 
} 
#fancybox-left:hover, #fancybox-right:hover { 
visibility : visible; 
} 
#fancybox-left:hover span { 
left : 20px; 
} 
#fancybox-right:hover span { 
left : auto; 
right : 20px; 
} 
.fancybox-bg { 
position : absolute; 
padding : 0; 
margin : 0; 
border : 0; 
width : 20px; 
height : 20px; 
z-index : 1001; 
} 
#fancybox-bg-n { 
top : -20px; 
left : 0; 
width : 100%; 
background-image : url('../img/fancybox/fancybox-x.png'); 
} 
#fancybox-bg-ne { 
top : -20px; 
right : -20px; 
background-image : url('../img/fancybox/fancybox.png'); 
background-position : -40px -162px; 
} 
#fancybox-bg-e { 
top : 0; 
right : -20px; 
height : 100%; 
background-image : url('../img/fancybox/fancybox-y.png'); 
background-position : -20px 0; 
} 
#fancybox-bg-se { 
bottom : -20px; 
right : -20px; 
background-image : url('../img/fancybox/fancybox.png'); 
background-position : -40px -182px; 
} 
#fancybox-bg-s { 
bottom : -20px; 
left : 0; 
width : 100%; 
background-image : url('../img/fancybox/fancybox-x.png'); 
background-position : 0 -20px; 
} 
#fancybox-bg-sw { 
bottom : -20px; 
left : -20px; 
background-image : url('../img/fancybox/fancybox.png'); 
background-position : -40px -142px; 
} 
#fancybox-bg-w { 
top : 0; 
left : -20px; 
height : 100%; 
background-image : url('../img/fancybox/fancybox-y.png'); 
} 
#fancybox-bg-nw { 
top : -20px; 
left : -20px; 
background-image : url('../img/fancybox/fancybox.png'); 
background-position : -40px -122px; 
} 
#fancybox-title { 

z-index : 1102; 
} 
.fancybox-title-inside { 
padding-bottom : 10px; 
text-align : center; 
color : #333; 
background : #fff; 
position : relative; 
} 
.fancybox-title-outside { 
padding-top : 10px; 
color : #fff; 
} 
.fancybox-title-over { 
position : absolute; 
bottom : 0; 
left : 0; 
color : #FFF; 
text-align : left; 
} 
#fancybox-title-over { 
padding : 10px; 
background-image : url('../img/fancybox/fancy_title_over.png'); 
display : block; 
} 
.fancybox-title-float { 
position : absolute; 
left : 0; 
bottom : -20px; 
height : 32px; 
} 
#fancybox-title-float-wrap { 
border : none; 
border-collapse : collapse; 
width : auto; 
} 
#fancybox-title-float-wrap td { 
border : none; 
white-space : nowrap; 
} 
#fancybox-title-float-left { 
padding : 0 0 0 15px; 
background : url('../img/fancybox/fancybox.png') -40px -90px no-repeat; 
} 
#fancybox-title-float-main { 
color : #FFF; 
line-height : 29px; 
font-weight : bold; 
padding : 0 0 3px 0; 
background : url('../img/fancybox/fancybox-x.png') 0 -40px; 
} 
#fancybox-title-float-right { 
padding : 0 0 0 15px; 
background : url('../img/fancybox/fancybox.png') -55px -90px no-repeat; 
} 

/*standard red,green, amber for UI messages*/
.SuccessMessage 
{
    color: #5cb85c;
    font-weight:bold
}

.ErrorMessage
{
    color: #d9534f;
    font-weight:bold
}

.WarningMessage
{
    color:#ec971f;
    font-weight:bold
}

.WarningMessageBlock
{
    color:white; 
    width:300px; 
    background-color:#ec971f;  
    padding:5px; 
    display:table-cell; 
    text-align:center;
    border:5px solid #af0362
}

.ErrorMessageBlock
{
    color:white; 
    width:300px; 
    background-color:#d9534f; 
    padding:5px; 
    display:table-cell; 
    text-align:center;
    border:5px solid white
}

input[type="submit"] {
    background: #af0362;
    color: #fff;
    font-family: "DinBold", "Fedra Sans Screen Regular", "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    border: none;
    width: auto;
    margin: 10px 0px 10px 0px;
    text-transform: uppercase;
    padding: 5px 18px;
    font-size: 16px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
}

.firstMessage td
{
    background-color:#af0362;
}

.firstMessage span
{
    color:White;
}


input[type="text"]:disabled {
    background-color:#e3d8de;
}

/* highlight orders which have been credited */
#content .creditedOrder  th  { 
background : red;
} 

/* highlight orders which have been credited */
#content .creditedLine td  { 
background : red;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    /*border: 1px solid #888;*/
    width: 30%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        /*color: #000;*/
        text-decoration: none;
        cursor: pointer;
    }

.modal-header {
    padding: 10px;
    background-color: #571F41;
    color: white;
}

    .modal-header h3 {
        margin: 0;
    }

.modal-body {
    padding: 20px 10px;
}

    .modal-body p {
        margin: 0;
    }

.modal-footer {
    text-align: right;
    padding: 10px;
    border-top: 1px solid #571F41;
}


.modal-footer input[type="submit"] {
    margin: 0;
    float: none;
}

/* The Delivery schedule Heading */

.delivery-schedule-header {
    text-decoration: underline;
}

.product-information {
    font-size: 12px;
    line-height: 12px;
    font-style: italic;
    color: #ec971f;
}