@charset "UTF-8";
/* CSS Document */


body { background-color:#82aac5; margin:0em 6em; font:normal normal normal 12px Arial, Helvetica, sans-serif; background-image:url(image/bg_fade.png); background-repeat:repeat-x;
}

/* HEAD */

div#wrap  { width:100%; max-width:85em; min-width:64em;
}

div#main {background-color:#FFFFFF; border-left:#FF0000 10px solid; border-right:#FF0000 10px solid; margin-bottom:0em;
}

div#head { background-color:#FFFFFF; background-image:url(image/head_fade.png);
}

div#head img.logo { margin:0em 2em;
}

div#head h2 { font-style:italic; font-size:1.9em; color:#407EA2; font-weight: normal; margin-bottom:0.5em;
}

div#head h3 { font-weight:bold; text-transform:uppercase; color:#CC0000; margin-top:0.5em; font-size:1.3em;
}


/* NAVIGATION */


div#navigation { background:#407EA2; border-bottom:#FFFFFF 2px solid; border-top:#FFFFFF 2px solid;
}

div#navigation ul {margin:0em; padding:0.3em 0em 0.2em 2em;
}

div#navigation li {display:inline;
}

div#navigation li a:link {color:#FFFFFF; text-decoration:none; text-transform:uppercase; padding:0.3em 1em 0.2em 1em;
}

div#navigation li a:visited {color:#FFFFFF; text-decoration:none; text-transform:uppercase; padding:0.3em 1em 0.2em 1em;
}

div#navigation li a:hover {color:#FFFFFF; text-decoration:underline; text-transform:uppercase; padding:0.3em 1em 0.2em 1em; background-color:#60ACD4;
}

div#navigation li a:active {color:#FFFFFF; text-decoration:none; text-transform:uppercase; padding:0.3em 1em 0.2em 1em; background-color:#60ACD4;
}

div#navigation li a.current:link {color:#FFFFFF; text-decoration:none; text-transform:uppercase; padding:0.3em 1em 0.2em 1em; background-color:#60ACD4;
}

div#navigation li a.current:visited {color:#FFFFFF; text-decoration:none; text-transform:uppercase; padding:0.3em 1em 0.2em 1em; background-color:#60ACD4;
}

div#navigation li a.current:hover {color:#FFFFFF; text-decoration:underline; text-transform:uppercase; padding:0.3em 1em 0.2em 1em; background-color:#60ACD4;
}

div#navigation li a.current:active {color:#FFFFFF; text-decoration:none; text-transform:uppercase; padding:0.3em 1em 0.2em 1em; background-color:#60ACD4;
}



/* FOOTER */

div#footer { color:#003366; font-size:0.933em; margin-top:0.5em;
}

div#footer a:link { color:#003366; text-decoration:underline;
}

div#footer a:visited { color:#003366; text-decoration:underline;
}

div#footer a:hover { color:#FFFFFF; text-decoration:underline;
}

div#footer a:active { color:#003366; text-decoration:none;
}



/* LAYOUT */


h1 { font-size:2em; color:#CC0000; font-weight:normal; margin-top:0em;
}

h2 { font-size:1.5em; color:#CC0000; font-weight:normal;
}

a:link, a:visited {color:#006699; text-decoration:underline;}

a:hover, a:active {color:#CC0000; text-decoration:underline;}





/* RIGHTCOLUMN */

.rightcolumn { background-color:#CAE79D; padding:1.2em; font-size:1em; width:12em;
}

.rightcolumn h1{ margin-bottom:0em; font-size:2.8em; text-transform:uppercase; font-weight:bold; color:#CC0000;
}

.rightcolumn h2 { margin-top:0em; font-weight:bold; font-size:1.7em; color:#CC0000;
}

.rightcolumn h3 { margin-bottom:0em;
}

.rightcolumn h3 + h3 { margin-top:1em;
}

.rightcolumn h3 + p { margin-top:0em;
}

.red { color:#CC0000;
}

/* CONTENT */

div#content { background-color:#FFFFFF; padding:2em; 
}


/* PROMOS */

.promoboxred { margin:0em 0em 1em 1em; padding:10px; background-color:#bb0000; background-image:url(image/promoboxred_bg.jpg); background-position:right; background-repeat:no-repeat; border:#FF9900 1px solid; font:normal normal normal 1em Arial, Helvetica, sans-serif; color:#FFFFFF; width:14em; float:right; clear:right; 
}

.promoboxgreen { margin:0em 0em 1em 1em; padding:10px; background-color:#849e2a; background-image:url(image/promoboxgreen_bg.jpg); background-position:right; background-repeat:no-repeat; border:#CCFF66 1px solid; font:normal normal normal 1em Arial, Helvetica, sans-serif; color:#FFFFFF; width:14em; float:right; clear:right; 
}

.promotextwhite { font-size:1.5em; font-weight:bold; text-transform:uppercase;
}

div.promoboxred a:link, div.promoboxgreen a:link, div.promoboxred a:visited, div.promoboxgreen a:visited {color:#FFFFFF; text-decoration:none;
}
div.promoboxred a:hover, div.promoboxgreen a:hover, div.promoboxred a:active, div.promoboxgreen a:active {color:#FFFFFF; text-decoration:underline;
}


/* TABLES */

table.vertical { border-top:#407EA2 8px solid; width:100%; margin-top:1em; margin-bottom:0.5em; clear:both;
}

h2 + table.vertical { margin-top:0em;
}


table.vertical h1,.bluetitle { font: normal bold normal 1.3em Arial, Helvetica, sans-serif; color:#407ea2;  text-transform:uppercase; margin:0em 0em 0.3em 0em; padding:0em;
}

table.vertical h2 + h1, table.vertical p + h1 { font: normal bold normal 1.3em Arial, Helvetica, sans-serif; color:#407ea2;  text-transform:uppercase; margin:1.5em 0em 0.5em 0em; padding:0em;
}

table.vertical h2 { font: italic bold normal 1.15em Arial, Helvetica, sans-serif; color:#333333;  text-transform:uppercase; margin:0em 0em 0.3em 0em; padding:0em;
}

table.vertical p + h2 { font: italic bold normal 1.15em Arial, Helvetica, sans-serif; color:#333333;  text-transform:uppercase; margin:1em 0em 0.3em 0em; padding:0em;
}

table.vertical p { font: normal normal normal 1em Arial, Helvetica, sans-serif; margin:0em; color:#000000;  text-transform:none;
}

table.vertical td { border-left:#CCCCCC 1px solid; padding:1em 0.5em 0em 0.5em;
}

table.vertical a:link, table.vertical a:visited {color:#003366; text-decoration:underline;
}

table.vertical a:hover, table.vertical a:active {color:#CC0000; text-decoration:underline;
}


/* LISTINGS */

div.listing { border-top:#999999 1px solid; padding:2em 0em; clear:both;
}

div.listing h2 { color:#000000; font-weight:bold; font-size:1.3em; margin-top:0em;
}

div.listing .price { color:#CC0000; font-weight:bold; font-size:1.15em;
}

div.listing img { float:left; clear:left; margin: 0em 1.5em 2em 0em; cursor:pointer;
}


/* PAGE NAVIGATION */

div#pages { clear:both; text-align:center; color:#999999; background-color:#efefef;
}

/*SLIDESHOW*/
#imageSlideshowHolder{
	width: 175px;	
	height:135px;
	background-color:#FFF;
	position:relative;	/* Never change this value */

}
.imageInGallery{		
	width:175px;
	height:135px;
	background-color:#fff;
}

#imageSlideshowHolder img{
	position:absolute;
	left:0px;
	top:0px;
	width:175px;
	height:135px;
}

/* CMS */
.imageR { float:right; margin:0px 0px 5px 10px;}
.imageL { float:left; margin:0px 10px 5px 0px;}
.imageC { display:block; margin:auto; text-align:center;}