/* Start of CMSMS style sheet 'baseline' */

/*

  Baseline CSS

  Author:         Roy Lindauer

  Date:           10/18/07

  Revision Date:  03/10/08

  Version:        0.4

  Inspired by every other baselining routine

*/



/*

  We baseline our style sheet for consistent formatting

  and

*/

body, table, div, p, pre, blockquote, fieldset, form, h1, h2, h3, h4, h5, h6, pre, ul, ol, dl, address,

li, dd, dt, frameset, li, tbody, td, tfoot, th, thead, tr{

    margin:0;

    padding:0;

    font-weight: inherit;

    font-style: inherit;

    vertical-align: baseline;

    line-height: 1;

    }

table, tbody, td, tfoot, th, thead, tr{

    vertical-align: top;

    }

/*

  Remove dotted outline from links

*/

:focus

{

  -moz-outline-style: none;

}

/*

  Common base styles

*/

.hide{

    display:none;

    visibility:hidden;

    }

.mute{

    font-size:.75em;

    }

.clear{

    clear:both;

    }

/*

  Clearfix for most browsers

*/

/* Clear fix for floated elements */

.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



a img, :link img, :visited img{

    border:none;

    }

table {

    border-collapse: collapse;

    border-spacing: 0;

    }

ol, ul {

    list-style: none;

    }

q:before, q:after,

blockquote:before, blockquote:after {

    content: "";

    }
/* End of 'baseline' */

/* Start of CMSMS style sheet 'style' */
body{
	background:#34496e;
	font:normal 80%/1.5em Arial, sans-serif;
	color:#838383;
	}
	
table#specs_table{
	margin: 10px 0;
	color:#666666;
	}
table#specs_table td{
	padding:5px;
	}
	
#site{
	background:url(/images/site_background.gif) repeat-y #ffffff;
        width: 800px;
	}
	
#footer{
	background:url(/images/footer.gif) repeat-x;
text-align:center;
	}
	
#page{
	background:url(/images/header_shadow.gif) repeat-x;
	}
	

#content, #sidebar{
	padding-top:40px;
	}

	
a, a:visited{
	color:#5c9967;
	text-decoration:underline;
	font-weight:bold;
}
a:hover, a:active{
	color:#5952a3;
	text-decoration:underline;
	font-weight:bold;
}
/**
 * Main Menu
 */ 

#mainmenu{
	position: absolute;
	right: 0;
	bottom: 10px;
text-align:right;
	}

#mainmenu li{
	float:left;
	display: inline;
	}

#mainmenu li a{
	display: block;
padding:0 7px;
	text-align: center;
	}

#mainmenu li a:link,
#mainmenu li a:visited{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}
#mainmenu li a:hover,
#mainmenu li a:active{
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
	}
#footermenu{
	width:800px;
	position: relative;
	height:23px;
}
#footermenu li{
	display:inline;
	float:left;
	}

#footermenu li a:link, #footermenu li a:visited{
	display: block;
padding:0  16px;
	text-align: center;
	text-transform:uppercase;
	color:#8b8b8b;
	font-weight:bold;
	text-decoration:none;
	}
#footermenu li a:hover, #footermenu li a:active{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
	

/**
 * Headers
 */
h1.logo{
	text-indent: -9999px;
	width:300px;
	height:92px;
	float: left;
	background: url(/images/logo.gif) no-repeat;
	}
h1.logo a:link, h1.logo a:visited, h1.logo a:hover, h1.logo a:active{
	text-indent:-9999px;
	display:block;
	width:300px;
	height:92px;
	text-decoration:none;
	}

#content h2{
	color:#5952a3;
	font:normal 2.5em/90% Arial, sans-serif;
	letter-spacing:-1px;
	margin: 2px 0;
	}

#content h3{
	color:#5952a3;
	font:normal 2em/90% Arial, sans-serif;
	letter-spacing:-1px;
	margin:2px 0;
	}

#content h4{
	color:#3d3d3d;
	font:normal 1.5em/90% Arial, sans-serif;
	letter-spacing:-1px;
	margin:2px 0;
	}

#content h5{}
#content h6{}

#sidebar h2{}
#sidebar h3{}
#sidebar h4{}
#sidebar h5{}
#sidebar h6{}

/**
 * Body Content
 */
#site p{
	line-height: 1.5em;
	margin: 10px 0;
	}
#siteul, #site ol{
	list-style: outside;
	margin: 0;
	}
#site ul{
	list-style-type:disc;
	}
#site li ul{
	list-style-type:circle;
	}
#site ol{
	list-style-type:decimal;
	}
#site li ol{
	list-style-type:lower-alpha;
	}
#site li{
	margin:5px 0;
	}
	
.footer_content{
	padding-top:5px;
	position:relative;
	text-align:center;
	}

form#m3moduleform_1{
padding:5px;
margin:10px;
}
#m3moduleform_1 .buy_form div{
margin:10px 0;
}
#m3moduleform_1 label{
width:150px;
float:left;
display:block;
text-align:right;
font-weight:bold;
padding:0 10px;
}
.error_message{
border:1px solid #b40000;
background:#fdfcf5;
padding:5px;
margin:10px 0;
}
#page .error_message h2{
font-size:1.5em;
font-weight:bold;
color:#b40000;
text-transform:uppercase;
letter-spacing:1.2px;
}
.error_message ul{
list-style:none;
}
.error_message li{
color:#000000;
font-weight:bold;
padding:2px;
list-style:none;
}
.btn_products,
.btn_contact,
.btn_video,
.buy_now
{
    border:1px solid #ffffff;
}
.btn_products:hover,
.btn_contact:hover,
.btn_video:hover,
.buy_now:hover
{
    border:1px solid #333333;
}
/* End of 'style' */

/* Start of CMSMS style sheet 'grid_products' */
@charset "utf-8";



#site{

    width:800px;

    position:relative;

    margin:0 auto;

	padding-left:7px;

	padding-right:7px;

    }

#header{

    height:92px;

    position:relative;

    }

#page{

    position:relative;

    }

#footer{

    width:800px;

    height: 64px;

    position:relative;

    margin:0 auto;

    }

#intro{

	height:192px;

	}



/*

  Fixed 2 column layout with sidebar on the left

*/

#content01{

    /*float:left;*/

    /*

      Padding and width equation

      CSS Width - Padding = Real Width

      If you want a 600px container with 10px of padding

      you set the width property to 580 and padding-left and padding-right to 10

      to include a border, subtract the total width of the border(left + right) from the

      width value

    */

    padding:0 20px;

    /*width:360px;*/

    min-height: 300px;

    position:relative;

    }

#content02{

    /*float:right;*/

    /*

      Padding and width equation

      CSS Width - Padding = Real Width

      If you want a 600px container with 10px of padding

      you set the width property to 580 and padding-left and padding-right to 10

      to include a border, subtract the total width of the border(left + right) from the

      width value

    */

    padding:0 20px;

    /*width:360px;*/

    min-height: 300px;

    position:relative;

    }

#content03{

    /*

      Padding and width equation

      CSS Width - Padding = Real Width

      If you want a 600px container with 10px of padding

      you set the width property to 580 and padding-left and padding-right to 10

      to include a border, subtract the total width of the border(left + right) from the

      width value

    */

    padding:0 20px;

    min-height: 300px;

    position:relative;

    }

#content04{

    /*

      Padding and width equation

      CSS Width - Padding = Real Width

      If you want a 600px container with 10px of padding

      you set the width property to 580 and padding-left and padding-right to 10

      to include a border, subtract the total width of the border(left + right) from the

      width value

    */

    padding:0 20px;

    min-height: 300px;

    position:relative;

    }


#content05{

    /*

      Padding and width equation

      CSS Width - Padding = Real Width

      If you want a 600px container with 10px of padding

      you set the width property to 580 and padding-left and padding-right to 10

      to include a border, subtract the total width of the border(left + right) from the

      width value

    */

    padding:0 20px;

    min-height: 300px;

    position:relative;

    }


#content06{

    /*

      Padding and width equation

      CSS Width - Padding = Real Width

      If you want a 600px container with 10px of padding

      you set the width property to 580 and padding-left and padding-right to 10

      to include a border, subtract the total width of the border(left + right) from the

      width value

    */

    padding:0 20px;

    min-height: 300px;

    position:relative;

    }

/*

  Additional Site Structure Style Definitions

*/
/* End of 'grid_products' */

/* Start of CMSMS style sheet 'products' */
/**
 * Products Page
 */
.products_wrapper{
  padding-top:35px;
  }
.products_wrapper h1{
  color:#729ed4;
  font:normal 2.5em/90% Arial, sans-serif;
  letter-spacing:-1px;
  margin:2px 0;
  text-align:center;
  }

.products_wrapper .buy_now{
  text-align:center;
width:150px;
/*margin:15px auto;*/
margin: 0 4px;
float: left;
  }

.productImage {
  float: left;
}
.productContent {
  width: 500px;
  float: left;
}
.productContent h1 {
  text-align: left;
}
.buttonContainer {
  margin: 0 auto;
  width: 320px;
}
/* End of 'products' */