/*
Lone Wolf Key To Your Office Template
Coded by: James Harris
*/

/* css reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5; font-family:Arial, Verdana, sans-serif;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* layout elements */
body {background:#bdbdbd url(images/body-bg.gif) repeat-y center;}
#pageWrapper {width:960px; margin:0 auto; position:relative;}

/* font styles */
@font-face {font-family: 'ArmWrestler'; src: url('fonts/ArmWrestler-webfont.eot'); src: local('?'), url('fonts/ArmWrestler-webfont.woff') format('woff'), url('fonts/ArmWrestler-webfont.ttf') format('truetype'), url('fonts/ArmWrestler-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal;}
h3, #subBoxes h3 a {font:18px "ArmWrestler", Arial, sans-serif; margin:0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/headers/hIEfix.png,sizingMethod=crop); zoom:1; }
.contentWrapper h3 a {font:16px "ArmWrestler", Arial, sans-serif; margin:0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/headers/hIEfix.png,sizingMethod=crop); zoom:1; }
p {margin:0 0 15px 0;}
a {font-family: Verdana, Helvetica, sans-serif; text-decoration:none;}
a:hover {text-decoration:underline;}
h2 {font:22px "ArmWrestler", Arial, sans-serif; margin:0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/headers/hIEfix.png,sizingMethod=crop); zoom:1; }
#subBoxes h2 {position:relative; top:5px; left:10px; color:#8A0F04; padding-top:10px;}

/* topBar */
#topBar {
	background: #660066;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3E054D), to(#8a0f04));
	-pie-background: linear-gradient(#601009, #8a0f04);
	behavior: url(/PIEb4.htc);
	height: 10px;
}
.topBarInner {margin:0 auto; width:960px; text-align:right; line-height:26px;}
.topBarInner a {color:#fff; font:12px verdana, sans-serif;}
.topBarMenu {float:right; margin-top:3px;}
.topBarMenu li {float:left; display:block; margin-right:10px; padding-right:10px; border-right:1px solid #fff; height:23px; list-style:none;}
.topBarMenu li.tn_last {border:0;}

/* header */
header {width:960px; height:85px; z-index:10000; position:relative;}
.siteLogo {position:relative; top:7px; float:left;}

/* nav */
nav { position:relative; top:49px; width:660px; float:left;}
.navWrapper {float:right;}
nav li.tn_last {margin-right:0;}


/* jQuery slideshow */
#frontpageSlideshow {height:220px; border:1px solid #8A8A8A;}
.nivo-controlNav {float:right; position:relative; top:290px; right:20px;}
.nivo-controlNav a {font:14px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; behavior: url(/PIE.htc); width:25px; height:25px; background:#410904; display:inline-block; text-align:center; color:#fff; line-height:23px; margin-right:5px; border:2px solid #fff; font-family:"ArmWrestler", Arial, sans-serif; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/headers/hIEfix.png,sizingMethod=crop); zoom:1;}
.nivo-controlNav a.active {background:#8b0f04;}
.nivo-prevNav {background:#8b0f04; border:2px solid #fff; border-width:2px 2px 2px 0; padding:3px 5px; color:#fff; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; behavior: url(/PIEb4.htc);}
.nivo-nextNav {background:#8b0f04; border:2px solid #fff; border-width:2px 0 2px 2px; padding:3px 5px; color:#fff; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; behavior: url(/PIEb4.htc);}
.boxEdges {background:url("images/edges.png") no-repeat; height:15px; width:960px; position:absolute; clear:both; left:-16px;}
.sliderBox {height:331px; width:958px; background:red;}

/* section subBoxes */
#subBoxes {width:928px; margin:0 auto; border:1px solid #8a8a8a; border-width:0 1px; position:relative; overflow:display; background:#ddd; height:400px;}
#subBoxes h3 {color:#8b0f04; border-bottom:2px solid #8a8a8a; margin-bottom:10px;}
#subBoxes h3 a {color:#8b0f04;}
#subBoxes h3 a:hover {text-decoration:none; color:#400702;}
#subBoxes p {padding:10px 20px; font-size:14px; margin:0;}
.agentWebsites {float:left; width:290px; position:relative; left:10px; margin-top:15px;}
.mobileWolf {float:left; width:290px; position:relative; left:30px; background:url(images/mobilewolf-iphone.png) no-repeat bottom right; height:290px; font:17px Georgia, serif; margin-top:15px;}
.techTips {float:left; width:290px; position:relative; left:50px; margin-top:15px;}
.techTips p {margin:0; padding:0;}

/* subpage banner */
#subpageBanner {min-height:110px; border:1px solid #8A8A8A; width:958px; background:#c8c8c8;}
#subpageBanner #banner p {margin:0 0 0 0; padding:0; margin-bottom:0; line-height:0;}

/* subpage content box */
#subPageContent {width:928px; border:1px solid #8a8a8a; border-width:0 1px; position:relative; background:#ddd; float:left; left:15px; padding-bottom:30px;}

/* subpage sidebar */
.sidebar {position:relative; left:10px; width:280px; float:left;}

/* subpage content */
.contentWrapper {width:825px; position:relative; left:50px; float:left; overflow:hidden; margin-top:20px;}

/* footer */
footer {
	width:100%;
	background:#660066;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#601009), to(#8a0f04));
	-pie-background: linear-gradient(#601009, #8a0f04);
	behavior: url(/PIEb4.htc);
	height: 325px;
	clear: both;
}
footer h3 {color:#b7b7b7; font-size:16px; clear:both;}
.footerWrapper {width:910px; margin:0 auto; padding-top:10px; overflow:auto;}
.socialMedia {width:290px; float:left; margin-right:20px; margin-bottom:20px; height:150px;}
.socialMedia li {list-style:none;}
.latestTweets {font:11px Georgia, serif; color:#fff; background:url(images/twitter-bird.png) no-repeat 0 25px; min-height:85px; font-size:12px;}
.firstTweet {padding-bottom:10px; float:left;}
#twitter_update_list {margin-left:60px;}
.latestTweets a {color:#d63225; font-size:12px;}
.latestTweets a:last-child {clear:both; float:left;}
.latestTweets span a:last-child {clear:none; float:none;}
.latestTweets span {float:left; clear:both; line-height:14px; font:12px/14px verdana;}
.recommendFacebook {margin-top:10px; float:left;}
.upcomingWebinars {float:left; width:290px; margin-right:20px;}
.upcomingWebinars li, .aboutUs li {list-style:none; background:url(images/footer-bullet.png) no-repeat 4px 6px; padding-left:20px; font-size:12px;}
.upcomingWebinars li a, .aboutUs li a{color:#fff;}
.aboutUs {float:left; width:290px;}
.connect_widget_text {color:#fff;}
.copyrightNotice {position:relative; clear:both; color:#fff; font-size:11px; background:url(images/lone-wolf-footer.png) no-repeat 0 0; height:60px; margin:0 auto 10px; width:260px; padding:5px 0 0 75px;}
.iconFooter {
	background: #660066;
	position: relative;
	float: left;
	left: 5px;
	margin: 15px 0;
	z-index: 7000;
}
.iconFooter ul {
	background: #9900CC url("images/product-icon-sprite.png") no-repeat 10px
3px;
	width: 900px;
	height: 40px;
	z-index: 7000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/PIEb4.htc);
}
.iconFooter li {list-style:none; float:left; position:absolute; top:0; display:block; z-index:7000; border-right:1px solid #aaa;}
.iconFooter a {display:block; width:120px; height:40px;font-size:14px;}
li.br {left:10; width:121px; padding-left:10px;}
li.co {left:132px; width:137px;}
li.gl {left:269px; width:123px;}
li.tr {left:393px; width:125px;}
li.wa {left:519px; width:123px;}
li.mo {left:643px; width:128px;}
li.ag {left:772px; width:128px; border:0;}
li.br:hover {background:#fff url("images/product-icon-sprite.png") no-repeat 10px 3px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; behavior: url(/PIEb4.htc);}
li.co:hover {background:#fff url("images/product-icon-sprite.png") no-repeat -122px 3px;}
li.gl:hover {background:#fff url("images/product-icon-sprite.png") no-repeat -259px 3px;}
li.tr:hover {background:#fff url("images/product-icon-sprite.png") no-repeat -383px 3px;}
li.wa:hover {background:#fff url("images/product-icon-sprite.png") no-repeat -509px 3px;}
li.mo:hover {background:#fff url("images/product-icon-sprite.png") no-repeat -633px 3px;}
li.ag:hover {background:#fff url("images/product-icon-sprite.png") no-repeat -762px 3px; -moz-border-radius:0 5px 5px 0; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-radius:0 5px 5px 0; behavior: url(/PIEb4.htc);}


/*** content styles ***/
.contentWrapper h1 {color:#8B0F04; font:24px/30px "ArmWrestler", sans-serif; margin-bottom:15px;}
.contentWrapper blockquote {border:1px solid #969696; background:#fff; padding:20px; margin-bottom:20px;}
.contentWrapper a {color:#8B0F04;}
legend#Captcha_legend {font:18px/24px "ArmWrestler", sans-serif; margin-bottom:10px;}
.web_form_left {width:275px;}
.web_form_label {}
.web_form_right input {width:200px; vertical-align:top;}
.red_asterix {color:red;}
.form_box select {vertical-align:top;}
.Captcha_vision, .Captcha_refresh {width:30px; float:left; clear:both;}
.Captcha_vision_text, .Captcha_refresh_text {width:120px; float:left; font-size:12px;}
.CaptchaIcon_Row_2 {float:left;}
.Captcha_input {clear:both; float:left;}
.field_box_buttons {margin-top:15px;}
td.web_form_left {width:300px; padding-bottom:10px;}
td.web_form_right {padding-bottom:10px;}
span.web_form_label {max-width:230px; width:auto; float:left; display:block; line-height:18px; margin-bottom:5px; padding-bottom:10px;}
td.web_form_left span.web_form_label {width:auto; float:none; display:inline;}
.contentWrapper h2 a, .contentWrapper h2 {font:20px/24px "ArmWrestler", sans-serif; color:#575757;}
.contentWrapper h2 {margin-bottom:20px;}
textarea#WFQ_40107_10083_ {margin-top:10px;}
.contentWrapper li {list-style:none; background:url(images/footer-bullet.png) no-repeat 4px 6px; padding-left:20px; margin-bottom:5px;}
.contentWrapper li a {font-size:15px;}
.contentWrapper ul {margin-bottom:20px;}
.form_box hr, .contentWrapper hr {border:3px double #8B0F04; border-width:3px 0 0; float:left; margin-bottom:15px;}
.productsPage {clear:both; float:left; width:800px; line-height:25px; border-bottom:3px double #8B0F04; margin-bottom:20px; padding-bottom:10px;}

/*** jQuery jcoverflip ***/
.ui-jcoverflip {position: static;}
.ui-jcoverflip--item {position: absolute; display: block;}
ul#flip a {display:block;}
span.ui-jcoverflip--title {bottom:-30px; color:#555555; position:absolute; text-align:center; width:100%;}
.flipBox {width:928px; height:250px; overflow:hidden; position:relative; padding-top:20px;}

/* Basic jCoverflip CSS */
.ui-jcoverflip { position: relative;}
.ui-jcoverflip--item {position: absolute; display: block;}
      
/* Basic sample CSS */
#flip {height: 200px; width: 928px; margin-bottom: 50px;}
#flip .ui-jcoverflip--title {position: absolute; bottom: -50px; width: 100%; text-align: center; color: #555;}
#flip img {display: block; border: 0; outline: none;}
#flip a {outline: none;}
#flip ul, #flip ul li {margin: 0; padding: 0; display: block; list-style-type: none;}
span.title {font-size:13px; line-height:16px;}
span.title strong {font-size:16px;}

.carouselWrapper {float:left; clear:both; position:relative; width:100%;}
.carouselDesc {float:left; width:200px; height:210px; background:#505050; position:relative; left:10px; top:5px; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px; behavior: url(/PIEb4.htc);}
#subBoxes .carouselDesc h3 {border:0; color:#fff; margin-bottom:3px;}
#title-text {margin:10px 7px 0 24px;}
#alt-text {margin:0 10px 10px; color:#e0e0e0; font-size:12px; line-height:16px;}
#alt-text a {color:#d72413; display:block; background:#cccccc; padding:2px; text-align:center; width:100px; margin-top:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; left:15px;}
#alt-text a:hover {background:#fff;}
#alt-text li {list-style:none; line-height:14px; margin-bottom:5px; padding-left:15px; background:url(images/connect-bullet.png) no-repeat 0 0;}
#alt-text ul {margin-bottom:10px;}
#carousel1 {width:690px; height:220px;overflow:scroll; position:relative; left:20px;}
.cloudBox a {display:block; position:relative;}

.featuresPage {float:right; margin-left:10px;}

.carousel_content{display: none;}

.rcrw_mobile_gps,.rcrw_mobile_address,.rcrw_mobile_full{ width:97%; float:left; background-color:#fff; border:1px solid #dadada; padding:15px;}


.rcrw_intro_box{ width:97%; float:left;  padding:15px;}

h1.rcrw__mobile_h1{ font-size:18px ; color:#333; padding:0px; margin:0px 0px 5px 0px;  }

h2.rcrw_mobile_h2{font-size:15px ; color:#555; padding:0px; margin:5px 0px 0px 0px;}

p.rcrw_intro_mobile{ padding:0px 0px 0px 0px; line-height:18px; font-size:12px;}

img.rcrw_intro_phone{ float:left;  width:107px; height:200px; margin:0px 20px 0px 0px;}

span.rcrw_blue{ color:blue; font-weight:bold;}



.rcrw_mobile_desc_box{ width:70%; float:left;}

img.rcrw_mobile_phone{ float:left;margin:0px 20px 0px 0px;}
h1.rcrw_desc_h1{font-size:18px ; color:#333; padding:0px; margin:0px 0px 5px 0px; }

p.rcrw_mobile_desc{padding:0px 0px 0px 0px; line-height:18px; font-size:12px;}



.clear{	font-size:0px;	height:0px;	width:100%;	clear:both;}
.clear_3{	font-size:0px;	height:3px;	width:100%;	clear:both;}
.clear_5{	font-size:0px;	height:5px;	width:100%;	clear:both;}
.clear_10{	font-size:0px;	height:10px;	width:100%;	clear:both;}
.clear_12{	font-size:0px;	height:12px;	width:100%;	clear:both;}
.clear_15{	font-size:0px;	height:15px;	width:100%;	clear:both;}
.clear_20{	font-size:0px;	height:20px;	width:100%;	clear:both;}
.clear_25{	font-size:0px;	height:25px;	width:100%;	clear:both;}
.clear_30{	font-size:0px;	height:30px;	width:100%;	clear:both;}
.clear_57{	font-size:0px;	height:57px;	width:100%;	clear:both;}

/*** WIGO PAGE ***/
.wigo_LeftContent {width:358px;padding:20px 0px 20px 33px;float:left; color:#404041;}
.wigo_LeftTopTitle {font-size:30px; font-weight:bold; padding: 20px 0px 10px 0px;}
.wigo_LeftMidTitle {font-size:28px; font-weight:bold;text-align:center;line-height:30px;padding: 10px 0px 0px 0px;}
.wigo_LeftMidTitle span {color:#8c0c04;}
.wigo_LeftLoneWolfLogo{padding: 40px 0px 0px 0px;}
.wigo_RightContent {width:434px; float:left; color:#404041; padding:20px 0px 20px 0px;}
.wigo_RightContentPadded {padding: 26px 0px 0px 26px;}
.wigo_RightContentPadded p span {font-weight:bold; color:#8c0c04;}
.wigo_RightMidTitle {font-weight:bold; padding: 0px 0px 6px 0px;}
.wigo_BulletList {width:200px;float:left;}

/*** MATE page ***/
.mate_container{width:825px; height:698px; background: #fff url(images/MATE_girl02.jpg) no-repeat 0px bottom;}
.mate_text{width:760px; margin:0 auto; padding:35px 0; font:11px;}
.mate_link{display:block; width:400px; height:200px; background:url(images/MATE_pdf.png) no-repeat 0 30px;}
.mate_pricing_btns {width:650px; margin:30px auto 0px auto;}
.mate_pricing_btns a:link, .mate_pricing_btns a:active, .mate_pricing_btns a:visited {width:276px; height:58px; padding: 17px 0px 0px 0px; float:left; text-align:center; line-height:20px; color:#fff; background: url(images/mate_pricing_button.png) 0px 0px; text-decoration:none; text-shadow: 0px 1px 1px #70150d; text-transform:uppercase;} 
.mate_pricing_btns a:hover {background: url(images/mate_pricing_button.png) 0px -75px; text-decoration:none;}
.mate_pricing_button01 { margin:0px 97px 0px 0px;}
.mate_pricing_button02 {}

/* custom form styles */
td.web_form_heading h3 {margin:10px 0 20px;}
.form_box table {vertical-align:top;}

span.web_form_label {float:right;}
span.red_asterix {position:absolute; float:right; left:230px;}
.form_box table td {position:relative; padding-right:15px; vertical-align:top;}
td.web_form_left span.web_form_label {float:right; text-align:right;}
td.web_form_left {width:225px;}
.form_box span {float:right; text-align:right; line-height:20px;}
.form_box .web_form_text_area {height:100px; margin-bottom:10px;}
.form_box .web_form_ddl {margin-bottom:10px; width:253px;}
.form_box .web_form_input {width:253px;}
.partnerHeader {position:relative;}
.partnerHeader p {width:500px;}
.partnerSidebar {background:url(images/LoneWolf_logo_colour.png) no-repeat; position:absolute; width:250px; height:300px; padding-top:150px; left:550px; text-align:center; z-index:1000;}
.form_box {overflow:visible;}

td.web_form_labelfull span {float:left; margin:10px 0;}