body {
background: #F3F3F3;
font: small Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

/*** top bar ***/

#topBar {
background: #C4C4C4;
padding: 5px 0;
width: 100%;
}

#topBarInside {
font: 85% Arial;
margin: 0 auto;
width: 900px;
}

#topBarInside h1 {
display: inline;
font-family: Arial;
margin: 0;
font-size: inherit;
}

* html #topBarInside {
font-size: 90% !important;
}

*:first-child+html #topBarInside h1 {
font-size: 95% !important;
}

#topBarInside .white { color: #fff; font-weight: bold; }
#topBarInside .gray { color: #E6E6E6; font-weight: bold; }


/*** header ***/

#header {
width: 900px;
margin: 0 auto;

}

/*** first top column ***/

#logo {
float: left;
position: relative;
}

#logo img {
position: absolute;
top: 10px;
left: 0;
}


/*** second top column ***/

#menu {
padding: 5px 0 -5px 5px;
margin-top: 10px;
margin-left: 140px;
float: left;
}

#menu h1 {
display: inline;
color: #7F8071;
font-size: inherit;
}

#menu .title {
font: 230% "Lucida Grande", Arial !important;
color: #7F8071 !important;
}

#menu .dotcom {
font: 230% "Lucida Grande", Arial !important;
color: #CBCBCB;
}

* html #menu .title, * html #menu .dotcom {
font-size: 120% !important;
}

*:first-child+html #menu .title, *:first-child+html #menu .dotcom {
font-size: 120% !important;
}

#menu h2 {
display: inline;
margin: 0;
font-size: inherit;
}

#menu .tagline {
display: block;
font: 85% Arial;
font-weight: bold;
color: #5A5A5A;
margin: 3px 0 20px 0;
}

* html #menu .tagline {
font-size: 45%;
}

*:first-child+html #menu .tagline {
font-size: 45%;
}

/*** navigation ***/

#navigation a {
color: #f7f7f7;
background: #97D8EB url(../images/left-tab.png) left top no-repeat; 
text-decoration: none;
margin-right: 1px;
}

* html #navigation a {
background: #8DD3E9 url(../images/left-tab.png) left top no-repeat; /* ie6 */
}

*:first-child+html #navigation a {
background: #8DD3E9 url(../images/left-tab.png) left top no-repeat; /* ie7 */
}

#navigation a span {
background: url(../images/right-tab.png) right top no-repeat;
padding: 7px 10px;
}

#navigation a, #navigation a span {
display: block;
float: left
}

#navigation a, #navigation a span { float: none } /* ie5mac */

#navigation a:hover, #navigation a.selected {
color: #fff;
background: #13B9E2 url(../images/left-tab-hover.png) left top no-repeat;
}

* html #navigation a:hover, *html #navigation a.selected { 
background: #0EB1DF url(../images/left-tab-hover.png) left top no-repeat; /* ie6 */
}

*:first-child+html #navigation a:hover, *:first-child+html #navigation a.selected {
background: #0EB1DF url(../images/left-tab-hover.png) left top no-repeat; /* ie7 */
}

#navigation a:hover span, #navigation a.selected span {
background: url(../images/right-tab-hover.png) right top no-repeat;
padding: 7px 10px;
}

ul#navigation {
list-style-type: none;
font-size: 85%;
font-weight: bold;
padding: 0;
margin: 0;
}

#navigation li {
float: left;
margin: 0;
} 


/*** third top column ***/

#payment {
float: right;
padding: 15px 0 0 0;
width: 250px;
}

#payment .title {
font: 85% Arial;
color: #88858E;
font-weight: bold;
}

#payment .desc {
font: 80% Arial;
color: #88858E;
margin: 5px 0 0 0;
display: block;
}

* html #payment .desc { font-size: 75%; }
*:first-child+html .desc { font-size: 70%; }


/*** container ***/

#container {
width: 900px;
background: #fff;
border: 1px solid #f8f8f8;
margin: 0px auto;
clear: both;
}

* html #container {
margin-top: -20px;
}

*:first-child+html #container {
margin-top: -20px;
}

#banner {
margin: -10px;
}

* html #banner { margin: 0; }
*:first-child+html #banner { margin: 0; }

#banner p {
text-align: center;
}



/*** content columns ***/
#wrapper {
width: 870px;
margin: 0 auto;
}

* html #wrapper { margin-top: -15px; }
*:first-child+html #wrapper { margin-top: -15px; }

#col1 {
float: left;
width: 430px;
}

#col2 {
float: right;
width: 430px;
}


/*** icon preview blocks ***/

.preview {
width: 425px;
color: #727272;
font: 85% Arial;
border: 1px solid #E6E6E6;
margin: 10px auto;
padding: 0;
background: url(../images/preview-off.png) center top no-repeat;
position: relative;
}

.preview a { color: inherit; }
.preview a:hover { color: #fff !important; }

.preview:hover {
border: 1px solid #C1E2F8;
color: #fff !important;
background: url(../images/preview-on.png) center top no-repeat;
}

.preview:hover a {
color: #fff !important;
}

.preview .top {
display: block;
height: 30px;
padding: 0 10px;
line-height: 30px;
color: #727272;
}

.preview .top:hover {
color: #fff !important;
}

.preview .icons {
display: block;
}

img.iconPreview {
display: block;
margin: 0 auto;
border: 0;
}

.preview .hot, .preview .new {
width: 19px;
height: 12px;
color: #fff;
font: 80% Arial;
letter-spacing: 1px;
position: absolute;
top: 8px;
right: 10px;
padding: 3px 5px 0px 5px;
}

.preview .hot {
background: url(../images/hot.gif) right center no-repeat;
}

.preview .new {
background: url(../images/new.gif) left center no-repeat;
}


	/* faq */
	.faq li.section{ padding-left: 0; }
	.faq li{ display: block; list-style: none; margin-top: 10px; padding-left: 40px; }
	.faq li h2{ color: #333; margin-bottom: 5px; margin-left: 00px; position: relative;  }
	.faq li h2 em{ font-weight: normal; font-style: normal; position: absolute; left:-30px; display: block;  }
	.faq li h2 a{ color: #34a5dd; }
	.faq li h1{ color: #ffa810; }

	.faq ul{ margin-left: 25px; }
	.faq li li{ list-style: disc; margin: 0 0 10px 0; padding: 0; display: list-item; float: none; }

.faq p.question {
background: url(../images/question.png) left center no-repeat;
color: #343434;
font: bold 85% Arial;
padding: 0 0 0 20px;
margin-top: 20px;
}

.faq p.answer {
background: url(../images/answer.png) left top no-repeat;
color: #707070;
font: 85% Arial;
font-style: italic;
padding: 0 0 0 20px;
}

/*** sub footer ***/
#subFooter {
width: 900px;
background: #fff;
border: 1px solid #f8f8f8;
margin: 5px auto;
}

#subscribe {
width: 350px;
float: left;
margin: 10px;
padding: 0 5px;
border-right: 1px solid #E7E7E7;
}

#subscribe h3 {
color: #333;
font: bold 90% Arial;
margin: 0;
}

#subscribe p {
color: #666;
font: 85% Arial;
margin: 5px 0 0 0;
}

#subscribe .email {
color: #333;
font: bold 85% Arial;
}

#subscribe .emailInput {
border: 1px solid #B9B9B9;

}

#subscribe .emailBtn {
vertical-align: middle;
}

* html #subscribe .emailBtn {
}

#subscribe form {
position: relative;
height: 30px;
line-height: 30px;
margin: 0;
}

#contact {
float: right;
width: 480px;
padding: 10px;;
font: bold 85% Arial;
color: #6c6c6c;
}

* html #contact {
padding-top: 15px;
}

#contact p {
margin: 5px 0 0 0;
}

#contact a {
color: #5C96AB;
}


/*** footer ***/
#footer {
width: 900px;
margin: 10px auto;
text-align: right;
}

#footer .title {
font: 180% "Lucida Grande", Arial;
color: #5a5a5a;
}

#footer .dotcom {
font: 180% "Lucida Grande", Arial;
color: #CBCBCB;
}

#footer .copyright {
font: bold 80% Arial;
color: #5a5a5a;
}