body, html {

    margin: 0;
    padding: 0;

}

h1 {
   
    font-size: 26px;
    font-weight: bold;
    color: #282828;
    margin: 0;
}

h2 {
   
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0;
}

h3 {
   
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 0;
}

h4 {
   
    font-size: 12px;
    font-weight: normal;
    color: #7a7a7a;
    margin: 0;
}

h5 {
   
    font-size: 11px;
    font-weight: normal;
    color: #7a7a7a;
    margin: 0;
}

p {
   
    font-size: 14px;
    color: #7a7a7a;
    margin: 0;
}



a, a:visited {
	text-decoration: none;
	color: #282828;
}

a:hover {
	color: #1892d7;

}

#MainDiv {
   margin-bottom: 20px !important;
}

/*Showcase*/

.Showcase {
    
	background-image: url(Images/showcase_siteremote_gfx.png);
	height: 298px;
	width: 740px;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
}

/*Reference Gallery*/

.ShowcaseBottom {
    
	background-image: url(Images/showcase_bottom_siteremote_gfx.png);
	height: 134px;
	width: 740px;
	overflow: hidden;
	text-align: center;
}

.ShowcaseBottom p {
    
	color: white;
	position: relative;
	overflow: hidden;
	margin: 15px 0 0 0;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
}

.ShowcaseBottomRefLink {
    
	color: white;
	position: relative;
	overflow: hidden;
	margin: -14px 20px 0 0;
	font-weight: bold;
	text-decoration: none;
	float: right;
}

.ShowcaseBottomRefLink:hover, .ShowcaseBottomRefLink:visited {
    
	color: white;
	text-decoration: none;
	opacity: 0.7;
}

.prettyGalleryContainer {
	clear: both;
	float: left;
	margin: 10px 0 0 50px;
}
	
.prettyGalleryContainer a:focus { outline: none; }

.prettyGalleryContainer img { border: 0; }

.prettyGalleryContainer ul {
	margin: 0;
	padding: 0;
}

.prettyGalleryContainer ul li {
	display: block;
	float: left;
}
		
.prettyGalleryContainer ul li a,
.prettyGalleryContainer ul li a img { display: block; }

.prettyGalleryBackground {
	background: url(../images/prettyGallery/content_background.png) top left repeat;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 0 10px 0;
}

.pp_alignleft { float: left; }
.pp_alignright { float: right; }
.pp_aligncenter { margin: 0 auto; }

		
.pg_paging .pg_previous {
	
	background: url(../images/references/ref_arrow_left_btn.png) top left no-repeat;
	display: block;
	height: 21px;
	margin: 15px 0 0 -30px;
	overflow: hidden;
	text-indent: -10000px;
	width: 11px;
	position: absolute;
	z-index: 1;
}

.pg_paging a {
	
	height: 21px;
}

.pg_paging .pg_previous:hover { background-position: 0 -21px; }
		
.pg_paging .pg_next {
	
	background: url(../images/references/ref_arrow_right_btn.png) top right no-repeat;
	display: block;
	height: 21px;
	margin: 15px 0 0 660px;
	overflow: hidden;
	text-indent: -10000px;
	width: 11px;
	position: absolute;
	z-index: 1;

}

.pg_paging .pg_next:hover { background-position: 0 -21px; }
		
.pg_paging li { text-align: center; }
		
.pg_pages {
	background: url(../images/prettyGallery/pagingBackgroundLeft.png) top left no-repeat;
	float: left;
	padding-left: 8px;
}
	
.pg_pages ul {
	background: url(../images/prettyGallery/pagingBackgroundRight.png) top right no-repeat;
	float: left;
	height: 15px;
	padding-right: 9px;
}

.pg_pages ul li { line-height: 15px; }
			
.pg_pages ul li.selected { font-weight: bold; }
		
.pg_pages a {
	color: #fff;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	padding: 2px;
}

.pg_pages a:hover { color: #c4c4c4; }
			
.pg_pages a.circle {
	display: block;
	background: url(../images/prettyGallery/pagingPageNumber.png) top left no-repeat;
	height: 8px;
	margin: 3px 1px 0 3px;
	padding: 0;
	text-indent: -10000px;
	width: 8px;
}

.pg_pages a.circle:hover,
.pg_pages .selected a.circle { background-position: bottom l;}


/*SubNavigation*/
.HvrBtn a
{
	color: #FFF !important;
	font-size: 12px !important;
}

#SRDownloadBtn.HvrBtn {
	margin: 0;
	padding: 0;
}

#SRTrialBtn.HvrBtn {
	margin-top: 40px;
	float: left;
	width: 165px;
}

#SKTrialBtn.HvrBtn {
	margin-left: 80px;
	margin-top: 23px;
	float: left;
	width: 137px;
}

#SCTrialBtn.HvrBtn {
	margin: 23px 0 0 15px;
	float: left;
	width: 137px;
}

#SRTrialBtn a, #SKTrialBtn a, #SCTrialBtn a
{
	font-size: 12px !important;
}

#SRTrialBtn td, #SKTrialBtn td, #SCTrialBtn td {
    
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding-left: 60px;
	width: 65px !important;
	vertical-align: middle;
}

#SKTrialBtn td, #SCTrialBtn td {
    
	padding-left: 55px !important;

}


#SRTrialBtn table, #SKTrialBtn table, #SCTrialBtn table {
    
	width: 130px;
}

#SRDownloadBtn {
	
	background-image:url(images/siteremote_download_btn.png);
}

#SRTrialBtn {
	
	background-image:url(images/siteremote_trial_btn.png);
}

#SKTrialBtn {
	
	background-image:url(images/sitekiosk_trial_btn.png);
}

#SCTrialBtn {
	
	background-image:url(images/sitecaster_trial_btn.png);
}

#SRBuyBtn {
	
	background-image:url(images/buy_btn.png);
}

#SRFlyerBtn {
	
	background-image:url(images/siteremote_flyer_btn.png);
}

.SRSocialBox {
	
	background-image: url(images/siteremote_social_box_gfx.png);
	height: 108px;
	width: 196px;
	position: relative;
	margin-top: 8px;
}

.SRTutorialVid {
	
	background-image: url(images/sk_videotut_box_gfx.png);
	height: 108px;
	width: 196px;
	position: relative;
	margin-top: 8px;
	text-align: center;
	cursor: pointer;
}

.SRTutorialVid h3 {
	
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 10px 0 0 0;
}

.SRTutorialVidPlayBtn {
	
	width: 46px;
	height: 46px;
	background-image: url(images/siteremote_play_videotut_btn.png);
	display: block;
	margin: 10px 0 0 75px;
}

.SRTutorialVidPlayBtn:hover, #vimeo:hover .SRTutorialVidPlayBtn {
	
	background-position: bottom;
}


.SRPromoVideo
{
	background-image: url(images/sr_promo_video_gfx_2.jpg);
	height: 108px;
	width: 196px;
	position: relative;
	margin-top: 8px;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.SRPromoVideo:hover
{
	background-position: center bottom;
}

.SRPromoVideo .caption
{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding-top: 8px;
}

.SRPromoVideo .buttontext
{
	position: absolute;
	top: 52px;
	left: 68px;
	font-weight: bold;
	color: white;
	font-size: 12px;
}


/*Description*/

.desc_wrap {
    height: auto;
    width: 880px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dcdcdc;
    display: inline-block;
    padding: 35px 50px 10px 50px;
}

.desc_wrap table {
    width: 100%;
    display: inline-block;
    margin: 30px 0px
}

.desc_pic {
    width: 55px;
    text-align: center;
}

.desc_txt {
    width: 800px;
    padding-left: 20px;
}

.console {
    float: left;
    margin: 18px 37px 0 0;
}

.remote_maintenance {
    float: left;
    margin: 6px 20px 0 0;
}

.remote_cms {
    float: left;
    margin: 6px 24px 0 5px;
}

.stat {
    float: left;
    margin: 18px 37px 0 0;
}

.feature_txt {
    display: inline-block;
}

.feature_txt p {
    margin: 10px 0 0 0;
}



/*Gallery*/

.screen_wrap {
   
    height: 150px;
    width: 880px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dcdcdc;
    padding: 35px 50px;

}

.screen_frame { 
    
    width: 164px;
    height: 128px;
    display: block;
    background: url(images/screens_frame_gfx.png) top left no-repeat;
    margin: 0 15px 0 0;
    text-align: center;
    float: left;
}

.screen_frame img { 
    
    margin: 10px;
}

.screen_zoom { 
    
    width: 22px;
    height: 22px;
    background: url(images/screen_zoom_btn.png) top left no-repeat;
    position: absolute;
}

.screen_thumb .screen_zoom { 
    
    margin: -30px 0 0 136px;
    display: block;
}

.screen_zoom:hover { 
    
    background-position: left bottom;
}

.screen_thumb:hover .screen_zoom { 
    
    background-position: left bottom;
}

.screen_frame p { 
    
    font-size: 12px;
    color: #7a7a7a;
    margin: 7px 0 0 0;
}

.clear_space { 
    
    padding: 0;
    margin: 0;
}

/*Tooltip*/

.tooltip {
	display: none;
	text-align: center;
	font-size:11px;
	color:#fff;
	position: absolute;
	z-index: 1000;
}

.tooltip_top {
    background: url(images/tooltip_gfx.png) 0px 0px;
	width:288px;
	height: 13px;
}

.tooltip_bg {
	background: url(images/tooltip_middle_gfx.png);
	padding: 0px 14px 0px 13px;
	width:261px;
}

.tooltip_bottom {
    background: url(images/tooltip_gfx.png) 0px -16px;
	width:288px;
	height: 37px;
}

.tooltip_content p {
    
	font-size: 11px;
	margin: 10px 0 0 0;
}

#fancybox-content p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.tooltip_link {
    
	cursor: pointer;
}

.tooltip_link:hover
{
	text-decoration: underline;
}

/*Step by Step*/

.stepbystep_wrap {
   
    height: 665px;
    width: 880px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dcdcdc;
    display: inline-block;
    padding: 35px 50px;
}

.first_step {
   
    height: 180px;
    width: 240px;
    margin: 30px 0 0 0;
    float: left;
}

.first_step .screen_zoom, .second_step .screen_zoom, .third_step .screen_zoom, .fourth_step .screen_zoom, .fifth_step .screen_zoom { 
    
    margin: 1px 0 0 5px;
}

h2:hover .screen_zoom { 
    
    background-position: left bottom;
}

.first_step .arrow { 
    
    float: left;
    margin: 5px 0 0 10px;
}

.step_description { 
    
    clear: left;
    margin: 5px 0 0 0;
}

.step_description a:hover, .sr_link a:hover
{
	color: #1892d7 !important;
	text-decoration: underline;
}

.step_description a, .step_description a:visited, .sr_link a, .sr_link a:visited
{
	color: #000;
}

.second_step {
   
    height: 180px;
    width: 330px;
    margin: 30px 0 0 20px;
    float: left;
}

.second_step .step_description {
    height: 45px;
}

.third_step {
   
    height: 210px;
    width: 267px;
    margin: 30px 0 0 15px;
    float: right;
}

.third_step .config_ico { 
    
    margin: 20px 0 0 80px;
    float: left;
}

.final_step {
   
    position: relative;
    float: left;
    margin: -15px 0 0 0;
}

.fourth_step {
   
    height: 120px;
    width: 420px;
    margin: 45px 20px 0 0;
    float: left;
}

.fourth_step .remote_ico { 
    
    margin: 0 20px 0 0;
    float: left;
}

.fourth_step h2, .fifth_step h2 { 
    
    margin: 25px 0 0 0;
}

.fourth_step .step_description, .fifth_step .step_description  { 
    
    clear: none;
}

.fifth_step {
   
    height: 120px;
    width: 410px;
    margin: 45px 0 0 0;
    float: right;
}

.fifth_step .digitalsignage_ico { 
    
    margin: 25px 20px 0 0;
    float: left;
}

/*Version*/

.version_wrap {
   
    width: 880px;
    /*border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dcdcdc;*/
    display: inline-block;
    padding: 35px 50px 5px 50px;
}

.version_wrap p {
   
    margin: 25px 0 0 0;
}

/*SaaS Version*/

.saas_wrap {
   
    width: 50%;
    margin: 0 0 25px 0;
    float: left;
}

.saas_header {
   
    width: 99.8%;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #dcdcdc;
    display: block;
    margin: 30px 0 0 0;
    float: left;
}

.saas_pack {
   
    margin: 0 40px 30px 60px;
    float: left;
}

.saas_header h1 {
   
    margin: 30px 0 0 0;
}

.version_buy_btn {
   
    width: 112px;
    height: 27px;
    background: url(images/siteremote_version_buy_btn.png);
    float: left;
    margin: 20px 0 0 0;
    padding: 11px 55px 0 5px;
    text-align: center;
}

.version_buy_btn:hover {
   
    background-position: bottom;
}

.version_buy_btn p {
   
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: 0;
}

.saas_grey_column {
   
    background: #fafafa;
    width: 100.5%;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #dcdcdc;
    clear: both;
	
}

.saas_white_column {
   
    background: #fff;
    width: 100.5%;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #dcdcdc;
    clear: both;
	
}

//*

.saas_white_column, .saas_grey_column {
   
    height: 180px;
	
} *//

.saas_white_column_end {
   
    background: #fff;
    width: 100.5%;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #dcdcdc;
    clear: both;
	
}

.saas_column_img_td {
   
    width: 80px;
    text-align: center;
}

.saas_column_txt_td {
   
    padding: 25px 20px 25px 0;

}

.line1 {
   
    height: 130px;

}

.line2 {
   
    height: 115px;

}

.line3 {
   
    height: 180px;

}

.line4 {
   
    height: 130px;

}

.line5 {
   
    height: 165px;

}

.line6 {
   
    height: 215px;

}


.saas_grey_column p, .saas_white_column p, .saas_white_column_end p   {
   
    margin: 10px 0 0 0;
}

.saas_flyer_btn {
   
    width: 151px;
    height: 32px;
    background: url(images/siteremote_saas_btn.png);
    float: left;
    padding: 14px 0 16px 60px;
}

.saas_flyer_btn:hover {
   
    background-position: bottom;
}

.saas_flyer_btn h3 {
   
    color: #fff;
    font-size: 16px;
}

.saas_flyer_btn p {
   
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

/*Server Version*/


.server_header {
   
    width: 100.3%;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #dcdcdc;
    display: block;
    margin: 30px 0 0 0;
    float: left;
}

.server_header h1 {
   
    margin: 30px 0 0 0;
}


.server_flyer_btn {
   
    width: 161px;
    height: 32px;
    background: url(images/siteremote_server_btn.png);
    float: left;
    padding: 14px 0 16px 60px;
}

.server_flyer_btn:hover {
   
    background-position: bottom;
}

.server_flyer_btn h3 {
   
    color: #fff;
    font-size: 16px;
}

.server_flyer_btn p {
   
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

/*Tabs*/

.srtabs {
   
    height: 43px;
    width: 980px;
    clear: both;
    text-align: center;
    background: url(../sitekiosk/images/tab_bg_gfx.png) 0 0;
    overflow: hidden;
    padding: 20px 0 0 0;
    margin: 15px 0 0 0;
}

.srtabs li { 
    
    display: inline;
}

.srtabs li a {
    
    text-decoration: none; 
    color: #7a7a7a; 
    font-size: 28px;
    padding: 20px 34px 17px 34px;
}

.srtabs li a:hover {
    
    color: #1d9dde; 
}


.srtabs li.active a {
    
    background: url(images/sr_tab_active_gfx.png) top left no-repeat;
    color: #1d9dde; 
    font-size: 28px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

.srtabs li a span {
    
    padding: 0 5px 0 7px;
}


.cloud_icon {
    
    display: inline-block;
    margin: 0 12px -3px 0;
}

.server_icon {
    
    display: inline-block;
    margin: 0 14px -3px 3px;
}

.trademark {
    
    padding: 0  !important;
    font-size: 18px;
    margin: 2px 0 0 0;
    position: absolute
}

.content { 
    
    float: left; 
    clear: both; 
}


/*Tooltip*/

.system_wrap {
    
    width: 880px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dcdcdc;
    display: inline-block;
    padding: 35px 50px;
}

.system_content_left {
    width: 45%;
    display: inline-block;
	float: left;
	margin: 10px 0 0 0;
}

.system_content_right {
   
    width: 45%;
    display: inline-block;
	float: right;
	margin: 10px 0 0 0;
}


.system_wrap .threecolumn , .system_wrap .threecolumn {
    width: 33% !important;
}

.system_content_left h2, .system_content_right h2 {
   
    font-size: 14px;
    padding: 20px 0 5px 0;
}

.system_content_left p, .system_content_right p {
   
    font-size: 12px;
}

.system_content_left .small {
   
    font-size: 11px;
    font-style: italic;
    margin: 5px 0 0 0;
}

.system_limit_wrap {
    
	width: 350px;
	height: 100px;
	display: block;
	border: 1px solid #d5d5d5;
	margin: 20px 0 0 0;
	padding: 20px;
	behavior: url(../scripts/pie.htc);
	border-radius: 6px;
	position: relative;
	background: -moz-linear-gradient(#fcfcfc, #f5f5f5);
	background: -webkit-linear-gradient(#fcfcfc, #f5f5f5);
	-pie-background: linear-gradient(#fcfcfc, #f5f5f5);
}

.system_limit_wrap li {
    
	font-size: 12px;
	color: #7a7a7a;
	margin: 5px 0 0 15px;
	list-style-type: disc;
}

.system_limit_wrap h2 {
    
	margin: 0 0 15px 0;
	padding: 0;
}


.download_wrap {
   
    width: 880px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dcdcdc;
    display: inline-block;
    padding: 35px 50px 30px 50px;
    margin:  0 0 14px 0;
}

.download_big_left_btn {
   
    width: 12px;
    height: 137px;
    background: url(images/siteremote_download_big_left_btn.png) no-repeat;
    display: block;
    float: left;
}

.download_big_center_btn {
   
    width: 855px;
    height: 92px;
    background: url(images/siteremote_download_big_center_btn.png);
    display: block;
    float: left;
    text-align: center;
    padding: 45px 0 0 0;
}

.download_big_right_btn {
   
    width: 12px;
    height: 137px;
    background: url(images/siteremote_download_big_right_btn.png) no-repeat;
    display: block;
    float: left;
}

.download_big_btn:hover .download_big_left_btn{
   
    background-position: bottom;
}

.download_big_btn:hover .download_big_right_btn{
   
    background-position: bottom;
}

.download_big_btn:hover .download_big_center_btn{
   
    background-position: bottom;
}

.download_big_content {
   
    display: inline-block;
    text-align: left;
}

.download_big_content img {
   
    float: left;
	margin: 0 20px 0 0;
}

.download_big_content h1 {
   
    color: #fff;
    display: inline-block;
}

.download_big_content p {
   
    color: #fff;
    display: inline-block;
    font-weight: normal;
}

.sk_keywords {
   
    margin: 30px 0 0 0;
    display: inline-block;
    line-height: 20px;
}

.sk_keywords a {
   
    font-size: 20px;
    font-weight: bold;
    color: #282828;
    margin: 0 5px 0 5px;
}

.sk_keywords a:hover {
    text-decoration: underline;
}

.CopyRTxt{
    
	padding-left: 50px;
	padding-bottom: 20px;
	font-size: 11px;
}

.FooterLnks{
    
	padding-right: 50px;
	padding-bottom: 20px;
}

.FooterLnks a{
	color: #7a7a7a;
	font-size: 11px;
}

.FooterLnks a:hover{
    
	color: #1892d7;
	text-decoration: none;
}

#MainDiv{
    
	padding: 0px !important;
	width: 980px !important;
}

.MenuContainer{
    
	padding: 16px 16px 0px 16px;
}

.more_info
{
	width: 880px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #dcdcdc;
	display: inline-block;
	padding: 20px 50px;
	text-align: center;
}

#fb-root
{
	display: none;
}

#SKDownloadBtn4, #SKDownloadBtn5
{
	width: 137px;
	display: inline-block;
	margin-left: 8px;
}

#SKDownloadBtn4
{
	background-image: url(../images/btn/sitekiosk_android_trial_btn.png);
}

#SKDownloadBtn5
{
	background-image: url(../images/btn/sitekiosk_trial_btn.png);
}

#SKDownloadBtn4 td, #SKDownloadBtn5 td
{
	padding-left: 55px;
}