@charset "utf-8";
/* CSS Document */

html {
	overflow-y:scroll;
}

body {
	margin:0;
	padding:10px 0px;
	font:400 62.5%/1.4em Arial, Helvetica, sans-serif;
	color:#828385;
	background:#d0d1d3;
}

/*
-------------------- GENERAL --------------------
*/


p {
	margin:0;
	padding-bottom:10px;
	line-height:1.4em;
}

p.left {
	text-align:left;
	background:none;
}

p.centre {
	text-align:centre;
}

p.right {
	text-align:right;
	background:none;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
	background:none;
	border:none;
}

.clear-both {
	clear:both;
}

.clear-left {
	clear:left;
}

.clear-right {
	clear:right;
}



p.centre {
	text-align:center;
}

.emphasis {
	font-style:italic;
}

.strong {
	font-weight:700;
}

.notice {
	font-weight:700;
	color:#184286;
}

.underline {
	background:transparent url(../images/groove.gif) left bottom repeat-x;
}

.underline-top {
	background:transparent url(../images/groove-top.gif) left bottom repeat-x;
}


img {
	padding:0;
	margin:0;
}


img.right {
	float:right;
	margin:0 0 10px 12px;
	padding:0;
}

img.left {
	float:left;
	margin:0 12px 10px 0;
	padding:0;
}

.ctr_image {
	padding:0;
	margin:10px auto;
}

h1, h2, h3, h4, h5 {
	margin:0 0 10px;
	padding:0 0 10px 0;
	color:#fff;
	font-weight:700;
}

h1 {
	padding:0;
	font-size:1.9em;	
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.4em;
	font-weight:400;
}

h4 {
	padding-bottom:0;
	font-size:1.1em;
	font-weight:700;
}

h5 {
	padding-bottom:0;
	font-size:1.0em;
	font-weight:700;
}

.content-container ul, #content-panel .content ul {
	margin:0;
	padding:0;
}

#content-panel .content ul {
	margin:0 0 10px 5px;
}

.content-container ul li, #content-panel .content ul li {
	margin:0 0 0 15px;
	padding:0;
	line-height:1.5em;
}

a img {
	border:none;
}

a:link, a:visited, a:active {
	color:#383838;
	text-decoration:underline;
}

a:hover, a:focus {
	color:#383838;
	text-decoration:none;
}

form {
}

	fieldset {
		margin:0;
		padding:0;
		border:none;
	}
	
	form .field {
		clear:both;
		padding:0;
		margin:8px 0;
		width:100%;
		float:left;
	}
	
	form .field .text, form .field .textarea {
		margin:0;
		padding:0 0 0 1px;
		float:left;
		background:#d0d1d3 url(../images/form-input-bg.gif) left top no-repeat;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border:none;
	}
	
	form .field label {
		display:block;
		margin:0 10px 0 0;
		float:left;
		color:#fff;
		font-weight:700;
	}
	

/*
-------------------- LAYOUT -------------------- */


#wrapper {
	margin:0 auto;
	paddding:0;
	width:980px;
	background:transparent url(../images/content-container-repeater.gif) center top repeat-y;
}
#wrapper #header {
	margin:0;
	padding:0;
	background:transparent url(../images/header-top.jpg) center top no-repeat;
}

	#header .content {
		margin:0 auto;
		padding:0;
		width:960px;
		height:157px;
		background:#000 url(../images/header-top.jpg) center top no-repeat;
	}

	#wrapper #header h1 {
		display:block;
		margin:0 0 0 38px;
		padding:0;
		width:460px;
		height:157px;
		background:#000 url(../images/logo.jpg) left top no-repeat;
	}
	
		#header h1 span {
			display:none;
		}

#wrapper.alt #header .content {
	height:122px;
	border-bottom:1px solid #49494a;
}

	#wrapper.alt #header h1 {
		height:60px;
		background:#000 url(../images/logo-alt.jpg) left top no-repeat;
	}

img.full-hr {
	display:block;
	margin:0 auto;
}

.media-panel {
}

#wrapper.alt #content-container .media-panel {
        padding-top:20px;
}


#wrapper #content-container {
	margin:0 auto;
	padding:0;
	width:960px;
	font-size:1.1em;
	background:#000;
}

#wrapper.alt #content-container {	
	border-top:1px solid #e5e6e8;
	background:#fff url(../images/content-container-bg-alt.gif) left top repeat-x;
}

/* ---------- PAGE COLUMNS ---------- */

#col-one {
	margin:0;
	width:354px;
	float:left;
}

	
	
#col-two {
	margin:0;
	padding:0;
	width:606px;
	float:left;
}

	#whats-new {
	}
	
	#col-two .content {
		margin:0;
		padding:40px 5px 0 15px;
	}
	
	.col {
		margin:0;
		padding:0 33px 0 0;
		width:258px;
		float:left;
	}

	#global-nav {
	}
	
		#global-nav ul {
			margin:0;
			padding:0;
			height:52px;
		}
	
			#global-nav li {
				display:inline;
				line-height:52px;
			}
			
			#global-nav li a {
				margin:0;
				padding:0 18px;
				color:#828385;
				font-size:1.2em;
				font-weight:bold;
			}
			
			#global-nav li a:link, #global-nav li a:visited, #global-nav li a:active {
				color:#828385;
				text-decoration:none;
			}
			
			#global-nav li a:hover, #global-nav li a:focus {
				color:#fff;
				text-decoration:none;
				
			}
			
	#wrapper.alt #global-nav {
		margin-left:160px;
	}
			
			
			

/* ---------- ASIDE ----------- */

.aside {
}


/* ---------- CONTENT ---------- */

#wrapper.alt #content-container .content {
	padding:15px;
	text-align:right;
}


/* ---------- FOOTER ---------- */
	
#footer {
	clear:both;
	margin:0 auto;
	padding:0;
	background:#d0d1d3 url(../images/content-container-btm1.jpg) center top no-repeat;
}

#wrapper #footer .content {
	margin:0 auto;
	padding:33px 50px 0 10px;
	width:900px;
	color:#86878a;
	text-align:right;
	background:#d0d1d3 url(../images/content-container-btm1.jpg) center top no-repeat;
}

#wrapper.alt #footer .content {
	background:#d0d1d3 url(../images/content-container-btm2.jpg) center top no-repeat;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color:#86878a;
	text-decoration:none;
}

#footer a:hover, #footer a:focus {
	color:#626365;
	text-decoration:underline;
}

/* ---------- CONTACT FORM ---------- */

form#contact-form fieldset {
	margin-bottom:20px;
}

form#contact-form h4 {
	color:#af272d;
}

form#contact-form label {
	width:9em;
}

form#contact-form label.short {
	width:6em;
}

form#contact-form .text {
	margin-right:30px;
	width:12em;
}

form#contact-form .textarea {
	width:429px;
	height:69px;
}

form#contact-form .submit {
	display:block;
	margin-right:44px;
	float:right;
}

p.contact-details strong {
	color:#fff;
}
	
	
/* ---------- LOGIN FORM ---------- */

form .checkbox label {
	width:154px;
	font-weight:400;
}

form .checkbox input {
	margin:0;
	padding:0;
	vertical-align:middle;
}

form .Actions input {
	margin:10px 0 0 200px;
}

form .Actions #ForgotPassword {
	margin:10px 0 0 0;
	padding:0;
	text-align:right;
}

.clear {
    clear:both;
}


/* ---------- Products page additional styles... ---------- */

.brands {
    width:810px;
    padding:20px 75px;
}

.brands .brand {
    width:168px;
    height:100px;
    float:left;
}

.brands .brand .brand_inner {
    position:relative;
    text-align:center;
}

.brands .brand .brand_inner .logo {
    width:168px;
    height:100px;
    position:absolute;
    top:0px;
    left:0px;
    z-index: 200;
}

.brands .brand .brand_inner .logo img {
    border:none;
}

.brands .brand .brand_inner .overlay {
    width:148px;
    height:80px;
    position:absolute;
    top:0px;
    left:0px;
    z-index: 10;
    background-color: #777;
    padding:10px;
}

.brands .brand .brand_inner .overlay .link {

}

.brands .brand .brand_inner .overlay .link a {
    color:#fff;
    text-decoration: none;
    display:block;
    width:128px;
    height:40px;
    background-color: #444;
    padding:20px 10px;
}

.content h3 {
    padding-bottom:10px;
    margin-bottom:0px;
}

.news_sidebar {
    float:right;
    width:200px;
    padding:0px 50px 0px 0px;
}

.news_sidebar .heading {
    font-weight: bold;
    padding:0px 0px 5px 0px;
    margin:0px 0px 7px 0px;
    border-bottom:1px solid #444;
}

.news_sidebar .post {
    padding:0px 0px 7px 0px;
    margin:0px 0px 7px 0px;
    border-bottom:1px solid #222;
}

.news_sidebar .post a {
    display:block;
    color:#828385;
    text-decoration: none;
}

.news_sidebar .cur_post a {
    display:block;
    color:#ffffff !important;
    text-decoration: none;
}

.news_sidebar .post a:hover {
    text-decoration:underline;
}

.news_sidebar .post a .title {
    display:block;
    font-weight:bold;
}

.news_sidebar .post a .date {
    display:block;
    font-style:italic;
    font-size:9px;
}

.opts {
    font-weight: bold;
    text-align:center;
    padding:10px 0px 0px 0px;
    margin:5px 0px 0px 0px;
    color:#ffffff;
}

.opts a {
    color:#ffffff;
}

.news_display {
    min-height:400px;
}

.news_display h2 {
    font-weight:normal;
    padding:0px 0px 5px 0px;
    margin:0px 0px 0px 0px;
}

.news_display .date {
    font-style: italic;
    display:block;
    padding:0px 0px 10px 0px;
    margin:0px 0px 0px 0px;
}

#product {
    padding:40px 40px 10px 40px;
    min-height:360px;
}

#product h3 {
    margin-bottom:20px;
}

#product .prod_details {
    padding:0px 0px 0px 0px;
    margin:0px 200px 0px 0px;
    font-size:14px;
    color:#333333;
    line-height: 24px !important;
}

#product .prod_details p {
    line-height: 24px !important;
}

#product .prod_details .prod_img {
    padding:0px 20px 5px 0px;
    float:left;
    width:120px;
    height:120px;
}

#product .prod_downloads {
    width:180px;
    float:right;
}

#product .prod_downloads .download {
    border-bottom:1px solid #afafaf;
}

#product .prod_downloads .download a {
    display:block;
    text-decoration:none;
    padding:5px 0px 5px 0px;
}

#product .prod_downloads .download a:hover {
    display:block;
    text-decoration:underline;
}

#product .prod_downloads .heading {
    font-size:12px;
    font-weight:bold;
    padding:0px 0px 5px 0px;
    margin:0px 0px 0px 0px;
    border-bottom:1px solid #888;
    color:#333;
}

#product .prod_downloads .brand_info {
    padding:30px 0px 10px 0px;
}

#product .prod_downloads .brand a {
    text-decoration:none;
}

#product .prod_downloads .brand a:hover {
    text-decoration:underline;
}

.prod_menu {
    padding:20px 40px 20px 40px;
    height:110px;
}

.prod_menu .prod {
    width:176px;
    float:left;
    height:110px;
    position:relative;
}

.prod_menu .prod img {
    border:none;
}

.prod_menu .prod .overlay {
    position:absolute;
    padding:10px;
    background-color:#999;
    text-align:center;
    font-style:italic;
    z-index:20;
    top:0px;
    left:0px;
}

.prod_menu .prod .overlay .link {
    padding:20px 10px;
    background-color:#222;
    height:50px;
}

.prod_menu .prod .overlay .link a {
    text-decoration:none;
    color:#fff;
}

.prod_menu .prod .logo {
    position:absolute;
    z-index:200;
    top:0px;
    left:0px;
}