@charset "UTF-8";


* {
	outline:none;
	border:0;
}


.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 */


/* HTML tags */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

img {
	display: inline;
	border: 0;
}

p, label {
	margin: 0;
	padding: 0;
}

/* Main layout */
#top_panel_border {
	display: block;
	width: 979px;
	height: 328px;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 19px;
}

#logo {
	display: none;
}

#alpine_logo {
	display: block;
	padding: 15px;
	background-position: 15px;
	background-repeat: no-repeat;
	width: 247px;
	height: 61px;
}

#slides {
	height:300px;
	width:953px;
	display:none;
}

#top {
	display: block;
	width: 1011px;
	height: 7px;
	background-repeat: no-repeat;
	/* IE6 bug */
	font-size: 0;
	line-height: 0;
	position: relative;
	z-index: 4;
}

#bottom {
	display: block;
	width: 1011px;
	height: 9px;
	clear:both;
	background-repeat: no-repeat;
	/* IE6 bug */
	font-size: 0;
	line-height: 0;
	position: relative;
	z-index: 3;
}

#menu_swf {
	display: block;
	width: 100%;
	height: 100%;
}

#menu_swf_obj {
	display: block;
	width: 999px;
	height: 170px;
}

#menu {
	display: block;
	height: 35px;
	width: 100%;
	background-repeat: repeat-x;	
}

/* page elements */
#search_btn {
	background-repeat: no-repeat;
	display:inline;
	width: 34px;
	height: 21px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#content {
	background-repeat: repeat-y;
	position: relative;
	padding-bottom:2px;
	z-index: 2;
}

#main {
	display: block;
	width: 1011px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#footer, #content {
	display: block;
	width: 999px;
	height: 100%;
	padding: 0 6px 0 6px;
}

#footer {
	back
}

#top_links {
	display: block;
	position: absolute;
	top: 25px;
	right: 20px;
}

#top_links ul {
	padding: 0;
	margin: 0;
}

#top_links li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

#top_links li.no_separator {
	border-right: none;
}

#search_panel {
	font-size: 11px;
	position:absolute;
	right: 20px;
	top: 65px;
}
#footer_left {
	flo/at: left;
	width: 80%;
	color: #b4b3b3;
}
#footer_right {
	float: right;
	width: 20%;
	text-align: right;
	color: #b4b3b3;
}

#mood_panel {
	float: left;
	line-height: 16px;
}

#copyright {
	display: inline;
	width: 470px;
	float: left;
	padding-left: 15px;
}

#content_panel_top {
	display:block;
	width: 999px;
	height: 25px;
}

#content_panel_mid {
	position: absolute;
	z-index: 1;
}

#content_panel {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	z-index: 2;
	width: 935px;
	left: 30px;
	min-height: 400px;
	/* below IE6 hack */
	height:auto !important;
  	height:400px;
}

#content_panel h3, h4 {
	font-size: 13px;
	color: #0099DE;
	font-weight: bold;
	clear:both;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#content_panel h4 {
	font-size: 12px;
	font-weight: normal;
}

#content_panel h4 a{
	color: #0280b7;
}


#content_panel h5 {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	font-style:italic;
	margin-top:20px;
}

#content_panel h5 a{
	color: #0280b7;
}


#content_panel p, #content_panel label {
	font-size: 11px;
	padding-bottom: 5px;
}

#content_panel a {
	color: #0280b7;
	text-decoration: none;
}

#content_panel a:hover {
	color: #ffffff;
}

#content_panel_btm {
	display:block;
	width: 999px;
	height: 27px;
}

/* common elements */

#search_btn {
	border: 0;
	font-size: 0;
	line-height: 0;
}

/* menu specific */
#menu ul {
	margin: 0;
	padding: 0;
	display: block;
	float: right;
	position: relative;
	top: 10px;
}
#menu li, #menu a{
	display: block;
	float: left;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	height: 25px;
}

#product_btn {
	background-image:url(../theme/products.png);
	width: 92px;
	text-indent: 500px;
}

#systems_btn {
	background-image:url(../theme/systems.png);
	width: 92px;
	text-indent: 500px;
}

#tech_btn {
	background-image:url(../theme/technology.png);
	width: 111px;
	text-indent: 500px;
}

#support_btn {
	background-image:url(../theme/support.png);
	width: 92px;
	text-indent: 500px;
}

#demo_btn {
	background-image:url(../theme/democars.png);
	width: 105px;
	text-indent: 500px;	
}

#store_btn {
	background-image:url(../theme/store.png);
	width: 105px;
	text-indent: 500px;	
}

#legal ul, #legal li, #social ul, #social li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
	color: #009ade;
	float: left;
	line-height: 24px;
}

#social {
	float: right;	
}

#social li {
	padding: 0;
}

/* footer specific */
#facebook_btn a, .facebook_btn a {
	background-image:url(../theme/facebook_btn.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	padding: 3px;
	font-size: 0;
	overflow: hidden;
	text-indent: 50px;
}

#facebook_btn a:hover, .facebook_btn a:hover {
	background-image:url(../theme/facebook_btn_over.gif);
}


#twitter_btn a:hover, .twitter_btn a:hover {
	background-image:url(../theme/twitter_btn_over.gif);
}

#youtube_btn a:hover, .youtube_btn a:hover {
	background-image:url(../theme/utube_btn_over.gif);
}
#twitter_btn a, .twitter_btn a {
	background-image:url(../theme/twitter_btn.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	padding: 3px;
	font-size: 0;
	overflow: hidden;
	text-indent: 50px;
}

#youtube_btn a, .youtube_btn a {
	background-image:url(../theme/utube_btn.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	padding: 3px;
	font-size: 0;
	overflow: hidden;
	text-indent: 50px;
}

.theme_button {
	cursor: pointer;
}

#footer_left a{
	color: #009ade;
}

#close {
	cursor: pointer;
	background-image: url(../images/pop_close.png);
	width: 61px;
	height: 61px;
}


/***********************************NEW STYLES*************************************/
/**********************************************************************************/
/************************ Add for changes as at 13/04/2011 *********************** /
/**********************************************************************************/
/**********************************************************************************/

.homeLeft {
	width: 610px;
	height:100%;
	float:left;
}

.homeRight {
	width: 380px;
	height:100%;
	float:left;
}

.systems {
	margin:0px 9px 0px 9px;
	padding-top:2px;
	background:#FFF url(../images/newImages/x1-bg.png) repeat-x;
}

.systemsLeft {
	width:450px;	
	height:100%;
	float:left;
}

.systemsRight {
	width:520px;	
	height:100%;
	float:left;
}

.x1VideoFeed {
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	background:transparent url(../images/newImages/x1PanelBg.png) 0px 48px repeat-x;
	width:442px;
}

.x1VideoFeed .video {
	margin:0 auto;	
	text-align:center;
	padding-bottom:6px;
	position:relative;
	padding-top:10px;
	z-index:1;
}

.comments {
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	background:transparent url(../images/newImages/x1PanelBg.png) 0px 48px repeat-x;
	text-align:center;
	width:529px;
}

#fb-commentor {
	height:300px;
	overflow-y:scroll;
}

#whats_new {
	width: 600px;
	/*height: 394px;*/
	background:transparent url(../images/newImages/whats-new-alpine.png) 0px 0px no-repeat;
	color:#333;
}

#whats_new_img {
	padding-left: 9px;
}

#whats_new .inner {
	padding:0px 0px 20px 10px;
	clear:both;
	overflow:hidden;
}

#whats_new .inner .newsFeed {
	height:410px;
	background:#e4e3e1;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:scroll;
}

#whats_new .inner .newsFeed .newsItem {
	padding:10px;
	margin:10px 10px 0px 10px;
	background:#f5f5f5;
	border:1px solid #FFF;
}

#whats_new .inner .newsFeed .newsItem .left {
	width:25%;
	float:left;
}

#whats_new .inner .newsFeed .newsItem .right {
	width:73%;
	float:left;
}

#whats_new .inner .newsFeed .newsItem .left img {
	border:1px solid #FFF;
}

#whats_new .inner .newsFeed .newsItem .right abbr {
	color:#000;
	font-weight:bold;
	font-size:11px;
	display:block;
	padding-bottom:4px;
	border:0;
}

#whats_new .inner .newsFeed .newsItem .right span {
	font-style:italic;
	font-size:10px;
	padding-bottom:10px;
	display:block;
	clear:both;
	color:#333;
}

#whats_new .inner .newsFeed .newsItem .right h3 {
	margin-top:0;
	padding-top:0;
}

#whats_new .inner .newsFeed .newsItem .right a {
	color:#3f3f3f;
	text-decoration:none;	
	font-weight:bold;
}

#whats_new .inner .newsFeed .newsItem .right a:hover {
	color:#000;
}

#whats_new .inner .newsFeed .newsItem .right p {
	color:#333;
	font-size:11px;
	display:block;
}

#whats_new .inner .newsFeed .thumb .end,
#whats_new .inner .newsFeed .thumb { background-color: #131313; }
#whats_new .inner .newsFeed .scrollbar { position: relative; float: right; width: 22px; }
#whats_new .inner .newsFeed .track { background-color: #131313; height: 100%; width:13px; position: relative; padding: 0 1px; }
#whats_new .inner .newsFeed .thumb { height: 29px; width: 22px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background:transparent url(images/scrollbar.png) no-repeat; }
#whats_new .inner .newsFeed .thumb .end { overflow: hidden; height: 29px; width: 22px; background:transparent url(images/scrollbarTop.png) no-repeat; }
#whats_new .inner .newsFeed .disable{ display: none; }

a.rss {
	padding:6px 12px 8px 26px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	display:block;
	float:right;
	background:transparent url(../images/newImages/rssIcon.png) 0px 3px no-repeat;
}

a.rss:hover {
	color:#F90
}

/*
.homeBadges {
	width:302px;
	height:127px;
	float:left;
}*/

.homeBadges {
	width:380px;
}

.homeBadges a {
	padding-bottom:5px;
	display:block;
}

.homeBadges .enewsSubscribe {
	height:107px;
	width:365px;
	background:transparent url(../images/newImages/badges/subscribe.png) 0px 0px no-repeat;
	display:block;
}

.homeBadges .enewsSubscribe p {
	padding:42px 0px 0px 23px;
	margin:0;
	display:block;
	clear:both;
}

.homeBadges .enewsSubscribe p input {
	width:120px;
	padding:4px 3px 3px 6px;
	font-size:11px;
	background:none;
	float:left;
	color:#FFF;
}


.homeBadges .enewsSubscribe p input.name {
	width:80px;
}


.homeBadges .enewsSubscribe p input.email {
	width:160px;
}


.homeBadges .enewsSubscribe p .eNewsSubmit {
	float:left;
	width:65px;
	height:21px;
	border:0;
	padding:0px;
}

#whats_new .inner .newsFeed .right .newsShare span {
	padding-bottom:0;	
}

#whats_new .inner .newsFeed .right .newsShare {
	padding-top:8px;
}

#become_member_field {
	clear:both;
	padding:5px 0px 0px 20px;	
	display:block;
	color:#333;
}
#become_member_field input {
	width:16px;
	height:16px;
	background:none;
	border:0;
	color:#FFF;
	display:inline;
}

#become_member_field label {
	padding-top:6px;
	display:block;
	color:#fff
	
}

#socialBadges {
	width: 651px;
	height: 144px;
	color:#333;
}

#socialBadges .inner {
	padding-left:10px;
}

#socialBadges .inner .links {
	background:#e4e3e1;
	padding:25px 0px 16px 17px;
}


/****************/

.badgeLeft {
	width:302px;
	height:127px;
	background:transparent url(../images/newImages/badgeOn.png) 0px 0px no-repeat;
	float:left;
}

.badgeLeft a {
	width:302px;
	height:127px;
	background:transparent url(../images/newImages/badgeOn.png) 0px 0px no-repeat;
	float:left;
	position: absolute;
	text-decoration:none;
	outline:none;
	border:none;
}

.badgeLeft div {
	width:302px;
	height:127px;
	background:transparent url(../images/newImages/badgeOff.png) 0px 0px no-repeat;
}

.badgeLeft a:hover {
	background:none;
}

.badgeLeft a abbr {
	padding:13px 0px 0px 25px;
	margin:0px;
	font-size:17px;
	font-family:"NeoSans", Verdana, Geneva, sans-serif;
	font-weight:400;
	color:#FFF;
	display:block;
	outline:none;
	border:none;
	position:absolute;
	z-index:100;
}

.badgeLeft a p {
	float:left;
	display:block;
	position:absolute;
	z-index:90;
	outline:none;
	border:none;
}

/***********************/

.badgeGo {
	width:302px;
	height:127px;
	background:transparent url(../images/newImages/badgeGoOn.png) 0px 0px no-repeat;
	float:left;
}

.badgeGo a {
	width:302px;
	height:127px;
	background:transparent url(../images/newImages/badgeGoOn.png) 0px 0px no-repeat;
	float:left;
	position: absolute;
	text-decoration:none;
	border:none;
	outline:none;
}

.badgeGo div {
	width:302px;
	height:127px;
	background:transparent url(../images/newImages/badgeGoOff.png) 0px 0px no-repeat;
}

.badgeGo a:hover {
	background:none;
}

.badgeGo a abbr {
	padding:13px 0px 0px 25px;
	margin:0px;
	font-size:17px;
	font-family:"NeoSans", Verdana, Geneva, sans-serif;
	font-weight:400;
	color:#FFF;
	display:block;
	outline:none;
	border:none;
	position:absolute;
	z-index:100;
}

.badgeGo a p {
	float:left;
	display:block;
	position:absolute;
	outline:none;
	z-index:90;
}

/********************************/

#tab1 { }
#tab2 { left: 257px }
#tab3 { left: 502px }
#tab4 { left: 750px }

.offerTabs {
	height:22px;
	width:100%;
	background:transparent url(../images/newImages/tabShadows.png) no-repeat;
	position:relative;
}

.offerTabs .tab {
	width:236px;
	height:177px;
	position:absolute;
	overflow:hidden;
	z-index:100;
	top:-174px;
	outline:none;
	left:11px;
}

.offerTabs .tab .inner{
	width:236px;
	height:177px;
	position:relative;
	z-index:100;
	margin:0px;
	margin-top:130px;
	background:transparent url(../images/newImages/tabBg.png) 0px 0px no-repeat;
	left:0px;
	outline:none;
	border:none;
	behavior: url("iepngfix.htc");
}

.offerTabs .tab  .inner a {
	display:block;
	outline:none;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
}

.offerTabs .tab  .inner a abbr {
	padding:18px 0px 3px 30px;
	margin:0px;
	font-size:14px;
	font-family:"NeoSans", Verdana, Geneva, sans-serif;
	font-weight:400;
	color:#FFF;
	display:block;
	outline:none;
	text-decoration:none;
	border:0;
	z-index:110;
}

.offerTabs .tab .inner a p {
	float:left;
	display:block;
	outline:none;
	margin:0px;
	border:none;
	z-index:120;
	height:104px;
	text-decoration:none;
}

.offerTabs .tab .inner a p img {
	padding-left:4px;
}

.offerTabs .tab  .inner a span {
	padding:3px 10px 0px 43px;
	margin:0px;
	font-size:14px;
	font-family:"NeoSans", Verdana, Geneva, sans-serif;
	font-weight:400;
	color:#FFF;
	display:block;
	text-align:right;
	text-decoration:none;
	outline:none;
	border:none;
	z-index:110;
}


.footertop {
	background:transparent url(../theme/top.png) 0px 0px no-repeat;	
	width:1011px;
	height:7px;
}

.footerbottom {
	background:transparent url(../theme/bottom.png) 0px 0px no-repeat;	
	width:1011px;
	height:7px;
}

.footer {
	color: #b4b3b3;
	padding:20px 40px 30px 40px;
	clear:both;
	background:transparent url(../theme/body_w.png) 0px 0px repeat-y;
}

.footer .fifth {
	width:20%;
	float:left;
}

.footer .fifth h4 {
	color: #999;
	font-size:16px;
	padding-bottom:14px;
}

.footer .fifth ul, .footer .fifth ul li {
	padding:0;
	margin:0;
	list-style:none;
}

.footer .fifth ul li a {
	font-size:11px;
	color: #b4b3b3;
	text-decoration:none;
	display:block;
	line-height:1.5em;
}

.footer .fifth ul li a:hover {
	color: #979696;
}

a.footerFB, a.footerYT, a.footerTwitter {
	font-size:11px;
	color: #b4b3b3;
	text-decoration:none;
	display:block;
	background:transparent url(../images/newImages/facebookIcon.png) 0px 0px no-repeat;
	width:180px;
	height:34px;
	overflow:hidden;
	text-align:left;
	text-indent:-999px;
}

a.footerFB:hover, a.footerYT:hover, a.footerTwitter:hover {
	background:transparent url(../images/newImages/facebookIcon.png) 0px -34px no-repeat;
	color: #979696;
}

a.footerYT {
	background:transparent url(../images/newImages/youtubeIcon.png) 0px 0px no-repeat;
}

a.footerYT:hover {
	background:transparent url(../images/newImages/youtubeIcon.png) 0px -34px no-repeat;
}

a.footerTwitter {
	background:transparent url(../images/newImages/twitterIcon.png) 0px 0px no-repeat;
}

a.footerTwitter:hover {
	background:transparent url(../images/newImages/twitterIcon.png) 0px -34px no-repeat;
}


.socialShare {
	height:85px;	
}

.socialShare div.shareThis {
	display:block;
	width:680px;
	float:left;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

.socialShare div.addThis {
	display:block;
	width:110px;
	float:left;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}
	
.socialShare div.shareThis p, .socialShare div.addThis p {
	margin:0;
	padding:0px 0px 5px 0px;
	display:block;
}

.likeButton {
	padding:5px 7px 5px 20px;	
}

.errorbox {
	color:#FF0000;	
}