/***** Global Settings *****/

* {
margin: 0;
}
 
html, body {
border:0;
padding:0;
height: 100%;
}
 
body {
font-size:14px;
font-family: 'PT Sans', arial, serif;
background-image:url(/img/bg.gif);
height: 100%;
position: relative;
}

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
padding:0;
font-weight:normal;
color:#191919;
}
 
h1 {
padding:30px 0 0 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2 {
padding:20px 0 0 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
p, ul, ol {
padding:0 0 0.5em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited{
text-decoration:underline;
color:#191919;
}

a:hover {
text-decoration:none;
color:#191919;
}
 
/***** Forms *****/
 
form {
padding:0;
display:inline;
}
 
#form_box input, select, textarea {
border:1px solid #ffd324;
background-color:#191919;
}
 
textarea {
width:25em;
line-height:2.5em;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/
 
.wrapper {
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    width: 960px;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.margin_b {padding:0 0 25px 0;}


/**** CAROUSEL *****/
.device {
	background:url('/img/device.png') no-repeat 20px 0;
	top:186px;
	left:85px;
	width:840px;
	height:386px;
	position:absolute;
	z-index: 2400;
	}
	
div.box-primary {
    display: inline;
    float: left;
    width: 620px;
}
div.box-secondary {
    display: inline;
    float: right;
    padding-left: 15px;
    width: 350px;
}
div.box-inner {
    border-bottom: 1px solid #2F2F2F;
    overflow: hidden;
    padding-bottom: 15px;
}
.js {
    overflow: hidden;
}
.carousel {
padding-top:60px;
outline: 0;
}
.carousel, .carousel .carousel-wrap {
    border: 0 none;
    margin: 0;
}
.js .carousel-wrap {
    background: none repeat scroll 0 0 #1A1A1A;
    display: inline-block;
    margin: 0 5px 15px;
    vertical-align: middle;
    width: 750px;
}
.IE .js .carousel-wrap {
    display: inline;
}
.carousel ul {
    margin: 0;
    padding: 0;
}
.js ul li {
    display: inline;
    float: left;
    height: 385px;
    overflow: hidden;
    text-align: center;
    width: 750px;
}
.carousel .carousel-control {
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 90px;
    line-height: 999px;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    width: 40px;
	outline: 0 none;
}
.carousel .carousel-next {
    background: url("/img/right.png") no-repeat scroll 0 0 transparent;
	z-index:9000;
	position:relative;
	outline: 0 none;
}

.carousel .carousel-previous {
    background: url("/img/left.png") no-repeat scroll 0 0 transparent;
	z-index:9000;
	position:relative;
	outline: 0 none;
}
.carousel .carousel-control:hover {
    opacity: 0.7;
}
.carousel .disabled, .carousel .disabled:hover {
    cursor: default;
    opacity: 0.1;
}
.carousel div {
    border: 0 none;
    margin: 0;
    padding: 0;

}
.carousel ul {
    list-style: none outside none;
    padding: 0;
}
.carousel ul li {
    margin: 0;
    position: relative;
    width: 750px;
}

.carousel ul li cite {
bottom:0;
    font-size: 14px;
    line-height: 39px;
    position: absolute;
    left: 0;
	width:750px;
	height:28px;
	background-image:url(/img/bg.gif);
}
.carousel ul li cite a img {
    vertical-align: middle;
}
.carousel ul li cite a {
    color: #333;
    /* text-decoration: none; */
}
div.center-wrap {
    clear: both;
    overflow: hidden;
}
div.center-wrap div {
    border: 0 none;
    margin: 15px 0;
}
div.center-wrap a {
    -moz-border-radius: 12px 12px 12px 12px;
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #4F4F4F;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0 2px;
    padding: 2px 5px;
}
div.center-wrap a.active {
    color: #5DB0E6;
    font-weight: bold;
}



/***** Content *****/

#logo {
padding:60px 0 0;
margin:0 0 30px;
color:#191919;
 overflow:hidden;
 position: relative;
 }
#logo img {float:left; clear:right; margin-right:20px;}
#top_text {float:right;}
#top_text p {padding-left:20px; font-size:0.75em; float:right; clear:right;}
#top_text a {float:right; clear:right; font-size:0.75em;}

.menu ul{
list-style: none outside none;
}

.menu li {
    background-position: 50% 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    font: 14px "Trebuchet MS";
    margin: 0 8px;
    padding: 6px;
    text-align: center;
	}
.menu li a:active{
color:#333 !important;
text-decoration:none !important;
}

#content {
width:900px;
max-width:900px;
padding: 0 25px 100px;
margin:20px 60px;
overflow:hidden;
color:#191919;
}

#content h1 {
font-size:1.5em;
font-family: 'PT Serif', arial, serif;
margin:1px 0 6px;
}

#content h2 {
font-size:1.3em;
font-family: 'PT Serif', arial, serif;
margin:1px 0 6px;
}
#content li {
list-style: circle outside none;
}
.mainCat {
overflow:hidden;
clear:both;
}
.item {
float:left;
margin:0 6px 6px 0;
}
.alert {
	background: url(/img/sticky.png) center no-repeat;
	background-position: 25px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 15px 20px 15px 65px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color:#ffd324;
	}

#misc{
    bottom: 0;
    clear: both;
    left: 20px;
    overflow: hidden;
    padding: 20px 0;
    position: absolute;
    width: 960px;
}
#form_box p {margin:10px 0 5px;}

/* LOGIN */
div.form input, div.form textarea, div.form select {
margin:0.4em 0 0.7em;
}

input, select, textarea {
background-color:#F2F2F2;
border:1px solid #666666;
font-size:1em;
margin:10px 0 0;
padding:2px;
}
/* PAGER */
div.form {
}
div.form input, div.form textarea, div.form select {
    margin: 0.2em 0 0.5em;
}
div.form input {
    height: 28px;
    padding: 1px;
    width: 26em;
}
div.form textarea {
    height: 4em;
    padding: 1px;
    width: 26em;
}
div.form select {
    padding: 1px;
    width: 26em;
}
div.form fieldset {
    -moz-border-radius: 7px 7px 7px 7px;
    border: 1px solid #DDDDDD;
    margin: 0 0 10px;
    padding: 10px;
}
div.form label {
    float: left;
    margin: 0 0 0 10px;
    padding: 2px;
    text-align: left;
    width: 290px;
}
div.form  label.textArea {
    float: none !important;
    margin: 0 0 10px 10px;
    padding: 2px;
    text-align: left;
    width: 290px;
}
div.form .row {
    margin: 15px 0;
    width: 100%;
}
div.form .hint {
    color: #999999;
    margin: 0;
    padding: 0;
}
div.form .note {
    font-style: italic;
}
div.form span.required {
    color: red;
}
div.form div.error label, div.form label.error, div.form span.error {
    color: #CC0000;
}
div.form div.error input, div.form div.error textarea, div.form div.error select, div.form input.error, div.form textarea.error, div.form select.error {
    background: none repeat scroll 0 0 #FFEEEE;
    border-color: #CC0000;
}
div.form div.success input, div.form div.success textarea, div.form div.success select, div.form input.success, div.form textarea.success, div.form select.success {
    background: none repeat scroll 0 0 #E6EFC2;
    border-color: #C6D880;
}
div.form .errorSummary {
    background: none repeat scroll 0 0 #FFEEEE;
    border: 2px solid #CC0000;
    font-size: 0.9em;
    margin: 0 0 20px;
    padding: 7px 7px 12px;
}
.errorMessage {
margin: 10px;
color:#f00;
}
div.form .errorMessage {
    color: red;
    font-size: 0.9em;
}
div.form .errorSummary p {
    margin: 0;
    padding: 5px;
}
div.form .errorSummary ul {
    margin: 0;
    padding: 0 0 0 20px;
}
div.wide.form label {
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 100px;
}
div.wide.form .row {
    clear: left;
}
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
    clear: left;
    padding-left: 110px;
}
#yt0 {
margin:0 0 10px 10px;
}
#specialOffer, .flash-success {
border:#999 1px solid;
margin:10px 0 0;
padding:0 15px 10px;
background:#ffffcc;
}