/*
Theme Name: 		Speed
Theme URI: 			www.speeddistribution.co.uk
Description:		Speed The Complete Carrier WordPress theme
Author:				George Edwards
Author URI:			www.five-twelve.co.uk
Version:			0.1
*/


/* --------------------------------------------
	Begin CSS
---------------------------------------------- */

/**
	site.css
	
	By George Edwards
		ge@george-edwards.co.uk
		+44 (0) 7545 951 512
	
	Fivetwelve - web design & development Herefordshire
		www.five-twelve.co.uk
		hello@five-twelve.co.uk

	Beautiful code :)
*/

/**
	Speed "The Complete Carrier"
	NP Vehicle Hire Ltd. 6808351
	
	Color Scheme:
		YELLOW, light (BG)	 						#FFF4BA
		YELLOW, dark (Speed Rise)					#FDD916
		
		GREEN (Speed Logo)							#A8CF38
		GREEN, dark (Footer bg / Intro)				#76951B
		GREEN, light (Footer text)					#B4D160
		GREEN, brighter (Footer highlight)			#DBE7B7
		
		GREY (nav off, body text)					#6C6C6B
		
		RED, lighter (nav on)						#DE775A
		RED, strong (intro highlight)				#D45C3A
		RED, medium (headings)						#DD6747
		
		BLUE, dark (link on)						#3095B6
*/


/* --------------------------------------------
	Reset CSS (credit to Eric Meyer)
---------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* --------------------------------------------
	Basics / Structure
---------------------------------------------- */
/*
	Main body, wraps, header, nav etc
*/
body {
	/* whatever:hover htc behaviour for IE */
	behaviour: url("/inc/csshover3.htc");
	background-color: #fff4ba;
	font-family: 'Lucida Grande', 'Tahoma', sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #6C6C6B;
}
#main-wrap {
	margin: 0 auto;
	width: 960px;
}
#header-wrap {
	padding: 10px 0;
	margin: 0 auto;
	width: 960px;
}
	/*
		Logo image replacement for SEO
		
		The proper way to do it. Duh.
	*/
	#logo-wrap h1 a {
		float:left;
		text-indent: -9999px;
		background: url('img/logo.jpg') no-repeat top left;
		height: 80px;
		width: 158px;
		display: block;
	}
	
	/*
		Main navigation in header (top right of page)
	*/
	
	/* Outer UL container */
	#primary-nav-wrap ul#nav {
		float: right;
		margin: 25px 20px 0 0;
		position: relative;
		z-index: 1000; /* uggh IE bug. set the parent div to a higher z-index to fix child z-index problem */
	}
	
	/* First li elements */
	#primary-nav-wrap ul#nav > li {
		font-size: 16px;
		float: left;
		margin-left: 10px;
		position: relative;
		text-transform: lowercase;
	}
	
	#primary-nav-wrap ul#nav > li > a.more_nav {
		background:#57a2ba;
		color:#f8ffe3 !important;
	}
	#primary-nav-wrap ul#nav > li > a,
	#primary-nav-wrap ul#nav > li > a:link,
	#primary-nav-wrap ul#nav > li > a:visited,
	#primary-nav-wrap ul#nav > li > a:active {
		padding: 7px; /* main navigation padding */
	}

	#primary-nav-wrap ul#nav > li.active > a,
	#primary-nav-wrap ul#nav > li.active > a:link,
	#primary-nav-wrap ul#nav > li.active > a:visited,
	#primary-nav-wrap ul#nav > li.active > a:active,
	#primary-nav-wrap ul#nav > li.current_page_parent > a,
	#primary-nav-wrap ul#nav > li.current_page_parent > a:link,
	#primary-nav-wrap ul#nav > li.current_page_parent > a:visited,
	#primary-nav-wrap ul#nav > li.current_page_parent > a:active,
	#primary-nav-wrap ul#nav > li.current-menu-item > a,
	#primary-nav-wrap ul#nav > li.current-menu-item > a:link,
	#primary-nav-wrap ul#nav > li.current-menu-item > a:visited,
	#primary-nav-wrap ul#nav > li.current-menu-item > a:active,
	#primary-nav-wrap ul#nav > li.current-page-ancestor > a,
	#primary-nav-wrap ul#nav > li.current-page-ancestor > a:link,
	#primary-nav-wrap ul#nav > li.current-page-ancestor > a:visited,
	#primary-nav-wrap ul#nav > li.current-page-ancestor > a:active {
		background: #57A2BA; /* top of dropdown / hover button  */
		color: #F8FFE3;
	}
	
	/* Inner anchors */
	#primary-nav-wrap ul#nav li > a,
	#primary-nav-wrap ul#nav li > a:link,
	#primary-nav-wrap ul#nav li > a:visited,
	#primary-nav-wrap ul#nav li > a:active {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		color: #6c6c6b; /* default text color before hover / main buttons */
		font-family: 'Lucida Grande', 'Tahoma', sans-serif;
		font-weight: bold;
		text-decoration: none;
	}
	
	/* Sub navigation (drop-down) outer UL */
	#primary-nav-wrap ul#nav li ul {
		-webkit-border-radius: 0 5px 5px 5px;
		-moz-border-radius: 0 5px 5px 5px;
		background: #57A2BA; /* dropdown background */
		display: none;
		font-size: 12px;
		position: absolute;
		top: 20px;
		left: 0px;
		padding: 5px 0;
		text-transform:lowercase;
		width: 150px;
		z-index: -1;
	}

	#primary-nav-wrap ul#nav li ul li a,
	#primary-nav-wrap ul#nav li ul li a:link,
	#primary-nav-wrap ul#nav li ul li a:visited,
	#primary-nav-wrap ul#nav li ul li a:active {
		/* we don't want a border-radius on the dropdown list elements, thankyou */
		-webkit-border-radius: 0; -moz-border-radius: 0;
		color: #F8FFE3; /* dropdown text color */
		display: block;
		text-indent: 5px;
		padding: 5px;
	}
	#primary-nav-wrap ul#nav li ul li a:hover {
		background: #428EA6; /* dropdown hover background */
	}
	
	
	/* Sub navigation (drop-down) inner LI elements */
	#primary-nav-wrap ul#nav li ul li {
	}
	
	/* show the child elements on hover of parent */
	#primary-nav-wrap ul#nav li:hover ul,
	#primary-nav-wrap ul#nav li.active {
		display: block;
	}
	#primary-nav-wrap ul#nav li:hover ul li a {
	}
	#primary-nav-wrap ul#nav li:hover ul li {
	}

/*
	Content area
*/
#content-wrap {
	margin: 0 auto;
	padding-top: 10px;
	width: 960px;
}
#content {
	clear: both;
	background-color: white;
	padding: 20px;
	-moz-border-radius: 15px 15px;
	-webkit-border-radius: 15px 15px;
	text-align: justify;
	position: relative; /* for content scroller */
}
/*
	Two columns layout content area
*/
#content-wrap #content #secondary-content-col {
	float: right;
	width: 200px;
}
#content-wrap #content #primary-content-col {
	float: left;
	width: 700px;
}
/*
	Three column layout
	
	This will resemble a TERTIARY | PRIMARY | SECONDARY type layout. But we won't name them left/middle/right... let's be semantic about this.
*/
#content-wrap #content #threecol-primary {
	float: left;
	width: 480px;
}
#content-wrap #content #threecol-secondary {
	float: right;
	width: 200px;
}
#content-wrap #content #threecol-tertiary {
	float: left;
	margin-right: 20px;
	position:relative;
	width: 200px;
}

/*
	Footer
*/
/* --------------------------------------------
	Begin Sticky Footer...
---------------------------------------------- */
html, body {
	height: 100%;
}

#main-wrap {
	min-height: 100%;
}

#content-wrap {
	overflow:auto;
	padding-bottom: 261px;
}  /* must be same height as the footer */

#footer-wrap {
	background: url('img/footer-repeat.gif');
	position: relative;
	margin-top: -261px; /* negative value of footer height */
	height: 261px;
	clear:both;
} 
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
/* --------------------------------------------
	... End Sticky Footer
---------------------------------------------- */

/* apply to inner footer to retain footer bg repeat on sticky footer */
#footer {
	color: #B4D160;
	font-size: 10px;
	text-shadow: 1px 1px 0 #6C784C;
	margin: 0 auto;
	width: 960px;
}
	#footer-left {
		float: left;
		margin-top: 155px;
	}
	#footer-left #footer-logo-wrap {
		float: left;
		margin-right: 25px;
		height: 90px;
		width: 122px;
	}
	#footer-left #footer-company-info-wrap {
		line-height: 16px;
		margin: 5px 0 0 0;
		width: 600px;
	}
	#footer-left p#design-credit {
		margin: 2px 0;
	}
	#footer-left ul#footer-pages {
		margin: 5px 0;
	}
	#footer-left ul#footer-pages li {
		border-right: 1px solid;
		float: left;
		line-height: 10px;
		margin: 0 2px 0 0;
		padding: 0 3px 0 3px;
	}
#footer-right {
	float: right;
	margin-top: 155px;
}
	#footer-right p#company-contact {
		color: #DBE7B7;
		font-size: 12px;
		font-weight: bold;
	}
#footer-right p {
	line-height: 15px;
	text-align: right;
}

/* --------------------------------------------
	Typography
---------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	color: #DD6747;
	font-family: 'Myndraine', 'Lucida Grande', 'Tahoma', sans-serif; /* @font-face ftwbbq */
	font-weight: bold !important;
	text-align: left !important;
	letter-spacing: .01em;
}
#content h1 {
	font-size: 24px;
	line-height: 48px;
}
#content h2 {
	font-size: 25px;
	line-height: 46px;
}
#content h3 {
	font-size: 20px;
	line-height: 40px;
}
#content h4 {
	font-size: 18px;
	line-height: 36px;
}
#content h5 {
	font-size: 14px;
	line-height: 32px;
}
#content h6 {
	font-size: 12px;
	line-height: 28px;
}
#content p {
	color: #6C6C6B;
	font-size: 105%;
	line-height: 20px;
	margin: 0 0 8px 0;
}
#content .standout p {
	color: #76951B;
	font-family: 'Raspoutine', 'Georgia', serif; /* @font-face - see above lolol */
	font-size: 18px;
	line-height: 25px;
}
#content .standout p span {
	color: #D45C3A;
}
/* link styling */
#content a, #content a:link, #content a:active, #content a:visited {
	border-bottom: 1px solid #ddd;
	padding-bottom: 0px;
	color: #DE775A;
	text-decoration:none;
}
#content a:hover {
	color: #3095b6;
	border-bottom: 1px solid #3095b6;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
	color: #B4D160;
}
#footer a:hover {
	color: #DBE7B7;
}

/*
	And all the other odds and sods :)
*/
#content blockquote {
	background-color: #f6f6f6;
	border: 3px dashed #ddd;
	font-size: 14px;
	font-style: normal;
	padding: 10px;
	margin: 20px;
	overflow: auto;
	text-align: justify;
}
#content ol {
	font-size: 12px;
	list-style-type: decimal;
	margin: 10px 0 10px 30px;
}
#content ol li ol {
	list-style-type: lower-alpha;
	margin: 0 0 0 20px;
}
#content ul {
	font-size: 12px;
	list-style-type: disc;
	margin: 10px 0 10px 30px;
}
#content ul li ul {
	list-style-type: circle;
	margin: 0 0 0 20px;
}
#content dl {
	font-size: 12px;
	margin: 10px 0 30px 30px;
}
#content dt {
	font-size:14px;
	font-weight: bold;
	margin: 10px 0 0 0;
}
#content dd {
	margin-left: 20px;
	margin-top: 5px;
}
#content ins {
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
#content strong, #content b {
	font-weight: bold;
}
#content span.highlight {
	color: #F5AA0A;
	font-family: 'Raspoutine', 'Georgia', serif;
}
#content em, #content i {
	font-style: italic;
}
#content abbr, #content acronym {
	border-bottom: 2px dotted;
	cursor: help;
}
#content code, #content pre {
	font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
}
#content code {
	background: #FCF7DC;
	display: inline;
	padding: 3px 8px;
}
#content pre {
	background: #FCF7DC;
	border-top: 2px solid #FFF4BA;
	border-bottom: 2px solid #FFF4BA;
}
#content table{
	font-size: 12px;
	margin: 10px 0 20px 30px;
}
#content table tr td {
	font-size: 11px;
	padding: 3px 8px;
}
#content table tr th {
	background: #ededed; /* fallback for crap browsers */
	background: -moz-linear-gradient(top, white, #EDEDED);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#EDEDED));
	border-bottom: 2px solid;
	border-top: 2px solid;
	font-weight: bold;
	padding: 3px 8px;
}

/*
	Content styles
*/
#content .standout h1 {
	line-height: 26px;
	font-size: 22px;
	margin-bottom: 10px;
}
#content .service-column {
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
	width: 330px;
}
#content .service-column img {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	vertical-align:middle;
}
#content .service-column h4, #content .service-column p {
	margin-left: 42px;
}
#content .icon-container {
	float: left;
	margin: 0 20px 10px 0;
	width: 400px;
}
#content .icon-container img {
	float: left;
	margin: 10px 10px 5px 0;
	vertical-align: middle;
}
#content .icon-container h4, #content .icon-container p {
	margin-left: 42px;
}
#content .icon-container h4 {
	line-height: 20px;
}
/* --------------------------------------------
	Forms
---------------------------------------------- */
#content form label {
	clear: left;
	padding: 4px;
}
#content form input[type=text], #content form textarea {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 2px solid #eee;
	color: #6C6C6B;
	font-size: 12px;
	font-family: 'Lucida Grande', 'Tahoma', sans-serif;
	margin: 0 5px 0 0;
	outline:none;
	padding: 4px;
	width: 400px;
}
#content form input[type=text] {
	vertical-align: middle;
}
#content form textarea {
	vertical-align: top;
}
#content form input[type=text].micro {
	width: 50px;
}
#content form input[type=text].small {
	width: 120px;
}
#content form input[type=text].medium {
	width: 240px;
}
#content form input[type=text].large {
	width: 400px;
}
#content form input[type=text].badinput, #content form input[type=text].badinput:focus,
#content form textarea.badinput, #content form textarea.badinput:focus {
	border: 2px solid #ddd;
}
#content form input[type=text]:focus, #content form textarea:focus {
	border: 2px solid #ddd;
}
#content form input[type=button],
#content form input[type=submit],
#content a.button {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #5D7514;
	background: #76951B;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
}
#content form input[type=button]:hover,
#content form input[type=submit]:hover,
#content a.button:hover {
	background: #5D7514;
}
#content form input[type=button]:active,
#content form input[type=submit]:active,
#content a.button:active {
	position: relative;
	top: 1px;
	left: 1px;
}
#content form span.error_message {
	color: #D45C3A;
	font-weight: bold;
	margin: 0 0 0 10px;
}
#content form span.info_message {
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 0 10px;
}
#content .flash-message {
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
	margin: 15px auto;
	width: 90%;
}
#content .error {
	background: #EDCCD4;
	border: 3px solid #D97C93;
}

/* --------------------------------------------
	Wordpress styles
---------------------------------------------- */
.post {
	padding: 5px 10px;
	margin: 5px 0;
}
#content ul.post-prevnext {
	list-style-type:none;
	height: 30px;
	margin: 0;
}
#content ul.post-prevnext li.post-prev {
	float: left;
	text-align: left;
}
#content ul.post-prevnext li.post-next {
	float: right;
	text-align: right;
}
p.meta {
	color: #bbb !important;
	font-size: 10px !important;
}
p.post-cats {
	color: #bbb !important;
	font-size: 10px !important;
	display: block;
}
/*
	WP Images / Captions
*/
.alignleft, .wp-post-image { float: left; margin:0 10px 10px 0 !important;}
.alignright { float: right; padding: 0 0 0 10px !important;}
.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;
}
#secondary-content-col ul.widget-wrap,
#threecol-secondary ul.widget-wrap {
	list-style: none;
	padding: 0;
	margin: 0;
}
#secondary-content-col ul.widget-wrap li,
#threecol-secondary ul.widget-wrap li {
	margin: 0 0 25px 0;
}
#secondary-content-col ul.widget-wrap li input[type='text'],
#threecol-secondary ul.widget-wrap li input[type='text'] {
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	font-size: 10px;
	margin: 10px 0;
	padding: 3px;
	width: 140px;
}
#secondary-content-col ul.widget-wrap li input[type='submit'],
#threecol-secondary ul.widget-wrap li input[type='submit'] {
	font-size: 10px;
	padding: 3px 6px;
}
#secondary-content-col ul.widget-wrap li ul,
#threecol-secondary ul.widget-wrap li ul {
	list-style: none;
	margin: 0;
}
#secondary-content-col ul.widget-wrap h3,
#threecol-secondary ul.widget-wrap h3 {
	line-height: 10px;
	margin: 10px 0 0 0;
}

#secondary-content-col ul.widget-wrap li ul li,
#threecol-secondary ul.widget-wrap li ul li {
	font-size: 10px;
	line-height: 15px;
	margin: 10px 0;
}
#secondary-content-col ul.widget-wrap li ul li a,
#secondary-content-col ul.widget-wrap li ul li a:link,
#secondary-content-col ul.widget-wrap li ul li a:hover,
#secondary-content-col ul.widget-wrap li ul li a:active,
#threecol-secondary ul.widget-wrap li ul li a,
#threecol-secondary ul.widget-wrap li ul li a:link,
#threecol-secondary ul.widget-wrap li ul li a:hover,
#threecol-secondary ul.widget-wrap li ul li a:active {
	border: none;
}
ul#child-page-nav {
	list-style:none;
	margin: 0 0 10px 0;
	overflow:hidden;
	padding:0;
}
ul#child-page-nav li:first-child {
	border-top: 1px solid #eee;
}
ul#child-page-nav li a {
	border-bottom: 1px solid #eee !important;
	display: block;
	font-weight: bold;
	padding: 5px 0 !important;
	text-indent: 10px !important;
}
ul#child-page-nav li a:hover {
	background: #F0FBFF;
	border-bottom: 1px solid #eee;
}
/* --------------------------------------------
	Utilities / Plugins
---------------------------------------------- */
/*
	Utilities
*/
.clearfix {
	clear:both;
}
.float_right {
	clear: left;
	float: right;
}
.buorg {
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    border-bottom:3px solid #FF9696 !important;
    background:#FFDBDB no-repeat 1em 0.55em url(http://browser-update.orgimg/dialog-warning.gif) !important;
    text-align:left;
    cursor:pointer;
    font-family: 'Lucida Grande', 'Tahoma', sans-serif !important; color:#6c6c6b !important;
    font-size: 12px;
}
.buorg div {
    padding: 5px 36px 5px 40px;
}
.buorg a {
    color:#E25600;
}
#buorgclose {
    position: absolute;
    right: .5em;
    top:.2em;
    height: 20px;
    width: 12px;
    font-weight: bold;
    font-size:14px;
    padding:0;
}
#js-warning {
	margin: 10px 0;
	background: #FFEDEF;
	border: 3px dashed #FFB5BE;
	padding: 10px;
}
/*
	Slider (jquery easySlider Plugin)
*/
   /* image replacement */
       .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
           margin:0;
           padding:0;
           display:block;
           overflow:hidden;
           text-indent:-8000px;
           }
   /* // image replacement */
		
#slide-container{
	border: 4px dashed #eee;	
	margin:0 auto;
	margin-bottom: 100px;
	position:relative;
	text-align:left;
	width: 750px;
	height: 160px;
	margin-bottom:2em;
	padding: 10px;
	}	
		

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:750px;
	height:180px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:18px;
	height:18px;
	position:absolute;
	left:-40px;
	top:80px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:790px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(img/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(img/btn_next.gif) no-repeat 0 0;	
	}	
	
/* numeric controls */	

ol#controls{
	margin:0;
	padding:0;
	height:20px;	
	}
ol#controls li, ul#controls li.numeric{
	margin:0 10px 50px 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
	}
ol#controls li a, ul#controls li.numeric a{
	float:left;
	height:20px;
	line-height:20px;
	border:1px solid #ccc;
	background:#EBE8DD;
	color:#555;
	padding:0 5px;
	text-decoration:none;
	}
ol#controls li.current a, ul#controls li.current a{
	background:#888;
	border: 1px solid #888;
	color:#fff;
	}
ol#controls li a:focus, ul#controls li.numeric a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

ul#controls {
	height: 30px;
	margin-left: -10px;
}

/* Tracking styles */
.track_icon {
	vertical-align: top;
	display: inline;
	margin:0 5px;
	padding: 0;
	border: 0;
	float: none;
}
form#tracking_form {
	background: #fbfeda;
	border: 2px solid #ffe691;
	padding: 10px;
}
table#consignment_progress {
	margin: 0;
	width: 100%;
}
table#consignment_progress th {
	border-bottom: 2px solid #555;
	padding: 5px 4px;
}
table#consignment_progress td {
	border-bottom: 1px solid #eee;
	padding: 3px 2px;
}
table#consignment_progress tr.good {
	background: #f2ffee;
}
table#consignment_progress tr.problem {
	background: #ffeeee;
	color: red;
}
table#consignment_progress tr.normal {
	background: #fdffea;
}
table#consignment_progress tr:hover {
	cursor: default;
}
div#consignment_track_overview p {
	cursor: default;
	padding: 2px;
	margin: 0 0 5px 0;
}

div#consignment_track_overview p:hover {
	cursor: default;
}
p.completed_status {
	background: #f3ffee;
	border-bottom: 1px solid #d3ffc1;
	border-top: 1px solid #d3ffc1;
	padding: 2px;
	margin: 0 0 5px 0;
}
p.pending_status {
	background: #fbfeda;
	border-bottom: 1px solid #ffe691;
	border-top: 1px solid #ffe691;
	padding: 2px;
	margin: 0 0 5px 0;
}