/* CSS Document */

/*
This Style Sheet is used in the following places:

*/

/* main site styles */
body {color: #000;
font: 75% verdana,arial,helvetica,sans-serif;
text-align: center;
background: url(../images/bg.gif) 0 0 repeat-x #000}

body, form, #leftcol ul, #leftcol li, #leftcol h3 {margin: 0; padding: 0}

a {color: #000000; text-decoration: none; border-bottom:1px dotted #333}
a:visited {color: #40408C}
a:hover {text-decoration: underline}

#content a {color:#000}
a img, .newsImage a {border-width:0}

h1 {font-size:1.5em; /*font-family: arial*/}
h2 {font-size:1.2em; margin:0 }
h3 {font-size:1em; margin:0}

.displayinline {display:inline}
.center {text-align:center}
.floatleft {float:left}
.highlight{background-color:#CC0033; color:#FFF !important}
.smallprint {font-size: 0.9em}
.red {color: #ff0000 !important} 
.red a {color: #ff0000}
.grey {color: #999} 

/* structure */
#all {
width: 100%;
margin: 0 auto;
text-align: left}

#outerContainer {
width: 660px;
width: 799px;
float: left;
margin: 0 auto ;
text-align: left}

#content {
width: 449px;
width: 575px;
float: right;
/*padding-bottom:10px;*/
margin: 10px 1px 0 0;
background-color:#30344c;
background-color:#eee}

#content-text {padding: 0 10px}

#main-image {width:575px; height:284px}

#leftcol {
width: 169px;
width: 214px;
float: left;
/*margin-top:10px*/}

#leftcol li {list-style:none; background:#000; margin-bottom:8px; padding:2px 30px 2px 0; text-align:right;}
#leftcol li a {color:#FFF}
#leftcol li a:hover{border: 1px dotted #FFF;}

.butts img {float:left; margin:1px}

#rightcol { /*display:none;*/
width: 180px;
float: left;
margin:10px 0 0 10px}

.rightColBox, .rightColBoxW {width:170px; padding:5px; margin-bottom:10px;}
.rightColBoxW {background: #eee}

#footer {
color:#FFF;
clear:both;
float:left;
width:100%;
text-align:center;
margin:20px;
height:1.2em
}

.productimage {text-align:center}

#banner {float:left;width:100%;height:107px;background: url(../images/banner-bg.gif) 0 0 repeat-x #000}

.newsItem {width:100%; float:left; clear:both; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ccc;}
.newsItem p {padding 0 10px}
.newsImage {clear: left; float: left; margin-right: 5px}


/*old stuff*/
/*

.red {color: #ff0000} 
.red a {color: #ff0000}
.newsItem h3 {display:inline; clear:right}
.review {margin-bottom: 15px; border-bottom:1px dashed #b7ccc3}*/