/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(/resources/css/verify_base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #001B33;
	line-height: 28px;
}
h2 {
	font-size: 16px;
	color: #0097DC;
	padding: 0 0 16px 0;
}

/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/

/*---- Container ----*/
div#container { background:#7B7B7B url(/resources/images/verify/body-bg.jpg) left top repeat-x; }

/*---- Container ----*/
div.wrapper{ width:1006px; margin:0 auto; }

/*---- Header ----*/
div#header div.wrapper { padding:6px 0 0 14px; width:992px; margin-bottom:16px; }

/*---- Main Navigation ----*/
div#main-navigation div.wrapper{ background:url(/resources/images/verify/navigation/navigation-bg.jpg) left top no-repeat; height:40px; padding:3px 28px 0; width:950px; margin-bottom:10px; }

/*---- Content ----*/
div#content div.wrapper{ border-top:1px solid #fff;  background:url(/resources/images/verify/content/content-top.png) left 5px no-repeat; padding-top:14px; }
div#content div.wrapper div.inner-wrapper{ background:url(/resources/images/verify/content/content-bottom1.png) left top repeat-y; padding:1px 2px 0px 0px; width:1004px; }

/*---- Main ----*/
div#main { float:right; width:676px; padding:26px 20px 20px 31px; background:url(/resources/images/verify/content/main/background-image.jpg) right top no-repeat; margin-top:-5px; position:relative; }

div#standard { float:right; width:676px; padding:26px 20px 20px 31px; margin-top:-5px; position:relative; }


div#standard ul {
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
}

/*---- Sidebar ----*/
div#sidebar { float:left; width:265px; padding:0px 5px; margin-top:-5px; position:relative; }

/*---- Footer ----*/
div#footer div.wrapper{ background:url(/resources/images/verify/footer/footer-bg.png) left top repeat-y; padding:15px 20px; width:966px; }



/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo { float:left; }
div#header div.logo h1 a { position:relative; width:259px; height:116px; display:block; }
div#header div.logo h1 a span  { position: absolute; top: 0; left: 0; background:url(/resources/images/verify/header/logo.jpg) 0 0 no-repeat; width:259px; height:116px; display:block; }

/*---- Header - News ----*/
div#header div#news { float:right; margin-top:58px; }
div#header div#news h2{ font-size:220%; color:#ffffff; line-height:30px; margin-bottom:9px; text-transform:uppercase; text-align:right; }
div#header div#news div.news-ticker {}
div#header div#news div.news-ticker h3{ font-size:120%; color:#ffffff; float:left; margin-right:6px; line-height:14px; }
div#header div#news div.news-ticker ol { float:left; margin-right:15px; width:500px; }
div#header div#news div.news-ticker ol li, div#header div#news div.news-ticker ol li a { font-size:110%; color:#ffffff; line-height:14px; height:14px; overflow:hidden; }
div#header div#news div.news-ticker p{ font-size:110%; color:#ffffff; float:left; line-height:14px; }
div#header div#news div.news-ticker p img{ vertical-align:top; margin-left:6px; }

/*---- Main Navigation ----*/
div#main-navigation span{ font-size:120%; color:#fff; font-weight:bold; text-transform:uppercase; float:left; line-height:43px; }
div#main-navigation ul { float:left; margin:0 40px 0 26px; } 
div#main-navigation ul li{ float:left;  text-transform:uppercase; }
div#main-navigation ul li.devider{ background:url(/resources/images/verify/navigation/pipe.gif) right top no-repeat; height:20px; margin:11px 4px 0px; }
div#main-navigation ul li a { text-decoration:none; display:block; float:left; height:36px; padding-left:7px; }
div#main-navigation ul li a span{ display:block; float:left; height:36px; padding-right:7px; font-size:120%; color:#F4F5F8; font-weight:bold; line-height:36px; }
div#main-navigation a span.contact{ float:left; padding-right:3px; }
div#main-navigation ul li a:hover , div#main-navigation ul li a.active{ text-decoration:none; background:url(/resources/images/verify/navigation/tab.gif) left top no-repeat; padding-left:7px; }
div#main-navigation ul li a:hover span , div#main-navigation ul li a.active span{ background:url(/resources/images/verify/navigation/tab.gif) right bottom no-repeat; color:#0E385F; }

/*---- Main Navigation - Drop Down Menu ----*/
div#main-navigation ul li.parent{ position:relative; }
div#main-navigation ul li.parent ul.child{ position:absolute; top:28px; left:-1px; margin:0; width:175px;  float:none; display:none; }
div#main-navigation ul li.parent ul.child li{ float:none; text-transform:none; line-height:26px; height:26px; }
div#main-navigation ul li.parent ul.child li.first{ background:url(/resources/images/verify/navigation/drop-down-top.png) left top no-repeat; padding-top:8px; }
div#main-navigation ul li.parent ul.child li.last{ background:url(/resources/images/verify/navigation/drop-down-bottom.png) left bottom no-repeat; padding-bottom:18px; }
div#main-navigation ul li.parent ul.child li a{ background:url(/resources/images/verify/navigation/drop-down-middle.png) left top no-repeat; display:block; float:none; font-size:110%; color:#002E55; font-weight:bold; height:26px; padding:0px 16px; }
div#main-navigation ul li.parent ul.child li a:hover{ background:url(/resources/images/verify/navigation/drop-down-hover.png) left top no-repeat; color:#fff; } 
div#main-navigation ul li.parent ul.child li a span{ background:transparent; float:right; color:#002E55; line-height:26px; padding:0; height:auto; }
div#main-navigation ul li.parent ul.child li a:hover span{ background:transparent; float:right; color:#fff; }

div#main-navigation ul li.parent:hover ul.child { display:block; }

/*---- Main ----*/
div#main h1 { color:#001B33; font-size:300%; margin-bottom:4px; line-height:31px;  }
div#main h1 span{ color:#0097DC; }
div#main p { color:#000305; font-size:140%; margin-bottom:20px; }
div#standard, div#standard p, div#standard a, div#standard ul, div#standard li { color:#000305; font-size:14px; line-height:18px; margin-bottom:20px; }
div#standard a:hover { color:#0097DC; }

/*---- Sidebar ----*/
div#sidebar h2{ font-size:150%; color:#fff; text-transform:uppercase; background:#000; line-height:31px; padding:0px 10px; }
div#sidebar p{ color:#000205; font-size:140%; line-height:20px; margin-bottom:5px; } 
div#sidebar p a.more-link, div#sidebar a { color:#0C2E4E; font-weight:bold; }

/*---- Sidebar - Section ----*/
div#sidebar div.section{ padding:0px 10px; background:#fff; }

div#sidebar div.section ul { margin:0px -10px 1px; position:relative; }
div#sidebar div.section ul li a{ background:url(/resources/images/verify/content/sidebar/tab-bg.jpg) left top repeat-x; display:block; height:39px; padding:0px 14px; }
div#sidebar div.section ul li a:hover{ background:url(/resources/images/verify/content/sidebar/tab-hover.jpg) left top repeat-x; display:block; height:39px; text-decoration:none; }
div#sidebar div.section ul li a span{ display:block; line-height:39px; font-size:110%; color:#fff; font-weight:bold; }
div#sidebar div.section ul li.awards a span { background:url(/resources/images/verify/content/sidebar/awards.png) left center no-repeat; padding-left:42px; }
div#sidebar div.section ul li.security a span { background:url(/resources/images/verify/content/sidebar/security.png) left center no-repeat; padding-left:42px; }
div#sidebar div.section ul li.mailing-list a span { background:url(/resources/images/verify/content/sidebar/mail.png) left center no-repeat; padding-left:42px; }

/*---- Sidebar - Section - Information ----*/
div#sidebar div.section#information h2{ background:url(/resources/images/verify/content/sidebar/heading1.jpg) left top repeat-x; margin:0px -10px; position:relative; width:245px; }
div#sidebar div.section#information h2 a{ color:#fff; line-height:39px; }
div#sidebar div.section#information h2 a:hover{ text-decoration:none;} 
div#sidebar div.section#information h2.screen a{ background:url(/resources/images/verify/content/sidebar/screen.gif) left center no-repeat; padding-left:40px; display:block; }
div#sidebar div.section#information h2.analyser a{ background:url(/resources/images/verify/content/sidebar/analyser.gif) left center no-repeat; padding-left:40px; display:block; }
div#sidebar div.section#information h2.testimonials a{ background:url(/resources/images/verify/content/sidebar/testimonials.gif) left center no-repeat; padding-left:40px; display:block; }

div#sidebar div.section#information div.description { height:auto; padding-bottom:5px; }
div#sidebar div.section#information div.description img{ margin:0px -10px; position:relative; }

div#sidebar div.section#information div.description form{ padding-top:10px; }
div#sidebar div.section#information div.description input.button{ background:none; border:0; cursor:pointer; float:right; color:#0C2D4D; font-weight:bold; }

/*---- Sidebar - Section - Contact ----*/
div#sidebar div.section#contact{ background:#333 url(/resources/images/verify/content/sidebar/contact-bg.jpg) left top repeat-x; }
div#sidebar div.section#contact { padding:10px 14px; }
div#sidebar div.section#contact div.adr{ margin-bottom:16px; }
div#sidebar div.section#contact p , div#sidebar div.section#contact p a{ color:#fff; }

/*---- Misc Classes----*/
div.strip{ position:absolute; right:0px; top:0px; width:30%; height:36px; background:#00b4f1; line-height:38px;}
div.autocomplete4 { position:absolute; width:200px; background-color:#fff; margin:0px;  padding:0px; font-size:0.9em; text-align:left; max-height:200px; overflow:auto; color:#007DA7; }
div.autocomplete4 ul { list-style-type:none; margin:0px; padding:0px; }
div.autocomplete4 ul li.selected {   background-color: #fff;  color:black; }
div.autocomplete4 ul li { list-style-type:none; display:block; margin:0; padding:2px 10px; cursor:pointer; font-size:140%; font-weight:bold; color:black; }

.combo4 { margin: 0px 5px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:140%; font-weight:bold; width :189px; display :block; background: url('/resources/images/verify/sidebar/select-box.gif') #fff top right no-repeat; height:23px; padding: 5px 5px 0px; cursor: pointer; border:0px; color:#000305; float:left; margin-bottom:10px; }


/*---- Post ---*/
div.post h1 { font-size:280%; margin-bottom:10px; }
div.post h2 { font-size:260%; margin-bottom:10px; }
div.post h3 { font-size:240%; margin-bottom:10px; }
div.post h4 { font-size:220%; margin-bottom:10px; }
div.post h5 { font-size:200%; margin-bottom:10px; }
div.post h5 { font-size:180%; margin-bottom:10px; }

div.post p:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}
div.post p a { color:#000; }

div.post blockquote { margin-bottom:20px; }
div.post blockquote p{ margin-bottom:5px; font-style:italic;}
div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;}

div.post p img { max-width:100%; }
div.post p img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;}
div.post p img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;}
div.post p img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}

div.post ul { margin:0 0 20px 14px; list-style:disc; }
div.post ol { margin:0 0 20px 18px; list-style:decimal; }
div.post li { line-height:1.2em; font-size:120%; }
div.post li ul, div.post li ol { margin-bottom:0px; } 
div.post li li, div.post li p { font-size:100%; margin-bottom:0px; }

/*---- Post - Custom Lists ---*/
div.post ul.list1 { margin:0; padding:0; }
div.post ul.list1 li { margin:0; padding:0; }

div.post ol.list2 { margin:0; padding:0; }
div.post ol.list2 li { margin:0; padding:0; }

/*---- Footer - Navigation ---*/
div#footer h2 { font-size:250%; color:#fff; text-transform:uppercase; width:150px; float:left; }
div#footer div.box{ float:left; width:166px; border-left:1px solid #E2E4EB; padding-left:26px; margin-left:14px; height:132px; }
div#footer div.box.first { float:left; border:none; padding:0; }
div#footer ul li{ font-size:120%; color:#fff; font-weight:bold; margin-bottom:14px;  }
div#footer ul li a{ color:#fff; }
div#footer ul li ul{ margin-left:8px; }
div#footer ul li ul li{ font-size:90%; margin:0; line-height:14px;  }
div#footer ul li ul li a{ background:url(/resources/images/verify/footer/list-icon.gif) right top no-repeat; padding-right:18px; }

/*---- Lists ----*/
ul.list1 li { width:224px; overflow:hidden; }
ul.list1 li { padding:5px 0px; border-bottom:1px solid #114677; color:#000; font-weight:bold; text-transform:uppercase; font-size:140%; }
ul.list1 li img{ vertical-align:middle; margin-right:11px; float:left; }
ul.list1 li a{ color:#000; }
ul.list1 li.last{ border:0; }


/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Banner ----*/
div#banner div.wrapper{ margin-bottom:16px; }

/*---- Main - Testimonials ----*/
div#main div.testimonials{ width:408px; position:relative; background:#0097DC; padding:10px 6px 10px 12px; }
div#main div.testimonials img.corner{ position:absolute; top:-27px; right:-24px; }
div#main div.testimonials blockquote p a{ font-size:150%; color:#fff; font-weight:bold; line-height:24px; margin-bottom:12px; }
div#main div.testimonials cite{ font-size:140%; color:#fff; font-style:italic; }

/*---- Main - Two Columns ----*/
div#main div.two-column { margin-top:12px; }
div#main div.two-column div.column1{ width:422px; float:left; margin-right:14px; }
div#main div.two-column div.column1 h2{ font-size:170%; color:#000; font-style:italic; margin-bottom:15px; }

/*---- Main - Two Columns - Column1 ----*/
.qanda h3 { font-size: 18px; line-height:22px; color:#0097DC; }
.qanda h4,.answer { font-size: 12px; line-height:14px; color:#0097DC;}
.q { font-size:30px; font-weight:bold; color:#0097DC;  padding-right:15px; line-height:35px; }
.a { font-size:30px;; font-weight:bold; padding-right:15px; line-height:35px; }
div#main div.two-column div.column1 a.top{ font-size:140%; color:#000; font-weight:bold; }

/*---- Main - Two Columns - Column2 ----*/
div#main div.two-column div.column2{ width:240px; float:left; }
div#main div.two-column div.column2 div.box1 div.top{ background:url(/resources/images/verify/content/main/box1-top.gif) left top no-repeat; margin:0px -2px; position:relative; height:47px; padding:0px 11px; }
div#main div.two-column div.column2 div.box1 div.bottom{ padding:1px 9px; background:#E5F4FB; border:1px solid #114677; border-top:0; }

div#main div.two-column div.column2 div.box1 h2{ font-size:150%; color:#fff; line-height:47px; }
div#main div.two-column div.column2 div.box1 h2 span{ background:url(/resources/images/verify/content/main/arrow.gif) left top no-repeat; float:right; width:7px; height:9px; margin-top:18px; }
div#main div.two-column div.column2 div.box1 ul.list1{ margin:0px 0px; position:relative; }

/*---- Main - Two Columns - Column2 ----*/
div#standard div.column2{ width:240px; float:left; }
div#standard div.column2 div.box1 div.top{ background:url(/resources/images/verify/content/main/box1-top.gif) left top no-repeat; margin:0px -2px; position:relative; height:47px; padding:0px 11px; }
div#standard div.column2 div.box1 div.bottom{ padding:1px 9px; background:#E5F4FB; border:1px solid #114677; border-top:0; }

div#standard div.column2 div.box1 h2{ font-size:150%; color:#fff; line-height:47px; }
div#standard div.column2 div.box1 h2 span{ background:url(/resources/images/verify/content/main/arrow.gif) left top no-repeat; float:right; width:7px; height:9px; margin-top:18px; }
div#standard div.column2 div.box1 ul.list1{ margin:0px 0px; position:relative; }



@media screen and (-webkit-min-device-pixel-ratio:0) {
div#main-navigation ul  {
width: 568px;
margin:0px 30px 0px 36px; }
}
  }