/* Main Style Sheet for MarketingTactics */

/* Standard HTML Elements */

a:link {text-decoration: none; color:#1A75CF; }
a:visited {text-decoration: none; color:#660000;}

body {background-color:#FCFCFC; margin: 0px; text-align:center;}

h1 {font-size: 14pt; font-family: Arial, Helvetica, sans-serif; color:#595959; line-height: 100%; margin: 20px 0px 9px 10px;}
h2 {font-size: 12pt; font-family: Arial, Helvetica, sans-serif; color:#595959; line-height: 100%; margin: 10px 0px 8px 10px;}
h3 {font-size: 11pt; font-family: Arial, Helvetica, sans-serif; color:#595959; line-height: 100%; margin: 10px 0px 7px 10px;}

b, strong {font-weight: bold;}
i, em {font-style: italic; }
img {border:none;}
ol, ul {margin-top:0px;}
ol li {font-size:9pt; font-family:ff-meta-web-pro, sans-serif; color:#595959; list-style-type:decimal; margin:6px 10px 0px 0px; line-height:120%; }  
ul li {font-size:9pt; font-family:ff-meta-web-pro, sans-serif; color:#595959; list-style-type:disc; margin:6px 10px 0px 0px; line-height:120%; }  
p {font-size:9pt; font-family:ff-meta-web-pro, sans-serif; color: #595959; margin:6px 10px 4px 10px; line-height: 13pt;}
td {font-size: 9pt; font-family:ff-meta-web-pro, sans-serif; color: #595959;}


/* IDs */

#MainContainer {width:900px; background: white; margin-left: auto; margin-right: auto; margin-top: 0px; display: block; text-align: left; border:solid 1px #919B9C;; margin-top:10px; }
#MainSection {width:900px;}
#SectionLeftOneThird {width:285px; float:left; margin-left:10px; border:solid 1px #919B9C;}
#SectionMiddleOneThird {width:284px; float:left; margin-left:10px; border:solid 1px #919B9C;}
#SectionRightOneThird {width:285px; float:right; margin-left:10px; margin-right:10px; border:solid 1px #919B9C;}
#SectionLeftTwoThirds {width:581px; float:left; margin-left:10px; border:solid 1px #919B9C;}
#SectionRightTwoThirds {width:581px; float:right; margin-left:10px; margin-right:10px; border:solid 1px #919B9C;}


/* IDs just for the Top Menu + Search  */

#header {width:900px; height:92px;}
#logo {display:block; width:330px; height:70px; padding:10px 0px 0px 10px; float:left;}
#top_nav {padding: 0px; margin: 0px; float: right; height: 28px; width: 300px; overflow:hidden;}
#top_nav li {float:left; list-style:none; padding:0; margin:0;}
#top_nav li a {text-indent:-9999px; outline:0;}
#top_nav li.home {background:url(/English/Images/Buttons/TopMenu_Home_on.gif);}
#top_nav li.contact {background:url(/English/Images/Buttons/TopMenu_ContactUs_on.gif);}
#top_nav li.home a {display:block; float:left; height:28px; width:47px; background:url(/English/Images/Buttons/TopMenu_Home_off.gif);}
#top_nav li.contact a {display:block; float:left; height:28px; width:74px; background:url(/English/Images/Buttons/TopMenu_ContactUs_off.gif);}

#top_nav li.form {width:171px; height:28px; background: #e5e5e5; padding-right:8px;}
#top_nav li form {margin:0; padding:0; float:right;}
#top_nav li form input.searchtext {width:120px; border:solid 1px #666666; color:#666666; font-family:Arial; font-size:9pt; float:left; margin:6px 4px 0 0; padding:0;}

#top_nav li a:hover {background:transparent;}


/* Classes applicable to any element */

.BoxCustomerTestimonial {width:265px; margin:22px 10px 0px 10px; background-color:#E5E5E5;}
.BoxCustomerTestimonialHeading {font-size: 10pt; font-weight:bold; color:white; background-color:#919B9C; margin:0px 0px 10px 0px; padding:2px 0px 2px 0px; text-align:center; }
.BoxHeading {font-size:9.5pt; line-height:150%; margin-top:8px; font-weight:bold;}
.CustomerQuoteText {font-size:12pt; font-family:"Times New Roman", Times, serif; font-style:italic; line-height:130%; xwidth:130px;}   /* The width attribute is necessary to handle a bug with italics in IE6 */
.CustomerQuoteName {font-size:10pt; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.divClear {clear:both;}
.FormCategoryName {font-size: 11pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#CC0033; margin-top: 12px; margin-bottom: 4px}
.FormVariableName {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-align:right;}
.FormValueName {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-align:left;}
.Footer {font-size: 8pt; font-family: Arial, Helvetica, sans-serif;  font-weight: 400; color:#595959;}
.IndentBlock {margin-left:30px;}
.PhpError {font-size: 13pt; font-family: Arial, Helvetica, sans-serif; color:red; font-weight:bold; }
.PortfolioCaption {font-size:8pt; margin-top:2px; text-align:center;}
.PortfolioImageLeft {width:300px; float:left; margin-top:20px;}
.PortfolioImageRight {width:300px; float:right; margin-top:20px;}
.PR_Title {font-size:12pt;; font-weight:bold; text-align: center;}
.PR_Subtitle {font-size:10pt; font-weight: bold;  text-align: center;}

/* Classes applicable to only specified elements */

.Footer a {text-decoration: none; color: #595959;}
li.PDF {list-style: none; background-image: url(/English/Images/Icons/PDF_Icon_16px.gif); background-repeat: no-repeat; background-position:0px 4px 0px 10px; padding-left: 18px; padding-bottom: 10px; margin-right: 10px; margin-left: 0px; }
li.RedArrow {list-style: none; background-image: url(/English/Images/Buttons/Arrow_Red_Right_8px.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 18px; padding-bottom: 10px; margin-right: 10px; margin-left: 0px; }

/* ================================================================ 
The original version is available at http://www.cssplay.co.uk/menus/iPad-Anywidth2.html
Copyright (c) 2011 Stu Nicholls. All rights reserved.
=================================================================== */

/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

#MainMenu {height:28px; background:#1A75CF; margin:0px 0px 0px 0px;
z-index:999; /* Z-index needed here so menu sits on top of homepage slide carousel  */
}

#MainMenu ul {margin:0px; padding:0px; list-style:none; white-space:nowrap; position:relative; z-index:999;}
#MainMenu li {margin:0px; line-height:100%; list-style:none;} /* Neutralize the standard settings */
#MainMenu > ul {float:left;}

#MainMenu ul ul {position:absolute; left:-9999px;}
#MainMenu > ul > li {float:left; display:block; position:relative;}

#MainMenu ul ul {background:#919B9C; padding:5px 0px 5px 0px; width:160px;}
#MainMenu > ul > li > ul {border-top:0px;}

#MainMenu a {display:block; font:bold 10pt arial, helvetica, sans-serif; color:white; line-height:28px; text-decoration:none; padding:0px 20px 0px 15px;}
#MainMenu > ul > li > a {float:left; color:white;}
#MainMenu ul ul li a {line-height:28px; color:white; padding:0px; text-indent:10px;}

#MainMenu ul li:hover > ul {left:0px; top:28px;}
#MainMenu ul ul li:hover > ul {background:#555555; left:100%; top:auto; margin:-28px 0px 0px 0px; padding:0px; width:120px;}

#MainMenu li a.fly {background:transparent url('/English/Images/Buttons/CSSMenu_right-arrow.gif') no-repeat right center;}

#MainMenu > ul li:hover > a {background-color:#E5E5E5; color:black;}
#MainMenu ul ul li:hover > a,
#MainMenu ul ul li:hover > a.fly {background-color:#E5E5E5; color:black;}

#MainMenu > ul > li.close {display:none; position:absolute; left:0; top:-28px; width:100%; height:25px; background:none;}
#MainMenu > ul > li.close a {width:100%; padding:0; text-indent:15px; background:#5C6969; color:white;}

@media only screen and (max-device-width:768px)
/* for iPhone, iPod Touch and iPad */
{#MainMenu ul ul {display:none;}
#MainMenu ul li:hover > ul {display:block;}
#MainMenu ul li:hover ~ li.close {display:block;}
}