/*
Theme Name: 4office Direct
Theme URI: n/a
Author: Ellsworth Media
Author URI: http://www.ellworthmedia.com
Description: A custom theme developed for 4office Direct.
Version: 1.0
Tags: n/a
*/


/* Import Master Reset */
@import url(css/reset.css);



/* HTML Elements */

body,html { min-height:101%; }
body, select, input, textarea { font: 100% Helvetica, Arial, Tahoma, Verdana, Sans-Serif; }
a, a:visited { text-decoration:none; color:#104CAC;}
a:hover, a:active { text-decoration:underline; color:#104CAC; }
a img { border:none; }
em, i {font-style: italic;}
strong, bold {font-weight: bold;}

p { font-size:14px; font-family:Helvetica, Arial, Tahoma, sans-serif; color:#333; line-height:1.3; margin-bottom:20px; }
h1, h2, h3, h4, h5, h6 { font-family:Helvetica, Arial, Tahoma, "Times New Roman", Times, serif; color:#333; font-weight:normal; line-height:1.2; }



/* STRUCTURE */
.container { width:980px; margin:0 auto; }

/* HEADER SECTION */
/* top bar */
#header-top-container { padding-top:7px; height:25px; background: #fff; border-bottom:1px solid #ccc; }
#header-top {  }
#header-top #top-nav { float:left; }
	#header-top #top-nav li { float:left; margin-right:10px; padding-right:10px; border-right:1px solid #194CA4; font-size:13px; color:#444; line-height:18px; }
	#header-top #top-nav li.last { margin-right:0; padding-right:0; border-right:none; }
	#header-top #top-nav li a { font-size:13px; color:#104CAC; }

	#header-top #follow-us { float:right; }
		#header-top #follow-us li { float:left; font-size:12px; color:#194CA4; }
			#header-top #follow-us li a img { height: 24px; width: 24px; margin-left: 2px;}
		

/* main header */
#header-container { background:url(images/header-bg.jpg) repeat-x; padding-top:10px; height:85px; }
	#header #logo { float:left; margin: 2px 0 0 0; }
	#header #header-right { float:right; }
		
		#header #header-right #auth {float: left; width: 190px; border-right: solid 1px #ccc; padding: 0 10px 0 0; margin: 0 10px 0 0;}
	
		#header #header-right #contact-info {float: left; width: 300px;}
			#header #header-right #contact-info h2 { clear: both; color:#104CAC; font-size:31px; padding: 10px 0 2px 0; margin: 0; text-align: right; line-height: 1;}
			#header #header-right #contact-info p {
				color: #82C341; font-size: 16px; text-align: right;
				height: 15px; padding: 4px 0 0 24px; line-height: 16px; margin: 0; background: url(images/maple-leaf.png) no-repeat;
			}
		
/* NAV ***************** */
#nav-container { background:url(images/nav-bg.jpg) repeat-x; height:38px; margin-bottom:20px; border-top: 3px solid #F37C1D; }
	/* level 1 */
	#nav ul { border-left: solid 1px #104cac; min-height: 38px;}
	#nav li { float:left; position:relative; border-right: solid 1px #104cac;}
	#nav li a { color:#FFF; font-size:14px; display:block; padding: 0 20px; line-height:38px; text-decoration:none; }
		#nav li.menu-item-64 a, #nav li.menu-item-73 a, #nav li.menu-item-74 a, #nav li.menu-item-75 a, #nav li.menu-item-84 a {padding: 0 30px 0 20px} 
	
	#nav li.current_page_item a, #nav li.current_page_item a:hover { background-color: #F37C1D; }
	#nav li a:hover { background-color: #F37C1D; }
	#nav .sf-sub-indicator { text-indent:-9999px; width:10px; height:5px; background:url(images/sub-indicator.png) no-repeat 0 0; position:absolute; right:16px; top:18px; }
	
	
	/* level 2 */
	#nav li ul { display: none; position:absolute; top:38px; left:-1px; z-index:1000; width:200px; border: solid 1px #104cac; border-top: none;}
	#nav li ul li { float:none; position:static; padding: 1px 0;  border: none; padding: 0; background: #5D83C5;}
		#nav li ul li:hover { background: url(images/nav-bg.jpg) repeat-x;}
	#nav li ul li a { font-size: 13px; line-height: 1.1; display: block; padding: 7px 14px !important; margin: 0; color: #fff; background: none;}
		#nav li ul li a:hover {background:url(images/nav-bg.jpg) repeat-x;}
		#nav li ul li.current_page_item a, 
		#nav li ul li.current_page_item a:hover { background:url(images/nav-bg.jpg) repeat-x; }
	
	
/* CONTENT AREA  ***************** */
#wrapper {width: 980px;}
	
	.page-header-image {-moz-border-radius: 7px; border-radius: 7px; }
	
	#content-right {width: 695px; float: left; min-height: 500px; padding-bottom: 20px;}
	#content-left {width: 695px; float: right; min-height: 500px;}
	
	.content h1 { font-size:42px; font-weight: bold; margin-bottom: 15px; padding: 0; color: #154AA7;}
	.content h2 { font-size:22px; margin: 15px 0 5px 0; padding: 0; font-weight: bold;}
	.content h3 { font-size:17px; color: #333; margin-bottom: 8px; font-weight: bold;}
	.content h4 { font-size:14px; color: #333; font-weight: bold; }
	.content h5 { font-size:14px; color: #333; font-weight: bold;}
	.content h6 { font-size:14px; color: #333; font-weight: bold;}

	.content .entry-meta {margin-top: -10px; font-size: 13px; padding: 0 0 10px 0;}
	
	.content p { font-size:14px; margin: 0 0 10px 0; padding: 0; line-height: 1.4;}
	
	.content ul {list-style: disc; margin: 10px 0 10px 15px;} 
		.content ul li {padding: 5px 0 0 5px; font-size:14px; line-height: 1.4;}
			content ul li ul {list-style: circle; margin: 3px 0 10px 15px; font-size: 13px;}
			.content ul li ul li {padding: 5px 0 0 5px;}
	
	.content ol {list-style: decimal; margin: 10px 0 10px 20px;}
		.content ol li { font-size:14px; padding: 5px 0 0 5px; line-height: 1.4 }
	
	.green-list {list-style: none; padding: 0 0 10px 0; margin: -5px 0 0 0;}
	.green-list li {list-style: none; margin: 0 0 5px 0; color: #82c341;}
	
	/* titles */
	#lexmark {
		background: url(images/lexmark.gif) no-repeat;
		width: 688px; height: 103px; text-indent: -9999px;
	}
	#lexmark-smart-solutions {
		background:  url(images/lexmark-smart-solutions.gif) no-repeat;
		width: 688px; height: 103px; text-indent: -9999px;
	}
	#lexmark-tech {
		background:  url(images/lexmark-tech.gif) no-repeat;
		width: 688px; height: 103px; text-indent: -9999px;
	}
	#lexmark-products {
		background: url(images/lexmark-products.gif) no-repeat;
		width: 688px; height: 103px; text-indent: -9999px;
	}
	#lexmark-current-specials {
		background:  url(images/lexmark-current-specials.gif) no-repeat;
		width: 688px; height: 103px; text-indent: -9999px;
	}
	
	
	h2.no-bold {font-weight: normal; font-size: 20px; margin: 0; padding: 5px 0 15px 0;}
	h3.no-bold {font-weight: normal; font-size: 17px; margin: 0; padding: 5px 0 15px 0;}

	
	#content-footer {padding: 1px 0; clear: both;}

	
	
/* sidebar  ***************** */
#sidebar {width: 262px; float: right;}
	#sidebar h3 {color:#333; font-weight: bold; padding: 15px 15px 5px 15px;}
	#sidebar .sidebar-box {border: solid 1px #ccc; padding: 0; -moz-border-radius: 7px; border-radius: 7px; margin: 0 0 20px 0;}
		#sidebar .sidebar-box p { margin: 0; padding: 15px; }
		
/* FOOTER STYLING ***************** */
#footer-container { clear: both; border-top: 3px solid #F37C1D; margin-top: 20px; background-color:#164DAB; padding: 28px 0 0 0; }
	
	#footer {width: 980px; margin: auto;}
		
		#footer .footer-nav { float: left; width: 242px !important;} 
			
			#footer h3 { font-size:17px; color:#fff; font-weight: bold; text-transform: uppercase;}
			#footer .footer-nav ul { margin:0; padding: 0 10px 20px 0;} 
				#footer .footer-nav ul li { }
				#footer .footer-nav ul li a { font-size:13px; color:#82C341; }
	
		
#footer-container2 { clear: both; margin-top: 20px; background-color:#fff; padding: 28px 0; }
	
	#footer2 { clear: both; padding: 0 0 25px 0; }
		#footer2 a { font-size:12px; }
		#footer2 p { font-size:12px;  }
		
		#footer2 .copyright { float: left; width: 550px; }
		#footer2 .phone { float: right; text-align: right; width: 400px;  }
		
		#footer2 #footer2-left {text-align: left; width: 700px; float: left;}
		#footer2 #footer2-right {text-align: center; width: 215px; float: right; font-size: 12px; color: #666; letter-spacing: -0.5px;}
			
			#footer2 #footer2-right p {padding: 20px 0 0 0; clear: both;}

			#footer2 #footer2-right #on-map {padding: 0;}

			
			#footer2 #footer2-right #footer-follow-us li { float:left; font-size:12px; color:#194CA4; }
				#footer2 #footer2-right #footer-follow-us li a img { height: 24px; width: 24px; margin-left: 2px;}
			#footer2 #footer2-right #footer-follow-us li.first { margin-right:3px; margin-top: 1px; }
			#footer2 #footer2-right #footer-follow-us li.facebook { margin-top:-3px; }
			#footer2 #footer2-right #footer-follow-us li.twitter { margin-top:-3px; }
			#footer2 #footer2-right #footer-follow-us li.googleplus { margin-top:-3px; }
			#footer2 #footer2-right #footer-follow-us li.linkedin { margin-top:-3px; }
			#footer2 #footer2-right #footer-follow-us li.youtube { margin-top:-3px; }
			
			
			#footer2 #footer2-left .phone-list {clear: both; list-style: none; padding: 0; margin: 0;}
				#footer2 #footer2-left ul .phone-list-label {
					float: left; font-weight: bold; width: 145px; list-style: none !important; padding: 0; margin: 0; font-size: 17px;
					padding: 5px 0 0 0;
				}
				#footer2 #footer2-left ul .phone-list-number {
					float: left; font-weight: normal; width: 200px; list-style: none !important; padding: 0; margin: 0;  font-size: 17px;
					padding: 5px 0 0 0;
				}
				#footer2 #footer2-left ul .new-row {clear: both;}

			
			

/* page  ***************** */
.smart-solution-item {
	clear: both;
	min-height: 140px;
	padding: 5px 0 20px 0
}
	
	.smart-solution-item img {
		float: left;
		width: 227px;
	}
	
	.smart-solution-item p {
		padding-top: 5px; float: right;
		width: 440px;
	}


/* product */
body h4.product-listing-title {clear: both; padding: 20px 0 0 0; margin: 0; color: #222; font-size: 18px;}
.product-listing {margin: 0 0 0 -10px !important; padding: 10px 0;}
	.product-listing li {float: left; width: 164px; text-align: center; list-style: none; margin: 10px 0; padding: 0;}
	
	.product-listing li p {font-size: 12px !important;}
	
	.product-listing li img {padding: 0 0 10px 0;}
	.product-listing li h3 {font-size: 14px;}
	.product-listing li.first {clear: left;}

	.more-models {clear: both; font-size: 24px; padding: 20px 0; color: #104cac;}

/* lander */
.blue-box {border: solid 1px #C2CDDE; padding: 20px; background: url(images/box-bg.jpg) repeat-x; margin: 20px 0;}
	.blue-box h3 {margin-bottom: 0; padding-bottom: 0;}
	.blue-box h3 a {font-size: 24px;}


/* product lander */
.lander-blue {color: #104CAC !important;}
.lander-green {color: #3D8828 !important;}
.lander-red {color: #DD1613 !important;}

#wrapper .lander-product-row {clear: both; padding: 5px 0 20px 0; width: 700px;}

body #wrapper .lander-product-row .image-col {float: left; width: 190px;}
	body #wrapper .lander-product-row .image-col img {
		border: 0 !important; -moz-border-radius: 0; border-radius: 0; margin: 0 0 0 -55px; padding: 0;
	}
	
body #wrapper .lander-product-row .text-col {float: right; width: 500px; padding: 30px 10px 0 0;}

body #wrapper .lander-product-row .text-col h3 {font-size: 24px; line-height: 1; letter-spacing: -1px;}
body #wrapper .lander-product-row p {padding: 0 0 10px 0; font-size: 15px; margin: 0; letter-spacing: -0.5px;}
body #wrapper .lander-product-row small {font-size: 10px; letter-spacing: 0.5px;}

body #wrapper .lander-product-row ul.lander-features {list-style: none; float: right; width: 205px;}
body #wrapper .lander-product-row ul.lander-features li {
	list-style: none; background: url(images/green-checkmark.png) no-repeat; padding: 0 0 0 20px;
	font-size: 12px;
}

.phone-table {border: 0; width: 100%; margin: 0 0 25px 0;}
.phone-table td {vertical-align: top; padding: 2px 15px 0 0; font-size: 14px; line-height: 1.1;}




/* form */
.wpcf7-form {margin: 0; padding: 0;}
	
	.wpcf7-form p {margin: 0; padding: 0; font-size: 13px;}
	
	.wpcf7-form div {display: block; clear: both; margin-top: 0; position: relative;}
	.wpcf7-form label {float: left; width: 130px; font-size: 12px; margin: 0; padding: 10px 0 0 0; font-weight: bold;}
	
	#sidebar .wpcf7-text {padding: 5px; font-size: 13px; display: inline; float: left; width: 200px; margin: 0; border: solid 1px #ccc;}
	#sidebar .wpcf7-form textarea {
		padding: 5px; font-size: 13px; display: inline; float: left; width: 220px; margin: 0; border: solid 1px #ccc; height: 60px;
	}
	
	.wpcf7-submit {padding: 7px 20px; background: #222; color: #fff; font-size: 13px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: none;
	}
	.wpcf7-submit a {color: #fff;}
	.desc {display: block; clear: left; font-size: 11px; font-weight: normal;}
	
	.wpcf7-submit:hover {background: #666;}
	#sidebar .button-holder {clear: both;}
		#sidebar .button-holder input {margin-top: 25px;}
	
	
	/* validation */
	#content .wpcf7-form .wpcf7-not-valid-tip {color: #CC3300; border: none; font-weight: bold; margin: 4px 0 0 10px; position: absolute; top: 22px; left: 99px; background: none;}
	#content div.wpcf7-validation-errors {border: solid 2px #CC3300; color: #CC3300; padding: 20px; font-weight: bold; margin: 10px auto;}
	#content div.wpcf7-mail-sent-ok {border: solid 2px #398f14; color: #398f14; padding: 20px; font-weight: bold; margin: 10px auto;}
	
	
	#sidebar .wpcf7-form {margin: 0; padding: 15px;}
	#sidebar .wpcf7-form p {margin: 0; padding: 0 0 5px 0;}
	
	#sidebar .tagcloud {padding: 10px 15px 15px 15px;}
	
	


/* GENERAL STYLING */
.edit-link {width: 100%; clear: both; padding: 10px 0;}

.alignleft { float:left; margin:3px 20px 15px 0; }
.alignright{ float:right; margin:3px 0 15px 20px; }
img.aligncenter { text-align: center; display: block; padding: 10px; margin: auto; }
.fullwidth { width:100%; }



.green-bold {font-weight: bold; color: #82c341 !important;}

small {font-size: 12px;}

.clear { clear:both; font-size:1px; height:1px; border:none; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.hide-me {display: none;}

#footer2 #footer-phone {
    color: #F00;
    font-weight: bold;
}

#footer2 .copyright-top {
    font-size: 20px;
}  

body #wrapper .content ul .new-row {
    clear: both;
}

body #wrapper .content ul .phone-list-label {
    float: left;
    font-weight: bold;
    width: 145px;
    list-style: none !important;
    padding: 0;
    margin: 0;
    font-size: 17px;
    padding: 5px 0 0 0;
}

body #wrapper .content ul .phone-list-number {
    float: left;
    font-weight: normal;
    width: 200px;
    list-style: none !important;
    padding: 0;
    margin: 0;
    font-size: 17px;
    padding: 5px 0 0 0;
}

.content h2 {
    font-size: 22px;
    color: #82C341;
    margin: 10px 0 15px 0;
    padding: 0;
    font-weight: bold;
}

body #wrapper .content .office-list {
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}

body #wrapper .content .office-list li {
    float: left;
    width: 220px;
    list-style: none;
    padding: 0 20px 0 0;
    margin: 0;
}

body #wrapper .content .office-list li#office3 {
    width: 210px;
    list-style: none;
    padding: 0;
    margin: 0;
}