/* Main
----------------------------------------------------------*/

@font-face {
	font-family: MarkForMCRegular;
	src: url(/Content/Fonts/MarkForMCRegular.ttf);
}

body
{
    font-size: .85em;
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #C3C3C3;
    text-decoration: none;
}

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

a:hover
{
    color: #fff;
    text-decoration: none;
}

a:active
{
    color: #fff;
    text-decoration: none;
}

a img{
     border: none;
     text-decoration: none;
     outline: 0;
 }
 
p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

header, footer, nav, section
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 2em;
    padding: 10px 0;
    margin: 0;
}

h2
{
    padding: 0 0 0 20px;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:1.5em;
}

h3
{
    font-size: 1.2em;
}

h4, h5, h6
{
    font-size: 1em;
}

h4
{
    display:inline !important;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

header
{
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    background: #e5e5e5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2I3YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #b7b7b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e5e5e5 0%,#b7b7b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#b7b7b7 100%); /* IE10+ */
    background: linear-gradient(top,  #e5e5e5 0%,#b7b7b7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-8 */
}

#banner
{
    width: 100%;
    height: 337px;
   /* background: #fec152; */ /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   /* background: url("Background.png") center top no-repeat;*/
    /*background: url("Background.png") center top no-repeat,-moz-radial-gradient(center, ellipse cover,  #fec152 1%, #ff6c00 100%);*/ /* FF3.6+ */
    /*background: url("Background.png") center top no-repeat,-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fec152), color-stop(100%,#ff6c00)); */ /* Chrome,Safari4+ */
    /*background: url("Background.png") center top no-repeat,-webkit-radial-gradient(center, ellipse cover,  #fec152 1%,#ff6c00 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: url("Background.png") center top no-repeat,-o-radial-gradient(center, ellipse cover,  #fec152 1%,#ff6c00 100%);*/ /* Opera 12+ */
    /*background: url("Background.png") center top no-repeat,-ms-radial-gradient(center, ellipse cover,  #fec152 1%,#ff6c00 100%);*/ /* IE10+ */
    /*background: url("Background.png") center top no-repeat,radial-gradient(center, ellipse cover,  #fec152 1%,#ff6c00 100%);*/ /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec152', endColorstr='#ff6c00',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    padding-top: 40px;
}

#content
{
    width: 95%;
    color: #fff;
    padding: 0;
    border: 0;
    margin: 0 auto;
    position: relative;
    top: -170px;
    z-index: 20;
    background: rgb(41,43,43); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzI5MmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(41,43,43,1) 1%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(41,43,43,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(41,43,43,1) 1%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(41,43,43,1) 1%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(41,43,43,1) 1%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(41,43,43,1) 1%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292b2b', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
    -webkit-box-shadow: rgba(130,130,130,0.6) 5px 5px 5px;
    -moz-box-shadow: rgba(130,130,130,0.6) 5px 5px 5px;
    box-shadow: rgba(130,130,130,0.6) 5px 5px 5px;
}

#InnerContent
{
    padding: 40px;

}

#Title
{
    width: 100%;
    margin: 0 auto;
    text-align:center;
}

#Title img
{
    position: relative;
    top: 10px;
}

#SiteTitle
{
    width: 100%;
    color: #000;
    font-weight:bold;
    font-size: 5em;
    border: 0;
    padding: 0;
}

#Slogan
{
    color: #000000;
    /*text-shadow: -2px 2px 4px #D97007;*/
    /*font-family: Myriad Pro, Century Gothic;*/
	font-family: MarkForMCRegular;
    font-weight:bold;
    letter-spacing: 2px;
    padding: 0;
    width:420px;
    position:relative;
    margin:0 auto;
    top:-16px;
    left:240px;
}

footer
{
    width: 95%;
    margin: 0 auto;
    background-color: #fff;
    color: #363636;
    padding: 10px 0;
    position: relative;
    top: -170px;
    margin-bottom:-170px;
    z-index: 25;
    text-align: center;
    line-height: normal;
    font-size: .9em;
    background: #b7b7b7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b7b7b7 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b7b7), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b7b7b7 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b7b7b7 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b7b7b7 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(top,  #b7b7b7 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow: rgba(130,130,130,0.5) 5px 5px 5px;
    -moz-box-shadow: rgba(130,130,130,0.5) 5px 5px 5px;
    box-shadow: rgba(130,130,130,0.5) 5px 5px 5px;
}

footer a:link
{
    color: #787878;
}

footer a:visited
{
    color: #5A5A5A;
}

footer a:hover
{
    color: #fff;
}

footer a:active
{
    color: #fff;
}
/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    padding: 0;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
    border-right: 1px solid #363636;
}

ul#menu li#greeting
{
    padding: 2px 10px;
    text-decoration: none;
    line-height: 2.0em;
    color: #fff;
}

ul#menu li a
{
    padding: 2px 10px;
    text-decoration: none;
    line-height: 2.0em;
    color: #363636;
}

ul#menu li a:hover
{
    color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #4F4F4F;
    padding: 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}


textarea
{
    min-height: 75px;
    width: 250px;
    padding: 0px;
    border: none;
    margin: 0px;
}

input[type="text"], input[type="password"]
{
    border: 1px solid #ccc;
    padding: 2px;
    margin:2px;
    font-size: 1.2em;
    color: #fff;
    width: 200px;
    background-color:#202222;
}

select
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"]
{
    font-size: 1em;
    padding: 2px;
}

/* TABLE
----------------------------------------------------------*/

table
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td
{
    padding: 5px;
    border-width:0px;
}

table th
{
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}


/* Styles for Banner Elements
-----------------------------------------------------------*/
#logindisplay
{
    font-size: 0.9em;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 2px 0;
    color: White;
    width: 90%;
    position: relative;
    top: -20px;
    text-align:right;

}

.LogOnItem
{
    font-size: 0.9em;
    font-weight: bold;
    display: inline;
    text-align: left;
    margin: 0 auto;
    padding: 2px 10px;
    color: White;
    background: #292B2B; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#000000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#5A5A5A), to(#000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #5A5A5A,  #000); /* for firefox 3.6+ */
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.LogOnItem a:link
{
    color: #B4B4B4;
}

.LogOnItem a:visited
{
    color: #B4B4B4;
    text-decoration: none;
}

.LogOnItem a:hover
{
    color: white;
    text-decoration: none;
}

.LogOnHomeItem
{
    font-size: 0.9em;
    font-weight: bold;
    display: inline;
    text-align: left;
    margin: 0 auto;
    padding: 2px 10px;
    margin-left:2px;
    color: White;
    background: #292B2B; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#000000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#5A5A5A), to(#000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #5A5A5A,  #000); /* for firefox 3.6+ */
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    position:relative;
    top:-36px;
    left:70px;
}

.LogOnHomeItem a:link
{
    color: #B4B4B4;
    text-decoration:none;
}

.LogOnHomeItem a:visited
{
    color: #C3C3C3;
    text-decoration: none;
}

.LogOnHomeItem a:hover
{
    color: white;
    text-decoration: none;
}
#HowItWorksHomeLink
{
    margin:0 auto;
    width: 90%;
}

#HowItWorksHomeLinkButton
{
    font-size: 0.9em;
    font-weight: bold;
    display: block;
    padding: 2px 10px;
    width: 125px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background: #292B2B; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#000000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#5A5A5A), to(#000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #5A5A5A,  #000); /* for firefox 3.6+ */
    margin:0 auto;
    position:relative;
    left:425px;
}

#HowItWorksHomeLink a:link
{
    color: #696969;
    text-decoration: none;
}

#HowItWorksHomeLink a:visited
{
    color: #C3C3C3;
    text-decoration: none;
}

#HowItWorksHomeLink a:hover
{
    color:#FFF;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #FF4602;
    text-transform:uppercase;
    letter-spacing:0.2em;
    font-size:0.9em;
    font-weight:bold;
    padding-left:10px;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
}

.validation-summary-errors
{
    color: #FF4602;
    text-transform:uppercase;
    letter-spacing:0.2em;
    font-size:0.9em;
    font-weight:bold;
    padding-left:10px;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
    margin: 1em 0 0 0;
}

.display-field, .editor-field
{
    margin: 0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

#VersionNumber
{
    width:97%;
    text-align:right;
    font-size:0.8em;
}

.SimulatorLinks
{
    width:98%;
    padding:5px 0;
    margin: 20px 20px 0 20px;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    text-align:right;
    cursor:pointer;
}

.ButtonReplacement
{
    color:#fff;
    background:none;
    border:none;
    cursor:pointer;
    width:160px;
    text-align:left;
}

.ActionButton
{
    color:#fff; 
    background:url(ArrowFacingRight.jpg) 90% 50% no-repeat; 
    border:1px solid #333; 
    cursor:pointer;  
    width:auto;
    overflow:visible;
    width:160px;
    background-color:#191A1A;
    padding-left:5px;
}

.ActionButton:hover
{
    background-color:#222424;
}

.Dropdown
{
    border: 1px solid #ccc;
    font-size: 14px;
    color: white;
    background: #202222;
    padding: 1px 3px;
    border-image: initial;
    width:93px;
    margin-left:3px;
}

.ButtonReplace
{
    width:400px;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
}

/* Styles for HomePage
----------------------------------------------------------*/
#HomePageTerminalSimulatorItemContainer
{
    width:100%;
}

.HomePageItem
{
    float:left;
    width:19.5%;
    border-right:1px solid #363636;
    margin-bottom:30px;
    position: relative;
    z-index: 3000;
}

.HomePageImageContainer
{
    font-size:8em;
    color:#3B3D3D;
    float:left;
    padding-left:10px;
    width:41%;
    position:absolute;
    z-index:-1000;
}

.HomePageImage
{
    width:90%;
    border:3px solid orange;
    padding:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

.HomePageItemDescription
{
    float:right;
    text-align:right;
    padding-right:10px;
    width:40%;
    z-index:2000;
}

.HomePageItemNextIcon
{
    float:right;
    text-align:right;
    padding-right:10px;
    padding-top:20px;
}

/* Styles for Individual Item details Page
----------------------------------------------------------*/
.ItemDetail
{
    width:100%;
    overflow:hidden;
}

.ItemDetail img
{
    border:3px solid orange;
    padding:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

.ItemDetailImageContainer
{
    float:left; 
    width:15%; 
    margin:0 20px;
}

.ItemDetailImageContainer img
{
    max-width:192px;
    width:100%;
}

.ItemDetailPageTableContainer
{
    float:left; 
    width:75%;
}

.ItemDetailPageTableContainer table
{
    width:100%;
    border:0;
    padding:0;
    margin-left:10px;
    border-collapse:collapse;
}

.ItemDetailPageTableContainer td
{
    border-top:1px solid #363636;
    padding:10px;
}

/* Simulator ComparisonTable
----------------------------------------------------------*/
#ComparisonTable
{
    border:0;
    padding:0;
    margin:0;
    border-collapse:collapse;
    width:100%;
    text-align:center;
}

#ComparisonTable td, th
{
    border:none;
}

#ComparisonTable tr
{ 
    border:0;
    padding:0;
    margin:0;
}

#ComparisonTable td 
{ 
    border-bottom:1px solid #333333; 
    border-right:1px solid #333333; 
    vertical-align:middle;
}

.ComparePageItemNumber
{
    font-size:5em;
    color:#b3b3b3;
    opacity:0.3;
    float:left;
    padding:0 20px 0 10px;
    margin:-8px 0;
}

/* All items display Page
----------------------------------------------------------*/
#ViewAllSimulatorsContainer
{
    margin:0 auto;
}

#AllItemsContainer
{
    width:410px;
    border-right:1px solid #333333;
    padding:10px;
    margin-bottom:30px;
    float:left;
}

.AllItemsContainerImg
{
    border:3px solid orange;
    padding:10px;
    margin:0 20px 10px 20px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    float:left; position:relative; z-index:20;
}

.ItemMoreInfoLink img
{
    border:0;
    margin:0;
    padding:0;
    
}

/* Pruchase Accordion Page
----------------------------------------------------------*/
.AccordionLinks
{
    position:absolute;
    right:10px; 
    bottom:10px; 
    cursor:pointer;
}

#accordion table
{
    border:0;
}

#OrderPageCardDetailsCVC2Container
{
    float:left;
    position:relative;
    top:85px;
    width:500px;
    padding:10px;
    margin-left:20px;
    background:#262626;
    color:#fff;
    font-size:0.8em;
}