/*
Theme Name: Certified Oilfield Rentals
Theme URI: http://www.cellardoor-design.co.uk
Description: Custom theme for COR - Certified Oilfield Rentals
Author: Mitchell Renton
Author URI: http://www.cellardoor-design.co.uk
*/

@import "http://www.theoilfieldprofessionals.com/wp-content/themes/cor/css/reset.css";


/* ==========   COLOURS   ==========   

grey			343132
red				b5121b
blue			0081c6
light blue		b9e0f7


/* ==========   GENERAL   ========== */

body				{ background: url('images/bg.gif') repeat-x top left; font: 62.5% "Helvetica Neue", Arial, Helvetica, sans-serif; color: #343132; }
h1, h2, h3, h4, h5	{ padding-bottom: 10px; font-family: "Myriad Pro", "Helvetica Neue", arial, sans-serif; }
h1					{ font-size: 3.0em; }
h2					{ font-size: 3.0em; }
h3					{ font-size: 2em; }
h4					{ font-size: 1.5em; }
h5					{}
p					{ font-size: 1.2em; line-height: 19px; padding-bottom: 15px; }
a					{ text-decoration: none; color: #b5121b;  }
a:hover				{ text-decoration: underline; }
li					{ line-height: 22px; }
.red				{ color: #b5121b; }
.blue				{ color: #0081c6; }
.white				{ color: #fff; }
#container			{ width: 960px; margin: 0 auto; margin-bottom: 25px; }




/* ==========   LANDING PAGE   ========== */

#map_wrap				{ position: relative; width: 960px; margin-top: 24px; }
#landing_intro_text		{ width: 391px; height: 67px; }
#intro_bar				{ float: right; display: inline; }
#intro_bar .inside		{ padding: 23px 0 0 0; }
#intro_bar li			{ float: left; font-size: 2em; line-height: 24px; }
li#region_desc			{ width: 210px; text-align: right; margin-left: 8px; filter:alpha(opacity=0); -moz-opacity:0; color: #b5121b; font-size: 2em;  }

div#map_wrap div.widget				{ float: left; width: 216px; margin-bottom: 12px; background: url(images/transBack.png); border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
div#map_wrap div.widget .inside		{ min-height: 97px; }
div#map_wrap div.widget h2 			{ font-size: 1.8em; color: #000; }
div#map_wrap div.widget h2.corporateRed { width: 169px; height: 62px; display: block; background: url(images/clickYourRegion.png) no-repeat; text-indent: -9999px;  }
div#map_wrap div.widget blockquote 	{ font: 2em "Myriad Pro", "Helvetica Neue", arial, sans-serif; color: #b5121b; font-style: italic; line-height: 27px; }
div#map_wrap div.widget ul li 		{ padding-left: 14px !important; background: url(images/bullet.png) no-repeat 0 4px; line-height: 16px; font-size: 1.2em; text-transform: uppercase; }

#map			{ position: absolute; right: 0; top: 0 }
.focus			{ position: relative; }
a#slick-toggle	{ position: absolute; bottom: 20px; right: 20px; }
#slickbox 		{ position: absolute; top: 0; right: 0; width: 720px; background: url(images/transBack.png); border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#slickbox .inside { position: relative; }
a#slick-hide 	{ position: absolute; bottom: 20px; right: 20px; }

#storyContent { float: left; width: 340px; }
#storyContent h3 { color: #b5121b }
#storyImage	  { float: right; width: 315px; border: 4px solid #fff;  }




/* ==========   HEADER   ========== */

#header_wrap		{ height: 191px; margin-top: 15px; }
#header_left		{ float: left; width: 256px; margin-top: 53px; display: inline; } 						
#header_right		{ float: left; width: 704px; clear: right; display: inline; }						
#your_region		{ float: right; height: 28px; padding: 8px 0 0 75px; background: url('images/your_region.gif') no-repeat left; display: inline; }						
#your-region option	{ color: #cccccc; overflow: auto; }						
#intro_text			{ width: 397px; height: 53px; margin: 63px 0 0 306px;  }
#landing_intro_text	{ width: 391px; height: 67px; margin: 63px 0 0 313px; }

/* ==========   HEADERS   ========== */

#landing_intro_text h1	{ width: 391px; height: 67px; background: url('images/headers/landing_intro_text.gif') no-repeat; display: block; text-indent: -9999px; }						
#intro_text h1			{ width: 397px; height: 53px; background: url('images/headers/intro_text.gif') no-repeat; display: block; text-indent: -9999px; }
#intro_text h2			{ width: 397px; height: 53px; background: url('images/headers/intro_text.gif') no-repeat; display: block; text-indent: -9999px; }
	
	
 /* ==========   NAVIGATION   ========== */

#navigation							{ float: right; margin-top: 26px; display: inline; }
#navigation a:hover					{ text-decoration: none; }

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; font-size: 1.5em; }
ul.dropdown li                      { float: left; zoom: 1; font-weight: bold; border-right: 1px solid #fff; border-left: 1px solid #fff; border-top: 2px solid #565253; }
ul.dropdown a:hover		            { color: #b5121b; }
ul.dropdown a:active                { color: #e33842; }
ul.dropdown li a                    { display: block; padding: 4px 37px; color: #343132; }
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #b5121b; background: url('images/nav-tab-bg.gif') repeat-x; position: relative; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 2px solid #fff; }
ul.dropdown li.hover a              { color: #343132; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 265px; visibility: hidden; position: absolute; top: 100%; left:-1px ; font-size: 85%; border-bottom: 1px solid #ccc; z-index: 1; }
ul.dropdown ul li 					{ font-weight: normal; left: -1; background: #f6f6f6; color: #343132; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: none;  float: none; }
ul.dropdown ul li:hover,
ul.dropdown ul li.hover				{ background: #f6f6f6 url('images/red-arrow.gif') no-repeat left; border-top: none; }	
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ height: 28px; border-right: none; color: #343132!important; width: 100%; display: inline-block; padding: 4px 25px 0 25px; } 
ul.dropdown ul li a:hover			{ color: #b5121b; }
/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/*
	PAGE ON STATES
	
*/

ul.dropdown ul li.current_page_item a	{ background: url('images/red-arrow.gif') no-repeat left;  }
body#home ul li.home a					{ color: #b5121b; }
body#about ul li.about a				{ color: #b5121b; }
body#services ul li.services a			{ color: #b5121b; }
body#equipment ul li.equipment a		{ color: #b5121b; }
body#contacts ul li.contacts a			{ color: #b5121b; }

							

/* ==========   BREADCRUMB TRAIL   ========== */

#breadcrumb						{ height: 32px; padding-top: 8px; text-align: right;  font-weight: bold; }
#breadcrumb ul					{ font-size: 1.2em; }
#breadcrumb ul li				{ margin-left: 8px; padding-left: 14px; display: inline; background: url('images/bullet.png') no-repeat 0 5px; color: #b9e0f7;  }
#breadcrumb ul li.front_page	{ background: none; }
#breadcrumb ul li a				{ color: #b9e0f7; }



/* ==========   REGIONAL HOME  ========== */

					
#index_content_wrap						{ float: left; width: 725px; display: inline; }
#index_content_wrap #left_sidebar		{ float: left; width: 233px; height: 100%; background: url('images/regional-box-bg.png') repeat-x; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline; }					
#index_content_wrap #left_sidebar h2	{ padding-bottom: 2px; font-size: 1.7em; }
#index_content_wrap #content			{ float: right; width: 490px; display: inline; }							
#index_content_wrap #content .inside	{ padding: 0 25px 0 0; margin-left:25px;  }
#regional_contact						{ float: right; width: 233px; background: url('images/regional-box-bg.png') repeat-x; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline; }
#regional_contact h4					{ font-size: 2.8em; padding-bottom: 0; }
#regional_contact h5					{ font-size: 1.4em; margin-bottom: 8px; }
.inside									{ padding: 20px; }
dl#contact								{ font-size: 1.2em;}
dl#contact dt							{ float: left; width: 40px; margin-bottom: 5px; clear: both; }
dl#contact dd							{ float: left; }



/* ==========   JS SLIDER  ========== */			

#slider1	{ 	width: 960px; /* important to be same as image width */ 
				height: 310px; /* important to be same as image height */ 
				position: relative; /* important */
				overflow: hidden; /* important */
				margin-bottom: 25px;
				z-index: -1;
				}

#slider1Content	{	width: 960px; /* important to be same as image width or wider */
				    position: absolute;
					top: 0;
					margin-left: 0;
					}
					
.slider1Image	{ 	float: left;
				    position: relative;
					display: none;
					}
					
.slider1Image span	{	position: absolute;
						font: 3.3em "Myriad Pro", "Helvetica Neue", Arial, sans-serif;
					    padding: 10px 13px;
					    width: 694px;
					    background-color: #000;
					    filter: alpha(opacity=70);
					    -moz-opacity: 0.7;
						-khtml-opacity: 0.7;
					    opacity: 0.7;
					    color: #fff;
					    display: none;
						}

.clear						{ clear: both; }
ul#slider1Content .left		{ top: 0; left: 0; width: 307px!important; height: 310px; }
ul#slider1Content .right	{ right: 0; bottom: 0; width: 310px !important; height: 290px; }
				
					


/* ==========   MAIN PAGE CONTENT  ========== */

#content_wrap			{ margin-bottom: 25px; }
#sidebar				{ float: right; width: 442px; display: inline; }
.sidebar_full			{ width: 430px; height: 238px; margin-bottom: 25px; padding: 5px; background: #fff; border: 1px solid #ccc; }	
#content				{ float: left; width: 500px; display: inline; }	
.sidebar_right			{ float: right; width: 213px; min-height: 166px; background: url('images/sidebar-bg.gif') repeat-x; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline;  }
.sidebar_right h3		{ text-transform: capitalize; }
.sidebar_left			{ float: left; width: 213px; min-height: 166px; background: url('images/sidebar-bg.gif') repeat-x; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline; }					
.sidebar_left h4		{ font-size: 2em; font-style: italic; line-height: 27px; color: #b5121b; }
.sidebar_right ul li,
.sidebar_left ul li		{ padding: 0 0 8px 14px; background: url('images/bullet.png') no-repeat 0 8px; font-size: 1.4em; }
.sidebar_right li ul,
.sidebar_left li ul		{ font-size: 70%; }
.sidebar_right li ul li,
.sidebar_left li ul li	{ padding: 0 0 0 12px; }
#sidebar a				{ color: #343132; }
#sidebar a:hover		{ color: #b5121b; }
.post h1				{ padding: 0 0 0 0; }
.post h4				{ border-bottom: 1px dotted #333; padding-bottom: 3px; margin-bottom: 12px; }			
.post h4 span			{ float: right; }
.post h4 span a			{ color: #fff; }
.wp-caption				{ padding: 5px 0 0 0; border: 1px solid #ccc; background: #fff; text-align: center; }		
.aligncenter			{ margin: 0	auto; }
.alignright				{ float: right; }
.alignleft				{ float: left; }

/* ==========   NEWS PAGE  ========== */


#left_content				{ float: left; width: 480px; display: inline; }
#left_content h3,
#right_content h3			{ font-size: 2.2em; }
#right_content h3			{ margin-left: 15px; }
.news_col_left_wrap			{ float: left; width: 240px; margin-top: 20px; display: inline; }
.news_col_left				{ float: left; width: 223px; margin-right: 15px; display: inline; }

.news_content_left			{ width: 221px; height: 171px; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.news_content_left .inside,
.news_content_right .inside	{ height: 145px; margin: 0 5px 5px 5px; padding: 10px; background: #fff url('images/news-back.gif') repeat-x; overflow: hidden; }

.news_img_left				{ position: relative; width: 211px; height: 119px; margin: 0 15px 15px 0; padding: 6px; background: #fff; border: 1px solid #ccc; }

#right_content				{ float: right; width: 480px; display: inline; }
.news_col_right_wrap		{ float: right; width: 240px; margin-top: 20px; display: inline; }

.news_col_right				{ float: right; width: 223px; margin-right: 15px; display: inline; }
	

.news_content_right			{ float: right; width: 221px; height: 171px; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; display: inline; }
.news_img_right				{ position: relative; width: 211px; height: 119px; margin: 0 0 15px 15px; padding: 6px; background: #fff; border: 1px solid #ccc; }

.news_img_right p a,
.news_img_left p a			{ position: absolute; bottom: 6px; left: 6px; width: 199px; padding: 4px 6px 4px 6px; display: block; background: url('images/transparent-bg.png') repeat; font-weight: bold; }

.news_archive				{ margin-top: 25px; }
.news_archive .inside		{ padding-left: 0; }
.news_archive ul li			{ padding: 0 0 8px 14px; background: url('images/bullet.png') no-repeat 0 8px; font-size: 1.4em; }
.news_archive ul li	a		{ color: #343132; }
.news_archive-right				{ margin-top: 25px; }
.news_archive-right .inside		{ padding-left: 0; }
.news_archive-right ul			{ margin-left: 16px; }
.news_archive-right ul li		{ padding: 0 0 8px 14px; background: url('images/bullet.png') no-repeat 0 8px; font-size: 1.4em; }
.news_archive-right ul li	a	{ color: #343132; }


/* ==========   EQUIPMENT PAGE  ========== */


#global-navigation							{ float: right; margin-top: 38px; }
#global-navigation ul li					{ float: left; font-size: 1.5em; padding-left: 15px; }
#equipment_nav								{ float: left; width: 288px; background: #fff; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: inline; }
#equipment_nav .inside						{ background: #eee; margin: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#equip_control ul li						{ width: 99px; height: 37px; margin: 0 10px 10px 10px; display: inline;  }
#equip_control ul li#collapse				{ float: right; }
#equip_control ul li#collapse a				{ width: 99px; height: 37px; display: block; cursor: pointer; text-indent: -9999px; background: url('images/collapse_button.png') no-repeat; }
#equip_control ul li#collapse a:hover		{ background: url('images/collapse_button.png') no-repeat bottom; }
#equip_control ul li#expand					{ float: left; }
#equip_control ul li#expand a				{ width: 99px; height: 37px; display: block; cursor: pointer; text-indent: -9999px; background: url('images/expand_button.png') no-repeat; }
#equip_control ul li#expand a:hover			{ background: url('images/expand_button.png') no-repeat bottom; }
ul#equip_nav								{ font-size: 1.2em; }
ul#equip_nav li span						{ padding: 0 0 0 14px; cursor: pointer; background: url('images/bullet.png') no-repeat 0 5px; }

ul#equip_nav li ul li span					{ background: url('images/bullet-blue.png') no-repeat 0 5px; }

ul#equip_nav li ul li span					{ margin-left: 10px; }					
ul#equip_nav li ul li ul li					{ margin-left: 20px; }
ul#equip_nav a.selected						{ color: #0081c6;  }
#equip_content								{ float: left; width: 645px; margin-left: 25px; display: inline; }
table										{ clear:both; }


/* ==========   CONTACTS PAGE  ========== */

.contacts_wrap				{ float: left; width: 480px; padding: 15px 0; border-bottom: 1px solid #ccc; }
.contacts_image				{ float: left; width: 148px; height: 188px; padding: 5px; border: 1px solid #ccc; background: #fff; }
.contact_content			{ float: right; width: 300px; }
.contact_content ul			{ font-size: 1.2em; }


/* ==========   LINKS PAGE  ========== */

.links_wrap					{ padding: 15px 0; border-bottom: 1px solid #ccc; }
.links_image				{ float: left; width: 140px; height: 140px; padding: 5px; border: 1px solid #ccc; background: #fff; }
.links_content				{ float: right; width: 328px; }


								
/* ==========   FOOTER  ========== */								
								
								
								
#footer			{ width: 100%; height: 35px; margin-bottom: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }								
#footer .inside	{ width: 960px; margin: 0 auto; padding: 10px 0 0 0; }			

/************************************************
*                                               *
* This CSS file contains EXAMPLE styles for the *
*   plugin WP-Table Reloaded by Tobias BŠthge!  *
*                                               * 
*  To use them, just copy them in to the box in *
*   the "Plugin Options" screen or add them to  *
*           your theme's "style.css".           *
*                                               *
*                   Thank you!                  *
*                                               *
************************************************/

/* Global CSS definitions for WP-Table Reloaded
inspired by "blue" theme of TableSorter 2.0 Plugin */

/* on how to change column widths, see below */

/* general table styles */
table.wp-table-reloaded {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}

/* Styles for the tablehead (<th>) (if enabled) */
table.wp-table-reloaded thead tr th, table.wp-table-reloaded tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

table.wp-table-reloaded thead tr .header {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.wp-table-reloaded tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}


/* Styles for alternating row colors (if enabled) */
table.wp-table-reloaded tbody tr.even td {
	background-color:#FFFFFF;
}
table.wp-table-reloaded tbody tr.odd td {
	background-color:#F0F0F6;
}


/**************************************/
/* how to change column widths :
you can access a column with its CSS-class
(that is ".column-" plus the number of the column)
use table.wp-table-reloaded to do your change for every table, or use
table.wp-table-reloaded-id-<id> for just a single table (with ID <id>)

example: this changes the width of the third column of table ID 5 to 25px:


table.wp-table-reloaded-id-5 .column-3
{
	width: 25px;
}

*/


/* Styles for the sorting (if Tablesorter is enabled) */
table.wp-table-reloaded thead tr .headerSortUp {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown, table.wp-table-reloaded thead tr .headerSortUp {
	background-color: #8dbdd8;
}


/* Style for the Table Name (in <h2>-Tag) (if printed above the table) */
h2.wp-table-reloaded-table-name {
	font-size: 16px;	
}

/* Style for the Table Description (if printed under the table) */
span.wp-table-reloaded-table-description {
	font-size: 10px;	
}