/*   
Theme Name: 
Theme URI: http://www.calleja.com
Description: Calleja Theme
Tags: Clean, minimalistic, fixed width, widgets, two columns, three columns
Author: Virtual Bulldog
Author URI: http://www.virtualbulldog.com
Version: 1.0
.
Calleja Theme

Colors:
Text: 11px/16px #5C5C5C
Headlines: 15px/18px #5C5C5C
Intro text: 13px/18px #5C5C5C
Small headlines: 13px/18px #5C5C5C

Side links: 11px/20px #7795d9 Hover: Underline

.5c80c6
*/

/* `General
----------------------------------------------------------------------------------------------------*/

body {
	background: #d6d7d2;
	font: 11px/16px Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #5C5C5C;
}

a {
	color: #7795d9;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 905px;
}


/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 15px;
}

body h2 {
	font-size: 15px;
}

h3 {
	font-size: 13px;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 11px;
}

h6 {
	font-size: 11px;
}

h2 a {
	color: #5C5C5C;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 12px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 18px;
	margin-bottom: 9px;
}

hr {
	border: #FFF;
	background: #e8e8e8;
	height: 1px;
	margin: 18px 0 20px 0;
}

ul ul {
	margin-bottom: 0px;
}

/* `Header
----------------------------------------------------------------------------------------------------*/

#header {
	background: url("images/header_bg.jpg") no-repeat top left;
	width: 905px;
	height: 90px;
	margin: 0 0 31px 0;
	position: relative;
}

#logo a {
	clear: both;
	background: url("images/logo.png") no-repeat;
	text-indent: -9999px;
	display: block;
	width: 148px;
	height: 46px;
	position: relative;
	float: right;
	top: 11px;
	right: 66px;
}


/* Navigation
----------------------------------------------------------------------------------------------------*/

ul#page_nav {
	position: relative;
	float: left;
	top: 46px;
	left: 37px;
	margin-bottom: 0px;
}

#page_nav li {
	display: block;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}

#page_nav li a {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 500;
	text-indent: -9999px;
	display: block;
}

#page_nav li a:hover {
	color: #7795d9;
	background: none;
	border: none;
	text-decoration: none;
}

#page_nav li.current_page_item a {
	color: #898989;
}

#page_nav li a.nav_home {
	background: url('images/nav_home.png') no-repeat;
	width: 42px;
	height: 13px;
	margin-right: 23px;
}

#page_nav li a.nav_home:hover {
	background-position: -42px;
}

#page_nav li.current_page_item a.nav_home {
	background-position: -84px;
}

#page_nav li a.nav_about {
	background: url('images/nav_about.png') no-repeat;
	width: 81px;
	height: 13px;
	margin-right: 14px;
}

#page_nav li a.nav_products {
	background: url('images/nav_products.png') no-repeat;
	width: 80px;
	height: 13px;
	margin-right: 12px;
	overflow: hidden;
}

#page_nav li a.nav_projects {
	background: url('images/nav_projects.png') no-repeat;
	width: 81px;
	height: 13px;
	margin-right: 5px;
}

#page_nav li a.nav_contact {
	background: url('images/nav_contact.png') no-repeat;
	width: 81px;
	height: 13px;
}

#page_nav li a.nav_about:hover, #page_nav li a.nav_products:hover, #page_nav li a.nav_projects:hover, #page_nav li a.nav_contact:hover {
	background-position: -81px;
}

#page_nav li.current_page_item a.nav_about, #page_nav li.current_page_item a.nav_products, #page_nav li.current_page_item a.nav_projects, #page_nav li.current_page_item a.nav_contact {
	background-position: -162px;
}

.breadcrumb {
	background: #FFF url('images/breadcrumb_bg.png') repeat-y left;
	padding: 4px 8px;
	color: #999;
	font-size: 10px;
	margin-bottom: 26px;
}

.breadcrumb strong {
	color: #5c5c5c;
}

/* `Body
----------------------------------------------------------------------------------------------------*/

.content_container {
	background: #FFF url("images/bg_top.png") no-repeat top;
	width: 905px;
	padding-top: 15px;
}

.content_inner {
	background: #FFF url("images/bg_bottom.png") no-repeat bottom;
	width: 905px;
	padding-bottom: 15px;
	letter-spacing: .3px;
}

#main {
	margin: 15px 30px;
	width: 642px;
	position: relative;
	float: right;
	min-height: 1205px; /* min-height set so pages are fixed at least minimum, not maximum yet */
	height: auto !important;
	height: 1205px;
}

a.read_more_btn {
	background: url("images/read_more_btn.png") no-repeat;
	width: 101px;
	height: 22px;
	display: block;
	text-indent: -9999px;
}

a.read_more_btn:hover {
	background: url("images/read_more_btn.png") no-repeat;
	background-position: -101px;
}

.main_preview {
	width: 315px;
	height: 333px;
	float: left;
	margin-right: 0px;
	margin-bottom: 12px;
	background: #ecece8; /* Originally EEE */
}

.main_first {
	margin-right: 12px;
}

.main_bottom {
	margin-bottom: 0;
}

.main_preview img {
	margin-bottom: 9px;
}

.main_preview_inside {
	width: 279px;
	margin: 18px;
}

.main_preview h2 {
	margin-bottom: 6px;
}

.main_preview_inside p {
	margin-bottom: 10px;
}

a.more_about {
	background: url("images/continue_btn.png") no-repeat center left; /* seems to be off either 1 px in firefox or safari, bug? */
	padding-left: 17px;
}

a.background_highlight {
	background: #eaebe8;
}

.about_intro {
	margin: 23px 0 21px 0;
}

.page_intro {
	background: url("images/line_dotted.png") no-repeat bottom left;
	padding-bottom: 5px;
	margin-bottom: 26px;
}

.main_page .page_intro {
	padding-bottom: 5px;
}

body .about_page, body .single, body .products, body .about_news {
	width: 640px;
}

body .about_page .post_content {
	width: 525px;
}

.post_content pre, .podcast pre {
	font: 13px/20px Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin-bottom: 9px;
	white-space: normal;
}

.post_date {
	display: block;
	line-height: 1;
	color: #5c5c5c;
}

h2.news_h2 {
	line-height: 1;
	margin-bottom: 11px;
}

.news_h2 a {
	font-size: 11px;
	color: #5c5c5c;
}

.about_news .post {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.single .post {
	margin-bottom: 40px;
}

.products_news .post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e8e8e8;
}

.products_news .post_thumb {
	float: left;
	width: 115px;
	margin: 4px 11px 11px 0px;
}

.products_news .post_content {
	float: right;
	width: 279px;
}

.wepower_listing .post_thumb {
        width: 164px;
}

.wepower_listing .post_content{
        width: 279px;
}

.wepower_listing .med_col2 {
        width: 460px;
}

.products_news .post_content h2 {
	margin-bottom: 5px;
}

.products_news .post_content p {
	margin-bottom: 10px;
}

.products_details li {
	border-bottom: 1px solid #e8e8e8;
	padding: 11px 2px;
}

.products_details li:last-child {
	border: none;
}

.products_details span {
	font-weight: bold;
}

#screenshots {
	margin-bottom: 15px;
}

#screenshots ul {
	list-style-type: none;
}

#screenshots li {
	margin-left: 0;
}

#screenshots, #screenshots li{ 
	width:405px;
	height: 414px;
	overflow:hidden; 
	}
span#prevBtn{
}
span#nextBtn{
}

h2.products_header {
	margin-top: 15px;
	border-top: 1px solid #e8e8e8;
	padding-top: 30px;
}

.search_filter {
	background: #f1f2ee url('images/search_top.png') no-repeat top;
	width: 405px;
	height: 83px;
	padding-top: 15px;
	margin-bottom: 20px;
}

.search_filter_inner {
	background: #f1f2ee url('images/search_bottom.png') no-repeat bottom;
	width: 405px;
	height: 68px;
	padding-bottom: 15px;
}

.search_filter p {
	font-weight: bold;
	padding-left: 27px;
	padding-top: 10px;
	margin-bottom: 0;
}

.search_filter select {
	width: 300px;
	margin-right: 18px;
	float: left;
}

#search_filter_go {
	text-indent: -9999px;
	font-size: 1px;
	border: 0;
	width: 41px;
	height: 22px;
	color: #FFF;
	background: url("images/go_btn.png") no-repeat;
	background-position: 0px;
	float: left;
	display: block;
	margin-right: 10px;
	margin-top: 1px;
}

#search_filter_go:hover {
	width: 41px;
	height: 22px;
	color: #FFF;
	background: url("images/go_btn.png") no-repeat;
	background-position: -41px;
	cursor: pointer;
}

.products_list .search_filter {
	margin-bottom: 40px;
}

table.products_listing {
	width: 305px;
}

table.products_listing thead {
	background: #c6c6c6;
	color: #fff;
	height: 26px;
	text-align: left;
}

th.supplier {
	width: 120px;
}

table.products_listing thead th, table.products_listing td {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.products_listing tbody tr {
	height: 25px;
}

table.products_listing tbody tr.table_alt {
	background: #f5f5f5;
}

ol#controls {
	list-style: none;
	margin: 0;
}

#controls li {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	padding-right: 7px;
	border-right: 1px solid #e8e8e8;
}

#controls li:last-child {
	border: none;
}

#controls li.current a {
	color: #5c5c5c;
}

/* `Sidebar
----------------------------------------------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 175px;
	list-style: none;
}

#sidebar a {
	font-size: 12px;
}

#site_info {
	margin-top: 80px;
	width: 180px;
}

#site_info span {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
}

#site_info span.italics {
	font-style: italic;
	font-weight: normal;
	line-height: 16px;
	font-size: 11px;
}

#contact_info {
	margin-top: 185px;
}

#contact_info span {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;

}

#contact_info span.italics {
	font-style: italic;
	font-weight: normal;
	line-height: 16px;
	font-size: 11px;
}

#sidebar li.page_item a {
	width: 155px;
	padding: 10px;
	height: 15px;
	display: block;
	color: #5C5C5C;
	border-top: 1px solid #e8e8e8;
	background: url("images/sub_menu_btn_off.png") no-repeat right;
	background-position: 158px;
	letter-spacing: .3px;
}

#sidebar li.current_page_item a {
	width: 155px;
	padding: 10px;
	height: 15px;
	display: block;
	border-top: 1px solid #e8e8e8;
	background: url("images/sub_menu_bg.png") repeat-y;
	font-weight: 400;
	color: #FFF;
	cursor: auto;
}

#sidebar li.page_item a:hover {
	color: #7795d9; /* old color 4d6ebb */
	background: url("images/sub_menu_btn_on.png") no-repeat right;
	background-position: 158px;
	text-decoration: none;
}

#sidebar li.current_page_item a:hover {
	text-decoration: none;
	color: #FFF;
	background: url("images/sub_menu_bg.png") repeat-y;
}

#sidebar li.current_page_item a.return_arrow {
	text-decoration: none;
	background: url("images/sub_menu_bg_whole_arrow.png") no-repeat;
}

#sidebar li.current_page_item a.return_arrow:hover {
	color: #88aaf8;
}

#sidebar li.page_item:last-child a {
	border-bottom: 1px solid #e8e8e8;
}

.sub_menu {
	list-style-type: none;
	margin-top: 230px; /* 187px without breadcrumbs */
}

.products_sub_menu {
	list-style-type: none;
	margin-top: 205px;
}

.projects_sub_menu {
	list-style-type: none;
	margin-top: 203px;
}

.no_cursor {
	cursor: default;
	color: #FFF;
}

body #sidebar li.current_page_item .no_cursor:hover {
	cursor: default;
	color: #FFF;
}

/* `Columns
----------------------------------------------------------------------------------------------------*/

.med_col2 {
	width: 405px;
	margin-right: 30px;
	float: left;
}

.med_col3 {
	width: 205px;
	float: right;
}

.med_col3 ul {
	list-style-type: none;
}

.med_col3 li {
	margin-left: 0;
}

.med_col3 h4 {
	margin-bottom: 9px;
}

.med_col2 .last_post {
	border: none;
}

.lrg_col2 {
	float: left;
	width: 305px;
	margin-right: 30px;
}

.lrg_col3 {
	float: right;
	width: 305px;
}

.products .med_col3 h4, .products_news .med_col3 h4 {
	margin-bottom: 5px;
}

.products .med_col3 p, .products_news .med_col3 p {
	margin-bottom: 10px;
}

.products_news .med_col3 p {
	color: #7d7675;
}

.related_posts span {
	display: block;
}

.related_posts a {
	color: #7795d9;
}

.related_posts li {
	margin-bottom: 20px;
}




/* `Contact
----------------------------------------------------------------------------------------------------*/

.contact_box {
	width: 540px;
	margin: 0 0 35px 0;
}

.contact_img {
	float: left;
	width: 115px;
	margin-right: 15px;
}

ul.contact_details {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.contact_details li {
	margin: 0 0 1px 0;
}

/* `Form
----------------------------------------------------------------------------------------------------*/

.wpcf7 br {
	display: none;
}

.wpcf7 p {
	clear: both;
	margin-bottom: 9px;
}

.wpcf7 label {
	display: block;
	margin-bottom: 2px;
	margin-left: 3px;
}

.first-name input, .last-name input, .city input, .number input, .email input, .category_cat select, .catalogue select, .name input {
	width: 216px;
}

.address1 input, .address2 input {
	width: 358px;
}

.postalcode input {
	width: 88px;
}

.email input {
	width: 484px;
	margin-bottom: 15px;
}

.subject input {
	width: 484px;
}

.contact_us .email input {
	margin-bottom: 0;
	width: 216px;
}

.message textarea, textarea#message {
	width: 487px;
	height: 185px;
	border-style: solid;
	border-width: 2px 1px 1px 1px;
	border-top-style: 2px inset #888;
	border-color: #888 #AAA #ccc #AAA;
	margin-bottom: 8px;
}

.catalogue select {
	margin-bottom: 15px;
}

.form_block {
	width: 220px;
	float: left;
	margin-right: 50px;
	margin-bottom: 9px;
}

#submit {
	display: block;
	width: 79px;
	height: 22px;
	font-size: 1px;
	text-indent: -9999px;
	background: url('images/submit_btn.png') no-repeat;
	background-position: 0;
	border: 0;
}

#submit:hover {
	cursor: pointer;
	background: url('images/submit_btn.png') no-repeat;
	background-position: -79px;
}

#first-name, #last-name, #city, #telephone, #name {
	width: 216px;
}

#address1, #address2 {
	width: 358px;
}

#postalcode {
	width: 88px;
}

#email, #from {
	width: 484px;
}

#dialog input, #dialog label, #dialog textarea {
	display: block;
}

/* `Search
----------------------------------------------------------------------------------------------------*/

#search_form {
	margin-bottom: 25px;
}

#search_form fieldset {
	background: #dedede;
	padding: 5px;
	width: 161px;
	position: relative;
	left: -10px;
	margin: 0;
}

#search_form input {
	border: none;
	width: 129px;
	height: 20px;
	margin: 0;
	color: #999;
	padding: 0px;
	font: 11px/11px Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

#search_form #searchsubmit {
	background: url('images/search_btn.png') no-repeat bottom;
	color: #7795d9;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	color: #FFF;
	margin-left: -3px;
}

#search_form input.text_input {
	padding: 1px 5px 0 5px;
}

#searchsubmit:hover {
	cursor: pointer;
}

.search_title {
	margin-bottom: 25px;
}

/* `Footer
----------------------------------------------------------------------------------------------------*/

#footer {
	background: #FFF;
	width: 905px;
	margin: 15px 0 40px 0;
	position: relative;
}

#footer .content_inner {
	height: 65px;
}

.footer_copy {
	position: relative;
	display: block;
	float: left;
	margin: 15px 30px 0 30px;
	position: relative;
}

.footer_copy li {
	display: block;
	float: left;
	padding-right: 8px;
	margin-left: 0;
}

.footer_copy span {
	font-size: 9px;
}

span.footer_copy_rights {
	clear: both;
	display: block;
	margin: 0 0 15px 30px;
	position: absolute;
	top: 47px;
	left: 0;
}

.left {
	float: left;
}

.right {
	float: right;
	margin-right: 20px;
}

#virtualbulldog {
	text-indent: -9999px;
	background: url('images/virtualbulldog.png') no-repeat;
	width: 28px;
	height: 29px;
	display: block;
	line-height: 1;
}

#virtualbulldog:hover {
	background-position: -28px;
}

/* `Special Styles
----------------------------------------------------------------------------------------------------*/

.post br {

}

.post-headline, .post-small-headline {
	font: 15px/18px Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	display: block;
	font-weight: bold;
}

.post-small-headline, .post-small-headline {
	font-size: 13px;
}

p .post-headline, p .post-small-headline {
	margin-bottom: -3px;
}


span.post-intro-text, p.post-intro-text {
	font: 13px/18px Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin-bottom: 9px;
	display: block;
}

.post .address-style br {
	display: block;
}

h2.job_title a {
	font-size: 11px;
	color: #7795d9;
}

/* `Comments
----------------------------------------------------------------------------------------------------*/

.podcast {
	width: 550px;
	margin-bottom: 50px;
}

.podcast p, .podcast pre {
	margin-bottom: 20px;
}

.podcast_comment {
	font-size: 12px;
	color: #999;
	border-bottom: 1px solid #E8E8E8;
	padding-bottom: 25px;
}

#comments_list {
	width: 550px;
	margin-bottom: 60px;
}

#comments_list dd {
	width: 546px;
	padding-bottom: 40px;
	border-bottom: 1px dotted #CCC;
	padding-left: 2px;
	padding-right: 2px;
}

#comments_list dd p {
	width: 475px;
}

#comments_list dt {
	width: 546px;
	position: relative;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 25px;
}


.comments_name {
	font-weight: bold;
	font-size: 12px;
}

.comments_date {
	padding-left: 3px;
	font-size: 11px;
}

.comments_author .comments_name {
	color: #7795d9;
}

.comments_author {
	background: #f5f5f5;
}

.avatar { 
	position: absolute;
	top: 30px;
	right: 10px;
}

#comments h3 {
	font-size: 16px;
	color: #c5c5c5;
	margin-bottom: 0;
}

#comments h3.respond {
	font-size: 18px;
	color: #5d5d5d;
	margin-bottom: 30px;
} 

#commentform p {
	margin-bottom: 10px;
}

#commentform .text_input {
	font-size: 13px;
	color: #3e3e3e;
	width: 540px;
	padding: 5px 10px;
	background: #eeeeee;
	border: none;
	color: #6f6f6f;
}

#commentform #submit {
	text-indent: -9999px;
	color: #FF6600;
	background: url('images/submit_comment.png') no-repeat;
	width: 113px;
	height: 29px;
	border: none;
}

#commentform #submit:hover {
	cursor: pointer;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

fieldset { padding:0; border:0; margin-top:25px; }
div#users-contain {  width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
#request-a-catalogue {cursor: pointer; color: #7795d9;}
.request-a-catalogue-hover {text-decoration: underline;}