/*
Theme Name: Iroc
Theme URI: http://www.junowebdesign.com
Description: Iroc
Version: 1.0
Author: Juno Media
Author URI: http://www.junowebdesign.com
Tags: web design, web development, graphic design
*/

/* Imports */
@import url("css/reset.css");
@import url("css/global-forms.css");

/***** Global *****/
/* Body */

	
	body {
		background: white;
		color: black;
		font-size: 75%; /* Base font size: 16px */
		font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	
	/* Terms */
	
	.terms {color:red}
	.highlight {color:#324CB0;text-decoration: none;}


/* Headers */

h2 {font-size: 1.667em}	/* 20px */
h3 {font-size: 1.5em}	/* 18px */
h4 {font-size: 1.333em}	/* 16px */
h5 {font-size: 1.167em}	/* 14px */
h6 {font-size: 1em}		/* 12px */

h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .8em;}
	
/* Links */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color:#324CB0;text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
	
/* Paragraphs */
p {
	margin-bottom: 1.5em;
	line-height: 1.4;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
/***** Layout *****/
.contents {width: 960px; margin:0 auto}

/* Header */
#header {margin-top:20px;}

	/* Menu */
	#header #menu {
		height: 53px;
		margin:6px 0 0 0;
		background: url('images/nav-bg.png') repeat-x bottom center;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		font-size: 17px !important;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
	}
	#menu a:link, #menu a:visited {color:#fff;}
	#menu:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}
	#menu ul {list-style-type: none; margin:0;padding:0; height: 53px;}
	#menu ul li {float:left;color:#fff;font-size:19px;line-height:40px;font-family: 'Myriad Pro', Arial, Tahoma, 'Times New Roman', Times, serif;padding:0 7px 0 0; position: relative;}
	#menu ul li.sub:hover {
		background: url('images/dropdown-right-bg.png') no-repeat right 0 !important;
		background: url('images/dropdown-bg-ie.png') right 0;
	}

	#menu a:link, #menu a:visited {
		display: block;
		float: left;
		padding:13px 0 0 22px;
	}
	
	#menu a span {
		display: block;
		float: left;
		padding: 0 17px 0 0;
		height: 40px;
		text-align: center;
	}
	
	#menu a span strong {font-weight: normal; padding: 0 10px;}
	#menu .sub a:hover strong, #menu .sub:hover a strong {
		padding: 0 0 0 20px;
		background: url('images/dropdown-bullet.gif') no-repeat center left;
	}
	
		/* Dropdowns (Ewww dropdowns) */
		#menu ul div {
			background: url('images/dropdown-bottom-bg.png') no-repeat 0 bottom !important;
			background: none;
			clear: both;
			overflow: visible;
			position: absolute;
			top: 53px !important;
			top: 0;
			left: 0;
			padding-bottom: 7px;
			z-index: 9999;
		}
		#menu ul ul {
			display: none;
			background: url('images/dropdown-bg.png') repeat-x 0 -53px !important;
			background: url('images/dropdown-bg-ie.png') repeat-x 0 0px;
			height: auto;
			overflow: visible;
			width: 100%;
		}
		#menu li:hover ul {display: block;}
		
		#menu .sub a:hover, #menu .sub a:active,
		#menu .sub:hover a:link, #menu .sub:hover a:visited {
			background: url('images/dropdown-bg.png') top left !important;
			background: url('images/dropdown-bg-ie.png') top left;
			color: #4159B5;
			text-decoration: none;
		}
		
		#menu .sub li {
			float: none;
			margin: 0 -7px 0 8px !important;
			margin: 0 -7px 0 0;
			padding: 0;
			background: url('images/dropdown-right-bg.png') no-repeat right -53px !important;
		}
		
		#menu .sub li a:link, #menu .sub li a:visited,
		#menu .sub:hover li a:link, #menu .sub:hover li a:visited {
			background: none !important;
			background: #FFFF04;
			float: none;
			color: #4159B5;
			padding: .3em 10px;
			line-height: 1.1;
			font-size: .7em;
			margin: 0 7px 0 0;
		}
		#menu .sub:hover li a:hover, #menu .sub:hover li a:active,
		#menu .sub li a:hover, #menu .sub li a:active {
			background: #FFFF04 !important;
			color: #4159B5;
		}
		
		#menu span, #menu a {cursor: pointer;}
		
		#menu .page-item-44 a {width: 105px}
		#menu .page-item-44 ul {width: 127px}
		#menu .page-item-44 ul a {width: 99px}
		#menu .page-item-46 a {width: 130px}
		#menu .page-item-46 ul {width: 170px}
		#menu .page-item-46 ul a {width: 142px}
		#menu .page-item-47 a {width: 126px}
		#menu .page-item-47 ul {width: 148px}
		#menu .page-item-47 ul a {width: 120px;}
		
		#menu .page-item-47 strong {display: block; float: left; width: 100px;}
		
		/* Order Tracking button */
		#menu a#order-tracking {
			float: right;
			display:block;
			text-indent:-9999px;
			background: url('images/order-tracking.png') no-repeat;
			width:187px;
			height:51px;
			padding: 0;
			margin: 1px 40px 0 0 !important;
			margin: 1px 20px 0 0;
		}

/* Body */
#body {padding:2px 0 20px 0;overflow:hidden}

div.title {margin-top:-2px;background: url('images/heading.png') repeat-y;width:915px;height:73px;padding-left:15px;border-bottom:2px solid #ffb503;}
div.title h2 {float:left;width:500px;color:white;font-family: 'Myriad Pro', Arial, Tahoma, 'Times New Roman', Times, serif;font-weight: normal;font-size:3.3em;line-height: 1.8em;margin-bottom:0}

.splash-banner {margin:0}
.breadcumbs {
	float:right;
	background:#515151;
	font-size:11px;
	color:white;
	padding:10px;
	margin:22px 12px 0 0 ;
	border-radius: 14px;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-webkit-border-radius: 14px;
	
}
.breadcumbs a:link, .breadcumbs a:visited {color:#fff;}

.box {color:#324cb0;width:33%;float:left;padding-top:35px;font-size:13px;}
.box-last {width:32%;float:right;padding-top:35px;color:#324cb0;font-size:13px;}

#content {float:left;width:625px;}

#content h3.title {color:#324cb0;border-bottom:1px solid #dfdfdf;font-size:30px;line-height:60px;font-family: 'Myriad Pro', Arial, Tahoma, 'Times New Roman', Times, serif;}
#content #banner {width:624px;height:271px;background: url('images/splash.jpg') no-repeat;margin-bottom:3px}
#content #banner .service-box {float:right;overflow:hidden;padding-top:165px;width:415px;}
#content #banner div #slogan {display:block;padding:5px 10px 0 50px;width:350px;height:41px;background: url('images/slogan.png') no-repeat;font-family:Arial,Tahoma;font-size:13px;color:#fff;font-style: italic; overflow: hidden;}
#content #banner div a#slogan:hover {text-decoration: none}
#content #banner div a.learn-more {float:right;display:block;margin:10px 2px 0 0;width:125px;height:41px;background: url('images/learn-more.png') no-repeat;text-indent: -9999px}


#content .tab{margin:0;padding:0;list-style-type: none;}
#content .tab li {float:left;width:250px;height:43px;background: url('images/tab.png') no-repeat;font-size:19px;line-height:40px;font-family: 'Myriad Pro', Arial, Tahoma, 'Times New Roman', Times, serif;padding:0 0 0 25px;color:white}
#content .tab li.long {width:349px;padding:0px;}
#content #services {clear:both;top:-5px;position: relative;}
#content #services .tab-content p {display:block; width: 170px;}
#content #services .international-services p {display:block; width: 235px;}
#content .service-list {background: #222f60 url('images/tab-content.png') repeat-x top center; overflow: hidden; height: 1%;}
#content .service-list li {overflow: hidden; height: 1%;}
#content #services a:link, #content #services a:visited {color:#fff;}
#content .tab-content {width:250px;float:left;background: #222f60 url('images/tab-content.png') repeat-x top center;width:250px;color:white;padding:15px 0 25px 25px;}
#content .international-services {width:349px;padding:15px 0 25px 0;float:left;}
#content .tab-content ul {margin:0;padding:0;list-style-type: none}

#content .tab-content ul {margin:0;padding:0;list-style-type: none;overflow:hidden}
#content .tab-content ul li {display:block;overflow:hidden;margin-bottom:10px;font-size:12px;}
#content .tab-content ul li h2{font-size:15px;font-weight:normal;margin:4px 0}
#content .tab-content ul li strong {color:#92df00}
#content .tab-content ul li img {display:block;float:left;}
#content .tab-content ul li div {float:right;width:180px}
#content .international-services ul li div {float:right;width:280px}




.page {margin-top: 20px}
.page p {font-size:12px;line-height: 15px}
.page h5, .page h6 {font-size:16px;color:#324cb0;font-weight: normal;margin-bottom:5px}
.page h6 {font-size:13px}
.feature {overflow:hidden;background: #222f60 url('images/violet-bg.png') repeat-x;width:622px;border:1px solid #ebebeb;margin:0 0 1.5em 0;list-style-type: none}
.feature li{overflow:hidden; margin:.8em; background: url('images/icons/list-icon.png') no-repeat; font-size:12px;line-height: 15px;color:white;margin-bottom:13px; padding-left: 22px}
.feature.about li{background: url('images/iroc-icon.png') no-repeat; padding-left: 44px; margin-bottom:23px;}

#sidebar {float:right;width:295px;margin-top:20px;}
#sidebar.home {margin-top:0;}
#sidebar #quickquote {background: url('images/quickquote.png') no-repeat;padding:47px 10px 10px 10px;height:98px;margin:0;border:0;margin-bottom:5px}
#sidebar #quickquote input{float:left;width:55px;border:0;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;color:#324cb0;height:21px;margin:0 2px;padding-top:4px}
#sidebar #quickquote label {float:left;padding:0 10px 0 3px;}

#sidebar #quickquote #units {float:right;font-size:11px;margin-top:8px}
#sidebar #quickquote #units span {float:left;padding:0 4px;line-height: normal;}
#sidebar #quickquote #units label {float:left;padding:0 4px;color:#324cb0;font-size:11px;line-height: normal;}
#sidebar #quickquote #units input{width:15px;margin:0 0px;height:auto;margin:0 2px;padding-top:0px;}

#sidebar #quickquote  #address {clear:both;position: relative;top:-14px;}
#sidebar #quickquote  #address label {display:block;float:none;font-size:11px;color:#324cb0; margin-bottom: 0 !important; margin-bottom: -15px;}
#sidebar #quickquote  #address input#email {display:block;width:175px;margin:0 0px;margin:0 2px;padding-top:0px;height:22px;padding-top:6px}
#sidebar #quickquote  #address input#get-quote {border:0;width:85px;height:30px;padding:0}
#sidebar #quick-nav {margin:0;padding:0;list-style-type: none}
#sidebar #quick-nav li {margin-bottom:5px}
#sidebar #news {margin:0;padding:0;list-style-type: none;border:1px solid #ebebeb}
#sidebar #news a:link, #sidebar #news a:visited {color:#fff;}
#sidebar #news h3.title {padding:0 0 0 15px;margin:0; display:block;height:34px;line-height:31px;background:url('images/news-title-bg.png') repeat-x top center;font-size:16px;color:#fff}
#sidebar #news h3 a.seeall {margin-left: 150px; font-size: 12px;}
#sidebar #news ul {padding: 0; margin: 0}
#sidebar #news li {color:#fff;padding:15px 15px 10px 15px;background:url('images/news-bg.png') repeat-x top center;}
#sidebar #news li h6 {color:#fff;font-size:12px;font-weight:normal;margin-bottom:4px}
#sidebar #news li p {color:#acacac;font-size:12px;margin-bottom:0}

#sidebar #mini-search {border:none;background: url('images/bg-rounded.png') no-repeat;width:310px;height:40px;margin:30px 0 15px 0;padding:9px 0 0 10px;}
#sidebar #mini-search input.text {border:1px solid #e1e1e1;height:28px;;font-size:22px;width:185px;float:left}
#sidebar #mini-search input.button {margin-left:5px}
h3.speech {background: url('images/speech.png') no-repeat;width:280px;height:50px;padding-left:15px;color:white;font-weight:normal;line-height:40px}
ul.recents {margin:25px 0 0 0;padding:0;list-style-type: none;}
ul.recents li {padding:0 0 20px 25px}
ul.recents li a{color:#05c3ff}
/* Footer */

#more { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://www.iroccouriers.com/wp-content/themes/iroc/images/more-bg.png) repeat scroll 0 0; margin:0; overflow:hidden; padding:0;}
#more .box-ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:20px 0; }
#more .box-ul a:link, a:visited {c olor:white;text-decoration: none;}
#more .box-ul a:hover, a:active {text-decoration: underline;}
#more .box-li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#5a8e00 none repeat scroll 0 0;
color:#FFFFFF;
float:left;
margin:0 0 0 20px;
padding:30px;
width:410px;}
#more .box-li ul {line-height:170%;}
#more .box-li1 {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#5a8e00 none repeat scroll 0 0;color:#FFFFFF;float:left;padding:30px 30px 20px 30px;margin: 0 0 15px 0;width:410px;}
#more_button {clear:both; padding-right:20px; overflow:hidden;}
#more_button a {float:right; display:block;}
#more_header {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#5a8e00 none repeat scroll 0 0;color:#FFFFFF;font-size:1.2em;letter-spacing:1px;line-height:140%;margin-top:30px;padding:20px;width:920px;}
#more small-lines{line-height:70%;}
#footer {clear:both;background:#ffcf06 url('images/foot-bg.png') repeat-x top center;overflow:hidden}
#footer h2 {color:#324cb0}
#footer ul {margin:0.95em;list-style-type: disc;color:#324cb0}
#footer ul li {font-size:13px;border-top:1px solid #ffdb44;width:230px;padding:10px 0;}
#footer ul li a{color:#324cb0}
/***** Sections *****/


ul.post-list {margin:30px 0 0 0;padding:0;list-style-type: none;}
ul.post-list li {display:block;clear:both;border-bottom:1px solid #e5e5e5;margin-bottom:20px;overflow:hidden}

ul.post-list li div.posted-date{float:left;width:55px;height:50px;padding-top:5px;background: url('images/date-bg.png') no-repeat;text-align:center}
ul.post-list li div.posted-date span {display:block;color:#7a7a7a;font-size:16px;font-family: Georgia ,'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}

ul.post-list li div.posted-date strong {color:#7a7a7a;font-size:28px;font-weight:bold}
ul.post-list li div.summary {float:right;width:550px;font-size:13px;color:#333333;line-height:16px}
ul.post-list li div.summary h3 a:link, ul.post-list li div.summary h3 a:visited, ul.post-list li div.summary h3 {color:#3d56b4;font-weight:normal;font-size:28px;margin-bottom:10px;line-height: 22px}
ul.post-list li div.summary p {font-size:0.9em;line-height: 1.4em}
ul.post-list li div.summary a.read-more{display:block;line-height: 2em;color:#05c3ff;cursor: pointer}
ul.post-list li:last-child{border-bottom:0;}

/* Contact */
.contact {
	background:#f4f4f4;
	padding:10px 10px 1px 10px;
	color:#626262;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.contact h2 {
	background:#4f65bb;
	color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
	font-size:22px;
	margin-bottom:5px
}
.contact fieldset {
	border:0;
	padding:0;
	margin-top:0px
}
.contact fieldset div#name-input{
	width:280px;
	float:left;
}

.contact fieldset div#name-input input{
	width:277px;
	
}

.contact fieldset div#email-input{
	width:280px;
	float:right;
}

.contact fieldset div#email-input input{
	width:277px;
}
.contact fieldset input{
	height:22px;
	padding-top:8px
}
.contact fieldset input.text{
	width:573px;
}
.contact fieldset textarea{
	width:570px;
	height:100px
}
.contact fieldset input#submit{
	float:right;
	height:35px;
	padding:0;
	margin-top:3px;
}
#contact-number {
	background: #1d2a5f url('images/contact-bg.png') no-repeat;
	height:410px;
	width:275px;
	margin:0;
	padding:10px;
}
#contact-number h2{
	background:#4f65bb;
	color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
	font-size:22px;
	margin-bottom:5px;
}

#contact-number ul {
	margin:0;
	padding:0;
	list-style-type: none;
	clear:both;
	display:block
}
#contact-number ul li {
	font-family: Arial, Tahoma, 'Times New Roman', Times, sans-serif;
	margin:15px 0 15px 0;
	font-size: 1.2em;
	color:#fff;
}
#contact-number ul li strong{
	color:#ffba06;
	font-size: 1.4em;
	font-weight:normal;
	display:block;
	line-height:30px;
}
#contact-number ul li span{
	color:#fff;
	font-size: 1.6em;
	display:block;
}

.thanks {margin-left: 1em}

a#location-button:link, a#location-button:visited {display:block;width:162px;height:53px;margin:0px auto 30px auto;background: #59af00 url('images/location.png') no-repeat;text-indent:-9999px;}

/* Location */
#content.location {
	width: 910px;
	margin-top:20px;
	background:#f4f4f4;
	padding:10px 10px 1px 10px;
	color:#626262;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.location h2 {
	background:#4f65bb;
	color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
	font-size:22px;
	margin-bottom:5px
}
.location fieldset {
	border:0;
	padding:0;
	margin:0px
}

.location fieldset div {
	float: right;
	margin-right: 10px;
}

.location fieldset input{
	height:22px;
	padding-top:8px
}
.location fieldset input.text{
	width:215px;
}
.location fieldset textarea{
	width:570px;
	height:100px
}
.location fieldset input#submit{
	float:right;
	height:35px;
	padding:0;
	margin:0;
}

.location #to {cursor:default}

#map_canvas {margin-top: 12px}

#detailed-text img.hidden {display: none}
#detailed-text {
	background:#4f65bb;
	color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
	font-size:22px;
	margin-bottom:5px;
	overflow: hidden;
	height: 1%; 
}
#detailed-text span {float: left; margin-left: 4px}
#detailed-text img{float: right; cursor: pointer; margin: 7px 3px 0 0}

#directions {background: #fff}

/* Delivery Forms */
.delivery {margin: 1.5em 0 }
.delivery .fieldgroup {margin: 1.5em}
.contact .delivery input.text {width: 562px}

/* Delivery Forms */
.delivery {margin: 1.5em 0 }
.delivery .fieldgroup {margin: 1.5em}
.contact .delivery input.text_post {width: 270px}
/* Splash Pages */
.splash ul {
	list-style: none;
	margin: 1em 0 .5em 0;
}
.splash .continue {display: block; margin-bottom: 2.4em}
.splash ul li {}
.splash ul ul li {}

/* Home Services */
li#displayedcontent {
	display: block;
	padding: 32px 0 0 15px;
}

#contentscroller {
	margin:0px 5px 0px 0px;
	padding: 0px 0px 5px 0px;
	list-style: none;
}

#contentscroller li {
	line-height: 109%;
	margin:0px 0px 5px 0px;
	padding:0;
}

#contentscroller li#displayedcontent {
	margin-bottom: 100px !important;
}

#contentscroller li a {
	color: #fff;
}

#CollectionDate_ID table {margin: 0; width: auto}
#CollectionDate_ID table td {padding: 1px 3px}

.ddsg-wrapper{padding-right: 40px}

#address_selected{
	width:562px;
	padding:8px 0;
}