/*
Theme Name: FandO Imports
Theme URI: http://http://www.webcomers.com/
Description: Custom theme made for F&O Imports by Farrukh Saeed
Version: Beta
Author: Farrukh Saeed
Author URI: http://www.webcomers.com/
Author Blog URL: blog.webcomers.com
*/

body, p, h1, h2, h3, h4, h5, ol, ul, li, hr, input, form, div, span { font: 12px Arial, Helvetica, sans-serif; padding:0px; margin: 0px; }
.main_container { width: 923px; margin: 0px auto; clear: both; height: auto; }
.header { width: auto; height: 260px; overflow: hidden; display: block; clear: both; padding: 60px 0px 30px 0px; }
.nav { width: auto; display:inline-block; height: 30px; float: left; background: url(images/nav_left.jpg) left top no-repeat; overflow: hidden; }
.navright { background: url(images/nav_right.jpg) right top no-repeat; width: auto; padding: 0px 7px 0px 0px; }
.nav ul { height: 30px; padding: 0px; margin: 0px 0px 0px 7px; background: url(images/nav_center.jpg) left top repeat-x; display: inline-block; }
.nav ul li { float: left; width: auto; display: inline; }
.nav ul li a { text-decoration: none; width: auto; outline: none; display: inline-block; float: left; padding: 3px 15px; border-right: 1px dotted #ccc; margin: 5px 0px 0px 0px; color: #fff; font-weight: bold; }
.nav ul li.page-item-13 a { border: none; }
.nav ul li a:hover { color: #FF6; }
.header_search { float: right; width: 190px; height: 21px; display: inline-block; margin: 0px 5px 0px 0px; }
.cleer { width: auto; clear: both; height:1px; overflow: hidden; display: block; }
.banner { border-bottom:3px solid #e4e2cb; border-top:3px solid #e4e2cb; padding-bottom:3px; height: 215px; width: 923px; background: url(images/banner.jpg) center center no-repeat; margin: 4px 0px 0px 0px; }

.home .page_widget {}

a {
	color:#7f721f;
}

#content {
	color:#676666;
	width:923px;
}
.small_ban2 {
	float:left;
	width:160px;
	padding:10px;
	border-right:2px solid #ececec;
	text-align:justify;
	font-weight:bold;
}

.prod_thumbnail {
	margin-bottom:5px;
	padding-bottom:25px;
}
.left_content {
	width:670px;
	float:left;
	text-align:justify;
	margin-right:30px;
}
.home .left_content {
	width: auto;
	float: none; display: block; clear: both;
}
.post_title {
	vertical-align:bottom;
}



.side_content input.txt {
	border-color:#414141 #414141 #CECECC;
	border-style:solid;
	border-width:2px 2px 1px;
}

.side_content h2.mail_icon, #wpsb h2 {
	padding-left:40px;
	background:url(images/mail_icon.jpg);
	background-repeat:no-repeat;
	height:35px;
}
.side_content h2.news {
	padding-left:40px;
	background:url(images/news.jpg);
	background-repeat:no-repeat;
	height:35px;
}
.side_content h2.fallow_us {
	padding-left:40px;
	background:url(images/fallow_us.jpg);
	background-repeat:no-repeat;
	height:35px;
}
.side_content h2.client_testimonials {
	padding-left:40px;
	background:url(images/client_testimonials.jpg);
	background-repeat:no-repeat;
	height:35px;
}
.left_content h2 {
	color:#a5402a;
	text-align:left;
}


h2.mazzer {
	color:#a5402a;
	padding-left:30px;
	background:url(images/mazzer.jpg) scroll bottom left;
	background-repeat:no-repeat;
}
h2.mazzer2 {
	color:#a5402a;
}
h2.mazzer2 a {
	color:#a5402a;
	text-decoration:none;
}
h2.mazzer2 a:hover {
	color:#a5402a;
	text-decoration:underline;
}
a.post-edit-link {
	color:#a5402a;
}
.postmetadata a {
	color:#a5402a;
	text-decoration:none;
}
.postmetadata a:hover {
	color:#a5402a;
	text-decoration:underline;
}
#commentform p a {
	color:#a5402a;
	text-decoration:none;
}
#commentform p a:hover {
	color:#a5402a;
	text-decoration:underline;
}
/*.......................................*/
/*.......................................*/



.side_content ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.post {
	float:left;
	width:100%;
}

/* products home and sidebar products */
.home .prod_sidebar { float:left; width:164px; padding:10px; text-align:justify; }
.side_content, .newsletter { font-size:12px; font-family:Arial, Helvetica, sans-serif; width:200px; float:right; text-align:left; overflow: hidden; }

.newsletter h2 { background: url(images/mail_icon.jpg) left 2px no-repeat; line-height: 24px; padding: 0px 0px 0px 36px; font: 24px "Arial Narrow", Impact; margin: 0px 0px 10px 0px; color: #545454; }
.newsletter form label { display: block; font-size: 12px; line-height: 21px; }
.newsletter form .newsletter_text { width: 130px; vertical-align: top; float: left; border: 1px solid #999; margin: 1px 0px 0px 0px; padding: 5px 4px 3px 4px; line-height: 21px; }
.newsletter form input.button { vertical-align: top; float: left; margin: 0px 0px 0px 4px; }


.prod_sidebar { float:left; width:200px; padding: 10px 0px; text-align:justify; }
.home .side_content { font-size:12px; font-family:Arial, Helvetica, sans-serif; width:923px; float:left; text-align:left; background: url(images/home_prod_sep.jpg) left top repeat; padding: 0px 0px 0px 0px; }
.side_content h2 { font-size:17px; color:#545454; border-bottom: 1px dotted #ccc; padding: 3px 5px; }
.side_content .post_title h2 a { color:#7f721f; font-size:18px; font-family:"Trebuchet MS", Arial; text-decoration: none; }

.home .thumbnail { border-bottom:1px dotted #b8b8b8; margin-bottom:5px; text-align: center; padding: 10px 0px 25px; width: 160px; height: 130px; overflow: hidden; }
.home .thumbnail img { width: auto; height: auto; }
.home .prod_sidebar p { margin: 0px 0px; }

.thumbnail { border-bottom:0px dotted #b8b8b8; margin: 5px 5px 5px 0px; height: 50px; width: 50px; display: inline-block; overflow: hidden; float: left; }
.thumbnail img { width: 50px; }
.side_content .prod_sidebar p { margin: 5px 0px; width: 145px; float: left; display: inline-block; }
.prod_sidebar a { color: #4c4c4c; text-decoration: none; }

.small_ban { margin-top:30px; width:100%; float:left; color:#646464; padding-bottom:20px; border-bottom:3px solid #E4E2CB; display: none; }
.small_ban h2 { text-align:left; float:left; margin-top:0px; border-bottom:1px dotted #b8b8b8; color:#7f721f; font-size:18px; font-family:"Trebuchet MS", Arial; margin-left:5px; width:100%; }
img { border: none; }
.search_form input#search { width: 130px; vertical-align: top; float: left; border: 1px solid #999; margin: 1px 0px 0px 0px; padding: 5px 4px 3px 4px; line-height: 21px; }
.search_form input#search-submit { vertical-align: top; float: left; margin: 0px 0px 0px 4px; }

.left_sidebar { display: none; width:120px; float:left; text-align:left; }

.read_more { font-weight:bold; color:#a5402a; float:right; }
.body_text { color:#676666; margin-top:30px; padding: 20px 0px; border-bottom:3px solid #d9d9d9; border-top:3px solid #d9d9d9; }
.side_content .prod_sidebar p .readmore { display: inline-block; clear: both; float: right; text-align: right; font-weight: bold; color: #a5402a; }
.readmore:before { content: "\00BB \0020"; }	
#footer { margin:10px 0px 40px 0px; font-size:11px; text-transform: uppercase; color: #999; }

.content_area { color:#676666; margin-top: 0px; padding: 0px 0px 20px 0px; border-bottom:3px solid #d9d9d9; }
.middle_content { float:left; text-align:left; width:650px; margin-left:10px; margin-right:0px;}
.middle_content p {font-size:12px;  line-height: 21px; color: #666; }
.middle_content h2.page_title { margin: 0px 0px 10px 0px; font: bold 21px "Arial Narrow", Arial, Impact }



.products { margin: 20px 0px 0px 0px;
}
.products h2 {
	color:#988f01;
	font: bold 18px Arial, Helvetica, sans-serif;
}
.products ul { margin: 10px 0px 0px 20px; }
.products ul ul { margin: 5px 0px 0px 5px; }
.products li { list-style: none; background: url(images/bulit.jpg) left 3px no-repeat; line-height: 22px; padding: 0px 0px 0px 20px; float: left; width: 270px; margin: 0px 20px 12px 0px; }
.products li a { font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; line-height: 18px; }
.products li li { width: 200px; padding: 0px; background: none; margin: 0px 0px 5px 0px; }
.products li li:before {
	content: "\00BB \0020";
	}

.product1 {
	padding-left:30px;
	font-weight:bold;
	float:left;
	width:40%;
}
.middle_content table { width: auto; height: auto; background: #f6f6f6; margin: 8px 0px 20px 0px; }
.middle_content table td, .middle_content table th { text-align: left; width: 350px; margin: 1px; vertical-align: top; padding: 3px 8px; background: #f2f2f2; }
.middle_content table th { font-weight: bold; text-align: left; width: 250px; background: #eee; }
.middle_content table .title { font-size: 14px; text-transform: uppercase; background: #616161; }
ol li { line 21 px; margin: 0px 0px 10px 0px;}