@charset "utf-8";

/* -------------------------------------------------
 * Define the Styles used by all pages & all devices
 * -------------------------------------------------
*/

/* Colours */
	/* background-color: #3D4AD8;	/* royal blue - view cart button */
	/* background-color: #0097D7; /* mid blue - datasheet button */
	/* background-color: #B1B0B0;  /* dark grey - no datasheet button */
	/* background-color: #9638A7; /* purple - recommended components button */
	/* background-color: #00a651; /* green - Go Button */
	/* background-color: #FDB0B1;  /* fluro red - error message or warning */
	/* background-color: #8EF190; /* fluro green - search found products */
	/* background-color: #FFFE9C; /* fluro yellow - search xref products warning */
	
	/* color: #b01c2e;	/* Swe-Check Red */
	

/* --------------------------
 * ReDefine Basic Tag Styles
 * --------------------------
*/

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font-family: sans-serif;
}
body {
    min-width: 320px;
    color: #000;
		/*background-color:#999;	 change background colour for entire screen */
    /*line-height: 1.4em;
		/*margin-top:8px;  spacing above wesbite content */
		/*font-size:16px;	 define the font size once and then use % to vary it across all pages */
}
h1, h2, h3, h4, h5, h6 {
    font-weight:bold;
    /* color: rgb(75, 75, 75); */
}
h1 {
    font-size: 1.8em;
}
h2 {
    font-size: 1.6em;
}
a {
    color:#36F;		 /* default colour is blue */
		text-decoration: none;	/* define the default styling for a:link, a:active, a:visited, a:hover */
}
a:hover {
		text-decoration: underline;	/* apply default underline to hover over hyperlinks */
}
a:visited {
   /* color:#36F;		/* default colour is blue */
		text-decoration: none;	/* define the default styling for a:link, a:active, a:visited, a:hover */
}
input[type="text"] {
  /* display: block; */
  margin: 0;
  appearance: none;
  box-shadow: none;
  border-radius: none;
}


/* --------------------------------------------
 * Define custom styles used by multiple pages
 * --------------------------------------------
*/

.form_required_field {
	color:#b01c2e;	/* Swe-Check Red */
}

.std_form {
}
.std_form input[type=text] {
	display: block;
	margin: 5px 0px 0px 0px;
	width: 95%;
	line-height: 1.5em;
	padding-left: 3px;
}
.std_form textarea {
	display: block;
	margin: 5px 0px 0px 0px;
	width: 95%;
}
.std_form select {
	display: block;
	margin: 5px 0px 0px 0px;
	width: 95%;
	padding: 5px 0px 5px 3px;
}
.std_form input[type=submit] {
	display: block;
}
.std_form label, .std_form .empty_field_label {
	color:#3D4AD8;
}
.std_form .group {
	margin-right: 20px;
}
.std_form .notes {
	color:#00a651;
	font-size:0.9em;
	margin-bottom:20px;
	margin-top:3px;
}
.std_form .section
{
	margin-right:25px;
	margin-bottom:50px;
}
.std_form .section_heading {
	display:block;
	padding:10px;
	background-color:#666;
	color:#fff;
	margin-bottom:10px;
	width:95%;
}
.std_form .empty_field {
	display: block;
	margin: 5px 0px 20px 0px;
	width: 95%;
	line-height: 1.5em;
	padding-left: 3px;
	border: 1px solid #ccc;
	color:#666;
}

.captcha_image {
	display:inline-block;
	float:left;
}
.captcha_options {
	display:inline-block;
	font-size:0.8em;
	line-height:1.6em;
	float:left;
	padding-left:10px;
	}


/* --------------------------
 * Define generic styles for all pages
 * --------------------------
*/

/* Make sure items with this class will only appear when printing */
/* This style is also defined in the print.css as display:block */

.print_only {
	display:none;
}

.clearfloat {
	clear:both;
	height:0px;
}

.bold {
	font-weight:bold;
}

.align_top {
	vertical-align:top;
}

.align_left {
	text-align:left;
}

.align_center {
	text-align:center;
}

.align_right {
	text-align:right;
}

.full_width_table 
{  /* style is also used in emails */
	width:100%;
}

.full_width_table_no_gaps
{ /* style is also used in emails */  
	/* eliminate cell spacing */
	width:100%;
	border-spacing:0px;
	border-collapse: collapse;
}

.red_heading{
	font-size:1.6em;
	font-style:italic;
	font-weight:bold;
	color:#F02137;	/*Prolec Red */
}
.black_heading{
	font-size:1.6em;
	font-style:italic;
	font-weight:bold;
	color:#000;
}