/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	background-image: url(../media/ShellBG.jpg);}
	
body a:link { color: #8D8E92; text-decoration: underline; font-weight: bold; }
body a:visited { color: #929397; text-decoration: underline; font-weight: bold;}
body a:hover { color: #0076BE; text-decoration: none; font-weight: bold; }

p { margin-top: 3px; margin-bottom:5px; }

h1 {color: #333333; font-size:18px; font-weight: normal; margin-top: 15px; margin-bottom: 15px;}
h2 {color: #666666; font-size:16px; font-weight: normal; margin-top: 15px; margin-bottom: 15px;}
h3 {color: #999999; font-size:14px; font-weight: normal; margin-top: 15px; margin-bottom: 15px;}

/*DIV STYLES BY ID*/
/*Padding must be subtracted from a DIV's width or height before applied.*/
/*Define text & link styles for footer & nav bars here.*/

#container {
	width: 800px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 10px;
}
	
#header {
	width: 800px;
	height: 103px;
	position: relative;
	background-image: url(../media/Shell_01.png);
	background-repeat: no-repeat;
}
	
#mainContent {
	width: 800px;
	top: 0px;
	position: relative;
	height: 349px;
	background-image: url(../media/mainContentBG.png);
	font-family: Tahoma, Helvetica, HelveticaNeue, Arial, sans-serif;
	font-size: 9px;
	color: #bacde1;
	margin-right: 5px;
}

#mainContentSub {
	width: 790px;
	top: 0px;
	position: relative;
	height: 339px;
	background-image: url(../media/mainContentSubBG.png);
	font-family: Tahoma, Helvetica, HelveticaNeue, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #636466;
	padding-left: 10px;
	padding-top: 10px;
}

/*#mainContent p {
}*/
	
#footer {
	width: 800px;
	height: 108px;
	position: absolute;
	background-image: url(../media/Shell_02.png);
	background-repeat: no-repeat;
	font-family: Tahoma, Helvetica, HelveticaNeue, Arial, sans-serif;
	font-size: 9px;
	color: #bacde1;	
}

#footer a:link { color: #333333; text-decoration: none; }
#footer a:visited { color: #333333; text-decoration: none; }
#footer a:hover { color: #666666; text-decoration: none; }

#orderForm { height:330px; width:720px; overflow:scroll; }

#scrollPanelFlash {
	height: 349px;
	width: 250px;
}

.howItWorks {
	height: 52px;
	width: 183px;
	position: absolute;
	left: 153px;
	top: 40px;
}
.theBenefits {
	height: 54px;
	width: 197px;
	position: absolute;
	left: 368px;
	top: 40px;
}
.samsNews {
	height: 51px;
	width: 159px;
	position: absolute;
	left: 628px;
	top: 40px;
}

.samPic {
	position: absolute;
	left: 589px;
	top: 44px;
}

#nav { width: 800px; height: 36px; position: relative; }
#nav a:link { color: #333333; text-decoration: none; }
#nav a:visited { color: #333333; text-decoration: none; }
#nav a:hover { color: #666666; text-decoration: none; }

#navFooter {
	position: relative;
	top: 115px;
}


.HeroIMG {
	float: left;
	position: relative;
	padding-left: 3px;
	padding-right: 5px;
}

.ScrollPicPanel {
	float: Right;
	position: relative;
	padding-left: 5px;
	padding-right: 1px;
	top: -10px;
}

#langBar {
	float: right;
	position: relative;
	top: 130px;
}

.navFooterLeft {
	background-image: url(../media/Nav_Bottom_01.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 17px;
}

.navFooterRight {
	background-image: url(../media/Nav_Bottom_07.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 17px;
}

.lang_01 { background-image: url(../media/Lang_01.png); background-repeat: no-repeat; height: 23px; width: 23px; }
.lang_02 { background-image: url(../media/Lang_02.png); background-repeat: no-repeat; height: 23px; width: 23px; }
.lang_03 { background-image: url(../media/Lang_03.png); background-repeat: no-repeat; height: 23px; width: 23px; }
.lang_04 { background-image: url(../media/Lang_04.png); background-repeat: no-repeat; height: 23px; width: 23px; }
.lang_05 { background-image: url(../media/Lang_05.png); background-repeat: no-repeat; height: 23px; width: 23px; }
.lang_06 { background-image: url(../media/Lang_06.png); background-repeat: no-repeat; height: 23px; width: 23px; }
.lang_07 { background-image: url(../media/Lang_07.png); background-repeat: no-repeat; height: 23px; width: 23px; }
.lang_08 { background-image: url(../media/Lang_08.png); background-repeat: no-repeat; height: 23px; width: 23px; }

#videoholder { width: 384px; height: 438px; position: absolute; top: 116px;	left: 206px; }
.vShell_01 { background-image: url(../media/VShell_01.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.vShell_02 { background-image: url(../media/VShell_02.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.vShell_03 { background-image: url(../media/VShell_03.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.vShell_04 { background-image: url(../media/VShell_04.png); background-repeat: no-repeat; height: 386px; width: 26px; }
.vShell_05 { background-image: url(../media/VShell_05.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.vShell_06 { background-image: url(../media/VShell_06.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.vShell_07 { background-image: url(../media/VShell_07.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.vShell_08 { background-image: url(../media/VShell_08.png); background-repeat: no-repeat; height: 386px;  width: 26px; }

.vShellButton { position: absolute; height: 25px; width: 68px; left: 286px; top: 26px; }
.vShellVid { position: absolute; left: 32px; top: 51px; }
.vShellText { width: 310px; height: 115px; position: absolute; left: 38px; top: 280px; font-size: 12px; font-style: normal; color: #bacde1; }

#videoRotate { width: 384px; height: 438px; position: absolute; top: 116px;	left: 206px; }
.vRShell_01 { background-image: url(../media/VShell_01.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.vRShell_02 { background-image: url(../media/VShell_02.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.vRShell_03 { background-image: url(../media/VShell_03.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.vRShell_04 { background-image: url(../media/VShell_04.png); background-repeat: no-repeat; height: 320px; width: 26px; }
.vRShell_05 { background-image: url(../media/VShell_05.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.vRShell_06 { background-image: url(../media/VShell_06.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.vRShell_07 { background-image: url(../media/VShell_07.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.vRShell_08 { background-image: url(../media/VShell_08.png); background-repeat: no-repeat; height: 320px;  width: 26px; }

.vRShellButton { position: absolute; height: 25px; width: 68px; left: 286px; top: 26px; }
.vRShellVid { position: absolute; left: 32px; top: 51px; }
.vRShellText { width: 310px; height: 115px; position: absolute; left: 38px; top: 280px; font-size: 12px; font-style: normal; color: #bacde1; }


#textholder { width: 784px; height: 438px; position: absolute; top: 95px; left: 8px; }
.tShell_01 { background-image: url(../media/VShell_01.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.tShell_02 { background-image: url(../media/TShell_02.png); background-repeat: no-repeat; height: 26px;  width: 732px; }
.tShell_03 { background-image: url(../media/VShell_03.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.tShell_04 { background-image: url(../media/VShell_04.png); background-repeat: no-repeat; height: 386px; width: 26px; }
.tShell_05 { background-image: url(../media/VShell_05.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.tShell_06 { background-image: url(../media/TShell_06.png); background-repeat: no-repeat; height: 26px;  width: 732px; }
.tShell_07 { background-image: url(../media/VShell_07.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.tShell_08 { background-image: url(../media/VShell_08.png); background-repeat: no-repeat; height: 386px;  width: 26px; }
.tShellButton { position: absolute; height: 25px; width: 68px; left: 688px; top: 26px; }
.tShellText { width: 729px; height: 353px; position: absolute; left: 28px; top: 56px; font-size: 12px; font-style: normal; color: #bacde1; overflow-y: auto; }
.leEdgeRotate { position: absolute; left: 24px; top: 11px; width: 97px; height: 86px; }

#textHolderSmall { width: 384px; height: 438px; position: absolute; top: 116px;	left: 206px; }
.tsShell_01 { background-image: url(../media/VShell_01.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.tsShell_02 { background-image: url(../media/VShell_02.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.tsShell_03 { background-image: url(../media/VShell_03.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.tsShell_04 { background-image: url(../media/VShell_04.png); background-repeat: no-repeat; height: 386px; width: 26px; }
.tsShell_05 { background-image: url(../media/VShell_05.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.tsShell_06 { background-image: url(../media/VShell_06.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.tsShell_07 { background-image: url(../media/VShell_07.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.tsShell_08 { background-image: url(../media/VShell_08.png); background-repeat: no-repeat; height: 386px;  width: 26px; }
.tsShellButton { position: absolute; height: 25px; width: 68px; left: 286px; top: 26px; }
.tsShellText { width: 310px; height: 353px; position: absolute; left: 38px; top: 56px; font-size: 12px; font-style: normal; color: #bacde1; }

#Region01 { width: 384px; height: 438px; position: absolute; top: 116px;	left: 206px; }
.rg01Shell_01 { background-image: url(../media/VShell_01.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg01Shell_02 { background-image: url(../media/VShell_02.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg01Shell_03 { background-image: url(../media/VShell_03.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg01Shell_04 { background-image: url(../media/VShell_04.png); background-repeat: no-repeat; height: 386px; width: 26px; }
.rg01Shell_05 { background-image: url(../media/VShell_05.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg01Shell_06 { background-image: url(../media/VShell_06.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg01Shell_07 { background-image: url(../media/VShell_07.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg01Shell_08 { background-image: url(../media/VShell_08.png); background-repeat: no-repeat; height: 386px;  width: 26px; }
.rg01ShellButton { position: absolute; height: 25px; width: 68px; left: 286px; top: 26px; }
.rg01ShellText { width: 310px; height: 353px; position: absolute; left: 38px; top: 56px; font-size: 12px; font-style: normal; color: #bacde1; }

#Region02 { width: 384px; height: 438px; position: absolute; top: 116px;	left: 206px; }
.rg02Shell_01 { background-image: url(../media/VShell_01.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg02Shell_02 { background-image: url(../media/VShell_02.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg02Shell_03 { background-image: url(../media/VShell_03.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg02Shell_04 { background-image: url(../media/VShell_04.png); background-repeat: no-repeat; height: 386px; width: 26px; }
.rg02Shell_05 { background-image: url(../media/VShell_05.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg02Shell_06 { background-image: url(../media/VShell_06.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg02Shell_07 { background-image: url(../media/VShell_07.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg02Shell_08 { background-image: url(../media/VShell_08.png); background-repeat: no-repeat; height: 386px;  width: 26px; }
.rg02ShellButton { position: absolute; height: 25px; width: 68px; left: 286px; top: 26px; }
.rg02ShellText { width: 310px; height: 353px; position: absolute; left: 38px; top: 56px; font-size: 12px; font-style: normal; color: #bacde1; overflow-y: auto; }

#Region03 { width: 384px; height: 438px; position: absolute; top: 116px;	left: 206px; }
.rg03Shell_01 { background-image: url(../media/VShell_01.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg03Shell_02 { background-image: url(../media/VShell_02.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg03Shell_03 { background-image: url(../media/VShell_03.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg03Shell_04 { background-image: url(../media/VShell_04.png); background-repeat: no-repeat; height: 386px; width: 26px; }
.rg03Shell_05 { background-image: url(../media/VShell_05.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg03Shell_06 { background-image: url(../media/VShell_06.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg03Shell_07 { background-image: url(../media/VShell_07.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg03Shell_08 { background-image: url(../media/VShell_08.png); background-repeat: no-repeat; height: 386px;  width: 26px; }
.rg03ShellButton { position: absolute; height: 25px; width: 68px; left: 286px; top: 26px; }
.rg03ShellText { width: 310px; height: 353px; position: absolute; left: 38px; top: 56px; font-size: 12px; font-style: normal; color: #bacde1; }

#Region04 { width: 384px; height: 438px; position: absolute; top: 116px;	left: 206px; }
.rg04Shell_01 { background-image: url(../media/VShell_01.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg04Shell_02 { background-image: url(../media/VShell_02.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg04Shell_03 { background-image: url(../media/VShell_03.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg04Shell_04 { background-image: url(../media/VShell_04.png); background-repeat: no-repeat; height: 386px; width: 26px; }
.rg04Shell_05 { background-image: url(../media/VShell_05.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg04Shell_06 { background-image: url(../media/VShell_06.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg04Shell_07 { background-image: url(../media/VShell_07.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg04Shell_08 { background-image: url(../media/VShell_08.png); background-repeat: no-repeat; height: 386px;  width: 26px; }
.rg04ShellButton { position: absolute; height: 25px; width: 68px; left: 286px; top: 26px; }
.rg04ShellText { width: 310px; height: 353px; position: absolute; left: 38px; top: 56px; font-size: 12px; font-style: normal; color: #bacde1; }

#Region05 { width: 384px; height: 438px; position: absolute; top: 116px;	left: 206px; }
.rg05Shell_01 { background-image: url(../media/VShell_01.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg05Shell_02 { background-image: url(../media/VShell_02.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg05Shell_03 { background-image: url(../media/VShell_03.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg05Shell_04 { background-image: url(../media/VShell_04.png); background-repeat: no-repeat; height: 386px; width: 26px; }
.rg05Shell_05 { background-image: url(../media/VShell_05.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg05Shell_06 { background-image: url(../media/VShell_06.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg05Shell_07 { background-image: url(../media/VShell_07.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg05Shell_08 { background-image: url(../media/VShell_08.png); background-repeat: no-repeat; height: 386px;  width: 26px; }
.rg05ShellButton { position: absolute; height: 25px; width: 68px; left: 286px; top: 26px; }
.rg05ShellText { width: 310px; height: 353px; position: absolute; left: 38px; top: 56px; font-size: 12px; font-style: normal; color: #bacde1; }

#Region06 { width: 384px; height: 438px; position: absolute; top: 116px;	left: 206px; }
.rg06Shell_01 { background-image: url(../media/VShell_01.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg06Shell_02 { background-image: url(../media/VShell_02.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg06Shell_03 { background-image: url(../media/VShell_03.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg06Shell_04 { background-image: url(../media/VShell_04.png); background-repeat: no-repeat; height: 386px; width: 26px; }
.rg06Shell_05 { background-image: url(../media/VShell_05.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg06Shell_06 { background-image: url(../media/VShell_06.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg06Shell_07 { background-image: url(../media/VShell_07.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg06Shell_08 { background-image: url(../media/VShell_08.png); background-repeat: no-repeat; height: 386px;  width: 26px; }
.rg06ShellButton { position: absolute; height: 25px; width: 68px; left: 286px; top: 26px; }
.rg06ShellText { width: 310px; height: 353px; position: absolute; left: 38px; top: 56px; font-size: 12px; font-style: normal; color: #bacde1; }

#Region07 { width: 384px; height: 438px; position: absolute; top: 116px;	left: 206px; }
.rg07Shell_01 { background-image: url(../media/VShell_01.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg07Shell_02 { background-image: url(../media/VShell_02.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg07Shell_03 { background-image: url(../media/VShell_03.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg07Shell_04 { background-image: url(../media/VShell_04.png); background-repeat: no-repeat; height: 386px; width: 26px; }
.rg07Shell_05 { background-image: url(../media/VShell_05.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg07Shell_06 { background-image: url(../media/VShell_06.png); background-repeat: no-repeat; height: 26px;  width: 332px; }
.rg07Shell_07 { background-image: url(../media/VShell_07.png); background-repeat: no-repeat; height: 26px;  width: 26px; }
.rg07Shell_08 { background-image: url(../media/VShell_08.png); background-repeat: no-repeat; height: 386px;  width: 26px; }
.rg07ShellButton { position: absolute; height: 25px; width: 68px; left: 286px; top: 26px; }
.rg07ShellText { width: 310px; height: 353px; position: absolute; left: 38px; top: 56px; font-size: 12px; font-style: normal; color: #bacde1; }


/*TEXT SIZE AND COLOUR STYLES*/

.text9 { font-size:9px; line-height:13px; }
.text10 { font-size:10px; line-height:14px; }
.text11 { font-size:11px; line-height:15px; }
.text12 { font-size:12px; line-height:16px; }
.text13 { font-size:13px; line-height:17px; }
.text14 { font-size:14px; line-height:18px; }
.text18 { font-size:18px; line-height:22px; }

.black { color: #000000 }
.white { color: #ffffff }
.grey { color: #999999 }

.errors { font-size:12px; color:#FF0000; }
.compulsory { font-size:18px; color:#FF0000 ; font-weight: bold; }

/*
Fan box styling
*/