/*





*/

/* HTML Element Styles --------------------------------------- */
*{margin:0;padding:0}
html{border:1px}
body{margin:0;padding:0;font:76% "Helvetice Neue",Helvetica,Arial,Sans-serif;background:#424242 url(/promotion/styles/bodybg.jpg.aspx) center top repeat-x;color:#fff;text-align:center}
body *{margin:0;padding:0}
ul,ol{margin:10px 0;padding:0 0 0 20px}
ul li,ol li{margin:0;padding:0}
ul{padding:0;list-style:none}
ul li{list-style:none}
h1{margin:10px 100px;padding:0;font-size:1.8em;text-align:center}
h2{margin:0 100px 10px;padding:0;font-size:1.25em}
h3{margin:0 100px 10px;padding:0;font-size:1.15em}
h4{margin:0 100px;padding:0;font-size:1em}
p{margin:0 100px 1.4em;padding:0;text-align:justify;font-size:1.2em;line-height:1.4em}
acronym{font-style:normal;border-bottom:1px dotted;cursor:help}
address{font-style:normal}


/* Link Styles ----------------------------------------------- */
a:link,a:hover,a:active,a:visited{text-decoration:none;color:#80e365;border:0px}
a:hover{border-bottom:1px dashed #80e365}
a img{border:0}


/* clearing fix ---------------------------------------------- */
div.module:after,.clearfloat:after,.clearfix:after,.article-list:after{content:".";display:block;height:0;clear:both;visibility:hidden}
div.module,.clearfloat,.clearfix,.article-list{display:inline-block}
/* Hides from IE-mac \*/
.ie div.module,.ie .clearfloat,.ie .clearfix,.ie .article-list{height:1%}
div.module,.clearfloat,.clearfix,.article-list{display:block}
/* End hide from IE-mac */


/* text "Unknown" navigation ----------------------------------- */
#skipnav,#backtotop{display:none}

/* HTML Form Styles ------------------------------------------ */
fieldset{border:0;border:0;margin:0;padding:0}
legend{display:none}

p.px-field{margin:0 100px 5px;padding:5px 0;background:#616161}
form p.first{margin-top:0.5em}
form p.last{margin-bottom:0.5em}
label{position:absolute;width:195px;overflow:hidden;padding:2px 0 0 0;margin:0;display:block;line-height:1.4em;text-align:right;color:#80e365}
.ie label{padding-top:3px}

input,textarea,select,button
{font:98% "Helvetice Neue",Helvetica,Arial,Sans-serif;margin:1px 1px 1px 201px;padding:2px 5px 0;border:1px solid #80e365;color:#80e365;background:#424242}
.ie input,.ie select,.ie textarea,.ie button{padding:1px 5px}
input,select,textarea{display:block;font-size:1.12em;line-height:1.4em;height:1.4em}
input[type="hidden"]{display:none} /* Mozilla fix: removes style from hidden form element!?!? */

input{width:296px}
p.px-date input{width:120px}
p.px-number input{width:120px}
p.px-date img.date-select{position:absolute;margin:-21px 2px 2px 298px;border:1px solid #80e365}
.ie p.px-date img.date-select{margin-top:-23px}

select{padding:1px 2px 1px 2px;width:326px}
.ie select{padding:2px 5px}

textarea{height:5em;width:296px;overflow:auto}

p.px-file input{width:326px}
.ie p.px-file input{width:326px}

.px-rdo-chk input{width:13px;height:13px;border:0;margin:0 0 0 201px;padding:0}
.ie .px-rdo-chk input{margin:0 0 0 200px}
.px-rdo-chk label{padding:0;margin:-2px 0 0 220px;text-align:left}
.ie .px-rdo-chk label{margin-left:20px}

.px-required label{font-weight:bold;line-height:20px}
.px-required input,.px-required textarea,.px-required select{margin:0px 0px 0px 200px;border:2px solid #80e365}

.px-invalid{background:#e5c1bf}
.px-invalid label{color:#e22}
.px-invalid input,.px-invalid textarea,.px-invalid select{color:#e22;border-color:#e22}

p.btn{margin:0 100px 20px 296px}
.btn input,.btn button,input.btn,button{font-size:1em;font-weight:bold;display:inline;margin:0 0 0 5px;padding:0;height:28px;width:100px;text-align:center;overflow:hidden;border:1px outset #80e365;color:#424242;background:#80e365}


/* Tables */
table{margin:0;padding:0;clear:both}
th,td{margin:0;padding:4px 6px;border:0;vertical-align:top;text-align:left}
th{vertical-align:bottom}

/* Table forms */
th.rdo,td.rdo,th.chk,td.chk{text-align:center}
td .rdo input,td .chk input{margin:0;width:auto}

/* Basic Horizontal Menu */
.menu{display:table;list-style-type:none;white-space:nowrap;margin:0;padding:0}
.ie .menu{display:inline-block}
.menu li{display:table-cell;cursor:pointer;margin:0;padding:0}
.ie .menu li{display:inline}
.menu a, .menu a:visited{width:auto;display:block;border:0;margin:0;padding:0}
.ie .menu a, .ie .menu a:visited{display:inline-block}

#breadcrumb{list-style-type:none;padding:0 8px;margin-top:0}
#breadcrumb li{float:left;padding:0 1em 0 0}
#breadcrumb a,#breadcrumb a:hover{text-decoration:none}

#left ul.menu{float:none}
#left .menu li{float:none}
#left .menu a{padding:0.2em 0 0.3em 0.2em}

.rss-feed-reader{padding:40px 0}
.rss-feed-reader h2 a{color:#fff;text-decoration:none}
.rss-feed-reader h2 a:hover{text-decoration:underline}

.articles h2{margin:10px}
.articles a{color:#fff;text-decoration:none}
.articles a:hover{text-decoration:underline}
.articles img{margin:0 0 10px}
.article-list{cursor:pointer}
.article-list img{margin:10px 10px 10px 0;float:left;display:block}
.articles p{margin:0 10px 10px}

.sitemap{margin:0 10px 10px;padding:0;font-size:1.2em}
.sitemap ul{margin:0;padding:0 0 0 1em}
.sitemap li{margin:0;padding:2px 4px 3px 4px;display:block}
.sitemap li:hover,
.sitemap li.hover{background:#424242;padding:1px 3px 2px 3px;border:1px solid #fff}
.sitemap a{color:#fff;text-decoration:none;display:block}
.sitemap a:hover{text-decoration:none}

#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none}

#outerImageContainer{position:relative;background-color:#fff;width:250px;;height:250px;margin:0 auto}

#imageContainer{padding:10px}

#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}

#prevLink, #nextLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat;display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(../images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(../images/nextlabel.gif) right 15% no-repeat}

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em}

#imageData{padding:0 10px}
#imageData #imageDetails{width:70%;float:left;text-align:left}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em}

#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#424242;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}

.menu{font-size:1.2em}
.menu a:link,.menu a:hover,.menu a:active,.menu a:visited{margin:0 10px;padding:5px 0 6px;color:#fff;text-decoration:none;text-transform:lowercase;border:0}
.menu a:hover{padding-bottom:3px;border-bottom:3px solid #fff}

#head .menu{padding:28px 0 0;margin:0 0 0 auto}
#center .menu{padding:20px 0 40px;margin:0 auto}
.ie #center .menu{padding-bottom:20px}
#foot .menu{padding:8px 0 10px;margin:0 auto}

#wrapper{}
#page{}
div.module{min-height:0.01em}
.ie #div.module{height:0.01em}

#head{text-align:center}
#headerone{height:89px;width:760px;text-align:right;margin:0 auto}
#headertwo{height:158px;width:760px;overflow:hidden;text-align:left;margin:0 auto}
#headerthree{width:760px;text-align:left;margin:0 auto}
#headerfour{width:760px;text-align:left;margin:0 auto}

.logo .logo{position:absolute;background:transparent url(/promotion/styles/logobg.jpg.aspx) no-repeat;padding:41px 83px}
.strap{position:absolute;margin-left:225px}

#foot{text-align:center;padding-bottom:40px;background:#424242 url(/promotion/styles/footbg.gif.aspx) center top repeat-x;padding:20px 0}
#footerone{width:760px;margin:0 auto}
#footertwo{width:760px;margin:0 auto}
#footerthree{width:760px;margin:0 auto}

#content{background:#616161 url(/promotion/styles/contentbg.gif.aspx) center bottom repeat-x}

#center{background:transparent url(/promotion/styles/contentbg.jpg.aspx) center top repeat-x}
#centerone{width:760px;margin:0 auto}
#centertwo{width:760px;margin:0 auto;padding:40px 0}
#centerthree{width:760px;margin:0 auto}

.features-group{width:780px;text-align:left;padding-top:28px}
.ie .features-group{width:780px;margin:0 -40px 0 0}
.feature-item{width:240px;height:220px;overflow:hidden;float:left;margin:0 20px 0 0;background:transparent url(/promotion/styles/thumbbg.jpg.aspx) center 100px no-repeat}
.feature-item a:hover{border:0}
#center .feature-item p{text-align:center;padding:2px 10px;margin:0}

.screenshot img,.screenshot object,.screenshot embed{padding:0 0 60px;background:transparent url(/promotion/styles/screenshotbg.jpg.aspx) center bottom no-repeat}
.screenshot p{margin-top:-60px}

.right{float:right;width:329px;padding:1em 50px 0 10px;margin-left:-1px;border-left:1px solid #616161}
#center .right{border-color:#6e6e6e}
.right p,.right h2,.right h3{text-align:left}
.right {text-align:left}
.right img{margin:10px}

.left{float:left;width:309px;padding:1em 10px 0 50px;border-right:1px solid #616161}
#center .left{width:310px}
#center .left{border-color:#6e6e6e}
.left p,.left h2,.left h3{text-align:right}
.left {text-align:right}
.left img{margin:10px}

.column	h1{margin:10px 10px}
.column	h2{margin:0 10px 10px}
.column	h3{margin:0 10px 10px}
.column	h4{margin:0 10px}
.column	p{margin:0 10px 1.4em}

#footerone .odd,#footerone .even{white-space:nowrap}
#footerone .even{font-weight:normal;color:#d1d1d1}

.intro{padding-top:28px;margin-bottom:-40px}
.intro p{text-align:center;font-size:1.2em;padding:0;margin:0}

