@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400);
@import url(http://fonts.googleapis.com/css?family=Arvo:700);
@import url(http://fonts.googleapis.com/css?family=Rokkitt);s

/* PX TO EMS
2px = 0.125em
6px	0.375em	37.5%	5pt
7px	0.438em	43.8%	5pt
8px	0.500em	50.0%	6pt
9px	0.563em	56.3%	7pt
10px	0.625em	62.5%	8pt
11px	0.688em	68.8%	8pt
12px	0.750em	75.0%	9pt
13px	0.813em	81.3%	10pt
14px	0.875em	87.5%	11pt
15px	0.938em	93.8%	11pt
16px	1.000em	100.0%	12pt
17px	1.063em	106.3%	13pt
18px	1.125em	112.5%	14pt
19px	1.188em	118.8%	14pt
20px	1.250em	125.0%	15pt
21px	1.313em	131.3%	16pt
22px	1.375em	137.5%	17pt
23px	1.438em	143.8%	17pt
24px	1.500em	150.0%	18pt
30px = 1.875em
35px  2.188em 219%
40px = 2.500em
*/

/*COLOURS
red #ff0000
socomec logo blue #0155af
soft blue #7bb9e0
*/

body {  line-height: 1.5; background:#ffffff; word-wrap: break-word; margin: 0; padding: 0; border: 0; outline: 0; }

h1, h2, h3, h4, h5, h6 { letter-spacing: -1px; margin:0; font-family: Rokkitt, arial, serif; -webkit-text-size-adjust: 100%;}
h1 { font-size: 2.188em; font-size: 219%; font-size: 25px; font-weight:normal; font-style:normal; line-height: 140%; margin-bottom: 14px; }
h2 { font-size:20px; font-weight:normal; font-style:normal; line-height: 130%; margin-bottom: 10px; }
h3 { font-size:20px; font-weight:normal; font-style:normal; line-height: 130%; margin-bottom: 8px; }

h4 { font-size:14px; font-weight:normal; font-style:normal; line-height: 125%; margin-bottom: 8px; }
/*h5 used in product items, red highlight*/
h5 { font-size:13px; color: #ff0000; font-family: Roboto, Arial, sans-serif; line-height: 120%; margin-bottom: 8px; }


p { margin: 0 0 10px 0; }
hr { border: solid #DDD; clear: both; margin: 10px 0 30px; height: 0; border-width: 1px 0 0; }
a { color: #ff0000;  text-decoration: underline; }
a:hover { color: #0155af;  }
a:visited { color: #0155af;  }


#page-title {display: none; }

.search-results .search-info { display: none; }
.search-results .title { font-size: 1.500em; }
/* Responsive Images */
img, img.scale-with-grid { max-width: 100%; height: auto; }

/* Fonts */
body, input, textarea, select, a.button, fieldset legend { font-size: 0.75em; font-size: 75%; font-size: 12px; -webkit-text-size-adjust: 100%; font-family: Roboto, Arial, sans-serif; background: url(../images/bg.png); margin: 0; }

/* Image Alignment Classes */
.alignright { float: right; margin: 0px 0px 10px 15px; }
.alignleft { float: left; margin: 0px 15px 10px 0px; }
.aligncenter { display:block; margin:0 auto; }

/* Header */
#top-wrapper { background: #ff0000;  padding-top: 10px; }
#top h3 { color: #fff;  text-align: right;  }
.phone-text a {color:#fff; text-decoration:none; }
#header-wrapper { background: #fff; padding-top: 20px;  }
.tagline h2 { color: #ff0000; }

#search-block-form { float: right;  margin: 8px 20px 20px 0px; }
#menu-wrapper { background: #333333;  background-image: linear-gradient(to bottom, #333333, #444444); }
#intro-wrapper { background: #ff0000; padding-bottom: 10px;  width: 100%; height: auto;  }
#main-wrapper { padding-top: 20px; }

/* Menu - deleted secondary menu instead of disabling it so have to hide it now*/
#block-tb-megamenu-menu-secondary-menu { display: none; }

/*Slideshow*/
#block-views-slideshow-block .views-field-field-slideshow-image img { outline: 0; width: 100%; max-width: 100%; height: auto; }

/*Homebox*/
.homebox td, th { padding: 6px; text-align: center; }
.homebox td { background: #e2e2e2; }
.homebox th { background: #ff0000; }
.homebox h3 { margin: 0; }
.homebox h3 a { color: #fff !important; text-decoration: none; }
.homebox h3 a:hover { color: #000 !important; }

/*Home Socomec*/
.textbox { -moz-border-bottom-colors: none;  -moz-border-left-colors: none;  -moz-border-right-colors: none;  -moz-border-top-colors: none; background: #fafafa; border-color: #eeeeee #eeeeee #eeeeee #7BB9E0; border-image: none; border-style: solid;
border-width: 1px 1px 1px 5px; margin-bottom: 20px; overflow: hidden; padding: 26px 28px 20px 34px; }
.socomec h4 { font-family: Roboto, Arial, sans-serif; color: #00599e; text-align: center; padding-top: 12px; }

.textbox-green { -moz-border-bottom-colors: none;  -moz-border-left-colors: none;  -moz-border-right-colors: none;  -moz-border-top-colors: none; background: #fafafa; border-color: #eeeeee #eeeeee #eeeeee #73d216; border-image: none; border-style: solid;
border-width: 1px 1px 1px 5px; margin-bottom: 20px; overflow: hidden; padding: 26px 28px 20px 34px; }
.green-power span { font-family: Roboto, Arial, sans-serif; color: #73d216;  font-size: 18px; }
.green-power h4 { font-family: Roboto, Arial, sans-serif; color: #444444; text-align: center; padding-top: 12px; }
.text-arrow { display: block; height: 40px; }
.blue-arrow { background: url('../images/text-arrow.png') no-repeat; }
.green-arrow { background: url('../images/text-arrow-green.png') no-repeat; }
.text-arrow h3 { margin: 0; }
.text-arrow a { line-height: 40px; vertical-align: middle; padding-left: 16px; color: #fff; text-decoration: none; }
.text-arrow a:hover { color: #000; }

/*Brand Logos*/
.brand-group img { border: 1px solid #cccccc; }

/* Breadcrumb */
.breadcrumb { padding:0; }
#breadcrumb { overflow: hidden; zoom: 1; margin: 0 0 1.5em !important; padding: 5px 5px 5px 10px;
font-size: 0.92em; color: #999 !important; background-color: #f1f1f1;
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border: 1px solid #e9e9e9;
text-shadow: 1px 1px 0px #fff; }

#breadcrumb a { color: #797979; margin-right: 6px; text-shadow: none; text-decoration:underline; }
#breadcrumb .sep { margin-right: 6px;	 }

/* Main */
#wrap #content { float:left; }
#main { margin: 0px 0px 20px 0px; }
.submitted { font-size: 11px; color: #666666; padding-bottom: 10px; margin-bottom: 10px; } 

/*Product*/
.product-row { background: #fff; border: 1px solid #ccc; padding: 10px; }
.product-item { padding: 0px; }
.views-field-title { background: #ccc; text-align: center; display: block; width: 95%;  }
.views-field-field-product-image { min-height: 140px; text-align: center; }

/* Footer */
#footer { clear: both; padding-top: 20px;  background: none #2D3032; border-top: 4px solid #242628; clear: both; color: #e2e2e2; font-size: 0.9em; }
#credits { text-align: center; }
#footer .block { padding: 0 0 20px 0; }
#footer .columns ul li { list-style: none; background: url("/sites/all/themes/skeletontheme/images/arrow_footer_list.png") no-repeat scroll -5px 1px rgba(0, 0, 0, 0);   margin-bottom: 4px;  padding-left: 16px; }
#footer a { color: #e2e2e2; font-size: 13px; line-height: 15px;  padding: 0; text-decoration: none;   }
#footer a:hover { color: #ff0000;  }
	
.icon_phone { font-size: 13px; line-height: 24px; background: url('../images/icon_footer_phone.png') left 4px no-repeat; padding: 0 0 0 30px; margin-bottom: 6px; }
.icon_mail { font-size: 13px; line-height: 24px; background: url('../images/icon_footer_mail.png') left 5px no-repeat; padding: 0 0 0 30px; margin-bottom: 6px; }
.icon_loc { font-size: 13px; line-height: 24px; background: url('../images/icon_footer_loc.png') left 3px no-repeat; padding: 0 0 0 30px; margin-bottom: 6px;	 }

#footer-end { color: #e2e2e2; background: none #222425; border-top: 1px solid #373737; clear: both; padding: 10px 20px; margin-bottom: 60px;  }
#footer-end a { color: #e2e2e2; }
#footer-end a:hover { color: #ff0000;  }
#copyright { color: #e2e2e2; float: left; font-size: 11px; margin-right: 10px; margin-top: 1px; }
#weblogix { color: #e2e2e2; text-align: right; float: right; font-size: 11px; margin-top: 1px;  }


/* Table Styles */
table { border: 0; border-spacing: 0; margin: 10px 0; width: 100%; }
table table { font-size: 1em; }
th { padding:5px 15px; border:none; }
td { padding:10px; border:none; }
table tbody tr th { vertical-align: top; }
tr.odd { background-color: #ffffff; border-bottom: 1px solid #EBEBEB; border-top: 1px solid white; }
tr, tr.even { background-color: #ffffff; border-bottom: 1px solid #EDEDED; border-top: 1px solid white; }

/* List Styles */
.block ol, .block ul { margin: 0; padding: 0 0 0.25em 1em; }
.contextual-links-wrapper { font-size: small !important; }
ul.contextual-links { font-size: 0.923em; }
.contextual-links-wrapper a { text-shadow: 0 0 0 !important; }
.item-list .pager { font-size: 0.929em; }
.region-content ul, .region-content ol { margin: 1em 0; padding: 0 0 0.25em 2.5em; }
.item-list ul li { margin: 0; padding: 0.2em 0.5em 0 0;  font-size: 12px; font-size: 75%; }
ul.links { font-size: 11px; color: #666666; }
ul.links.inline li { padding:0 5px 0 0; margin:0 5px 0 0; border-right:1px solid #666666; }
ul.links.inline li.last { border:none; }



/* Sidebar */
#wrap #sidebar-first, #wrap #sidebar-second { float:left; }


/* Messages */
#messages { padding: 20px 0 5px; margin: 0 auto; }
div.messages { margin: 10px 0; }

/* -------------- User Profile   -------------- */
.profile .user-picture { float: none; }

/* -------------- Form Elements   ------------- */
fieldset { background: #ffffff; border: 1px solid #cccccc; margin-top: 10px; margin-bottom: 32px;
padding: 0 0 10px; position: relative; top: 12px; /* Offsets the negative margin of legends */
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.fieldset-wrapper { margin-top: 25px; }

.node-form .vertical-tabs .fieldset-wrapper { margin-top: 0; }

.filter-wrapper { top: 0; padding: 1em 0 0.2em;
-khtml-border-radius-topright: 0; -khtml-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.filter-help a { font-size: 0.857em; padding: 2px 20px 0; }

.filter-wrapper .form-item label { margin-right: 10px; }

.filter-wrapper .form-item { padding: 0 0 0.5em 0.5em; }

.filter-guidelines { padding: 0 1.5em 0 0.5em; }

fieldset.collapsed { background: transparent; -khtml-border-radius: 0; -moz-border-radius: 0;  -webkit-border-radius: 0; border-radius: 0; }

fieldset legend { background: #dbdbdb; border: 1px solid #ccc; border-bottom: none; display: block; height: 2em;
left: -1px; line-height: 2; padding: 0; position: absolute; text-indent: 10px; text-shadow: 0 1px 0 #fff; top: -12px; width: 100%;
-khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
-khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }

fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

fieldset .fieldset-wrapper { padding: 0 10px; }

fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }

input { margin: 2px 0; padding: 4px; }

input, textarea {  font-size: 0.929em; }

textarea { line-height: 1.5; }

textarea.form-textarea, select.form-select { padding: 4px; }

input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #ccc; background: #fff; }

.password-suggestions ul li { margin-left: 1.2em; }

.form-item { margin-bottom: 1em; margin-top: 2px; }

.form-item label { font-size: 12px; }

.form-type-radio label, .form-type-checkbox label { margin-left: 4px; }

.form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; }

.form-actions { padding-top: 10px; }


/* Animated throbber */
html.js input.form-autocomplete { background-position: 100% 4px; }
html.js input.throbbing { background-position: 100% -16px; }


/* Other Overrides */

div.password-suggestions { border: 0; }

.ui-widget-overlay { background: #222222; opacity: 0.7; }

div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane { padding: 1em; }

#forum .name { font-size: 1.083em; }

#forum .description { font-size: 1em; }

/* --------------- Search Form ---------------- */

#block-search-form { padding-bottom: 7px; }

#block-search-form .content { margin-top: 0; }

#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input { float: left; font-size: 1em; height: 1.143em; margin-right: 5px; width: 18em; }

#search-block-form input.form-submit,
#search-form input.form-submit { margin-left: 0; margin-right: 0; height: 25px; width: 34px; padding: 0; cursor: pointer;
text-indent: -9999px; border-color: #e4e4e4 #d2d2d2 #b4b4b4; background: url(../images/search-button.png) no-repeat center top; overflow: hidden; 
filter:none; }

#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus { background-position: center bottom; }

#search-form .form-item-keys label { display: block; }

/* Search Results */
ol.search-results { padding-left: 0; }
.search-results li { border-bottom: 1px solid #d3d7d9; padding-bottom: 0.4285em; margin-bottom: 0.5em; }
.search-results li:last-child { border-bottom: none; padding-bottom: none; margin-bottom: 1em; }
.search-results .search-snippet-info { padding-left: 0; }


/* Mobile/Browser */
@media only screen and (max-width: 767px) {
select.mnav { width:100%; padding:5px;}

#header-left img {  display: block; width: auto; margin: 0 auto; text-align: center; }
.tagline h2 { text-align: center; }
#top h3 { text-align: center; }
#search-block-form { text-align: center; display: block; width: auto; margin: 6px auto; float: none;  }
#search-form input#edit-keys, #block-search-form .form-item-search-block-form input { float: none; margin-right: 6px; }

#header-right ul.menu, #header-top ul.menu { padding:0; margin:0; display:block; overflow:hidden; text-align:right; padding:20px 0 0 0; }
#header-top ul.menu { text-align:left; padding:0; }
#header-top .region-header-top-left ul.menu { text-align:left; }
#header-top .region-header-top-right ul.menu { text-align:right; }
#header-right ul.menu li, #header-top ul.menu li  { border-right:1px solid #e3e3e3; display:inline; list-style-type:none; overflow:hidden; padding:0 10px; margin:0; }
#header-right ul.menu li a, #header-top ul.menu li a  { background:none; display:inline; border:none; padding:0; }
#header-right ul.menu li.first, #header-top ul.menu li.first { padding-left:0; margin:0; }
#header-right ul.menu li.last, #header-top ul.menu li.last { border-right:none; padding-right:0; margin:0; }
#header-right ul.menu ul.menu, #header-top ul.menu ul.menu  { display:none; }
#weblogix { text-align: left; }
}
/* Mobile/Browser */
@media only screen and (max-width: 767px) {
#header-right ul.menu li, #header-top ul.menu li { display:block; text-align:left; border-bottom:1px solid #e3e3e3; border-right:none; padding:10px 0; }
}