p {
	line-height: 1.7;
	margin-top: 15px;
	margin-right: 20px;
	font-size: 125%;
	text-align: left;
}

.colcontainer {
	min-width: 960px;
	margin:auto;
}
 
/* Wrapper */
.row {
	width:960px;
	margin:auto;
}

/* Column margins */
.col_12, /* full width */
.col_9, /* 3/4 width */
.col_8, /* 2/3 width */
.col_6, /* half width */
.col_4, /* 1/3 width */
.col_3 /* 1/4 width */
{
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
	float: left;
}

/* First and Last */
.first {
	margin-left:0;
}
 
.last {
	margin-right:0;
}

/* Column widths taking into account the margins */
.col_12 {width:940px;}
.col_9 {width:620px;}
.col_8 {width:700px;}
.col_6 {width:460px;}
.col_4 {width:220px;}
.col_3 {width:300px;}

.fc_top_bar {
	background:  url("../flowcode/images/background_purple.png") repeat-x;
	height: 151px;
	margin-bottom: 20px;
}

.mk_top_bar {
	background:  url("../mechanical-kits/images/background_deep_blue.png") repeat-x;
	height: 121px;
	margin-bottom: 20px;
}


.flowcode_logo 
{
	padding: 23px 345px 10px 10px;
	background: none;
}

.logo_wrapper
{
	padding: 0px 0px 20px 0px;
	float: left;
	width: 100%;
}

.fc_download_btn {
	padding-top: 10px;
}

.comp_screen_fc {
	background:  url("../flowcode/images/overview_flowcode_screen.jpg") center center transparent;
}

.ard_screen_fc {
	background:  url("../flowcode/images/arduino-microchip-setup-2.png") center center transparent;
}

.lock_screen_fc {
	background:  url("../locktronics/images/aviation-kit-setup.jpg") center center transparent;
}

.ebl_screen_fc {
	background:  url("../eblocks/images/eblocks-in-use.png") center center transparent;
}

.eb2_screen_fc {
	background:  url("../eblocks/images/eblocks-in-use-bkgrnd.png") center center transparent;
}

.aut_screen_fc {
	background:  url("../automatics/images/automatics-with-miac.png") center center transparent;
}

.mia_screen_fc {
	background:  url("../miac/images/new-miacs-square-2.jpg") center center transparent;
}

.mia_screen_fc2 {
	background:  url("../miac/images/miac_landingpage-bkgrnd.jpg") center center transparent;
}

.cnc_screen_fc {
	background:  url("../microcnc/images/microcnc-landing-image.png") center center transparent;
}

.FcAdvert {
	width: 100%;
	height: 130px;
	float: left;
}

p.fc_para {
	margin-bottom: 40px;
	line-height: 1.7;
	margin-right: 30px;
	margin-top: 15px;
	font-size: 125%;
}

p.fc_para2 {
	margin-bottom: 40px;
	line-height: 1.7;
	margin-top: 15px;
	font-size: 125%;
	text-align: left;
}

p.fc_para3 {
	line-height: 1.7;
	margin-top: 15px;
	font-size: 125%;
	text-align: left;
}

p.fc_para4 {
	line-height: 1.7;
	font-size: 125%;
	text-align: left;
}

p.fc_para5 {
	line-height: 1.7;
	margin-top: 15px;
	margin-right: 20px;
	font-size: 125%;
	text-align: left;
}


.fc_container {
	margin-left: auto;
	margin-right: auto;
	width: 936px;
	text-align: left;
	background: none;
	position: relative;
}

.fc_nav {
	margin-top: 0px;
	margin-bottom: 40px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 75%;
	text-align: left;
	list-style: none outside none;
}

.fc_nav li {
	margin-right: 3px;
	padding: 4px 8px;
	display: inline;
	font-size: 16px;
	color: #FFFFFF;
	border-radius: 6px;
}

.fc_nav li a {
	color: #FFF;
	position: relative;
	z-index: 10;
}

.fc_nav li a:hover {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.75);
}

.fc_nav li.selected {
    background-color: rgba(255, 255, 255, 0.4);
}

.fc_nav li.rightfl {
	margin-right: 30px;
	background-color: #2A6F56;
}

.fc_nav li.rightfl2 {
	margin-right: 30px;
	background-color: #999999;
}

H1.fc_head1 {
	margin-bottom: 0.5em;
	color: #515151;
	font-size: 270%;
	line-height: 1;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
}

H2.fc_head2 {
	margin-bottom: 1em;
	line-height: 1;
	font-size: 220%;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
}

H3.fc_head3 {
	color: #515151;
	margin-bottom: 0.5em;
	font-size: 170%;
	line-height: 1.1;
}

H4.fc_head4 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 170%;
	margin-bottom: 0.3em;
}

H4.prodhead {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 170%;
	margin-bottom: 0.3em;
	line-height: 1.2em;
	height: 75px;
	padding-right: 5px;
}

H4.prodhead a {
	color: #515151;
	text-decoration: none;
}

H4.prodhead a:hover {
	color: #C5C5C5;
}

H4.patch_header {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 120%;
}

.title-wrap {
	width: 90%;
}

.width70 {
	width: 70%;
}

.width60 {
	width: 60%;
}

.width65 {
	width: 65%;
}

.width30 {
	width: 30%;
}

.width40 {
	width: 40%;
}

.width33 {
	width: 33%;
}

.width90 {
	width: 90%;
}

.width50 {
	width: 50%;
}

.spacer40 {
	margin-top: 40px;
}

.spacer20 {
	margin-top: 20px;
}

.mk-color {
	color: #464AB6;
}

.mar-top-large {
	margin-top: 40px;
}

ul.key_features {
	list-style: none outside none;
	font-family: Arial,Helvetica,sans-serif;
	margin-bottom: 20px;
}

ul.key_features li {
	color: #8D8D8D;
	padding-left: 15px;
	font-size: 140%;
	line-height: 2em;
}

ul.key_features li:before { 
	content: "-";
	position: relative; 
	left: -5px;
}

.key_features_spacer {
	margin-top: 10px;
	height: 434px;
}

ul.patch_list {
	padding-top: 7px;
}

ul.patch_list li{
	list-style-type: none;
	padding-left: 25px;
}

/*
	Pagination
*/

.pagination {
	margin:12px 397px 0px auto;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url('../images/front_page/pagination.png');
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.slides_container {
	width:936px;
	height:500px;
}

.slides_container div {
	width:936px;
	height:500px;
	display:block;
}

#slides {
	text-align: center;
	margin-top: 30px;
}

#para_1_text {
	width: 35%;
	float: left;
	text-align: center;
}

#para_1_pic {
	width: 65%;
	float: right;
}

#para_2_text {
	width: 35%;
	float: left;
}

#para_2_pic {
	width: 65%;
	float: right;
}

#para_3_text {
	width: 35%;
	float: left;
}

#para_3_pic {
	width: 65%;
	float: right;
}

#para_4_text {
	width: 35%;
	float: left;
}

#para_4_pic {
	width: 65%;
	float: right;
}

#para_5_text {
	width: 35%;
	float: left;
}

#para_5_pic {
	width: 65%;
	float: right;
}

img.fc_ss {
   padding: 1px;
   border: 1px solid #000000;
   background-color:#E5E5E5;
}

.fc_dl_grey_box {
	width: 896px;
	height: 140px;
	margin: 30px 0px 30px 0px;
	background-color: #F6F6F6;
	border-radius: 6px;
}

.grey_box_dl {
	float: left;
	width: 300px;
	padding: 10px 0px 20px 0px;
}

.grey_box_patch_head {
	float: right;
	width: 280px;
	height: 20px;
	padding: 10px 10px 0px 10px;
	text-align: left;
}

.grey_box_patch {
	float: right;
	width: 280px;
	padding: 0px 0px 20px 0px;
}

.grey_box_left {
	float: left;
	width: 275px;
	padding: 0px 5px 10px 20px;
}

.grey_box_img {
	float: left;
	width: 75px;
}

.grey_box_text {
	float: right;
	width: 200px;
}

img.windows_logo {
	text-align: left;
	padding-left: 30px;
}

table.fc_details {
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 14px;
}

table.fc_details td {
	padding-top: 2px;
}

.flowcode-buy-info-cont {
	width: 936px;
	overflow: auto; /* For FF, Safari, Opera, etc */
}

.flowcode-buy-main {
	width: 630px;
	float: left;
}

.flowcode-buy-info-pic {
	width: 400px;
	height: 338px;
	float: right;
}

.flowcode-buy-info-pic-sm {
	width: 115px;
	float: left;
}

.flowcode-buy-info-bullets {
	width: 200px;
	height: 83px;
	float: left;
}

.flowcode-buy-info-table {
	width: 300px;
	float: right;
}

.flowcode-buy-info-sm-box {
	width: 310px;
	float: left;
}

.flowcode-price-info-sm-box {
	width: 330px;
	float: left;
}

.flowcode-buy-info-sm-textbox {
	width: 510px;
	float: right;
}

.flowcode-bundle-warning {
	width: 120px;
	float: right;
	text-align: center;
}

.flowcode-tiny-warning-text {
	font-size: 10px;
	color: #990033;
}


table.v6-lic-info {
	border-collapse: collapse;
	border: 1px solid #CECECE;
}

td.head-sm-cell {
	background-color: #777777;
	border: 1px solid #CECECE;
	width: 20px;
}

td.head-me-cell {
	background-color: #777777;
	border: 1px solid #CECECE;
	width: 80px;
	padding-left: 5px;
	color: #FFFFFF;
}

td.head-lg-cell {
	background-color: #777777;
	border: 1px solid #CECECE;
	padding-left: 5px;
	width: 180px;
	color: #FFFFFF;
}

th.head-ve-cell {
	background-color: #777777;
	color: #FFFFFF;
	height: 120px;
	border: 1px solid #CECECE;
}

.head-vert-cell {
	display: inline-block;
	overflow: hidden;
	width: 1.5em;	
}

.head-vert-cell__inner {
	display: inline-block;
	white-space: nowrap;
	line-height: 1.5;
	/*Firefox / IE*/
	transform: translate(0,100%) rotate(-90deg);
	transform-origin: 0 0;
	/*Chrome*/
	-webkit-transform: translate(0,100%) rotate(-90deg);
	-webkit-transform-origin: 0 0;
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.head-vert-cell__inner:after {
	content: "";
	display: block;
	margin: -1.5em 0 100%;
}

td.body-sm-cell {
	background-color: #B7B7B7;
	border: 1px solid #CECECE;
	width: 20px;
	text-align: center;
	font-weight: bold;
}

td.body-lg-cell {
	background-color: #B7B7B7;
	border: 1px solid #CECECE;
	padding-left: 5px;
	width: 180px;
	color: #000000;
	font-size: smaller;
}

td.pad-sm-cell {
	background-color: #FFFFFF;
	border: 1px solid #CECECE;
	width: 20px;
	height: 1em;
}

td.pad-lg-cell {
	background-color: #FFFFFF;
	border: 1px solid #CECECE;
	width: 180px;
	height: 1em;
}

.login_box
{
	float: left;
	position: relative;
	width: 100%;
	text-align: right;
	padding-top: 10px;
	color: #FFFFFF;
}

.login_box a
{
	color: #FFFFFF;
	font-weight: bold;
}

/******************************************************************************
*******************************************************************************
* File: flowhelp
*
* Description: This is the style sheet for the Flowcode help system.
*******************************************************************************
******************************************************************************/

#FCHelpContainer2 {
	width: 750px;
	height: 500px;
}

#FCHelpContainer {
	width: 980px;
	height: 700px;
}

table.IndexMainTable {
	border-collapse: collapse;
	margin-left: 50px;
	margin-right: 50px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color:#8D8D8D;	
}

table.IndexMainTable2 {
	border-collapse: collapse;
	margin-left: 20px;
	margin-right: 20px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color:#8D8D8D;	
}


td.PictureCell {
	height: 270px;
}

td.PictureCell2 {
	height: 205px;
	padding-left: 16px;
}

td.TextCell {
	height: 15px;
	font-weight: lighter;
	font-size: 150%;
}

td.TextCell a {
	color: #8D8D8D;
	text-decoration: none;
}

td.TextCell a:hover {
	color: #7670B3;
}

.pageTitleHelp {
	width: 930px;
	height: 34px;
	color: #E5E5E5;
	background: #E5E5E5 url('testimages/TAB_PAGE_products.gif') no-repeat;
}

#pageBoxHelp {
	width: 930px;
	background:#FFFFFF;
}

.pageContentsHelp {
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 10px;
	margin-bottom: 1em;
}

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 180%;
	color: #8D8D8D;
}

#HelpTopCont {
	width: 910px;
	overflow: auto; /* For FF, Safari, Opera, etc */
}

#HelpDescription {
	width: 450px;
	float: left;
}

#HelpMiniMenu {
	padding-top: 7px;
	padding-left: 5px;
	float: right;
	width: 410px;
	height: 80px;
	border: solid #000000 2px;
	border-radius: 15px;
}

table.HelpVideoTable td {
	padding-left: 5px;
	width: 125px;
	text-align: center;
	vertical-align: top;
}

table.HelpExampleTable {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 10px;
}

table.HelpExampleTable td {
	padding-top: 10px;
	width: 20%;
	text-align: center;
	vertical-align: top;
}

table.HelpExampleTable td.text {
	padding-top: 0px;
}

.HelpVideoFrame {
	text-align: center;
}

.back-to-top {
	float: left;
	width: 100%;
	text-align: right;
}

.datasheet_box {
	padding-top: 25px;
	padding-left: 35px;
	overflow: auto;
}

.datasheet_para {
	line-height: 1.4;
	font-size: 145%;
	font-weight: bold;
	color: #666666;
}

.datasheet_para a {
	color: #666666;
}

.datasheet_para a:hover {
	color: #999999;
	text-decoration: none;
}

.datasheet_pic {
	float: left;
}

.datasheet_text {
	padding-left: 5px;
	float: left;
}

.prodprice {
	text-align: right;
	color: #7670B3;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-right: 20px;
	font-weight: bold;
}

.proddesc {
	height: 160px;
}

.proddesc2 {
	height: 10px;
}

.prodimg {
	margin-left: 10px;
}

.info-icons {
	float: left;
	margin-left: 20px;
}

.lic-guide {
	background-color: #BF251E;
	font-weight: bold;
	color: #F3E7E7;
	margin-top: 20px;
	padding: 5px 20px 20px 20px;
	font-size: 1.7em;
	cursor: pointer;
}

.upgr-guide {
	background-color: #E5E5E5;
	font-weight: bold;
	color: #222222;
	margin-top: 20px;
	padding: 5px 20px 20px 20px;
	font-size: 1.7em;
	cursor: pointer;
}

.fc7-box-container {
	width: 50%;
	float: left;
}

.fc7-box-container-l {
	width: 50%;
	float: left;
}

.fc7-box-container-r {
	width: 50%;
	float: left;
}

.fc7-box-buttonholder {
	width: 100%;
	height: 80px;
	float: left;
	margin-top: 10px;
}

h4.std-title {
	color: #50B7B0;
	font-size: 20px;
    font-weight: bold;
}

h4.pro-title {
	color: #8087BC;
	font-size: 20px;
    font-weight: bold;
}

h4.aca-title {
	color: #BF251E;
	font-size: 20px;
    font-weight: bold;
}

h4.cust-title {
	color: #2F74B7;
	font-size: 20px;
    font-weight: bold;
}

p.pack-desc {
	font-size: 10px;
}

hr.red-breaker {
	height: 2px;
	border-width: 0;
	background-color: #BF251E;
}

.strike {
	text-decoration: line-through;
}

.automar {
	margin: auto;
}

/******************************************************************************
	FORMULA-ALLCODE
*******************************************************************************/

img.fa_ss {
	margin-top: 10px;
   	padding: 1px;
   	border: 1px solid #000000;
   	background-color:#E5E5E5;
}


/******************************************************************************
	LOCKTRONICS
*******************************************************************************/

.lk_top_bar 
{
	background:  url("../locktronics/images/background_green.png") repeat-x;
	height: 151px;
	margin-bottom: 20px;
}

table.lock-comp {
	width: 100%;
	border: none;
	margin-bottom: 20px;
	line-height: 1.7;
	font-size: 125%;
	text-align: left;
	font-weight: bold;
}

table.lock-comp td a {
	color: #7670B3;
}

/******************************************************************************
	AUTOMATICS
*******************************************************************************/

.au_top_bar 
{
	background:  url("../automatics/images/background_lblue.png") repeat-x;
	height: 151px;
	margin-bottom: 20px;
}

/******************************************************************************
	EBLOCKS
*******************************************************************************/

.eb_top_bar 
{
	background:  url("../eblocks/images/background_dgreen.png") repeat-x;
	height: 151px;
	margin-bottom: 20px;
}

/******************************************************************************
	EBLOCKS2
*******************************************************************************/

.e2_top_bar
{
	background:  url("../eblocks/images/background_lgrey.png") repeat-x;
	height: 151px;
	margin-bottom: 20px;
}

/******************************************************************************
	OTHER
*******************************************************************************/

.ot_top_bar 
{
	background:  url("../other/images/background_mpurple.png") repeat-x;
	height: 151px;
	margin-bottom: 20px;
}

/******************************************************************************
	FC7
*******************************************************************************/

.fc7_top_bar {
	background:  url("../flowcode/images/background_dgrey.png") repeat-x;
	height: 151px;
	margin-bottom: 20px;
}

/******************************************************************************
	FC8
*******************************************************************************/

.fc8_top_bar {
	background:  #141617;
	height: 112px;
}

/******************************************************************************
	MIAC
*******************************************************************************/

.mi_top_bar 
{
	background:  url("../miac/images/background_dgrey.png") repeat-x;
	height: 151px;
	margin-bottom: 20px;
}

/******************************************************************************
	CNC MACHINES
*******************************************************************************/

.mc_top_bar
{
	background:  url("../microcnc/images/background_purple.png") repeat-x;
	height: 151px;
	margin-bottom: 20px;
}

/******************************************************************************
	OPTO SCIENCE
*******************************************************************************/

.os_top_bar
{
	background:  url("../optosci/images/background_maroonl.png") repeat-x;
	height: 151px;
	margin-bottom: 20px;
}

.os_top_bar2
{
	background:  url("../optosci/images/background_maroon.png") repeat-x;
	height: 151px;
	margin-bottom: 20px;
}