/* some general CSS settings */

/* html basics */
html { min-height: 100%; margin-bottom: 25px; font-size: 100% }

button.normal { font-size: 16px; font-weight: bold; }

/* body */  
body 
{
/*	background: #a1cb39 url('../images/background.gif') repeat-x; */
    
	margin: 0;
	padding: 0;

    font-family: arial, verdana, sans-serif;
	font-size: .8em; 
	color: black;
	line-height: 1.3em;
}

/* headings */
h1, h2, h3, h4 { color: green; font-weight: bold; }
h1 { font-size: 1.7em; margin-top: .3em; margin-bottom: .8em; line-height: 1em; }
h2 { font-size: 1.4em; margin-top: .3em; margin-bottom: .5em; }
h3 { font-size: 1.4em; margin-top: .3em; margin-bottom: .5em; font-weight: normal; }
h4 { font-size: 1.3em; margin-top: .3em; margin-bottom: .5em; font-weight: normal; font-style: italic; }

b { color: green; }

/* paragraph */
p {}

/* lists */
li { margin-bottom: .2em; }
.list-simple ul { margin: 0; padding: 0; list-style-type: none; }
.list-simple li { list-style-type: none; margin-bottom: .2em; }
.list-spaced li { margin-bottom: 1.2em }
.list-numbered ol, .list-numbered li { font: italic 1em Georgia, Times, serif; color: #999999 }
.list-numbered li p { padding: .3em; margin-bottom: 0em; font: normal 1em Arial, Verdana, sans-serif; color: black; }

/* images */
img { border: none; }

/* anchors */
a, a:link, a:hover, a:visited { font-weight: bold; color: blue; }
a:hover { text-decoration: none;  font-weight: bold; }
a.no-underline { text-decoration: none; }

.clear 
{
    width: 100%;
    clear: both !important;
    display: inline-block;
}

.column-onlyone
{
	width: 850px;
}

.column-centered
{
	position: relative;
	left: 150px;
	width: 500px;
}

.column1
{
	width: 410px;
    float: left;
    
    vertical-align: text-top;
}

.column1-wide
{
	width: 510px;
    float: left;
    
    vertical-align: text-top;
}

.column2
{
	width: 410px;
    float: right;
}

.column2-narrow
{
	width: 310px;
    float: right;
}

.column-width-500 { width: 500px; }
.column-width-600 { width: 600px; }
.column-width-700 { width: 700px; }

.border-right-dotted { border-right: 1px dotted gray; }
.border-left-dotted { border-left: 1px dotted gray; }
.border-top-dotted { border-top: 1px dotted gray; }
.border-bottom-dotted { border-bottom: 1px dotted gray; }

.padding-top-10 { padding-top: 10px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-left-15 { padding-left: 15px; }
.padding-right-15 { padding-right: 15px; }
.padding-left-100 { padding-left: 100px; }

.float-right {float:right;}
.float-left {float:left;}

.font-small { font-size: .8em; } 
.font-medium { font-size: 1em; }
.font-large { font-size: 1.2em; }

.font-normal { font-weight: bold; }
.font-bold { font-weight: bold; }
.font-italic { font-style: italic; }

.background-color-lightgray { background-color: #ddd; }

.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-centre { text-align: center; }
.align-justify { text-align: justify; }

.line-height-110 { line-height: 1.1em; }
.line-height-120 { line-height: 1.2em; }
.line-height-130 { line-height: 1.3em; }

tr, td, table { align: left; vertical-align: top; }

#container 
{
	position: relative;
    top: 30px;
	margin: 25px auto;
    width: 900px; 
    
    text-align: left;
    border: 1px solid black; 
    background: #FFF;
}

#buttons
{
	position: absolute;
    top: 110px;
    left: 375px;
}

#cart
{
/*	border: 1px black dotted; */
	position: absolute;
    top: 10px;
    left: 785px;
}

#cart-items
{
	position: absolute;
    top: 32px;
    left: 55px;
}

#icons-nav
{
	position: absolute;
    top: 110px;
    left: 675px;
}


#login
{
/*	position: relative; */
    float: right;
    width: 190px;
    
    padding: 5px;
}

#login_prompt
{
	position: absolute;
    top: 5px;
    left: 850px;
}

#earth-hour
{
	position: absolute;
    top: 15px;
    left: 575px;
}

#header
{
	height:200px;
    width: 545px;
    margin:0;
/*	border-right: 1px dotted gray; */ 
}

#logo-oe
{
	position: relative;
    float: right;
    top: 5px;
    left: -5px;
}

#logo-exclusive
{
	position: relative;
    float: left;
    top: 0px;
    left: 5px;
}

#content
{
	position: relative;
	padding: 20px;
    width: 505px;
    min-height: 500px;
	border-right: 1px dotted gray; 
    
    text-align: justify;
}

#content-nosidebar
{
	position: relative;
	padding: 20px;
    width: 860px;
    min-height: 500px;
    
    text-align: justify;
}

#sidebar
{
/*	position: relative; */
    float: right;
    width: 190px;
    min-height: 800px;
    
    padding: 5px;
}

#footer
{
/*	position: relative; */ 
    text-align: center;
    padding: 4px;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #564237;

	border-top: 1px dotted gray;
	background: white;
}

/* special formatting classes */
.testimonial
{
	padding-left: 8em;
    
    min-height: 90px;
	background-image: url(../images/icon-testimonial.png);
	background-repeat: no-repeat;
	background-position: 0 .1em;
    
    margin-bottom: .2em;
    padding-bottom: .4em;
}

.testimonial-author
{
	text-align: right;
    font-style: italic;
    padding-bottom: 10px;
    border-bottom: 1px gray dotted; 
}