body {
margin:0;
padding:0;
height:100%;
background-color:#1c1c1b;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
/*-------All structual elements -------------*/
#centerColumn { 	
margin:0 auto;
padding:0;
width:955px;
text-align:left;
vertical-align: middle;	
background-color:#1c1c1b;
}
#WrapCell {
float:left;
width: 955px;
margin: 0 0 15px 0;
}
#navbar {
margin:-1em -1em 0 -1em; /* Mozzila attributes */
padding:1em 0 1em 0 !important; /* IE specific attributes */
padding:1em 0 0 0;
background-color:#cccccc;
}
#footer {
position:relative;
clear:both;
bottom:0;
margin:5em 0 0 0;
padding:0;
height:25px;
line-height:25px;
text-align:center;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
}
hr {
margin-bottom:20px;
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}
#navbar ul {
margin:0 0 -1em .3em !important;
margin:.3em 0 0 .3em;
padding:0 0 1em 0;
list-style:none;
background-color:#cccccc;
}
#navbar li {
margin:0 0 0 -.27em;
padding:.2em 0 .2em 0 !important;
padding:1em 0 1em 0;
list-style:none;
display:inline;
background-color:#cccccc;
}
#header {
margin:0 -1em 0 -1em;
padding:0 0 0 0;
height:143px;
background-color:#cccccc;
border-top:1px solid #ffffff;
}
#cell_1 {
margin:0 5px 1em 0;
padding:8px;
float:left;
width:210px;
background-color:#cccccc;
}

#cell_2 {
margin:0 14px 1em 14px;
padding:8px;
float:left;
width:210px;
background-color:#cccccc;
}

#cell_3 {
margin:0 0 1em 5px;
padding:8px;
float:left;
width:210px;
background-color:#cccccc;
}
#box_1 {
margin:0 0 0 0;
padding:0px;
float:left;
width:200px;
}
#box_2 {
margin:0 7px 2em 14px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}
#box_3 {
margin:0 14px 2em 7px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_4 {
margin:0 0 2em 5px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}
.HoriLine
{margin:10px 0px 10px; 
border-top:1px dotted #767676;
}
#DottedBox
{
margin:10px 0px 10px; 
border:1px dotted #767676;
background-color:#333332;
padding: 0px 10px 10px 10px;
}

/*------------Misc content classes --------------*/
.right {
float:right;
margin:5px;
padding:2px;
}
.left {
float:left;
margin:5px;
padding:2px;
}
.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

/*-------------Textual classses-----------------*/
a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#616161;
text-decoration:none;
}
hr {
margin-bottom:20px;
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

h1
{
font-family: Helvetica, Arial,  sans-serif;
font-size: 23px;
color: #ffffff;
font-weight: bold;
}
h2
{
font-family: Helvetica, Arial, , sans-serif;
font-size: 23px;
color: #ffffff;
font-weight: bold;
}
h3
{
font-family: Helvetica, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffff;
font-weight: bold;
letter-spacing:-1px;
}
h4
{
font-family: Helvetica, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
font-weight: bold;
letter-spacing:-1px;
}
.Copy
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
font-weight: normal;
padding: 3px;
}
.CopyMC
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18px;
color: #ffffff;
font-weight: normal;
letter-spacing: 1px;
padding-left: 2px;
}
.Copy a , .Copy a:visited
{
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
.Copy a:hover
{
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #8d837b;
font-weight: normal;
text-decoration: none;
}
.Copy strong
{
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #f26522;
font-weight: bold;
text-decoration: none;
}
.CopyMini
{
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight: normal;
}
.CopyMini a , .CopyMini a:visited
{
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #f26522;
font-weight: normal;
text-decoration: none;
}
.CopyMini a:hover
{
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #f3a37d;
font-weight: normal;
text-decoration: none;
}
.CopyOrange
{
font-family: Arial,  sans-serif;
color: #f26522;
text-decoration: none;
}
.CopyOrangeText
{
font-family: Arial,  sans-serif;
color: #f26522;
text-decoration: none;
font-size: 12px;
}
.CopyBlack
{
font-family: Trebuchet, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: normal;
text-decoration: none;
}
.CopyBlackNorm
{
font-family: Trebuchet, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: normal;
text-decoration: none;
font-size:11px
}
.BlackHeadersMain
{font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 23px;
color: #000000;
font-weight: bold;
}
.OrangeHeadersMain
{font-family: Trebuchet, Arial, Helvetica, sans-serif;

color: #e2540e;
font-weight: bold;
}#centerColumn h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}
#navbar li a {
margin:0 0 0 0;
padding:1em .5em 1em .5em !important;
padding:1em .5em 0 .5em;
}
#header h1 {
margin:0 0 -14px 10px;
padding:10px 0 0 .9em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#000000;
}
#header h2 {
margin:0 0 0 0;
padding:1em 0 0 30px;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000000;
}

.CopyPagination
{
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight: normal;
letter-spacing: 2px;
}
.CopyPagination a , .CopyPagination a:visited
{
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
.CopyPagination a:hover
{
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #f3a37d;
font-weight: normal;
text-decoration: none;
}
/*-------------------- Panel components ----------------------------*/
.PanelTextBGs
{
background-color:#404140;
font-family: Arial, Helvetica, sans-serif;
Font-size: 11px;
font-weight: regular;
color: #ffffff;
padding: 5px;
}
.LPanelTextBGs
{
background-color:#393938;
padding: 5px;
}
.LPanelTextBGs p
{
font-family: Arial, Helvetica, sans-serif;
Font-size: 11px;
font-weight: regular;
color: #ffffff;
}
.LPanelTextBGs p strong
{
font-family: Arial, Helvetica, sans-serif;
Font-size: 11px;
font-weight: bold;
color: #e2540e;
}
.LPanelTextBGs p a , LPanelTextBGs p a:visited
{
font-family: Arial, Helvetica, sans-serif;
Font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration:none;
}
.LPanelTextBGs p a:hover
{
font-family: Arial, Helvetica, sans-serif;
Font-size: 11px;
font-weight: bold;
color: #8d837b;
text-decoration:none;
}
.RPanelTextBGs
{
background-color:#393938;
padding: 5px;
}
.RPanelTextBGs p
{
font-family: Arial, Helvetica, sans-serif;
Font-size: 11px;
font-weight: regular;
color: #ffffff;
}
.RPanelTextBGs p strong
{
font-family: Arial, Helvetica, sans-serif;
Font-size: 11px;
font-weight: bold;
color: #e2540e;
}
.RPanelTextBGs p a , RPanelTextBGs p a:visited
{
font-family: Arial, Helvetica, sans-serif;
Font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration:none;
}
.RPanelTextBGs p a:hover
{
font-family: Arial, Helvetica, sans-serif;
Font-size: 11px;
font-weight: bold;
color: #8d837b;
text-decoration:none;
}
/*------------------- #### Different Area Sections #### ------------*/

/*------------------- Homepage sections --------------------------*/
#headerband {
width: 537px;
float: left;
margin:0 9px 12px 0;
}
#Column1
{
margin:0 9px 12px 0;
float:left;
width:200px;
background-color:#1c1c1b;
}
#Column2
{
margin:5px 9px 12px 0;
float:left;
width:264px;
background-color:#1c1c1b;
display:inline;
}
#Column3
{
margin:5px 0 12px 0;
float:left;
width:264px;
background-color:#1c1c1b;
display:inline;
}
#Column4
{
margin:0 0 12px 0;
float:left;
width:200px;
background-color:#1c1c1b;
}
.LeftSidePanelHead {
width: 196px;
height:53px;
background-image:url(../Images/Generic/LPanelHeads-Side.gif);
background-repeat:no-repeat;
font-family: Helvetica, Arial, sans-serif;
font-size: 23px;
color: #ffffff;
font-weight: bold;
text-align:left;
line-height:53px;
padding: 0 0 0 4px;
background-color:#393938;
}
.MiddlePanelHead {
	width: 260px;
	height:53px;
	background-image:url(../Images/Generic/MidColsHeadBands.gif);
	background-repeat:no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 23px;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
	line-height:53px;
	padding: 0 0 0 4px;
	background-color:#393938;
}
.VideoPanelHead {
	width: 533px;
	height:53px;
	background-image:url(../Images/Generic/VideoHomeHead.gif);
	background-repeat:no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 23px;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
	line-height:53px;
	padding: 0 0 0 4px;/*-------------------Purchase Area Elements --------------------*/
}
#headbarfull {
width: 950px;
height:53px;
background-image:url(../Images/Purchase/MainHeadFullLength.gif);
background-repeat:no-repeat;
font-family: Helvetica, Arial, sans-serif;
font-size: 23px;
color: #ffffff;
font-weight: bold;
text-align:left;
padding: 0 0 0 5px;
line-height:53px;
}
#progressbar {
margin: 22px 0 0 0; /* Mozzila attributes */
padding:0 0 0 0;
height: 29px;
}
.StageOff
{
font-family: Helvetica, Arial, Helvetica, sans-serif;
Font-size: 11px;
font-weight: bold;
color: #6e6e6e;
background-color: #3d3d3d;
padding: 0px 3px 0px 3px;
border:0px;
}
.StageActive
{
font-family: Helvetica, Arial, Helvetica, sans-serif;
Font-size: 11px;
font-weight: bold;
color: #ffffff;
background-color: #f15a24;
padding: 0px 3px 0px 3px;
border:0px;
}
.ProgressText
{
font-family: Helvetica, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffff;
font-weight: bold;
letter-spacing:-1px;
}
#PurchaseCell_1 {
margin:0 0 0 0;
float:left;
width:746px;

}

#PurchaseCell_2 {
margin:0 0 0 0;
float:right;
width:200px;
text-align:left;
padding:0px;
}
/* ----------Form classes-----------------*/
.TextFields, .TextField
{
	Height: 17px;
	Width: 200px;
	Border: 1px solid #686868;
	Border-right: 4px solid #686868;
	margin-top: 10px;
	background-color: #434242;
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	Font-weight: normal;
	Color: #ffffff;
}
.TextFieldsNoSize
{
	Height: 25px;
	Border: 1px solid #365576;
	Border-right: 4px solid #365576;
	background-color: #ffffff;
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:.7em;
	Font-weight: normal;
	Color: #666666;
}
.TextFieldsMulti
{
	Width: 200px;
	Border: 1px solid #686868;
	Border-right: 4px solid #686868;
	margin-top: 10px;
	background-color: #434242;
		font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	Font-weight: normal;
	Color: #ffffff;
}
.SubmitButton
{
	Height: 25px;
	Width: 190px;
	Border: 1px solid #000000;
	Border-right: 4px solid #000000;
	margin-top: 10px;
	background-color: #365576;
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	Font-weight: bold;
	Color: #ffffff;
}
.SidePanelHead {
width: 200px;
height:53px;
background-image:url(../Images/Purchase/PanelHeads-Side.gif);
background-repeat:no-repeat;
font-family: Helvetica, Arial, sans-serif;
font-size: 23px;
color: #ffffff;
font-weight: bold;
text-align:left;
padding: 0 0 0 5px;
line-height:53px;
}
/*----------------- Tutorials page --------------*/
#MediaPlayerCol
{
margin:0 0 0 0;
float:left;
width:482px;
}
#ContentColumn
{
margin:0 0 0 0;
float:right;
width:468px;
border: 1px solid #383737;
background-color:#000000;
}
/*---------------- Tabs--------------------*/
.LeftTabOn
{
	Height: 30px;
	Width: 11px;
	background-image:url(../Images/MainNavi/TabL-On.png);
	background-repeat:no-repeat;
}
.RightTabOn
{
Height: 30px;
Width: 11px;
background-image:url(../Images/MainNavi/TabR-On.png);
background-repeat:no-repeat;
}
.MidTabOn
{
Height: 30px;
background-image:url(../Images/MainNavi/TabM-On.png);
background-repeat:repeat-x;
padding: 0 3px 0 3px;
text-align:center;

}
.MidTabOn a , .MidTabOn a:visited
{
Height: 30px;
Line-height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
text-decoration: none;
display: block;

text-align:center;
}
.MidTabOn a:hover
{
color: #000000;
}


.LeftTabOff
{
	Height: 30px;
	Width: 11px;
	background-image:url(../Images/MainNavi/TabL-Off.png);
	background-repeat:no-repeat;
}
.RightTabOff
{
Height: 30px;
Width: 11px;
background-image:url(../Images/MainNavi/TabR-Off.png);
background-repeat:no-repeat;
}
.MidTabOff
{
Height: 30px;
background-image:url(../Images/MainNavi/TabM-Off.png);
background-repeat:repeat-x;
padding: 0 3px 0 3px;
text-align:center;

}
.MidTabOff a , .MidTabOff a:visited
{
Height: 30px;
Line-height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: bold;
text-decoration: none;
display: block;

text-align:center;
}
.MidTabOnOff a:hover
{
color: #8e8989;
}
#PanelBandsNorm
{
Height: 66px;
border-top: 1px solid #3a3939;
border-bottom: 1px solid #3a3939;
width:100%;
display:block;
margin: 2px 0 0 0;
background-color:#131a1d;
text-align:left;
background-position:top;
background-image:url(../Images/Tutorials/ContetnBandBG.gif);
background-repeat:repeat-x;
}
#PanelBandsInfo
{
border: 1px solid #c64b16;
width:462;
display: block;
margin: 2px 0 0 0;
background-image:url(../Images/Tutorials/ContetnBandBG.gif);
text-align:left;
background-position:0 48px;
background-repeat:repeat-x;
background-color:#0d1215;
text-align:left;

}
.ProdCopy
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
font-weight: normal;
padding: 5px;
}
.ProdCopy a , .ProdCopy a:visited
{
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
.ProdCopy a:hover
{
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #8d837b;
font-weight: normal;
text-decoration: none;
}
.ProdCopy strong
{
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
.CopyRed strong
{
font-family: Arial,  sans-serif;
color: red;
text-decoration: none;
}
.CopySilver strong
{
font-family: Arial,  sans-serif;
color: #dddedf;
text-decoration: none;	
}
/* new added 22.08.2008 */
#ContentColumn2
{
margin:0 0 0 0;
float:right;
width:468px;
border: 1px solid #383737;
background-color: #000;
}
.panelback {
	background-color: #000;
	}