@charset "UTF-8";
@import "/_inc/reset.css";
@import "/_inc/colors.css";
@import "/_inc/tweaks.css";
@import "/_inc/prettyCheckboxes.css";


/* General Cascade Styles
-------------------------------------------------------------------------*/
* { font-family: Arial, Helvetica, sans-serif; }

html {
	min-height: 100%;
	height: auto;
	}
body {
	background:url(/_img/ghost-bg.gif) bottom left no-repeat;
	behavior: url(/_inc/csshover.htc); /* WinIE behavior call */
	}
body, p { font:normal 12px Arial, Helvetica, sans-serif; color:#666; }
p { margin:0 0 10px; line-height:130%; }
a { color:#EC1A2C; text-decoration:none; }
a:hover { text-decoration:underline; }
h1 { font:bold 22px Arial, Helvetica, sans-serif; margin:10px 0; }
h2 { font:bold 18px Arial, Helvetica, sans-serif; margin:10px 0; }
h3, h3 a { font:bold 14px Arial, Helvetica, sans-serif; margin:0; color:#555; }
h4 { font:bold 13px Arial, Helvetica, sans-serif; margin:5px 0; }
h5 { font:bold 11px Arial, Helvetica, sans-serif;}
ul {}
ul li {}
form, input { margin:0; padding:0; }
del {
	font-weight:normal;
	text-decoration: line-through;
	}



/* General Class and ID Definitions
-------------------------------------------------------------------------*/
p.first { margin-top:0; }
.clear {
	font-size:0;
	margin:0 !important;
	line-height:0;
	clear:both;
	}



/* Header Section
-------------------------------------------------------------------------*/
#header {
	width:952px;
	margin:30px 0 0 0;
	padding:0;
	position:relative;
	background:url(/_img/border-top.png) bottom left no-repeat;
	}
	#logo { 
		display:block;
		width:240px;
		height:53px;
		position:absolute;
		left:10px;
		bottom:12px;
		margin:0;
		}
		#logo a { 
			display:block;
			position:relative;
			height:53px;
			}
		#logo a:hover { text-decoration:none; }
		#logo a img, #logo a h2 {
			display:block;
			position:absolute;
			top:2px;
			}
		#logo a h2 {
			font:normal 12px Helvetica, Arial, sans-serif;
			top:43px;
			margin:0;
			color:#ed1b2d;
			left:183px;
			width:150px;
			}
	#navLinks{ color:#999; font-size:11px; position:absolute; right:25px; text-align:right; top:-25px; }
	#login-block {
		width:650px;
		float:right;
		margin:0 25px 0 0;
		}
		#login-form {
			margin:0;
			padding:0;
			}
		#sign-in {
			text-align:right;
			margin:0 0 5px 0;
			float:right;
			}
		#TextBoxEmailId, #TextBoxPassword {
			border:0;
			font:normal 11px Arial, Helvetica, sans-serif;
			padding:3px 4px;
			margin:0 4px;
			width:86px;
			color:#666;
			background:url(/_img/login-box.gif) top left no-repeat;
			}
		#TextBoxEmailId { color:#999; }
		form#login-form #go {
			padding:0;
			margin:1px 0 0 10px;
			width:45px;
			height:17px;
			background:url(/_img/btn-login.gif) bottom left no-repeat;
			}
		form#login-form #go:hover { background-position:top left; }
		form#login-form #go, #TextBoxEmailId, #TextBoxPassword, form#login-form label {
			position:relative;
			display:block;
			float:left;
			clear:none;
			}
		form#login-form label {
			margin:0;
			padding:3px 0 0;
			color:#666;
			}
		#login-options {
			text-align:right;
			display:block;
			position:relative;
			float:right;
			clear:right;
			}
		#remember_label, #forgot { float:left; line-height:1.5em; text-decoration:none; padding:3px 0 0; }
		#remember_label { margin-right:10px !important; }
		#forgot { font-weight:bold; }
		#login-options a:hover { text-decoration:underline; }

	div#primary { /* tab nav */
		margin:0 21px 0 0;
		padding:0;
		}
	div#primary ul.links {
		float:right;
		clear:right;
		}
		div#primary ul.links li {
			/*width:120px;*/
			height:39px;
			margin:0 0 0 0;
			padding-left:10px;
			float:left;
			display:block;
			position:relative;	
			} /*url(/_img/tab-combined.gif) top left no-repeat;*/
			div#primary ul.links li a { background: none; color: black;}
			div#primary ul.links li a:hover { color: #666;  }
			div#primary ul.links li a.active {
				color:#ff0d31;
				background-position: 0 -79px;
				}
			div#primary ul.links li span, div#primary ul.links li a {
				text-align:center;
				text-decoration:none;
				text-transform:uppercase;
				display:block;
				position:relative;
				width:100%;
				font:bold 14px Arial, Helvetica, sans-serif;
				color:black;
				}
			div#primary ul.links li a {
				padding-top:13px;
				height:25px;
				}
#secondary, #subnav .block { margin-bottom:15px; }




/* Main Content Section
-------------------------------------------------------------------------*/
#wrapper {
	width:950px;
	margin:0 auto;
	}
#content {
	width:918px;
	padding:0 17px 5px;
	position:relative;
	background:url(/_img/border-middle.png) 1px 0 repeat-y;
	}



/* Secondary Pages' Content Section
-------------------------------------------------------------------------*/
#content-inner {
	width:910px;
	position:relative;
	}
	div.tl, div.tr, div.br, div.bl { width:4px; height:4px; position:absolute; z-index:999; }
	.inner-border, .inner-noborder {  }

	.inner-noborder { width:910px; }
	.inner-noborder div.tl { background:url(/_img/corner-tl.png) top left no-repeat; top:0; left:0; }
	.inner-noborder div.tr { background:url(/_img/corner-tr.png) top right no-repeat; top:0; right:0; }
	.inner-noborder div.br { background:url(/_img/corner-br.png) bottom right no-repeat; bottom:0; right:0; }
	.inner-noborder div.bl { background:url(/_img/corner-bl.png) bottom left no-repeat; bottom:0; left:0; }

	.inner-border { width:908px; border:1px solid #999; }
	.inner-border div.tl { background:url(/_img/corner-border-tl.png) top left no-repeat; top:0; left:0; }
	.inner-border div.tr { background:url(/_img/corner-border-tr.png) top right no-repeat; top:0; right:0; }
	.inner-border div.br { background:url(/_img/corner-border-br.png) bottom right no-repeat; bottom:0; right:0; }
	.inner-border div.bl { background:url(/_img/corner-border-bl.png) bottom left no-repeat; bottom:0; left:0; }

#page-head {
	background:url(/_img/product_banner_fpo.gif) #000 top left no-repeat;
	position:relative;
	height:101px;
	margin:0 0 30px 0;
	}
	#page-head h2 {
		color:#fff;
		position:absolute;
		bottom:10px;
		left:285px;
		margin:0;
		text-transform:lowercase;
		font:bold 26px Arial, Helvetica, sans-serif;
		}
#subnav {
	position:relative;
	float:left;
	width:245px;
	padding:0 15px 0 0;
	margin:0 0 0 5px;
	min-height:1px;
	}
	#subnav ul { margin:0; padding:0; }
	#subnav ul ul { margin:0; padding:0 0 0 10px; }
		#subnav ul li {
			margin:0;
			padding:0;
			list-style-type:none;
			list-style-image:none;
			}
			#subnav ul li a {
				display:block;
				position:relative;
				width:auto;
				padding:5px 15px;
				font:normal 12px Arial, Helvetica, sans-serif;
				}
			#subnav ul li a.active { font-weight:bold; }
			#subnav ul li a:hover, #subnav ul li a.active {
				background:#eee;
				text-decoration:none;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
				}
	#subnav div.quote { padding:0 0 0 10px; }
		div.quote p {
			font:italic 13px Arial, Helvetica, sans-serif;
			color:#999;
			}
	#subnav #sidebar-left { margin-bottom:30px; }
	#subnav div.block { margin-bottom:30px; }
#content-area {
	position:relative;
	float:left; clear:none;
	width:580px;
	min-height:300px;
	padding:0 0 0 20px;
	margin:0 0 20px 0;
	border-left:1px solid #666;
	}
#content-area a { text-shadow: #ccc 1px 1px 1px; }
#content-area ul {
	padding:0 0 0 20px;
	list-style-type:disc;
	}

#products-content { height:438px; 	background:url(/_img/products-bg.jpg) #fff bottom left repeat-x; }
	img#product-shot { position:absolute; left:50%; top:50%; margin:-140px 0 0 -210px; }
	#products-content h1 { color:#666; font-size:22px; left:255px; position:absolute; top:20px; }
	#prod-overview, #prod-simple, #prod-online, #prod-sharing, #prod-record { position:absolute; font:bold 18px Arial, Helvetica, sans-serif; color:#EC1A2C; }
	
	#prod-overview { right:700px; top:175px; }
	#prod-simple { right:700px; top:265px; }
	

	#prod-online { left:700px; top:130px; }
	#prod-sharing { left:700px; top:220px; }
	#prod-record { left:700px; top:310px; }
	#prod-link-buy:hover { background-position:top left; }

#whatDoes { bottom:10px; left:185px; position:absolute; }
#whatDoes a { display:block; float:left; margin: 0 25px; }
#whatDoes a:active {}
#whatDoes a:visited {}

#my-content { padding:0; }





//.highslide-wrapper .highslide-header a { height:18px; margin-left:5px; margin-right:10px; text-transform:capitalize; }
.highslide-wrapper .navlinks { display:block; height:18px; }
.navlinks br { display:none; }
.highslide-wrapper .highslide-header a.active { color:#000; }

div.highslide-body img.popup {
	float:left;
	margin:15px 10px 20px 0;
	}
div.highslide-body .product-detail-text {
	width:57%;
	height:310px;
	float:right;
	margin:0;
	padding:0 15px;
	border-left:1px solid #666;
	text-align:justify;
	}
div.highslide-body .product-detail-text h2 { margin-top:0; }
	div.highslide-body .product-detail-text ul { margin:10px 0; }
		div.highslide-body .product-detail-text ul li {
			list-style-type:disc;
			margin:0 0 0 15px;
			}
			
			
			
			
			
.view-content-articles .item-list ul li, .view-content-press-releases .item-list ul li { padding:0; list-style-type:none; }

#breadcrumb {
	font:bold 18px Arial, Helvetica, sans-serif;
	float:left;
	margin:0 0 0 15px;
	}
#breadcrumb a { text-decoration:none; }
#breadcrumb a:hover { text-decoration:underline; }
#breadcrumb ul li {
	display:block;
	position:relative;
	float:left;
	padding:0 5px;
	}
#breadcrumb ul li.first { padding-left:0; }
#breadcrumb ul li.delimiter:after { content:">"; }

.img-left {
	float:left;
	margin:20px 10px 20px;
	}


/* Home Page Content Section
-------------------------------------------------------------------------*/

body.front p { margin:10px 0; }
body.front #content-area {
	padding-left:0;
	border-left:none;
	width:100%;
	margin-bottom:0;
	}


body.front .center-wrapper .panel-panel .inside .panel-pane {
	background:url(/_img/callout-box-single-combined-bottom.gif) center bottom no-repeat;
	padding:0 0 20px 3px;
	}
body.front .center-wrapper .panel-panel .inside .panel-col-first { background-position:left bottom; padding-left:0; }
body.front .center-wrapper .panel-panel .inside .panel-col-last { background-position:right bottom; padding-left:8px; }
/*
body.front .center-wrapper .panel-panel {
	background:url(/_img/callout-bg.gif) #ffffff bottom left repeat-x;
	width:296px !important;
	margin:0 10px 0 0 !important;
	}
body.front .center-wrapper .panel-panel .inside {
	margin:0 !important;
	padding-bottom:3px !important;
	background:url(/_img/callout-box-single-bottom.gif) bottom left no-repeat;
	}
body.front .center-wrapper .panel-col-last { margin:0 !important; }
body.front .center-wrapper .panel-panel .inside .panel-pane {
	position:relative;
		padding:0;
		width:100%;
		height:270px;
		background:url(/_img/callout-box-single-middle.gif) top left repeat-y;
	}
*/
body.front .center-wrapper .panel-panel .inside .panel-pane .content { margin:0 15px; }
/*
body.front .center-wrapper .panel-panel .inside .panel-pane .content p { margin:10px 0; }
*/
body.front .center-wrapper .panel-panel .inside .panel-pane .content .content { margin:0; }
body.front .center-wrapper .panel-panel .inside .panel-pane .item-list ul { padding:0 !important; margin-bottom:0; }
body.front .center-wrapper .panel-panel .inside .panel-pane h2.pane-title {
	display:block;
	position:relative;
	height:27px;
	padding:7px 17px 0;
	margin:-1px 0 10px;
	color:#fff;
	font:bold 15px Arial, Helvetica, sans-serif;
	background:url(/_img/callout-box-single-top.gif) top left no-repeat;
	}
body.front .center-wrapper .panel-panel .inside .panel-pane .content .node-inner h2.title {
	display:block;
	height:0;
	padding:0;
	margin:0;
	background:none;
	}


	body.front .field-item p a,
	body.front .panel-pane p a {
		padding:4px 0 0;
		}
	body.front td.first .panel-pane p a { left:240px; }
	body.front td.last .panel-pane p a { left:855px; }
	body.front .field-item p a:hover,
	body.front .panel-pane p a:hover {
		background-position:top left;
		}





/* Footer Content Section
-------------------------------------------------------------------------*/
#footer {
	font:bold 9px Arial, Helvetica, sans-serif;
	width:918px;
	padding:0 17px;
	margin:0 0 20px 0;
	background:url(/_img/border-bottom.png) 1px 0 no-repeat;
	}
	#footer p { margin:10px 0; }
	#footer ul {
		float:left;
		margin:10px 0 0 0;
		padding:0;
		list-style-type:none;
		}
		#footer ul, #copyright { font:normal 10px Arial, Helvetica, sans-serif; }
			#footer ul li {
				float:left;
				margin:5px 10px 0 0;
				padding-right:10px;
				border-right:1px solid #999999;
				}
			#footer ul li.leaf { list-style-image:none; list-style-type:none;}
			#footer ul li.last {
				border-right:none;
				}
				#footer ul a {
					color:#EC1A2C;
					text-decoration:none;
					}
				#footer ul a:hover { text-decoration:underline; }
	#copyright {
		float:right;
		margin:5px 8px 0 0;
		color:#666;
		}
		#copyright p { font-size:10px;}

/* Override Drupal theme defaults
-------------------------------------------------------------------------*/

div.tabs {
	margin:0 auto;
	width:97%;
	border-bottom:0;
	}
ul.tabs { border:0; background:none; }
div.taxonomy {
	display:none;
	}
	
body.front .block ul, body.front .item-list ul li, body.front .center-wrapper .panel-panel .inside .panel-pane .item-list ul li {
	list-style-type:none;
	list-style-image:none;
	}
	
body.page-Xproducts #content-area,
body.page-admin-panels-panel-page-Xproducts #content-area,
body.page-vuecrew #content-area,
body.page-Xproducts #content-area {
	padding-left:0;
	border-left:none;
	width:100%;
	margin-bottom:0;
	}

body.page-Xproducts a.menu-1-1-2 {
	color:#EC1A2C !important;
	background-position: 0 -79px !important;
	}
body.page-Xproducts #content-area { xbackground:url(/_img/bg-products2.jpg) #000 top left no-repeat; }
body.page-Xproducts #content-area .content {
	width:40%;
	float:right;
	padding:30px;
	}
body.page-Xproducts #content-area .content h3 {
	font-size:24px;
	color:#fff;
	margin-top:50px;
	}
body.page-Xproducts #content-area .content p {
	font-size:24px;
	line-height:140%;
	color:#EC1A2C;
	}
body.page-Xproducts #content-area .content p.notice { font-size:14px; margin-top:30px; }


body.page-vuecrew #content-area { background:url(/_img/bg-vuecrew.jpg) #fff top left no-repeat; }
body.page-vuecrew #content-area .content {
	width:50%;
	float:right;
	padding:30px;
	}
body.page-vuecrew #content-area .content p {
	font-size:16px;
	xcolor:#fff;
	}

.view-header-press-releases {
	position:absolute;
	top:-15px;
	right:0;
	}
.form-item { margin:0 20px 0 0; }
.form-item label { display:inline; }
.webform-component-email { }
#webform-client-form-18 #edit-submit {
	display:block;
	position:relative;
	border:none;
	background:url(/_img/btn-submit.gif) bottom left no-repeat  !important;
	width:45px; height:17px;
	text-indent:100px;
	line-height:0px;
	font-size:0px;
	overflow:hidden;
	}
#webform-client-form-18 #edit-submit:hover {
	background-position:top left !important;
	cursor:pointer;
	}
body.page-vuecrew #page-head, body.page-vuecrew #subnav,
body.page-Xproducts #page-head, body.page-Xproducts #subnav
 { display:none; }