/******* SPECIFIC TO FASTSPRING *******/
.store-value-money {font-size:13px;}
.core-window {
padding-left:20px;
width:520px;
}
.store-order-price-label {width:75%; font-size:13px; color:#888888;}
.store-order-price-value {margin-left:25%}
.store-order-pricing {border-top:1px solid #bbbbbb;}
.store-action-list li {padding-left:10px;}
.store-order-item-offers {font-size:11px;clear:both;}
.store-order-item-group + .store-order-item-group, .store-page-navigation {border-top: 1px solid #bbbbbb;}
.store-order-item-base-title {font-size: 18px; font-weight:normal; margin: 0px 0px; float:none;}
.store-order-item-child-title h4 {font-size: 13px; margin: 0px 12px 0px 0px; float: left;}
.store-order-item-child-title {font-size: 13px;}
.Column35percent strong {color:#666666;}
.Column35percent a, .Column35percent a:hover {font-size:11px;}
.storeside {border-top: 1px solid #bbbbbb;border-bottom: 1px solid #bbbbbb;padding-top:5px;}
.store-notice-reseller a, .store-notice-reseller a:hover {font-size:1em;} 
.store-product-detail-description {font-size:13px;margin: 36px 0px 12px 0px;}
.store-product-detail-description strong {color: #888;}
h2.store-product-detail-title {font-size:22px;}
.store-product-option-groups h4 {font-size: 18px; font-weight:normal; margin: 12px 0px;}
.store-product-option-display {font-size: 13px;}
.store-product-option-price {color:#FFF;}
.store-product-detail-offer-title {font-size: 13px;}
.store-product-detail-pricing {float:right;margin-top: 12px;}
.store-product-item-style {font-size: 13px;}
.core-form-field-group-header {font-size: 18px; margin: 24px 0px 12px 0px;}
.store-product-option-price-original {color: #fff;}
.store-product-detail-quantity {font-size:13px; display:block; margin-top: 12px;}
.store-order-item-quantity-multiple {color:#fff;}
.store-subscription-period {float:right;margin-left: 6px;font-size: 13px;margin-bottom: 24px;}
.store-order-item-description .store-value-money-display {color:#fff;}
.store-product-option-group-description {font-size: 13px; margin-left:0;}
.store-order-action-coupon-li {font-weight:bold;}
.store-order-action-coupon .store-action-input {width:15em;}
input.store-action-input-line {width:8em;}
a#ext-gen21 {font-weight:normal;font-size:1em;margin-left: 0px;}
a#ext-gen22 {font-weight:normal;font-size:1em;}

/* New styles June 2019 */
h2.core-section-header {font-size: 16px;font-weight: bold;}
.core-form-field-required .core-form-field-label {font-weight: normal;}
tbody td, tbody th {border-bottom: none;}
table {margin-top: 10px;}
.core-form-field-label {font-size: 1.0em;}
.store-order-price.store-order-price-subtotal {margin-top: 10px;}
.core-form-field-body {margin-top: 14px;}
h3.core-form-field-group-header {font-size: 14px;}
.store-order-item-group {margin-top: 2em;font-size: 16px;}

/* From wordpress css */
#content {
background: url('images/bord_grad.png') repeat-y 570px 0px #fff;
}

ul.menuMain li.cart {
float:right;
display:block;
padding-right:2px;
}

ul.menuMain li.menufaq {
float:right;
display:block;
padding-right:2px;
}


.cartimg {
	border:none;
margin:-1px 0px 0px 10px;
vertical-align:middle;
}

input.store-action-input {
	width: 9em;
}

/* For survey styling */
.store-survey {margin-top: 50px; margin-left: 10px; font-size:13px;}

/******* FROM COMMON CSS *******/
html {background-color: #000; min-height:1200px;}

body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color: #F2F2F2;
	margin: 0;
	background-color: #000;
}

a			{font-size:13px; color: #008fd5; text-decoration:none;}
a:hover		{font-size:13px; color: #0067A0; text-decoration:underline;}

iframe {margin:0px 0px; padding:0px 0px;}

#pageWrapper {margin: 0 auto; width: 960px; background: url(images/FilmLight-Logo-Bg-New2.jpg) no-repeat top left}

 .clear {clear: both;}

:-moz-any-link {outline: medium none;}

h1, h2, h3, h4, h5 {margin: 0px 0px 12px 0px;}
p {margin: 0px 0px 12px 0px;}

p.caption {font-size:11px; font-style:italic;}

h1, h1 a, h1 a:hover	{font-size:30px; font-weight:normal; text-decoration:none;}
h2, h2 a, h2 a:hover	{font-size:26px; font-weight:normal; text-decoration:none;}
h3, h3 a, h3 a:hover	{font-size:22px; font-weight:normal; text-decoration:none;}
h4, h4 a, h4 a:hover	{font-size:18px; font-weight:normal; text-decoration:none;}
h5, h5 a, h5 a:hover	{font-size:16px; font-weight:normal; text-decoration:none;}

.black 		{color:#000;}

.blue 		{color:#00AEEF}

.blue160 	{color:#0089CF}
.blue130 	{color:#0089CF}
.blue100 	{color:#00AEEF}
.blue70 	{color:#00C0F3}
.blue40 	{color:#8ED8F8}

.gray 		{color:#6D6D6D}

.gray95 	{color:#333333}
.gray90 	{color:#3F3F3F}
.gray70 	{color:#6D6D6D}
.gray50 	{color:#939393}
.gray30 	{color:#BCBCBC}

.wp-bottom-border {padding: 10px 10px; background-color: #EBEBEC; margin:10px 0px 10px 0px;}
.widget-title {padding: 15px 0px 0px 0px;}
/******** FOOTER SECTION ********/

.footerMenu			{float:left; width: 320px; margin:10px 10px 20px 10px; display:inline;}
.footerMenu a		{color:#F2F2F2}
.footerCopyRight	{float:left;width:600px;margin:10px 10px 20px;display:inline;text-align:right}


/******** CONTAINERS ********/

.mainContainer 				{width:920px; position:relative; margin:10px 10px 20px 10px; padding: 10px 10px;}
.mainContainerBordered 		{width:920px; position:relative; margin:10px 10px 20px 10px; padding: 9px 9px; border:1px solid #fff;}

.mainContainerNoPadding		{width:940px; position:relative; margin:10px 10px 20px 10px;}
.mainContainerNoMargin		{width:920px; position:relative; padding: 10px 10px; }
.mainContainerWithMargin	{width:920px; position:relative; padding: 10px 10px; margin:0px 10px 0px 10px;}

.carouselContainer			{width:940px; position:relative; margin:0px 10px 0px 10px;}



/******** SCROLL PAGES ********/

.scrollContainer {padding: 10px 10px; }

/******** BACKGROUNDS ********/

.bgWhite		{background: #fff;}

.bgLightGray	{background: url(images/bgLightGray.png) repeat-x top left #fff;}
.bgMidGray		{background: url(images/bgMidGray.png) repeat-x top left #e6e7e8;}
.bgDarkGray		{background: url(images/bgDarkGray.png) repeat-x top left #d1d3d4;}

/******** COLUMNS ********/

.Column100percent		{width:900px!important; padding:10px 10px;}
.Column95percent		{width:854px!important; float:left; padding:10px 10px;}
.Column90percent		{width:808px!important; float:left; padding:10px 10px;}
.Column85percent		{width:762px!important; float:left; padding:10px 10px;}
.Column80percent		{width:716px!important; float:left; padding:10px 10px;}
.Column75percent		{width:670px!important; float:left; padding:10px 10px;}
.Column70percent 		{width:624px!important; float:left; padding:10px 10px;}
.Column65percent 		{width:578px!important; float:left; padding:10px 10px;}
.Column60percent 		{width:532px!important; float:left; padding:10px 10px;}
.Column55percent 		{width:486px!important; float:left; padding:10px 10px;}
.Column50percent 		{width:440px!important; float:left; padding:10px 10px;}
.Column45percent 		{width:394px!important; float:left; padding:10px 10px;}
.Column40percent 		{width:348px!important; float:left; padding:10px 10px;}
.Column35percent 		{width:302px!important; float:left; padding:10px 10px;}
.Column30percent 		{width:256px!important; float:left; padding:10px 10px;}
.Column25percent 		{width:210px!important; float:left; padding:10px 10px;}
.Column20percent 		{width:164px!important; float:left; padding:10px 10px;}
.Column15percent 		{width:118px!important; float:left; padding:10px 10px;}
.Column10percent 		{width:72px!important; float:left; padding:10px 10px;}
.Column5percent 		{width:26px!important; float:left; padding:10px 10px;}


.videoInfoLeft 		{width:440px!important; float:left; padding:10px 10px 0px 10px; text-align:left;}
.videoInfoRight 	{width:440px!important; float:right; padding:10px 10px 0px 10px; text-align:right;}

.videoCarouselContainer		{
	margin:10px 10px 20px 10px; 
	display:block; 
	height:auto; 
	overflow:hidden; 
	z-index: 1; 
	/*background-color: #2c2a2b;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;*/
}
/******** ROWS ********/

.RowWith4Columns			{width:920px!important; }	
.RowWith4Columns .column	{width:210px!important; float:left; padding:10px 10px;}
.RowWith4Columns img 		{border:0px;}
.RowWith4Columns .title 	{padding:3px 0px 1px 0px; font-weight:bold;}
.RowWith4Columns .copy 		{padding:0px 0px 2px 0px;}


/******** BUTTONS ********/
.downloadBtn {background: url(images/download-icon.png) no-repeat top left; padding: 0px 0px 0px 20px; display:block;}

/******** MENUS ********/


/*~~~~~~~~ Main Menu Style ~~~~~~~~*/
ul.menuMain { 
	background: url(images/headerMenu_sprit.png) no-repeat 0px -241px;
	width:940px; height:36px!important; margin:20px 10px 0px 10px!important; padding:0; list-style:none!important;
}
	
	/* single tab */
	ul.menuMain li {float:left; text-indent:0; padding:0; margin:0!important; list-style-image:none!important; }
	
	/* link inside the tab. uses a background image */
	ul.menuMain a { 
		background: url(images/headerMenu_sprit.png) no-repeat -20px -241px;
		display:block; height: 36px; padding:0px 15px; margin:0px; color:#fff; text-align:center; line-height:36px; text-decoration:none;
	}
	
	/* when mouse enters the tab move the background image */
	ul.menuMain a:hover		                {background-position: -20px -277px; color:#fff;}
	ul.menuMain a:active	                        {background-position: -20px -313px; cursor:default!important; }
	
	/* active tab uses a class name "current". its highlight is also done by moving the background image. */
	ul.menuMain a.current 			        {background-position: -20px -349px; cursor:default!important; color:#fff;}
	ul.menuMain a.current:hover 	                {background-position: -20px -349px; cursor:default!important; color:#fff;} 
	ul.menuMain li.current a 		        {background-position: -20px -349px; cursor:default!important; color:#fff;}
	
	/* first tab background fix */
	ul.menuMain .firstTab		 		{background-position: 0px -241px!important; color:#008FD5; font-size:17px;}
	ul.menuMain .firstTab:hover 		        {background-position: 0px -313px!important; color:#008FD5; font-size:17px;}
	ul.menuMain .firstTab:active 		        {background-position: 0px -313px!important; color:#008FD5; font-size:17px;}
	ul.menuMain .firstTab.current		        {background-position: 0px -349px!important; color:#008FD5; font-size:17px;}


/*~~~~~~~~ Menu Style 2 ~~~~~~~~*/

    ul.menuStyle2							{list-style:none; margin:0px 0px 0px 0px; !important; width:auto ; height:30px; clear:both;}
    ul.menuStyle2 li 	                    {float:left; text-indent:0; margin:0!important; padding:0!important; list-style-image:none !important; }

	ul.menuStyle2 a 						{display:block; height:35px; background: url(images/menuStyle2.png) no-repeat -10px 0px; text-decoration:none; color:#333;}
	ul.menuStyle2 a:hover 					{background-position: -10px -35px;}
	ul.menuStyle2 a:active 					{background-position: -10px -70px!important;}

	ul.menuStyle2 a.current,
	ul.menuStyle2 a.current:hover,
	ul.menuStyle2 a.current:active	{background: url(images/menuStyle2.png) no-repeat -10px -70px!important;}

	ul.menuStyle2 a span.chevron			{background: url(images/menuStyle2.png) no-repeat right -105px; display:block; height:25px; padding: 10px 35px 0px 10px; }
	ul.menuStyle2 a:hover span.chevron		{background-position: right -105px;} 
	ul.menuStyle2 a:active span.chevron		{background-position: right -105px;}
	
	/* Start tab */

	ul.menuStyle2 .start a					{background: url(images/menuStyle2.png) no-repeat 0px 0px;}
	ul.menuStyle2 .start a:hover			{background-position: 0px -35px;}
	ul.menuStyle2 .start a:active			{background-position: 0px -70px!important;}

	ul.menuStyle2 .start a.current,
	ul.menuStyle2 .start a.current:hover,
	ul.menuStyle2 .start a.current:active	{background: url(images/menuStyle2.png) no-repeat 0px -70px!important;}

	/* End tab */
	ul.menuStyle2 .end a					{background: url(images/menuStyle2.png) no-repeat right 0px;}
	ul.menuStyle2 .end a:hover 				{background-position: right -35px;}
	ul.menuStyle2 .end a:active				{background-position: right -70px!important;}

	ul.menuStyle2 .end a span.chevron,
	ul.menuStyle2 .end a:hover span.chevron,
	ul.menuStyle2 .end a:active span.chevron	{background: url(images/menuStyle2.png) no-repeat right -140px; padding-right:35px;}
	
	ul.menuStyle2 .end a.current,
	ul.menuStyle2 .end a.current:hover,

	ul.menuStyle2 .end a.current:active		{background: url(images/menuStyle2.png) no-repeat right -70px!important;}

	/* Single tab */
	
	ul.menuStyle2 a.singleTab,
	ul.menuStyle2 a.singleTab:hover,
	ul.menuStyle2 a.singleTab:active		{background: url(images/menuStyle2.png) no-repeat left -70px!important;}
	
	ul.menuStyle2 a.singleTab span,			
	ul.menuStyle2 a.singleTab:hover span,
	ul.menuStyle2 a.singleTab:active span	{background: url(images/menuStyle2.png) no-repeat right -70px; margin-left:10px;}


/*~~~~~~~~ Menu Style 2 for non-range pages ~~~~~~~~*/

    ul.menuStyle2NoRange							{list-style:none; margin:0px 0px 0px -30px; !important; width:auto ; height:30px; clear:both;}
    ul.menuStyle2NoRange li 	                    {float:left; text-indent:0; margin:0!important; padding:0!important; list-style-image:none !important; }

	ul.menuStyle2NoRange a 						{display:block; height:35px; background: url(images/menuStyle2.png) no-repeat -10px 0px; text-decoration:none; color:#333;}
	ul.menuStyle2NoRange a:hover 					{background-position: -10px -35px;}
	ul.menuStyle2NoRange a:active 					{background-position: -10px -70px!important;}

	ul.menuStyle2NoRange a.current,
	ul.menuStyle2NoRange a.current:hover,
	ul.menuStyle2NoRange a.current:active	{background: url(images/menuStyle2.png) no-repeat -10px -70px!important;}

	ul.menuStyle2NoRange a span.chevron			{background: url(images/menuStyle2.png) no-repeat right -105px; display:block; height:25px; padding: 10px 35px 0px 10px; }
	ul.menuStyle2NoRange a:hover span.chevron		{background-position: right -105px;} 
	ul.menuStyle2NoRange a:active span.chevron		{background-position: right -105px;}
	
	/* Start tab */

	ul.menuStyle2NoRange .start a					{background: url(images/menuStyle2.png) no-repeat 0px 0px;}
	ul.menuStyle2NoRange .start a:hover			{background-position: 0px -35px;}
	ul.menuStyle2NoRange .start a:active			{background-position: 0px -70px!important;}

	ul.menuStyle2NoRange .start a.current,
	ul.menuStyle2NoRange .start a.current:hover,
	ul.menuStyle2NoRange .start a.current:active	{background: url(images/menuStyle2.png) no-repeat 0px -70px!important;}

	/* End tab */
	ul.menuStyle2NoRange .end a					{background: url(images/menuStyle2.png) no-repeat right 0px;}
	ul.menuStyle2NoRange .end a:hover 				{background-position: right -35px;}
	ul.menuStyle2NoRange .end a:active				{background-position: right -70px!important;}

	ul.menuStyle2NoRange .end a span.chevron,
	ul.menuStyle2NoRange .end a:hover span.chevron,
	ul.menuStyle2NoRange .end a:active span.chevron	{background: url(images/menuStyle2.png) no-repeat right -140px; padding-right:35px;}
	
	ul.menuStyle2NoRange .end a.current,
	ul.menuStyle2NoRange .end a.current:hover,
	ul.menuStyle2NoRange .end a.current:active		{background: url(images/menuStyle2.png) no-repeat right -70px!important;}

	/* Single tab */
	
	ul.menuStyle2NoRange a.singleTab,
	ul.menuStyle2NoRange a.singleTab:hover,
	ul.menuStyle2NoRange a.singleTab:active		{background: url(images/menuStyle2.png) no-repeat left -70px!important;}
	
	ul.menuStyle2NoRange a.singleTab span,			
	ul.menuStyle2NoRange a.singleTab:hover span,
	ul.menuStyle2NoRange a.singleTab:active span	{background: url(images/menuStyle2.png) no-repeat right -70px; margin-left:10px;}

/*~~~~~~~~ Menu Style 3 ~~~~~~~~*/

ul.menuStyle3 		{list-style:none; margin:0px 0px 0px 0px; !important; width:auto ; clear:both; display:block; left:-35px;}
ul.menuStyle3 li 	{float:left; text-indent:0; margin:0!important; padding:0!important; list-style-image:none !important; }

	ul.menuStyle3 a {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:#EDEDED;
	color:#111;
	display:block;
	float:left;
	line-height:28px;
	margin-right:4px;
	outline:none;
	padding:0 10px;
	text-decoration:none;
	}
	ul.menuStyle3 a:hover {
	background:#111;
	color:#fff;
	}
	
	
	ul.menuStyle3 a.current  {
	background:#111!important;
	color:#fff!important;
	}

/*~~~~~~~~ Menu Map ~~~~~~~~*/

ul.menuMap {list-style:none; margin:0!important; padding:0!important; width:auto ; clear:both;}
ul.menuMap li 	{float:left; text-indent:0; margin:0!important; padding:0!important; list-style-image:none !important; }

	ul.menuMap a {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:#EDEDED;
	color:#111;
	display:block;
	float:left;
	line-height:28px;
	margin-right:4px;
	outline:none;
	padding:0 10px;
	text-decoration:none;
	}
	ul.menuMap a:hover {
	background:#111;
	color:#fff;
	}
	
	
	ul.menuMap a.current  {
	background:#111!important;
	color:#fff!important;
	}
	
	
	/*~~~~~~~~ Menu Style 3 for non-range pages ~~~~~~~~*/

ul.menuStyle3NoRange {list-style:none; margin:0em 0em 1.7em -2.2em; !important; width:auto ; clear:both;}
ul.menuStyle3NoRange li 	{float:left; text-indent:0; margin:0!important; padding:0!important; list-style-image:none !important; }

	ul.menuStyle3NoRange a {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:#EDEDED;
	color:#111;
	display:block;
	float:left;
	line-height:28px;
	margin-right:4px;
	outline:none;
	padding:0 10px;
	text-decoration:none;
	}
	ul.menuStyle3NoRange a:hover {
	background:#111;
	color:#fff;
	}
	
	
	ul.menuStyle3NoRange a.current  {
	background:#111!important;
	color:#fff!important;
	}
	

#menuStyle2Tabs {max-height:100px; margin:0px 10px 0px 10px; !important; /*width:938px;*/ height:100px; background: url(images/menuScroll.png) no-repeat right top; border-left:1px solid #fff; border-right:1px solid #fff;}

/* panes */
#menuStyle2Panes {overflow:hidden; clear:both; width:940px; position:relative; margin:0px 10px 20px 10px;}

/* single pane */
#menuStyle2Panes div {float:left; display:block; overflow:hidden;}
#menuStyle2Panes .tabs {padding: 10px 10px;}

/* our additional wrapper element for the items */
#menuStyle2Panes .items {width:20000em; position:relative; clear:both; margin:0; padding:0;}


.oneBox 	{margin:0px auto; width:127px;}
.twoBoxes 	{margin:0px auto; width:254px;}
.threeBoxes {margin:0px auto; width:381px;}
.fourBoxes 	{margin:0px auto; width:509px;}
.fiveBoxes 	{margin:0px auto; width:635px;}
.sixBoxes 	{margin:0px auto; width:763px;}
.sevenBoxes {margin:0px auto; width:889px;}
.eightBoxes {margin:0px auto; width:1016px;}

/******** TABLES ********/

table {border-collapse:separate; border-spacing:0; margin:0 0 1em; color:#000;}

table a {color:#444; font-weight:bold; text-decoration:none; border-bottom:1px dotted;}

table a:visited {color:#444; }

table a:hover {color:#0067A0; text-decoration: none; border-bottom:1px solid;}

thead th,
thead td {border-bottom:3px solid #009BDF; border-width:3px 0; background:#DDDDDD;}

tfoot th,
tfoot td {border-top:1px solid #AFAFAF; border-width:1px 0; background:#F2F2F2;}

th {font-weight:bold; line-height:normal; padding:0.25em 0.5em; text-align:left;}

tbody th,

td {padding:0.25em 0.5em; text-align:left; vertical-align:top;}

tbody th {font-weight:normal;white-space:nowrap;}

tbody th a:link,
tbody th a:visited {font-weight:bold;}

tbody td,
tbody th {border-bottom:1px solid #AFAFAF; border-width:1px 0;}

tbody tr.odd th,
tbody tr.odd td {border-color:#EBE5D9; background:#F2F2F2;}

tbody tr:hover td,
tbody tr:hover th {border-color:#523A0B; background:#F2F2F2;}

/* Plain table - no hover or border */

tbody.plain td,
tbody.plain th,
tbody.plain:hover td,
tbody.plain:hover th {border:none; background:none;}

tbody tr.plain td,
tbody tr.plain th,
tbody tr.plain:hover td,
tbody tr.plain:hover th {border:none; background:none;}

/* Table Sorter */

table.tablesorter {}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {}

table.tablesorter thead tr .header { background-image: url(images/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;}

table.tablesorter tbody td {}

table.tablesorter tbody tr.odd td {}

table.tablesorter thead tr .headerSortUp {background-image: url(images/asc.gif);}
	
table.tablesorter thead tr .headerSortDown {background-image: url(images/desc.gif);}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {}

/* Breadcrumbs */

.breadCrumb {
margin:-25px 10px -10px 0px;
padding:-25px 10px -10px 0px;
color:#fff;
font-size:10px;
text-align:right;
}

.breadCrumb a {color:#008FD5; font-size:10px}


/******* FROM MAIN CSS *******/
/******** MAIN TOP MENU ********/
.headerMenu {width:940px; margin:0px 10px 20px 10px;}

	.filmlightLogo 		{float:left; display:block; width:151px; height:110px;}
	.filmlightLogo a	{display:block; width:151px; height:82px; text-decoration:none;}
	.blueLozenge 		{float:right; display:block; width:174px; height:75px;}
	
.topNav 			{width:940px; height:35px; position:relative;}

.display {display:none!important}
.hidden {display:none!important}


ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left;}

li a.tabProducts 				{display:block; height:35px; width:120px; background: url(images/navSocial4.png) 0px 0px;}
li a.tabWatch	 				{display:block; height:35px; width:88px; background: url(images/navSocial4.png) -120px 0px;}
li a.tabCustomers				{display:block; height:35px; width:129px; background: url(images/navSocial4.png) -208px 0px;}
li a.tabSupport 				{display:block; height:35px; width:109px; background: url(images/navSocial4.png) -337px 0px;}
li a.tabTraining				{display:block; height:35px; width:105px; background: url(images/navSocial4.png) -446px 0px;}
li a.tabNews		 			{display:block; height:35px; width:90px; background: url(images/navSocial4.png) -551px 0px;}
li a.tabCompany 				{display:block; height:35px; width:91px; background: url(images/navSocial4.png) -641px 0px;}
li a.tabContact					{display:block; height:35px; width:101px; background: url(images/navSocial4.png) -732px 0px;}
li a.tabStore					{display:block; height:35px; width:106px; background: url(images/navSocial4.png) -833px 0px;}

li a:hover.tabProducts, li a:active.tabProducts	, li a:focus.tabProducts		{background-position: 0px -35px;}
li a:hover.tabWatch, li a:active.tabWatch, li a:focus.tabWatch				{background-position: -120px -35px;}
li a:hover.tabCustomers, li a:active.tabCustomers, li a:focus.tabCustomers		{background-position: -208px -35px;}
li a:hover.tabSupport, li a:active.tabSupport, li a:focus.tabSupport			{background-position: -337px -35px;}
li a:hover.tabTraining, li a:active.tabTraining, li a:focus.tabTraining			{background-position: -446px -35px;}
li a:hover.tabNews, li a:active.tabNews	, li a:focus.tabNews				{background-position: -551px -35px;}
li a:hover.tabCompany, li a:active.tabCompany, li a:focus.tabCompany			{background-position: -641px -35px;}
li a:hover.tabContact, li a:active.tabContact, li a:focus.tabContact			{background-position: -732px -35px;}
li a:hover.tabStore, li a:active.tabStore, li a:focus.tabStore				{background-position: -833px -35px;}

/* main menu on function */
li.Products a.tabProducts 		{display:block; height:35px; width:120px; background: url(images/navSocial4.png) 0px -35px;}
li.Watch a.tabWatch	 		{display:block; height:35px; width:88px; background: url(images/navSocial4.png) -120px -35px;}
li.Customers a.tabCustomers		{display:block; height:35px; width:129px; background: url(images/navSocial4.png) -208px -35px;}
li.Support a.tabSupport			{display:block; height:35px; width:109px; background: url(images/navSocial4.png) -337px -35px;}
li.Training a.tabTraining		{display:block; height:35px; width:105px; background: url(images/navSocial4.png) -446px -35px;}
li.News a.tabNews		 	{display:block; height:35px; width:90px; background: url(images/navSocial4.png) -551px -35px;}
li.Company a.tabCompany 		{display:block; height:35px; width:91px; background: url(images/navSocial4.png) -641px -35px;}
li.Contact a.tabContact			{display:block; height:35px; width:101px; background: url(images/navSocial4.png) -732px -35px;}
li.Store a.tabStore			{display:block; height:35px; width:106px; background: url(images/navSocial4.png) -833px -35px;}

/* Social media sprites */
a.social-rss, a.social-vimeo, a.social-facebook, a.social-twitter, a.social-instagram, a.social-youtube {
    background-image: url(../images/sprites_social.2.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
}

a.social-rss {background-position: 0px 0px;}
a.social-vimeo {background-position:  -22px 0px;}
a.social-facebook {background-position: -44px 0px;}
a.social-twitter {background-position: -66px 0px;}
a.social-instagram {background-position: -88px 0px;}
a.social-youtube {background-position: -110px 0px;}

a.social-rss:hover {background-position: 0px -22px;}
a.social-vimeo:hover {background-position: -22px -22px;}
a.social-facebook:hover {background-position: -44px -22px;}
a.social-twitter:hover {background-position: -66px -22px;}
a.social-instagram:hover {background-position: -88px -22px;}
a.social-youtube:hover {background-position: -110px -22px;}

/* Store progress bar */
.steps {
  display: none;
  text-align: center;
  padding-top:1em;
  padding-bottom:1em;
  font-size: 13px;
  font-weight: normal;
  color: #999999; }

.snumber {
  background-color: #CCCCCC;
  border: 0px;
  color: #999999;
  display: inline-block;
  margin-right: 5px;
  padding: 5px;
  text-align: center;
  width: 20px;
  -moz-border-radius: 90px 90px 90px 90px;
  -webkit-border-radius: 90px 90px 90px 90px;
  -khtml-border-radius: 90px 90px 90px 90px; 
  border-radius: 90px 90px 90px 90px; }

.step1, .step2, .step3 {margin-right:25px;}

.step1, .step2, .step3, .step4 {display: inline-block;}

.store-page-product .steps,
.store-page-product-offers .steps,
.store-page-contents .steps,
.store-page-customer .steps,
.store-page-product-customer .steps,
.store-page-confirm .steps,
.store-page-complete .steps {
  display: block; }

.store-page-product .step1,
.store-page-product-offers .step1,
.store-page-contents .step1,
.store-page-customer .step2,
.store-page-product-customer .step2,
.store-page-confirm .step3,
.store-page-complete .step4 {
  font-weight: bold;
  color: #666666; }

.store-page-product .step1 .snumber,
.store-page-product-offers .step1 .snumber,
.store-page-contents .step1 .snumber,
.store-page-customer .step2 .snumber,
.store-page-product-customer .step2 .snumber,
.store-page-confirm .step3 .snumber,
.store-page-complete .step4 .snumber {
  background-color: #008fd5;
  color: #ffffff; }

.checkmark1, .checkmark2, .checkmark3 {
  display: none; }

.store-page-customer .checkmark1,
.store-page-confirm .checkmark1,
.store-page-confirm .checkmark2,
.store-page-complete .checkmark1,
.store-page-complete .checkmark2,
.store-page-complete .checkmark3 {
  display: inline; }