@charset "utf-8";

html,body {
background-image:url('../images/spacer.gif');
background-repeat:repeat;
background-position:top left;
background-color: #4c4c4c;
font-family: "Myriad Pro", "Myriad", verdana;
font-size: 14px;
color:#363535;
margin: 0px;
padding: 0px;
letter-spacing:0.035em;
}

body { 
text-align:center;
}

h1 {
color:#525252;
font-size:1.4em;
}

img {
border: none;
}

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

/*http://www.barelyfitz.com/screencast/html-training/css/positioning*/
#wrapper {
margin-left: auto;
margin-right: auto;
padding: 0px;
border:0;
width: 100%;
height: 100%; 
}

#container {
text-align:left;
}


/* Blog Styles */

.widget_tag_cloud {
	width: 100px;
}

#blogadbar h2 {
	font-size:0.9em;
	padding-top: 5px;
}

#blogsidebar {
	padding-right: 5px;
}

#blogsidebar h2 {
	font-size:0.9em;
	padding-top: 15px;
}

#blogsidebar a {
	font-size:0.9em;
}

#blogsidebar ul{
	padding-left: 10px;
    margin-left: 0;
}

#searchform input {
	width:75px;  
	/*
	border:1px solid #dddddd; 
	background-image:url('../images/textboxbkg.gif');	
	font-weight:bold;
	*/
}


/* Blog Styles */

.pics {
width: 632px;  
height: 374px;  
padding: 0;  
margin:  0;
overflow: hidden;
}
.pics img {   
width: 632px;  
height: 374px;  
padding: 0px; 
top:  0; 
left: 0 
} 

.leftwing {
background-image:url('../images/spacer.gif'); 
height:83px; 
background-repeat:repeat-x; 
background-position:top left; 
background-color:#eeeeee; 
border-bottom: 1px solid #979797;
}
.rightwing {
background-image:url('../images/spacer.gif'); 
height:83px; 
background-repeat:repeat-x; 
background-position:top left; 
background-color:#eeeeee; 
border-bottom: 1px solid #979797;
}
.bottomcol1 {
float:left;
width:194px;
padding-top:18px; 
line-height:20px;
}
.bottomcol2 {
float:left;
width:212px;
padding-left:26px;
padding-top:18px;
line-height:20px;
}
.bottomcol3 {
float:left;
width:136px;
padding-left:50px; 
padding-top:18px;
}

#div-1a {
float:left;
width:348px;
background-color:#e9e9e9;
}

#indexoutercontainer {
float: left;
border-left: 1px solid #cbcbcb;
border-right: 1px solid #ffffff;
width: 980px;
height: 750px;
background-color:#f5f5f5;
}

#productsoutercontainer {
float: left;
border-left: 1px solid #cbcbcb;
border-right: 1px solid #ffffff;	
width: 980px;
height: 950px;
background-color:#f5f5f5;
}

#customerinformationoutercontainer {
float: left;
border-left: 1px solid #cbcbcb;
border-right: 1px solid #ffffff;	
width: 980px;
height: 1200px;
background-color:#f5f5f5;
}

#cartoutercontainer {
float: left;
border-left: 1px solid #cbcbcb;
border-right: 1px solid #ffffff;	
width: 980px;
height: 800px;
background-color:#f5f5f5;
}

#paymentoutercontainer {
float: left;
border-left: 1px solid #cbcbcb;
border-right: 1px solid #ffffff;	
width: 980px;
height: 975px;
background-color:#f5f5f5;
}

#buycodesoutercontainer {
float: left;
border-left: 1px solid #cbcbcb;
border-right: 1px solid #ffffff;	
width: 980px;
height: 1036px;
background-color:#f5f5f5;
}

#videodemooutercontainer {
float: left;
border-left: 1px solid #cbcbcb;
border-right: 1px solid #ffffff;	
width: 980px;
height: 950px;
background-color:#f5f5f5;
}

#aboutusoutercontainer {
float: left;
border-left: 1px solid #cbcbcb;
border-right: 1px solid #ffffff;	
width: 980px;
height: 800px;
text-align:left;
background-color:#f5f5f5;
}

#supportoutercontainer {
float: left;
border-left: 1px solid #cbcbcb;
border-right: 1px solid #ffffff;	
width: 980px;
height: 100%;
padding-bottom: 30px;
background-color:#f5f5f5;
}


#thankyououtercontainer {
float: left;
border-left: 1px solid #cbcbcb;
border-right: 1px solid #ffffff;	
width: 980px;
height: 800px;
background-color:#f5f5f5;
}

#indexdiv-1b {
float:left;
width:630px;
height:374px;
}

#indexdiv-1c {
clear:both;
border-top: 1px solid #c8c9c9;	
}

#indexdiv-1c1 {
clear:both;
border-top: 1px solid #ffffff;	
}

#indexdiv-1d {
float:left;
width:390px;
height: 314px;	
padding-top:15px;
padding-left:55px;
background-image:url('../images/indexbottombkg.gif');
background-repeat:repeat-x;
background-position:top left;
}

#indexdiv-1e {
float:left;
width:45px;
height: 314px;
border-right: 1px solid #ffffff;
background-image:url('../images/indexbottombkg.gif');
background-repeat:repeat-x;
background-position:top left;
}

#indexdiv-1f {
float:left;
width:402px;
height: 314px;
border-left: 1px solid #c4c4c4;
padding-top:15px;
padding-left:55px;
padding-right:30px;
background-image:url('../images/indexbottombkg.gif');
background-repeat:repeat-x;
background-position:top left;
}

#productsdiv-1a {
border-bottom: none;
}

#productsdiv-1b {
float:left;
width:630px;
}
#div-playvideo{
float:left;
width:482px;
height:78px;
padding-top:43px;
padding-left:150px;
background-color:#e8e8e8;
}

#productsdiv-1g {
clear:both;
}

#buycodesdiv-1a {
border-bottom: none;
}

#buycodesdiv-1b {
float:left;
width:630px;
}

#buycodesdiv-1e {
float:left;
width:438px;
padding-top:43px;
background-color:#eeeeee;
}

#buycodesdiv-1f {
float:left;
width:544px;
padding-top:43px;
background-color:#eeeeee;
}

#buycodesdiv-1g {
clear:both;
}

#videodemodiv-1e {
float:left;
width:800px;
padding-top:43px;
padding-left:55px;
background-color:#f5f5f5;
text-align:center;
}

#aboutusdiv-1e {
float:left;
width:800px;
padding-top:43px;
/*padding-left:55px;*/
background-color:#f5f5f5;
text-align:left;
}

#supportdiv-1d a:link, #supportdiv-1d a:active, #supportdiv-1d a:visited {
color:#363535;
text-decoration:none;
}

#supportdiv-1d a:hover {
text-decoration:underline;
}

#supportdiv-1b {
float:left;
width:630px;
}

#supportdiv-1b {
float:left;
width:630px;
}

#supportdiv-1c {
clear:both;
border-top: 1px solid #c8c9c9;	
}

#supportdiv-1c1 {
clear:both;
border-top: 1px solid #ffffff;	
}

#supportdiv-1d {
float:left;
width: 982px;
padding-top:43px;
}

#productsdiv-1e {
float:left;
width:500px;
padding-top:43px;
background-color:#f5f5f5;
}
#productsdiv-1f {
float:left;
width:480px;
padding-top:43px;
background-color:#f5f5f5;
}

#cartdiv-1e {
float:left;
width:438px;
padding-top:43px;
background-color:#f5f5f5;
}

#customerinformationdiv-1e {
float:left;
width:438px;
height: 570px;	
padding-top:43px;
background-color:#f5f5f5;
}

#paymentdiv-1e {
float:left;
width:438px;
padding-top:43px;
background-color:#f5f5f5;
}

#thankyoudiv-1e {
float:left;
width:800px;
padding-top:43px;
padding-left:55px;
background-color:#f5f5f5;
text-align:center;
}

a.moreinfo:link, a.moreinfo:active, a.moreinfo:visited {
color:#363535;
text-decoration:none;
}
a.moreinfo:hover {
text-decoration:underline;
}

a.videodemo:link, a.videodemo:active, a.videodemo:visited {
color:#525252;
font-size:1.2em;
text-decoration:none;
}
a.videodemo:hover {
text-decoration:underline;
}

#div-1g {
clear:both;
height:145px;
width:925px;
border-top: 1px solid #cecece;
padding-left:55px;
color:#ffffff;
text-align: left; 
font-size:0.9em;
}

div#div-1g a:link, div#div-1g a:active, div#div-1g a:visited, div#div-1g a:hover {
color:#ffffff;
}
div#div-1g a:link, div#div-1g a:active, div#div-1g a:visited {
text-decoration: none;
}
div#div-1g a:hover {
text-decoration: underline;
}

#div-redeem {
width:280px;
height:120px;
padding-left:55px;
font-weight:bold;
display: table-cell;
vertical-align: middle;
background-image:url('../images/redeembkg.gif');
background-repeat:repeat-x;
background-position:top left;
}

.redeemcodebox {
width:165px; 
height:19px; 
border:1px solid #dddddd; 
background-image:url('../images/textboxbkg.gif');
font-weight:bold;
}

.input-shadow {
float:left;
background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
background: url(../images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}

.input-shadow input {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
} 

#div-redeem {
height:120px;
color:#0063af;
font-size:1.6em;
}

.titleblue {
color:#0063af;
font-size:1.3em;
}

.productstitleblue {
color:#0063af;
font-size:1.4em;
}

.subtitlegrey {
color:#525252;
font-size:1.3em;
}

.subtitlebrown {
color:#525252;
font-size:14px;
}

#menu {
height:45px;
background-color:#e2e2e2;
}

#menu ul {
list-style: none;
padding: 0;
margin: 0;
} 

#menu li {
float: left;
padding: 0;
margin: 0;
background-color:#e2e2e2
} 

a.order:link, a.order:active, a.order:visited, a.order:hover {
color:#366fad;
font-weight:800;
}

/* File Upload / Progress Bar */
.swfupload {
vertical-align: top;
}

div.flash {
width: 450px;
/*margin: 10px 5px;*/
border-color: #D9E4FF;
-moz-border-radius-topleft : 5px;
-webkit-border-top-left-radius : 5px;
-moz-border-radius-topright : 5px;
-webkit-border-top-right-radius : 5px;
-moz-border-radius-bottomleft : 5px;
-webkit-border-bottom-left-radius : 5px;
-moz-border-radius-bottomright : 5px;
-webkit-border-bottom-right-radius : 5px;
}

.progressWrapper {
width: 450px;
overflow: hidden;
}

.progressContainer {
margin: 5px;
padding: 4px;
border: solid 1px #E8E8E8;
background-color: #F7F7F7;
overflow: hidden;
}

/* Message */
.message {
margin: 1em 0;
padding: 10px 20px;
border: solid 1px #FFDD99;
background-color: #FFFFCC;
overflow: hidden;
}

/* Error */
.red {
border: solid 1px #B50000;
background-color: #FFEBEB;
}

/* Current */
.green {
border: solid 1px #DDF0DD;
background-color: #EBFFEB;
}

/* Complete */
.blue {
border: solid 1px #CEE2F2;
background-color: #F0F5FF;
}

.progressName {
font-size: 8pt;
font-weight: 700;
color: #555;
width: 450px;
height: 14px;
text-align: left;
white-space: nowrap;
overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
font-size: 0;
width: 0%;
height: 2px;
background-color: blue;
margin-top: 2px;
}

.progressBarComplete {
width: 100%;
background-color: green;
visibility: hidden;
}

.progressBarError {
width: 100%;
background-color: red;
visibility: hidden;
}

.progressBarStatus {
margin-top: 2px;
width: 450px;
font-size: 7pt;
text-align: left;
white-space: nowrap;
}
/* File Upload / Progress Bar */

#button1{
text-align:center;
display:inline;
text-decoration: underline;
cursor:pointer;
}
#button2{
text-align:center;
display:inline;
text-decoration: underline;
cursor:pointer;
}

#loading-indicator
{
position: fixed;
top: 50%;
left: 50%;
margin-left: -200px;
width: 400px;
margin-top: -80px;
padding: 5px;
display: none;
}

.ext-el-mask-msg{z-index:20001;position:absolute;top:0;left:0;border:1px solid #6593cf;background:#c3daf9 url(../images/tb-blue.gif) repeat-x 0 -16px;padding:2px;}
.ext-el-mask-msg div{padding:5px 10px 5px 10px;background:#eee;border:1px solid #a3bad9;color:#333;font:normal 12px tahoma,arial,helvetica,sans-serif;cursor:wait;}
.x-mask-loading div{padding:5px 10px 5px 25px;background:#eee url( '../images/loading.gif' ) no-repeat 5px 5px;line-height:16px;}

.throbber {
position: fixed;
top: 50%;
left: 50%;
width: 126px;
height: 26px;
display: none;
border:1px solid #6593cf;
background:#c3daf9 url('../images/tb-blue.gif') repeat-x 0 -16px;
padding:2px;
}

.throbber div {
padding:5px 10px 5px 25px;
background:#eee url( '../images/loading.gif' ) no-repeat 5px 5px;
line-height:16px;
cursor:wait;
}

.errormessage {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -250px;
width: 500px;    
background-color: #eeeeee;
color: #333;
border: 1px solid black;
padding: 0px;
}




.termsmessage {
display: none;
position: fixed;
top: 5%;
left: 50%;
margin-left: -400px;
width: 800px;    
height:500px;
background-color: #eeeeee;
color: #333;
border: 1px solid black;
padding: 0px;
}

#jqmContent1 {
width: 100%;
height: 100%;
display: block;
clear: both;
margin: 0;
background: #e8e8e8;
border: 1px solid #888888;
}

.privacymessage {
display: none;
position: fixed;
top: 5%;
left: 50%;
margin-left: -400px;
width: 800px;    
height:500px;
background-color: #eeeeee;
color: #333;
border: 1px solid black;
padding: 0px;
}

#jqmContent3 {
width: 100%;
height: 100%;
display: block;
clear: both;
margin: 0;
background: #e8e8e8;
border: 1px solid #888888;
}

button.jqmClose {
background: none;
border: 0px solid #EAEAEB;
color: #fff;
clear: right;
float: right;
padding-right: 5px;
margin-top:5px;
margin-left:5px;
cursor: pointer;
font-size: 8px;
letter-spacing: 1px;
}

button.jqmClose:hover, button.jqmClose:active {
color: #fff;
border: 0px solid #fff;
}

#jqmTitle {
background-color:#0063af; 
color: black;
text-transform: capitalize;
height: 20px;
}
			

.messagetext {
padding: 25px;
text-align:left;
}

.jqmOverlay { background-color: #000; }

* html .errormessage {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}