/*
*	Default Alacrify Style Sheet
*	==============================
*	Designed By Alacrify Ltd
*	www.alacrify.co.uk
*	jon@alacrify.co.uk
*	Jon Sloper
*	27th August 2009
*
*/
* {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
html {
    overflow-y: scroll;
}
/* Standard HTML Tags */
body {
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    color: #000;
    background: url('../images/bg-grad-main.gif') top left repeat-x;
    font-family: 'Arial';
    text-align: center;
}
h1 {
    font-weight: bold;
    font-size: 2.2em;
    line-height: 1.8em;
    margin-top: 30px;
    color: #ffde00;
    margin-left: 20px;
}
h2 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 1.1em;
    color: #000;
    width: 400px;
}
h3 {
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.8em;
    margin-bottom: 0.8em;
    color: #ffde00;
}
h4 {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 1em;
    color: #666;
    width: 400px;
}
p,pre {
    margin-bottom: 8px;
    font-size: 100%;
}
ol li {
    margin-left: 15px;
    list-style-type: none;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.2em;
    color: #ed2028;
}
ul {
    width: 100%;
}
ul li {
    line-height: 1.4em;
    list-style-type: disc;
    margin-left: 15px;
    margin-bottom: 8px;
}
.bulletlist li {
    list-style-type : disc;
    list-style-position: outside;
    margin-left: 13px;
}
a {
    text-decoration:none;
    color : #000;
}
a:hover {
    color: #777;
}
.largeText {
    font-size: 1.3em;
    display: inline;
    margin-bottom: 8px;
    color: #666;
}

input {
    float:right;
    padding: 3px;
    margin-bottom: 7px;
    border: 1px solid #ccc;
    margin-left: 0px;
}
textarea {
    float:right;
    border: 1px solid #ccc;
    width: 170px;
    height: 50px;
    padding: 3px;
    margin-left: 0px;
    margin-bottom: 7px;
}
form {
}
form p {
    clear: left;
    color: #000;
    line-height: 2em;
}
form p img {
    margin-bottom: 0.5em;
}
#emailAlert {
    background-color: #ffde00;
    padding: 15px;
    margin-left: 15px;
    margin-top: 15px;
    float: left;
    width: 710px;
}

/* PAGE STRUCTURE DIVS */
#showhide {
    height: 0px;
    overflow:hidden;
    margin:0px;
    border: 0px;
    padding:0px;
}
#container{
    width: 920px;
    margin-right: auto;
    margin-left: auto;
}
#wrapper {
    float: left;
    text-align:left;
    padding:0px;
    width: 920px;
    margin-right: auto;
    margin-left: auto;
}
#mainArea {
    float:left;
    width: 920px;
    margin: 0px;
    overflow: hidden;
    background: url('../images/bg-pghead.gif') top left repeat-x #000;
}
#homeImage {
    float: left;
    width: 670px;
    height: 676px;
    background: url('../images/homepage-background.jpg') top left no-repeat #000;
    padding-left: 250px;
}
#headlineText {
    float: left;
    margin-top: 55px;
    text-align: center;
    font-size: 4em;
    font-weight: bold;
    color: #000;
    line-height: 1.2em;
    letter-spacing: -0.04em;
    height: 388px;
    width: 480px;
    margin-left: 190px;
}
#productDescription {
    width: 630px;
    float: left;
    color: #fff;
    text-align: left;
    margin-right: 40px;
}
#productDescription span {
    text-decoration: underline;
}
#strapline {
    float: left;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.4em;
    margin-bottom: 0.8em;
    color: #ffde00;
}
#wordMark {
    background: url('../images/MicroClipXT_Wordmark-1yellow.png') top left no-repeat;
    width: 220px;
    height: 39px;
    margin-bottom: 5px;
    margin-top: 5px;
}
#pageContent {
    float:left;
    width: 770px;
    font-size: 100%;
    background: url('../images/bg-pgcontent.gif') top left repeat-x #fff;
    text-align: left;
}
#pageHeader {
    float: left;
    width: 770px;
    height: 87px;
    background: url('../images/bg-pghead.gif') top left repeat-x;
    text-align: left;
}
#contentLeft {
    float: left;
    width: 290px;
    margin-top: 20px;
    margin-left: 20px;
}
#contentRight {
    float: left;
    width: 420px;
    margin-top: 20px;
    margin-left: 20px;
}
#contentRight p{
    width: 400px;
}
#productSpecification {
    text-align: left;
    float: left;
    margin-left: 15px;
    margin-top: 0px;
    width: 450px;
}
#closeWindow {
    float: right;
    margin-top: 15px;
}
#closeWindow a {
color: #fff;
}


#rightColumn {
    float: right;
    background: url('../images/bg-wrapper-sidebar.gif') top right repeat-y;

    width: 150px;
    margin:87px 0 -20000px;
    padding:10px 0 20000px;
    text-align: center;

}
#rightColumn p{
    color: #fff;
    font-size: 1.1em;
    line-height: 1.5em;
}
#rightColumn select {
    width: 100px;
}
#standOut {
    font-size: 1em;
    padding: 15px;
    margin-bottom: 20px;
}
#standOut a {
    font-size: 1em !important;
    text-decoration: underline!important;
}
#standOut a:hover {
    font-size: 1em;
    text-decoration: none;
    color: #000;
}
#footer {
    font-family: 'Arial';
    clear: both;
    width: 920px;
    height: 110px;
    float: left;
    font-size: 90%;
    text-align:left;
    background: url('../images/home-footer-920w.gif') bottom left no-repeat;
}
#mainFooter {
    font-family: 'Arial';
    width: 9200px;
    height: 124px;
    float: left;
    background: url('../images/pagefooter.gif') bottom left no-repeat #fff;
}

#footerText {
    float: left;
    width: 920px;
    text-align: center;
    color: #000;
    margin-top: 5px;
    font-size: 0.9em;
}
#footerText a,
#mainFooterText a {
font-size: 1em;
font-weight: normal;
color: #000;
border-right: 1px solid #000;
padding: 0px 6px 0px 3px;
text-decoration: underline;
}
#footerText a:first-child {
border-left: 0px;
}


#alacrifyFooter {
    float:right;
    position:relative;
}

/* DIV SUB-ELEMENT FORMATTING */
/* mainArea */
/* table formatting */
#mainArea table{
    float: left;
    width: 690px;
    margin-top: 15px;
    margin-left: 15px;
}
#mainArea th {
    text-align: left;
    font-size: 1.3em;
    color: #000;
    padding: 5px;
}
#mainArea td {
    color: #444;
    font-size: 0.9em;
    width: 220px;
}
#mainArea td.image   {
    color: #444;
    font-size: 0.9em;
    width: 130px;
    text-align: center;
}
#mainArea td h2   {
    margin-left: 10px;
    font-size: 1.3em;
}
#mainArea th p,
#mainArea td p,
#mainArea td h2{
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px;
    color: black;
    line-height: 1.2em;
    width: 190px;
}
#logoImage {
    margin-top: -67px !important;
    margin-left: 895px !important;
}
.standout {
    color: #c5f30e;
}
#productSpecification table {
    float: left;
    width: 450px;

    margin-bottom: 20px;
}
#productSpecification tr {
    border-bottom: 1px solid #000;
    background-color: #efefef;
}
#productSpecification td {
    color: #444;
    font-size: 0.9em;
    width: 320px;
    text-align: left;
    padding: 5px;
}
#productSpecification td.specification   {
    color: #444;
    font-size: 0.9em;
    width: 130px;
    text-align: left;
    background-color: #fed100;
    padding: 5px;
    font-weight: bold;
}
#productSpecification td.col   {
    float: left;
    width: 142px;
    text-align: left;
    padding: 5px;
}


/* MICRO CMS Styling */
.micro {
    font-family: arial, sans-serif;
    background:#fff;
    text-align:center;
    padding-top:30px;
    background: url('../images/body-background.gif') middle top repeat-y #ebeaec;
}
.mouseDiv {
    float:left;
    width: 70%;
    margin: 0px 15%;
    text-align:right;
}
.microDiv {
    background: url('../images/background-gradient.gif') top left repeat-x #f8f7f8;
    float:left;
    width: 70%;
    margin: 0px 15%;
    color: #666
}
.microDiv p {
    margin-top:20px;
    padding-left: 30px;
    padding-bottom: 10px;
    text-align:left;
    border-bottom: 1px solid #ccc;
}
.microDiv form {
    padding-left: 30px;
    padding-bottom: 30px;
    text-align:left;
    border-bottom: 1px solid #ccc;
}
.microDiv p.topline {
    margin-top:0px;
    padding-left: 30px;
    padding-bottom: 10px;
    text-align:left;
    border-top: 1px solid #fff;
    border-bottom: 0px;
    margin-bottom: 0px;
}
.microDiv ul {
    text-align:left;
    margin:0px;
    padding-left: 30px;
    padding-top: 10px;
    border-top:1px solid #fff;
    border-bottom: 1px solid #ccc;
    padding-bottom:10px;
}
p.help {
    margin-top: 0px;
    padding-top: 20px;
    border: 0px;
    border-top:1px solid #fff;
}
p.footer {
    border: 0px;
    padding: 0px;
    font-size: 75%;
    margin: 0px 30px;
    text-align:right;
}
#xEditingArea p {
    color: red;
}
.contactDetails {
    margin-top: 80px;
    margin-bottom: 60px;
    color: #0057a4;
}
.phone, .email {
    font-size: 150%;
}

/* navigation styling */
#navbar {
	width: 920px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	background:url(../images/navbutton-up.jpg) repeat-x;
}

#navbar a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	line-height: 38px;
        list-style-type: none;
        padding: 0px 20px 0px 20px;
        float: left;
}

#nav_index,
#nav_product-overview,
#nav_accessories,
#nav_why-choose-gasalertmicroclip-xt,
#nav_contacts {
	background:url(../images/navbutton-up.jpg) top left repeat-x;
}
#nav_index:hover,
#nav_product-overview:hover,
#nav_accessories:hover,
#nav_why-choose-gasalertmicroclip-xt:hover,
#nav_contacts:hover,
#index #nav_index,
#product-overview #nav_product-overview,
#accessories #nav_accessories,
#why-choose-gasalertmicroclip-xt #nav_why-choose-gasalertmicroclip-xt,
#contacts #nav_contacts {
	background:url(../images/navbutton-over.jpg) top left repeat-x;
        color: #000;
}