article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

div{padding:0;margin:0;}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
/* ================================
    DEFAULT FONT SETTINGS 
   ================================*/
 /* N.B. Theme fonts will be set in _typography css file */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 1.0em; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

/* Dreamweaver: uncomment these if you do want to customize the selection highlight
 *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 *::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 */

/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; text-decoration: none}
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 1.2em; }
dd { margin: 0 0 0 1.5em; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
















/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* Stylesheet: conn // _boilerplate Modified On 2014-05-12 16:12:20 */
html,body{height:100%;}

img, object, embed, video {
	max-width: 100%;
}
td img{ /* Fix for Chrome */
  max-width:none;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96.8333%;
	padding-left: 0.5833%;
	padding-right: 0.5833%;
}
#Header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ColumnLeft {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ColumnCentre {
	clear: none;
	float: left;
	margin-left: 1.2048%;
	width: 100%;
	display: block;
}
#ColumnRight {
	clear: none;
	float: left;
	margin-left: 1.2048%;
	width: 100%;
	display: block;
}
#BottomContent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 95.238%;
	padding-left: 0.3809%;
	padding-right: 0.3809%;
}
#Header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#Menu {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#Banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
    height:250px;
	display: block;
}
#FindVehicle {
    clear: none;
    float: left;
    margin-left: 0;
    width: 33.0677%;
    height: 250px;
    display: block;
}
#PageLeft {
    clear: both;
    float: left;
    margin-left: 0;
    margin-bottom:0.5em;
    width: 100%;
    display: block;
}
#PageLeft #ColumnLeft {
    clear: both;
    float: left;
    margin-left: 0;
    margin:0.5em 0;
    width: 49.8007%;
    display: block;
}

#PageLeft #ColumnRight {
    clear: none;
    float: left;
    margin-left: 0.3984%;
    margin-top:0.5em;
    margin-bottom:0.5em;
    width: 49.8007%;;
    display: block;
}
#PageRight {
    clear: none;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#PageRight div.panel {
    /*clear: both;*/
    float: left;
    margin-right: 0.17%;
    margin-bottom:0.5em;
    width: 49.6%;
    display: block;
}
#ColumnLeft {
	clear: both;
	float: left;
	margin-left: 0;
    margin-bottom:0.5em;
	width: 100%;
	display: block;
}
#ColumnCentre {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ColumnRight {
	clear: both;
	float: left;
	margin-left: 0;
    margin-bottom:0.5em;
	width: 100%;
	display: block;
}
#BottomContent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 999px) {
#FwHeader{
  display:block;
    width:100%;
	height:200px;
}
#TopBanner{
  display:block;
  /*min-width: 1000px;*/
  height:132px;
}
.gridContainer {
	width: 1000px;
	padding-left: 0.1587%;
	padding-right: 0.1587%;
	margin: auto;
	margin-top:-120px;
}
#Header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
    height:140px;
	display: block;
}
#contact_numbers{
  float:right;
  position:relative;
  top:3.0em;
  /*margin-top:3em;*/
}

#Banner {
    clear: both;
    float: left;
    margin-left: 0;
    margin-bottom:1em;
    width: 66.5338%;
    height: 250px;
    display: block;
}
#CallBack {
    clear: none;
    float: left;
    margin-left: 0.3984%;
    width: 33.0677%;
    height: 250px;
    display: block;
}
#Menu {
	clear: both;
	float: left;
	margin-left: 0;
    margin-top:-0.5em;
    margin-bottom:0.1em;
	width: 100%;
    height:30px;
	display: block;
}
#PageLeft {
    clear: both;
    float: left;
    margin-left: 0;
    margin-bottom:0.5em;
    width: 66.5338%;
    display: block;
}
#PageLeft #ColumnLeft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 49.8007%;
    display: block;
}

#PageLeft #ColumnRight {
    clear: none;
    float: left;
    margin-left: 0.3984%;
    width: 49.8007%;;
    display: block;
}

#PageRight {
    clear: none;
    float: left;
    margin-left: 0.3984%;
    width: 33.0677%;
    display: block;
}
#PageRight div.panel {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#ColumnLeft {
	clear: both;
	float: left;
	margin-left: 0;
	width: 33.0677%;
	display: block;
}
#ColumnCentre {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 33.0677%;
	display: block;
}
#ColumnRight {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 33.0677%;
	display: block;
}
#BottomContent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}
/* Stylesheet: conn //  _layout Modified On 2014-05-12 16:12:20 */
/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Advent+Pro:400,700); /* Headings */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700); /* All othet content */

/*body, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1.0em; line-height: 1.231; }*/

/*body, button, input, select, textarea { font-family: 'Domine', serif; color: #222; }
body { margin: 0; font-size: 1.0em; line-height: 1.231; }*/

body, button, input, select, textarea { font-family: 'Advent Pro', sans-serif; color: #222; }
body { margin: 0; font-size: 1.0em; line-height: 1.231; }


h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}

h1{
  font-size:1.875em; /* 30px */
  font-weight:400;
}

h2,h3,h4{
  /*font-size:1.375em;*/ /* 22px */
  font-size:1.3125em; /*21px */
  font-weight:400;
  /*font-size:1.25em;*/ /* 20 px */
  margin-bottom:0.2em;
  color:#047ed7;
  text-shadow:-2px 2px 2px #bbb;
}
h3{
  font-size:1.125em; /*18px */
  color:#ff1d25;
}
h4{
  font-size:1em;
  color:#047ed7;/*#a31116;*/
}

p,li,a,td{
  font-family: 'Open Sans', sans-serif;
  font-size:0.875em; /* 14px */
  font-weight: 400;
  /*font-size:0.9375em;*/ /* 15px */
  /*font-size: 1.0em;*/ /* 16px */
}

.content p{
  text-align: justify;
  margin-bottom:0.6em;
  color:#444;
}
li{
  font-size:0.9375em;
  list-style: none;
  padding:0.25em 0 0.25em 2em;
}
ul.bullet_red li{background: url(http://www.connexion-developments.com/uploads/connexion/images/bullet_red.png) no-repeat left center; }
/* Tables */
table{
  /*border:1px solid #ccc;*/
  border-radius:0.3em;
  margin-bottom:1em;
  margin-top:0.5em;
}
td{
  color:#444;
  border:1px solid #ccc;
}
thead td{
  color:#a31116;
  background:#eee;
}

#PageRight .panel .content > h2{
  /*padding:0.5em;
  border:1px solid #999;
  border-radius:0.3em;
  color:#444;*/
}

/* Stylesheet: conn //  _typography Modified On 2014-05-12 16:12:20 */
/************
NAVIGATION -- Code based on Nick La's code, modified so it
works with yaml. See http://webdesignerwall.com.
April 20, 2012
************/
#nav {
    /*background: #4d5253;*/
    height: auto;
    position: relative;
    z-index: 100;
}
ul#unav a{text-decoration: none;}
#nav .ym-wrapper {
    width: 95%;
    margin: 0 auto;
}

/* menu icon */
#menu-icon {
    display: none; /* hide menu icon initially */
}
#unav,
#unav li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
#unav > li > a{
  border-radius:7px 7px 0 0;
}

/* unav link */
#unav li a {
    padding: 5px 0.8em;
    display: block;
    color: #eee;
    background: #494949;/*#333;*/
    border-left: 1px solid #666;
    border-bottom:2px solid #000;
    margin-right:2px;
 
}
#unav li a:hover {
    color: #fff;
    background: #eb1516;/*#fd7f07;*/
}

/* unav dropdown */
#unav li ul {
    border: none;
    width: auto;
    padding: 0;
    margin: 0;
    margin-top:-1px;
    position: absolute;
    z-index:100;
    /*top: 29px;*/
    display: none; /* hide dropdown */
}
#unav li ul li {
    float: none;
    margin: 0;
    padding: 0;
}
#unav li ul li a {
    border-right: 1px solid #789;
    border-bottom: 1px solid #789;
}
#unav li:hover > ul {
    display: block; /* show dropdown on hover */
}

#unav li.is-parent > a{
  padding-right:20px;
  /*background:#666 url(/uploads/spam/arrow-down.png) no-repeat 97% center;*/
}
#unav li.is-parent.open > a{
  background:#999 url(http://www.connexion-developments.com/uploads/Extreme/images/backgrounds/arrow-up.png) no-repeat 97% center;
}

/************
MOBILE
************/
@media screen and (max-width: 760px) {
  #nav {
    position: relative;
  }

  /* menu icon */
  #menu-icon {
    width: 98%;
    background: #666 url(../icons/menu-white.png) no-repeat 4px center;
    padding: 1em 0 1em 2%;
    height: 18px;
    display: block; /* show menu icon */
    color: #eee;
    /*margin-left: 5%;*/
    cursor: pointer;
    border: solid 1px #789;
  }
  #menu-icon:hover {
    background: #999 url(../icons/menu-white.png) no-repeat 4px center;
    color: #fff;
  }

  /* main nav */
  #unav {
    clear: both;
    position: absolute;
    top: 47px;
    /*width: auto;*/
    width:100%;
    z-index: 10000;
    background: #ccc;
    display: none; /* visibility will toggle with jquery */
    padding-bottom: 8px;
    border: solid 1px #789;
  }
  #unav li {
    clear: both;
    float: none;
    width: 100%;
    margin: 0 0px;
  }
  #unav > li > a{
    border-radius:0;
  }
  #unav li.is-parent > a{
    padding-right:0;
  }
  #unav li a:hover {
    background: #345;
    color: #fff;
  }
  #unav li a,
  #unav li ul a {
    background: #666;
    display: inline-block;
    padding: 0.75em 0px;
    color: #eee;
    border: none;
    border-bottom:1px solid #aaa;
    width:100%;
    margin-bottom:0;
  }
  #unav li a{
    padding-left:2%;
    width:98%;
  }
  #unav li a:hover,
  #unav li ul a:hover {
    background: green;
    color: #fff;
  }

  /* dropdown */
  #unav li ul {
    /*width: auto;*/
    position: static;
    /*display: block;*/
    background: inherit;
  }
  #unav li ul li {
    /*margin-left: 15px;*/
  }
  #unav li ul li a {
    border: none;
    background: #678;
    padding-left:10%;
    width:90%;
  }
  
  #unav li:hover > ul{
    display:none;
  }

}
@media screen and (min-width: 761px) {
  #unav {
    display: block !important; /* ensure navbar appears */
  }
}
/* Stylesheet: conn // _responsive_nav Modified On 2014-05-12 16:12:20 */
@media screen and (min-width: 0px){.dab_form input,.dab_form textarea,.dab_form select {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;width:60%;}.dab_form label {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}.dab_form select,.dab_form input,.dab_form textarea { width:100%; }}@media screen {.dab_form {background:#cceff9;/*#f4f4f4;*/border:2px #fff solid;margin: 1.5em 0 0 0;padding: 0;-webkit-box-shadow: 0 0 4px #ddd;-moz-box-shadow: 0 0 4px #ddd;box-shadow: 0 0 4px #ddd;width:90%;padding:0.5em;margin-left:auto;margin-right:auto;border-radius:0.3em;}.dab_form fieldset {position:static;background:transparent;margin: 0.75em 0 0.75em 0;padding: 0 0.5em;}.dab_form legend {background:transparent;color:#000;font-size:1.2em;line-height:1.25em;font-weight:bold;padding:0 0.5em;}.dab_form label {color:#666;line-height: 1.5em;font-size:0.8em;}.ym-label {color: #666;padding-top: 0.25em;}.dab_form .dab_form div.ym-fbox-check:focus + label {color:#000;}.dab_form div.ym-fbox-text,.dab_form div.ym-fbox-select,.dab_form div.ym-fbox-check,.dab_form div.ym-fbox-button {padding: 0.3em 1em;margin-bottom: 0.5em;}.dab_form div.ym-fbox-button {background: #ececec;border-top: 1px #e0e0e0 solid;padding:0 1em 1.5em 1em;margin: 0;}.dab_form .ym-gbox {padding: 0 0.5em;margin-right: 0;}.dab_form h6 {color: #000;margin: 1em 0 0 1em;}.dab_form .ym-fbox-text input,.dab_form .ym-fbox-text textarea {line-height: 1em;padding: 0.25em 0.3em;margin-top: -2px;}.dab_form .ym-fbox-select select {line-height: 1em;padding: 0.25em 2px 0.25em 1px;margin-top: -2px;}.dab_form input,.dab_form textarea,.dab_form select,.dab_form optgroup {/*font-family: Helvetica, Arial, sans-serif;*/-webkit-box-shadow: inset 0 0 4px #eee;-moz-box-shadow: inset 0 0 4px #eee;box-shadow: inset 0 0 4px #eee;font-size:0.8em;}.dab_form optgroup {font-style:normal;font-weight:bold;}.dab_form .ym-fbox-text input,.dab_form .ym-fbox-text textarea,.dab_form .ym-fbox-select select {border:1px solid #ddd;}.dab_form .ym-message {color:#666;margin-bottom:0.5em;}.dab_form .ym-required {color:#800;font-weight:bold;}.dab_form input:valid,.dab_form textarea:valid { background-color: #fff; }.dab_form input:invalid,.dab_form textarea:invalid { background-color: #fdd; }.dab_form .ym-error label {color:#800;font-weight:normal;}.dab_form .ym-error input,.dab_form .ym-error select,.dab_form .ym-error textarea {border: 1px #800 solid;}.dab_form .ym-error input:hover,.dab_form .ym-error input:focus,.dab_form .ym-error select:hover,.dab_form .ym-error select:focus,.dab_form .ym-error textarea:hover,.dab_form .ym-error textarea:focus {border: 1px #800 solid !important;}.dab_form .ym-error .ym-message {color:#800;font-weight: bold;margin-top: 0;}.dab_form div.ym-fbox-text input:focus,.dab_form div select:focus,.dab_form div textarea:focus,.dab_form div.ym-fbox-text input:hover,.dab_form div select:hover,.dab_form div textarea:hover,.dab_form div.ym-fbox-text input:active,.dab_form div select:active,.dab_form div textarea:active {border:1px #888 solid;background:#fff;}.ym-button,.dab_form button,.dab_form input[type="button"],.dab_form input[type="reset"],.dab_form input[type="submit"] {display: inline-block;white-space: nowrap;background-color: #ccc;background-image: -webkit-linear-gradient(top, #eee, #ccc);background-image: -moz-linear-gradient(top, #eee, #ccc);background-image: -ms-linear-gradient(top, #eee, #ccc);background-image: -o-linear-gradient(top, #eee, #ccc);background-image: linear-gradient(top, #eee, #ccc);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');border: 1px solid #777;-webkit-border-radius: .2em;-moz-border-radius: .2em;border-radius: .2em;-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);color: #333 !important;cursor: pointer;font: normal 1em/2em Helvetica, Arial, sans-serif;margin: 1.5em 0.75em 0 0;padding: 0 1.5em;overflow: visible; text-decoration: none !important;text-shadow: 0 1px 0 rgba(255,255,255,.8);}.dab_form button:hover,.dab_form input[type="button"]:hover,.dab_form input[type="reset"]:hover,.dab_form input[type="submit"]:hover,.ym-button:hover {background-color: #ddd;background-image: -webkit-linear-gradient(top, #fafafa, #ddd);background-image: -moz-linear-gradient(top, #fafafa, #ddd);background-image: -ms-linear-gradient(top, #fafafa, #ddd);background-image: -o-linear-gradient(top, #fafafa, #ddd);background-image: linear-gradient(top, #fafafa, #ddd);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');}.dab_form button:active,.dab_form input[type="button"]:active,.dab_form input[type="reset"]:active,.dab_form input[type="submit"]:active,.ym-button:active {background-color: #bbb;background-image: -webkit-linear-gradient(top, #ccc, #bbb);background-image: -moz-linear-gradient(top, #ccc, #bbb);background-image: -ms-linear-gradient(top, #ccc, #bbb);background-image: -o-linear-gradient(top, #ccc, #bbb);background-image: linear-gradient(top, #ccc, #bbb);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;position: relative;top: 1px;}.dab_form button:focus,.dab_form input[type="button"]:focus,.dab_form input[type="reset"]:focus,.dab_form input[type="submit"]:focus,.ym-button:focus {outline: 0;background: #fafafa;}.dab_form button:before,.ym-button:before {background: #ccc;background: rgba(0,0,0,.1);float: left;width: 1em;text-align: center;font-size: 1.5em;margin: 0 1em 0 -1em;padding: 0 .2em;-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);-moz-border-radius: .15em 0 0 .15em;-webkit-border-radius: .15em 0 0 .15em;border-radius: .15em 0 0 .15em;pointer-events: none;}.ym-add:before { content: "\271A"; }.ym-delete:before { content: "\2718"; }.ym-edit:before { content: "\270E"; }.ym-email:before { content: "\2709"; }.ym-like:before { content: "\2764"; }.ym-next:before { content: "\279C"; }.ym-play:before { content: "\25B6"; }.ym-save:before { content: "\2714"; }.ym-spark:before { content: "\2737"; }.ym-star:before { content: "\2605"; }.dab_form button::-moz-focus-inner {border: 0;padding: 0;}.dab_form input[type=button]::-moz-focus-inner,.dab_form input[type=reset]::-moz-focus-inner,.dab_form input[type=submit]::-moz-focus-inner {padding: .4em;}.dab_form button[disabled],.dab_form button[disabled]:hover,.dab_form input[type=button][disabled],.dab_form input[type=button][disabled]:hover,.dab_form input[type=reset][disabled],.dab_form input[type=reset][disabled]:hover,.dab_form input[type=submit][disabled],.dab_form input[type=submit][disabled]:hover,.ym-button.ym-disabled,.ym-button.ym-disabled:hover {background: #eee;color: #aaa !important;border-color: #aaa;cursor: default;text-shadow: none;position: static;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}* html .ym-button,* html .dab_form button {display: inline-block;white-space: nowrap;background-color: #ccc;filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');border: 1px solid #777;color: #333 !important;cursor: pointer;font: normal 1em/2em Helvetica, Helvetica, sans-serif;margin: 1.5em 0.75em 0 0;padding: 0 1.5em;overflow: visible; text-decoration: none !important;}* html .dab_form button:focus,* html .ym-button:focus {outline: 0;background: #fafafa;}* html .dab_form button:hover,* html .ym-button:hover {background-color: #ddd;filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');}* html .dab_form button:active,* html .ym-button:active {background-color: #bbb;filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');position: relative;top: 1px;}* html .ym-button.ym-disabled,* html .ym-button.ym-disabled:hover {background: #eee;color: #aaa !important;border-color: #aaa;cursor: default;text-shadow: none;position: static;}}

/* Stylesheet: conn //  _forms Modified On 2014-05-12 16:12:20 */

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

strong{
  color:#1d4a6b;/*#c46060;*//*#00a563;*/
  font-weight: 500;
}

p.error{
  color:red;
}
p.success{
  color:green;
}
a.link_btn:link,a.link_btn:visited{
  text-align: center;
  color:#fff;
  display:inline-block;
  padding:0.4em 0;
  width:100%;
  margin-bottom:0.5em;
 background: url(http://www.connexion-developments.com/uploads/connexion/images/btn_link_bg.png) repeat-x top left;
 border-radius:0.3em;
 text-shadow: -1px 1px 1px #555;


}
a.link_btn > span{
  display:inline-block;
  width:8em;
  float:right;
  /*margin-right:0.25em;*/
}
a.link_btn:hover{
  background:#991e1e/*#ce0f0f*//*#00a563*/;
  color:#fff;
}
#Header h1 a{
  color:#222;
  font-size:1.125em;
}
/* News Letter */
.row.list{
    background-color:#ccc;
    padding:1em;
}
.nms_subscribe label{
    color: #8e2a31;
}
@media only screen and (min-width: 481px) {
	#FwHeader{
		/*background:#ddd; */	
	}
    #Header{

    }
    #Banner{

    }
   #CallBack > div{
      display:block;
      height:94%;
    }
    #ColumnLeft,#ColumnCentre,#ColumnRight{

    }
	.content{
		padding:0.5em;
        background:rgba(255,255,255,1.0);
        overflow:hidden;
	}
	.bordered{
		border:1px solid #ccc;
	}
	.rounded{
		border-radius:0.3em;
	}
	
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 999px) {
	body{
      height:100%;
  background: url(http://www.connexion-developments.com/uploads/connexion/images/body-bg01.jpg) no-repeat center 240px fixed;

        /*-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;*/

        /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg2.jpg', sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg2.jpg', sizingMethod='scale')"; */
    }
    img#connexions-developments{
      display:block;
      width:1000px;
      height:150px;
      margin:0 auto;
    }
    #Header h1{
      position:relative;
      left:0px;
      top:2.0em;
      width:22em;
      font-size:1.75em;
    }
    h2#international,h2#landline{
      font-size:1.625em;line-height:1.2
    }
    #contact_numbers h2 > span{
      display:inline-block;
      width:5em;
      color:#eb1516;
      text-align: right;
    }
    /* Article Stuff */
    div.NewsSummaryLink h3 a{
       font-size:1.0em; /*18px */
       color:#ff1d25;
    }
}


/* Stylesheet: conn // _theme Modified On 2014-11-13 18:05:38 */