/*
Theme Name: Warehousing 2-1
Theme URI:
Description:
Version: 1.6
Author: Greg Burkett
Author URI: http://ripfish.com/
Tags: blue, custom header, fixed width, two columns
*/


img{border:0;}


form{
margin:0;
padding:0;
}



body {
background:url(images/bg-warehousing.jpg);
text-align:center;
margin:0;
padding:0;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
color:#555;
font-size:13px;
line-height:18px;
}

/*Conditional IE7 and below comment to fix the Zopim widget pushing the page up 20 px*/
*:first-child+html body {
padding-top:20px!important;
}

#privacy-notice{
height:30px;
float:left;
padding-left:30px;
background:url(images/lockg.png);
background-repeat:no-repeat;
line-height:12px;
font-size:10px;
}

#sidebar-buttons{
-moz-border-radius:4px;
border:1px solid orange;
background:#efefef;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#d1d1d1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#d1d1d1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fbfbfb,  #d1d1d1); /* for firefox 3.6+ */
}

#sidebarlist{
margin:2px 0;padding:0;font-size:12px;;
}

#sidebarlist li{
list-style:none;
padding:4px 0 6px 22px;
background:url(images/bullet.png) no-repeat 0 3px;
}


blockquote{
background:#f3f3f3;
border:1px dashed #3399CC;
border-left:3px solid #3399CC;
font-style:italic;
margin:8px 0;
padding:0 10px;
font-size:14px;
line-height:22px;
}

#rightcolumn blockquote{
font-size:12px;line-height:16px;padding:5px 4px;border:1px solid lightgray!important;-moz-border-radius:6px;
}


a,

a:visited {

color:#EF6616;

}



h1{

font-size:22px;

color:#F59139;

margin:5px 0 8px 0;

line-height:25px;

}



h2 {

font-size:15px;

font-weight:bold;

color:#56A2C0;

margin:0;

padding:0;

}

#bluebox h2{color:#F59139;font-size:17px;}

#bluebox h3{color:white;font-size:24px;font-weight:normal;line-height:21px;letter-spacing:-1px;margin:4px 0;}

li.quotebox{

margin-top:8px;margin-left:0;padding-left:10px;display:block;border-bottom:1px solid #999;

}


#wf2-header{

width:900px;

height:215px;

z-index:1;

border-top:4px solid #F59139;

position: relative;

margin:0 auto;

margin-top:20px;

}

#quote-header{

width:900px;

height:135px;

z-index:0;

border-top:4px solid #F59139;

position: relative;

margin:0 auto;

margin-top:20px;

}

#quote-steps{

background: url(images/light-bg.jpg);
height:50px;
top:75px;
left:0px;
z-index:50;
text-align:left;
position:absolute;
width:100%;
padding-top:3px;
}

#quote-steps h3 {
padding:0;
margin:0;
color:#999;
font-size:15px;
line-height:17px;
}

#step0box{
width:435px;
height:47px;
position:absolute;
left:30px;
padding-top:9px;
border-right:1px solid lightgray;
}

#step0box h1{
font-size:19px;
letter-spacing:-1px;
line-height:19px;
}


#step1box{
width:180px;
height:47px;
position:absolute;
left:480px;
top:7px;
background-image:url(images/1.png);
background-repeat:no-repeat;
background-position:0 3px;
padding-left:37px;
}

#step2box{
width:180px;
height:47px;
position:absolute;
left:668px;
top:7px;
background-image:url(images/2.png);
background-repeat:no-repeat;
background-position:0 3px;
padding-left:37px;
}

#wrapper{

margin:0px auto;

text-align:left;

width:900px;

background:white;

}



#flags{

font-size:9px;

text-align:right;

position:absolute;

top:-24px;

left:600px;

width:300px;

height:15px;

z-index:300;

}



#flags img{

vertical-align:middle;

padding:0 2px;

}



#logo{

position:absolute;

top:-23px;

left:11px;

width:274px;

height:83px;

z-index:3200;

}



#navdiv{

position:absolute;

top:9px;

left:0;

width:615px;

height:28px;

z-index:3000;

background:url(images/nav-bg.jpg);

background-repeat:repeat-x;

border-top:1px solid white;

border-bottom:1px solid white;

padding-top:11px;

padding-left:285px;

text-align:left;

}



#nav > li:first-child{background:url(images/wf2-green-bg.gif);padding:10px 11px 10px 11px;margin-top:-10px;font-weight:bold;}



#nav, #nav ul{padding:0; float:left; list-style:none; display:inline;margin:0;z-index:2900;}

#nav ul li:hover{background:#555}

#nav ul ul li:hover {background:#e1e1e1;}

#nav{padding:0}

#nav a{display:block;color:white;text-decoration:none;}

#nav li{float:left; display:inline;font-size:14px;padding:0 11px;}

#nav li a:hover{background:none;text-decoration:underline;}

#nav li ul{position:absolute; width:13em; left:-999em; padding-top:5px;}

#nav li:hover ul, #nav li.sfhover ul{left:auto; z-index:1000}

#nav li ul li{background:#387B96;border:1px solid #999999;border-top:none; width:14em;font-size:12px;background-image:url(images/wf2-arrow-right.png); background-repeat:no-repeat;background-position:155px 8px;padding:0;}

#nav li ul li ul li {width:17em;}

#nav li:hover, #nav li.hover{position:static}

#nav li ul ul{margin:-32px 0 0 13.2em;}

#nav li ul ul li {background:#ffffff;border-left:2px solid #f59139;border-right:2px solid #555;}

#nav li ul ul li:first-child{border-top:2px solid #555;}

/*#nav li ul ul li:last-child{border-bottom:2px solid #555;}*/

#nav li ul li a {padding:4px 5px;}

#nav li ul ul li a {color:#336;font-weight:bold;display:block;padding:3px 5px;}

#nav li:hover ul ul, #nav li.sfhover ul ul{left:-999em}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{left:auto}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto}



#bluebox{

background:url(images/wf2-blue-box.jpg);

background-repeat:no-repeat;

background-color:#204555;

width:499px;

height:91px;

border:1px solid white;

position:absolute;

top:78px;

z-index:50;

text-align:left;

left:32px;

padding:8px;

color:white;

}

#header-cta {

	background-repeat:no-repeat;

	background-color:#204555;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#377B95), to(#204555)); 
	background: -moz-linear-gradient(top, #377B95, #204555); 	
	background: linear-gradient(#377B95, #204555);
	background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377B95', endColorstr='#204555');
	
	width:900px;

	height:315px;

	z-index:1;

	border-top:4px solid #F59139;

	position: relative;

	margin:0 auto;

	margin-top:20px;
}

#header-cta-content {

	width:850px;

	height:220px;

	position:absolute;

	top:78px;

	z-index:50;

	text-align:left;

	left:24px;

	color:white;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

#header-cta-content h1 {
	color: #fff;
	font-weight: 200;
	font-size: 34px;
}
#header-cta-content h1 strong {
	font-weight: bold;
}

/* #header-cta-content a.button {
	background: -webkit-gradient(linear, left top, left bottom, from(#3BCC45), to(#007808)); 
	background: -moz-linear-gradient(top, #3BCC45, #007808); 	
	background: linear-gradient(#3BCC45, #007808);
	background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3BCC45', endColorstr='#007808');
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	padding: 18px 20px;
	color: #fff;
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
	text-shadow: 0 -1px 0 #000;
	box-shadow: 0 0 10px #113240;
	-moz-box-shadow: 0 0 10px #113240;
	-webkit-box-shadow: 0 0 10px #113240;
	position: relative;
	left: 500px;
	top: 100px; 
} */
 #header-cta-content a.button:hover { 
	/* background: -webkit-gradient(linear, left top, left bottom, from(#007808), to(#3BCC45));   */
	/* background: -moz-linear-gradient(top, #007808, #3BCC45); 	*/
	/* background: linear-gradient(#007808, #3BCC45);*/
	removebackground: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007808', endColorstr='#3BCC45');
}

/*#nav li {

display:inline;

list-style:none;

}



#nav a{

color:white;

text-decoration:none;

padding:0 10px;

font-size:14px;

font-weight:bold;

border-right:1px solid #9AC8DA;

}



#nav a:hover{

text-decoration:underline;

}*/



#howitworks{

height:183px;

width:334px;

float:left;

}



#homesplash{

height:182px;

width:666px;

float:left;

}



#bluedivider{

width:900px;

height:7px;

background:#377B95;

border-top:1px solid white;

}



#supplierlogos{

width:900px;

height:53px;

}



#supplierlogos img{

margin-right:2px;

margin-left:2px;

}



#rightcolumn{

margin-top:5px;

width:225px;

float:left;

}

.widget{
list-style:none;
margin-left:0;
padding:0;
}




#left-column{

margin:5px 10px 5px 14px;

width:620px;

float:left;

padding-right:20px;

border-right:1px solid #e9e9e9;

}

#left-column form {
margin:auto;
margin-bottom:30px;
border:1px double #aaa;
}

#left-column form, #left-column fieldset, #left-column form p {
background:#fafafa!important;
margin-left:20px !important;
}

#left-column form li{
margin:3px 0 0 0 !important;
}

#left-column legend{
color:#298583;
background-repeat:no-repeat;
background-position:0 3px;
padding-left:18px;}


#box{

width:302px;

background:url(images/box-bg.jpg);

margin-bottom:5px;

font-size:11px;

}

#longbox{

width:570px;

background:url(images/wf2-long-box-bg.jpg);

margin-bottom:5px;

font-size:11px;

}



#footer{

text-align:right;

height:38px;

padding:6px 10px 0 0;

font-size:11px;

color:#888;

background:#fafafa;

}



#footer a{

text-decoration:none;

}



#quotebox{

background: #F0FEFF;

border:1px solid #aaa;

padding:5px;

margin:5px;

}



#breadcrumbs{

font-size:11px;

margin:0 0 16px 0;

}



#quotecolumn{

float:left;

margin-left:15px;

width:180px;

}



#quotecolumn li{

margin:5px 0 0 9px;

text-indent:-9px;

padding:0;

}



#quotecolumn ul{

list-style:none;

margin:0;

padding:0;

}



#quotecolumn a{

font-size:11px;

color:#327D90;



}



#quotecolumn a:hover{

text-decoration:underline;

color:#FF6600;

}

ul.childquotes{

list-style:none;

margin:10px 0;

padding:0;

}

ul.childquotes li{

border:1px solid #99b;

font-size:16px;

font-weight:normal;

margin:3px 0;

background-image: url(images/libg.jpg);

background-repeat:repeat-x;

background-color:#F3F3F3;

}

ul.childquotes li:hover{

background:#ddd;

}

ul.childquotes li a {

display:block;

padding:8px 9px;

}

ul#amenu, ul#amenu ul {
list-style-type:none;
margin: 0;
padding: 0;
font-size:11px;

}

ul#amenu a {
display: block;
text-decoration: none;	

}

ul#amenu li {
margin-top: 1px;

}

ul#amenu li a {
background: #f7f7f7;
color: #444;
 padding: 0.4em;
font-weight:bold;

}

ul#amenu li a:hover {
background: #d1d1d1;

}

ul#amenu li ul li a {
background: #fff;
color: #005;
padding-left: 20px;
border-bottom:1px solid #ccc;
font-weight:normal;

}

ul#amenu li ul li a:hover {
background: #f1f3ff;
border-left: 5px #bbf solid;
padding-left: 15px;

}

.indent1 { padding-left: 1em; }

.indent2 { padding-left: 2em; }


/*WORDPRESS STUFF*/



/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */



/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */

.hidden {visibility:hidden;}
/* Header image */
.page-id-2552 #header-cta-content {background-color:white;position:absolute;left:0px;width:900px;top:50px;height:265px;
-moz-box-shadow: 0 0 3px 3px #888;
-webkit-box-shadow: 0 0 3px 3px#888;
box-shadow: 0 0 3px 3px #e3e3e3;
margin-top:20px;
-moz-border-radius: 5px;
border-radius: 5px;}



#header-cta-content #header-cta-categores {color:#fff!important;padding-left:25px;font-family:arial;font-weight:normal;}
#header-cta-content #header-cta-categores a {text-decoration:none;color:#fff;}
#header-cta-content #header-cta-categores {position:absolute;right:0px;top:0px;background-color:#377b95;width:195px;height:265px;background-image:url('images/header-watermark-right.png');}
#header-cta-content #header-cta-categores ul, #header-cta-content #header-cta-categores ul li {list-style:none;padding:0;margin:0;font-size:12px;font-weight:normal;}
#header-cta-content #header-cta-categores ul {margin-top:15px;background-color:resd;}
#header-cta-content #header-cta-categores ul li{}
#header-cta-content #header-cta-categores li.title {padding-bottom:15px;}
#header-cta-content #header-cta-categores ul li {padding-bottom:3px;}
.all-categories {text-decoration:underline;font-size:12px;}

#header-cta-content a.button {
    background: -moz-linear-gradient(center top , #fff, #e8e8e8) repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px #113240;
    color: #2a5e72;
    font-size: 16px;
    font-weight: bold;
    left: 350px;
    padding: 12px 20px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 #fff;
    top: 45px;
text-transform:uppercase;font-family:arial;}

#header-cta-content a.button {
    background: -moz-linear-gradient(center top , #fff, #e8e8e8) repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px #113240;
    color: #2a5e72;
    font-size: 16px;
    font-weight: bold;
    left: 445px;
    padding: 13px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 #fff;
    top: 40px;
text-transform:uppercase;font-family:arial;}
#header-cta-content a.button:hover {
    background: -moz-linear-gradient(center top , #e8e8e8, #fff) repeat scroll 0 0 transparent;
}
#header-cta-content a.button:active{left;443px;top:31px;}

#header-cta-content a.button {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8)); 
	background: -moz-linear-gradient(top, #fff, #e8e8e8); 	
	background: linear-gradient(#fff, #e8e8e8);
	background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e8e8e8');
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 13px 10px;
	color: #2a5e72;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 -1px 0 #fff;
	box-shadow: 0 0 10px #113240;
	-moz-box-shadow: 0 0 10px #113240;
	-webkit-box-shadow: 0 0 10px #113240;
	position: relative;
	left: 445px;
	top: 30px; 
}
#header-cta-content a.button:hover { 
	background: -webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#fff)); 
	background: -moz-linear-gradient(top, #b0b0b0, #fff);
	background: linear-gradient(#b0b0b0, #fff);
	removebackground: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b0b0', endColorstr='#fff');}