* { margin: 0; padding: 0; }

body { background: #000; color: #333; font-family: "Droid Sans", Arial; font-size: 14px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans Condensed', Arial; }
h1 { color: #fecb00; float: left; outline: 0; }
h1 a { outline: 0; }
h2 { padding: 15px 25px; font-size: 22px; color: #2d2d2d; border-bottom: 1px solid #ccc; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); background: linear-gradient(top,  #ffffff 0%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); }
h2 a { color: #2d2d2d; }
h2 a:hover { color: #2d2d2d; text-decoration: underline; }
h3 { padding: 15px 0; font-size: 20px; }
.white_container h3, .panes h3 { font-family: 'Droid Sans', Arial; font-size: 26px; font-weight: normal; }
h4 { padding: 15px 0; font-size: 18px; }
h5 { padding: 15px 0 0 0; font-size: 16px; color: #365899; }
h6 { padding: 15px 0; font-size: 18px; }

p { margin: 13px 0; line-height: 22px; color: #333; }

a { color: #fff; text-decoration: none; }
a:hover { color: #fecb00; text-decoration: none; }
a.tt span {
    display: none;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    visibility: visible;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    opacity: 0;
}
a.tt:hover span.tooltip {
  display: block;
position: absolute;
bottom: 0;
left: -50px;
width: 300px;
font-size: 13px;
text-align: left;
line-height: 16.5px;
opacity: .9;
}


img { border: 0; }

table { width: 100%; }

.clear { clear: both; }
.hidden { display: none; }

/* Page Structure */
.c { text-align: center; }
.r { text-align: right; }
.l { text-align: left; }
.right { float: right; }
.left { float: left; }
.white_container .divider { background: url('../images/divider.jpg') left center repeat-x; height: 19px; margin: 40px -20px 0 -20px; clear: both; }
.white_container .divider hr { display: none; }

.page_content { width: 986px; margin: 0 auto; }


#header { height: 40px; border-bottom: 1px solid #333; background: #292929;background: -moz-linear-gradient(top,  #292929 0%, #000000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#000000));background: -webkit-linear-gradient(top,  #292929 0%,#000000 100%);background: -o-linear-gradient(top,  #292929 0%,#000000 100%);background: -ms-linear-gradient(top,  #292929 0%,#000000 100%);background: linear-gradient(top,  #292929 0%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#000000',GradientType=0 );}
#header-menu { float: right; list-style: none; height: 40px; line-height: 40px; }
#header-menu > li { float: left; margin-left: 20px; font-size: 14px; }
#header-menu form { margin-top: 5px; }

#main { background: url('../images/main_bkg.jpg') no-repeat center bottom #000; padding-bottom: 20px; }

#footer-top { height: 47px; border: 1px solid #333; border-width: 1px 0; color: #696969; line-height: 47px; font-size: 14px; font-family: 'Open Sans Condensed', Arial; background: #272727; background: -moz-linear-gradient(top,  #272727 0%, #1b1b1b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#1b1b1b)); background: -webkit-linear-gradient(top,  #272727 0%,#1b1b1b 100%); background: -o-linear-gradient(top,  #272727 0%,#1b1b1b 100%); background: -ms-linear-gradient(top,  #272727 0%,#1b1b1b 100%); background: linear-gradient(top,  #272727 0%,#1b1b1b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#1b1b1b',GradientType=0 );   }
#footer-top a { color: #696969; }
#footer-top ul { list-style: none;   }
#footer-top ul > li { float: left; width: 325px; text-align: center; }

#footer { min-height: 270px;  background: #242424; color: #696969; background: -moz-linear-gradient(top,  #242424 0%, #313131 10%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242424), color-stop(10%,#313131)); background: -webkit-linear-gradient(top,  #242424 0%,#313131 10%); background: -o-linear-gradient(top,  #242424 0%,#313131 10%); background: -ms-linear-gradient(top,  #242424 0%,#313131 10%); background: linear-gradient(top,  #242424 0%,#313131 10%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#313131',GradientType=0 ); }
#footer h3 { font-size: 17px; }
#footer a { color: #696969; }
#footer a:hover { color: #ccc; }

#footer_links { font-size: 13px; }
#footer_links > li > ul > li { line-height: 30px; border-bottom: 1px solid #444; }
#footer_links > li > ul > li:last-child { border-bottom: 0; }
#footer_links > li#social_media { text-align: center; }
#footer_links > li#social_media > ul { margin-top: 40px; }
#footer_links > li#social_media > ul > li { width: 72px; text-align: center; border: 0; }

/* Columns */
ul.rows { list-style: none; margin: 0 auto 0 auto; padding: 0; display: block; }
ul.rows > li { padding: 5px 10px; min-height: 100px; overflow: hidden; }

ul.columns { list-style: none; margin: 0 auto 0 auto; padding: 0; display: block; }
ul.columns > li { width: 32%; padding: 0px; float: left; padding: 0 5px 5px 0; overflow: hidden; }
ul.columns > li:last-child { padding-right: 0; }
ul.columns.col-4 > li {  width: 24%; }
ul.columns.col-2 > li {  width: 49%; }

/* Menu */
#menu { width: 986px; height: 49px; margin: 20px auto; border: 1px #333333 solid; background: #000000; list-style: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#1c1c1c)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #000000, #1c1c1c); /* Chrome 10+, Saf5.1+ */ background-image:    -moz-linear-gradient(top, #000000, #1c1c1c); /* FF3.6 */ background-image:     -ms-linear-gradient(top, #000000, #1c1c1c); /* IE10 */ background-image:      -o-linear-gradient(top, #000000, #1c1c1c); /* Opera 11.10+ */ background-image:         linear-gradient(top, #000000, #1c1c1c); -pie-background:          linear-gradient(top, #000000, #1c1c1c); /* IE6 - IE8 */ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#000000", endColorStr="#1c1c1c"); /* IE9 */ }
#menu > li { float: left; font-size: 15px; margin: 0 auto; }
#menu > li:first-child { margin-left: 15px; }
#menu > li > a { color: #fff; text-decoration: none; padding: 15px 17px; display: block; }
#menu > li > a:hover { color: #fecb00; text-decoration: none; }

/* Homepage */
#homepage_slider { width: 986px; height: 390px; }

#homepage_content { }
#homepage_content h2 { border: 0; text-transform: uppercase; color: #fecb00; font-size: 20px; padding: 15px; background: #262626; background: -moz-linear-gradient(top,  #262626 0%, #121212 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#121212)); background: -webkit-linear-gradient(top,  #262626 0%,#121212 100%); background: -o-linear-gradient(top,  #262626 0%,#121212 100%); background: -ms-linear-gradient(top,  #262626 0%,#121212 100%); background: linear-gradient(top,  #262626 0%,#121212 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#121212',GradientType=0 ); }

#homepage_news { border: 1px solid #313131; background: url('../images/HomeNewsBackground.png'); }
#homepage_news_content { padding: 10px 20px; font-size: 13px; }
#homepage_news_content,
#homepage_news_content p { color: #fff; }
#homepage_news_content > ul { margin: 10px 0 10px 0; }
#homepage_news_content > ul:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
#homepage_news_content > ul > li { display: block; float: none; width: 100%; }
/*
#homepage_news_content > ul { border-bottom: 1px solid #2d2d2d; margin: 10px 0 20px 0; padding-bottom: 10px; }
#homepage_news_content > ul > li { display: inline-block; float: none; }
#homepage_news_content > ul > li:first-child { width: 24%; vertical-align: top; }
#homepage_news_content > ul > li:last-child { width: 74%; }
*/

#homepage_sections { margin-left: 5px; }
#homepage_sections > li { width: 218px; height: 59px; margin-bottom: 10px; margin-right: 22px; padding: 177px 0px 0px 10px; font-size: 13px; cursor: pointer; line-height: 22px; }
#homepage_sections > li#homepage_section_1 { background: url('../images/HomeBuildSystemBackground.png') no-repeat left top; }
#homepage_sections > li#homepage_section_2 { background: url('../images/HomeWhyBuyBackground.png') no-repeat left top; }
#homepage_sections > li#homepage_section_3 { background: url('../images/HomeWindowFilmBackground.png') no-repeat left top; }
#homepage_sections > li#homepage_section_4 { background: url('../images/homepage_section_4.png') no-repeat left top; margin-right: 0; padding-right: 0; }

/* Product Page */
.white_container { background: #fff; color: #333; margin-bottom: 10px; padding: 20px; }
.white_container a { color: #365899; }
.white_container a:hover { text-decoration: underline; }
#product_image { display: block; float: left; text-align: center; margin: 0 20px 0 0; }
#product_image p { margin: 0; }
.product_price { float: right; width: 135px; padding: 5px; text-align: center; }
.product_price p { color: #2D2D2D; }
#product .product_price { font-size: 17px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 5px rgba(0, 0, 0, 0.3); border-radius: 5px; border: 1px solid #CCC; background: #fcfcfc; background: -moz-linear-gradient(top,  #fcfcfc 0%, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e9e9e9)); background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); background: -o-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); background: -ms-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); background: linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e9e9e9',GradientType=0 ); }
#product_list .product_price { font-size: 15px; padding: 15px 0; }
#product h3 { padding: 0 0 15px 0; }

.facebook-like { margin: 0; width: 100px; height: 21px;  }

.paypal_add_button { text-align: right; }
.paypal_add_button img { display: none; }

/* Tabs */
/*.panes * { color: #333; }*/
.panes ul, .white_container ul, .panes ol, .white_container ol { padding-left: 40px; display: inline-block; line-height: 22px; }
.panes li { line-height: 22px; }
.panes h4 { margin: 13px 0; }

/* Product List */
.product_container { border: 1px solid #ccc; border-radius: 5px; margin-bottom: 20px; padding: 0 20px; box-shadow: 0 0 5px 1px #ccc; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); background: -o-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); background: linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); }
.product_container img { margin: 0 20px 0 0; background: #fff; border: 1px solid #dadada; border-radius: 3px; }
.product_container .facebook-like { float: right; margin: 15px 0; }

a.yellow_button { border: 1px solid #b29401; color: #444; padding: 3px 10px; text-transform: uppercase; box-shadow: 0 0 2px 0px #B29401; border-radius: 2px; font-family: 'Open Sans Condensed',Arial; text-shadow: 1px 1px 0 #f1b312; background: #f1b312; background: -moz-linear-gradient(top,  #f1b312 0%, #ffd200 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1b312), color-stop(100%,#ffd200)); background: -webkit-linear-gradient(top,  #f1b312 0%,#ffd200 100%); background: -o-linear-gradient(top,  #f1b312 0%,#ffd200 100%); background: -ms-linear-gradient(top,  #f1b312 0%,#ffd200 100%); background: linear-gradient(top,  #f1b312 0%,#ffd200 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b312', endColorstr='#ffd200',GradientType=0 ); }
a.yellow_button:hover { text-decoration: none; text-shadow: 0px 0px 1px #FFD200; border-color: #c4a300; color: #555; }

/* Tipsy tooltips */
.tipsy { font-family: Arial; padding: 5px; position: absolute; z-index: 100000; font-size: 13px; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; width: 225px; text-align: center; }
.tipsy-inner { border-radius: 5px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

.tipsy.red .tipsy-inner { background-color: #a23333; text-shadow: 0 1px 0 #666; }
.tipsy.red .tipsy-arrow { background-image: url('../images/tipsy-red.gif'); }

.tipsy.blue .tipsy-inner { background-color: #0079bc; text-shadow: 0 1px 0 #333; }
.tipsy.blue .tipsy-arrow { background-image: url('../images/tipsy-blue.gif'); }

.tipsy.white .tipsy-inner { background-color: #fff; color: #333; border: 1px solid #ddd; font-weight: bold; }
.tipsy.white .tipsy-arrow { background-image: url('../images/tipsy-white.gif'); }

.tipsy.gray .tipsy-inner { background-color: #333; color: #fff; border: 1px solid #222; }
.tipsy.gray .tipsy-arrow { background-image: url('../images/tipsy-gray.gif'); }

/* BlockUI */
.blockMsg { width: 275px; top: 30%; left: 35%; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); ; -moz-opacity: 0.7; opacity: 0.7; color: #fff; height: auto; padding: 20px 0; background: #333 url('../images/loader.gif') no-repeat 20px center; border: 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; cursor: wait; font-size: 26px; text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5); font-variant: small-caps; color: #fff; line-height: 40px; }
.blockMsg small { font-size: 14px; }
.blockOverlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6; background-color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image: url('../images/block-bkg.png'); cursor: wait; }

/* Feature Tooltips */
.tipsy.gray * { color: #fff; }
.tipsy.gray img { float: left; margin-left: 8px; }
.tipsy.gray p { clear: right; color: #fff; text-shadow: none; margin: 10px 15px; }
.tipsy.gray h6 { height: 70px; line-height: 65px; margin: 0; text-shadow: -1px -1px 2px #000, 1px 1px 1px #bbb; letter-spacing: 1px; font-size: 18px; font-weight: normal; font-variant: small-caps; margin: 0 -7px 0 -7px; border-radius: 5px;
 background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 0%, #111111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 0%,#111111 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333333 0%,#111111 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #333333 0%,#111111 100%); /* W3C */ }
 .tipsy.gray small { font-size: 80%; }
 .tipsy.gray .tipsy-arrow { display: none; }

/* Features Table */
#features { width: 575px; padding: 0; margin: 30px 0; background: #000; background: rgba(0, 0, 0, 0.6); border-radius: 10px; box-shadow: 0 0 5px #333; background: url('../images/wrapper-bkg.jpg') no-repeat center -170px; } /* background: url('../images/features.png') no-repeat bottom center;  */
#features table .space { margin: 5px 0; border: 1px dashed #222; }
#features table td { padding: 4px 0; text-align: center; color: #fff; font-size: 14px;  }
#features table tr.alt td { background: #222; }
#features table td.label { text-align: right; padding-right: 25px; cursor: pointer; }
span.tick { display: inline-block; width: 16px; height: 16px; background: url('../images/tick.png'); }

/* From viper.com */
#RemoteCompatibilityResultsListRPNTable {
    border: 1px solid #E7E7E7;
    border-collapse: separate;
    width: 720px;
}
.RemoteCompatibilityResultsListRPNTableHeader {
    background: none repeat scroll 0 0 #E2E2E2;
    color: #2D2D2D;
    font-family: Trebuchet MS,Tahoma;
    font-size: 15px;
    height: 45px;
    text-align: center;
}
.RemoteCompatibilityResultsListRPNTableRow1 {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #2D2D2D;
    font-family: Trebuchet MS,Tahoma;
    font-size: 15px;
    height: 40px;
    text-align: center;
}
.RemoteCompatibilityResultsListRPNTableRow2 {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #2D2D2D;
    font-family: Trebuchet MS,Tahoma;
    font-size: 15px;
    height: 40px;
    text-align: center;
}

/* SmartStart sub menu */
#smartstart_menu { position: absolute; top: 132px; list-style: none; width: 966px; }
#smartstart_menu > li { float: right; }
#smartstart_menu > li > a { color: #333; font-size: 15px; height: 60px; line-height: 60px; padding: 0 10px; display: block; border: 1px solid transparent; border-width: 0 1px; }
#smartstart_menu > li > a:hover { background: #eee; color: #d1a700; border-color: #ddd; }

/* SmartStart Licensing */
#licensing #features { margin: 0 auto; }

#licensing #features table thead td { font-family: 'Open Sans Condensed', Arial; font-size: 16px; }

#licensing .checkbox { background: url('../images/ticks.png') no-repeat center -30px; height: 30px; margin-left: 95px; cursor: pointer; }
#licensing .checkbox.tick { background-position:  center 0px; }
#licensing .checkbox input { display: none; }

#licensing #form {  margin: 30px auto 0 auto; width: 669px; }
#licensing #form #submit { font-family: 'Open Sans Condensed', Arial; clear: both; color: #FFFFFF; display: block; float: none; font-size: 18px; margin: 0 auto 30px; padding: 15px; text-align: center; width: 100%; border: 1px solid #333333; outline: 0; background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 0%, #111111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 0%,#111111 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333333 0%,#111111 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #333333 0%,#111111 100%); /* W3C */ */ }
#licensing #form #submit:hover { cursor: pointer; border-color: #666; text-shadow: 0 0 5px #ddd; }
#licensing #form label { clear: both; color: #FFFFFF; display: block; float: left; height: 34px; letter-spacing: 1px; line-height: 34px; margin: 0 20px 0 45px; }
#licensing #form label small { clear: both; display: block; }
#licensing #form input,
#licensing #form select { padding: 5px; border: 1px solid #999; width: 400px; float: right; border-radius: 3px; margin: 3px 50px 3px 0; }
#licensing #form fieldset { margin-bottom: 10px; border-radius: 5px; padding: 15px 0; border: 1px solid #333; background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 0%, #111111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 0%,#111111 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333333 0%,#111111 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #333333 0%,#111111 100%); /* W3C */ */}
#licensing #form legend { background: #131313; border-bottom: 1px solid #444444; color: #FFFFFF; font-family: 'Open Sans Condensed', Arial; font-size: 18px; font-variant: small-caps; font-weight: normal; letter-spacing: 1px; margin-left: 20px; padding: 0 15px; text-shadow: 1px 1px 0 #333333, -1px -1px 0 #333333, 0 0 1px #333333; }

#licensing #footer { width: 704px; height: 77px; margin: 5px auto 10px auto; }
#licensing #smg-logo { background: url('../images/logo-smg.png') no-repeat center center; width: 90px; height: 34px; display: block; display: inline-block; }
#licensing #smg-logo-link { display: block; height: 34px; margin-left: 590px; position: absolute; width: 90px; }
#licensing #copyright { font-family: 'Open Sans Condensed', Arial; font-size: 11px; letter-spacing: 1px; text-align: right; color: #fff; margin-right: 130px; }
#licensing #notice { color: #FFFFFF; float: left; font-size: 11px; margin: 0; width: 325px; font-family: 'Open Sans Condensed', Arial; }

/* Form Fields */
#licensing #form label#email_address_confirm_label,
#licensing #form label#airid_label { line-height: 14px; padding-top: 3px; }
#licensing #form input#place_of_purchase,
#licensing #form input#airid { width: 300px; }

#licensing #form label#post_code_label { clear: none; margin: 0 0 0 10px; }
#licensing #form input#post_code { width: 150px; }
#licensing #form select#state { width: 150px; margin-left: 103px; float: left; margin-right: 10px; text-align: center; height: 29px; }

#licensing #form label#surname_label { clear: none; margin: 0 0 0 8px; }
#licensing #form input#surname { width: 150px; }
#licensing #form input#first_name { width: 140px; margin-left: 62px; float: left; margin-right: 10px; }

/* Success Page */
#licensing #success { width: 500px; margin: 0 auto; }
#licensing #success p { text-align: center; }
#licensing #success h3 { color: #fff; border: 1px solid #222222; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 10px #222; font-size: 32px; margin: 0 auto; padding: 10px; text-align: center; width: 300px; text-shadow: 0 0 10px #00ff00;  background: #333333; /* Old browsers */  background: -moz-linear-gradient(top, #333333 0%, #111111 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top, #333333 0%,#111111 100%); /* Opera11.10+ */  background: -ms-linear-gradient(top, #333333 0%,#111111 100%); /* IE10+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */  background: linear-gradient(top, #333333 0%,#111111 100%); /* W3C */ }
#licensing #success #licence { color: #fff; font-variant: small-caps; border: 1px solid #222222; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 10px #222; margin: 10px auto; padding: 10px; text-align: center; width: 300px; background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 0%, #111111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 0%,#111111 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333333 0%,#111111 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #333333 0%,#111111 100%); /* W3C */ }
#licensing #success table { }
#licensing #success table td { padding: 5px; border-bottom: 1px solid #ccc;  }
#licensing #success table tr:last-child td { border-color: transparent; }
#licensing #success table tr:first-child td { border-color: #ccc; }
#licensing .printlink { text-shadow: 0 0 5px #00ff00; width: 135px; position: absolute; top: 225px; margin: 0px 0 20px 542px; box-shadow: 0 0 10px #222; border: 1px solid #222222; display: block; border-radius: 3px; text-align: center; padding: 10px 20px; color: #fff; font-variant: small-caps; background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 0%, #111111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 0%,#111111 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333333 0%,#111111 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #333333 0%,#111111 100%); /* W3C */ }
#licensing .printlink:hover { text-decoration: none; background: #444444; /* Old browsers */ background: -moz-linear-gradient(top,  #444444 0%, #222222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #444444 0%,#222222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #444444 0%,#222222 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #444444 0%,#222222 100%); /* IE10+ */ background: linear-gradient(top,  #444444 0%,#222222 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); /* IE6-9 */ }
#licensing .printer-icon { background: url('../images/printer.png') no-repeat center center; display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: top; }

#licensing .back-button { border: 1px solid #222222; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 25px rgba(0, 255, 0, 0.4); color: #FFFFFF; display: block; font-variant: small-caps; margin: 30px 0 20px 20px; padding: 10px 20px; position: absolute; text-align: center; top: 112px; width: 70px; background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 0%, #111111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 0%,#111111 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333333 0%,#111111 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #333333 0%,#111111 100%); /* W3C */ }
#licensing .back-button:hover { text-shadow: 0 0 5px rgba(0, 255, 0, 0.6); box-shadow: 0 0 25px rgba(0, 255, 0, 0.6); text-decoration: none; background: #444444; /* Old browsers */ background: -moz-linear-gradient(top,  #444444 0%, #222222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #444444 0%,#222222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #444444 0%,#222222 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #444444 0%,#222222 100%); /* IE10+ */ background: linear-gradient(top,  #444444 0%,#222222 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); /* IE6-9 */ }
#licensing .home-icon { background: url('../images/house.png') no-repeat center center; display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: top; }

/* Failure Page */
#licensing #failure { min-height: 370px; }
#licensing #failure p { text-align: center; }
#licensing #failure h3 { color: #fff; border: 1px solid #222222; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 10px #222; font-size: 32px; margin: 0 auto; padding: 10px; text-align: center; width: 300px; text-shadow: 0 0 10px #ff0000; background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 0%, #111111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 0%,#111111 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333333 0%,#111111 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #333333 0%,#111111 100%); /* W3C */ }
