
body {
	background-image: url(../images/lunette_bg1.gif);
	no-repeat;
	center top;
	background-color: #FFFFFF;
	color: #4A4A4A;
	font: 13px/18px "Trebuchet MS";
}

.rounded_colhead
{
  width: 300px;
  margin: 60px auto;
  color: white;
  padding: 14px 20px;
  /* Rounded corner stuff starts here */
  background-color: #00CEFF;
  -webkit-border-radius: 6px;    /* for Safari */
  -moz-border-radius: 6px;       /* for Firefox */
}


a.other {text-decoration: none; color:#fff;}
a.other:visited {text-decoration: none; color:#fff;}
a.other:active {text-decoration: none; color:#fff;}
a.other:link {text-decoration: none; color:#fff;}
a.other:hover {text-decoration:underline; color:#fff}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
/*top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
top: -20;
left: 0px; /*position where enlarged image should offset horizontally */
}

b{font-size: 110%;}
em{color: black;}

p {
	margin: 0px;
	padding: 0px 0px 15px;
}

a { text-decoration:underline; }

h1 {
	color: #0194D9;
	font-size: 22px;
	font-weight: normal;
	line-height: 14px;
	/*padding-bottom: 15px;
	padding-top: 10px;*/
	padding-bottom: 5px;
	padding-top: 5px;

}

/* Commonly used to style section titles. */

/*
h2 {
	color: #0194D9;
	font-size: 18px;
	font-weight: normal;
	line-height: 14px;
	padding-bottom: 10px;
	padding-top: 13px;
}

h3 {
	color: #0194D9;
	font-size: 16px;
	font-weight: normal;
	line-height: 14px;
	/*padding-bottom: 10px;
	padding-top: 13px;*/
	padding-bottom: 5px;
	padding-top: 5px;
	
}
*/

h2 {
 color: #0194D9;
 font-size: 18px;
 font-weight: bold;
 line-height: 18px;
 padding-bottom: 10px;
 padding-top: 15px;
}

h3 {
color: #909;
font-size: 16px;
font-weight: bold;
line-height: 14px;
padding-bottom: 10px; padding-top: 15px;
}

#medText {
	color: #0194D9;
	font-size: 16px;
	font-weight: normal;
	line-height: 14px;
	padding-bottom: 5px;
}

#smallText {
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
}


#bigText {
	color: #0194D9;
	font-size: 24px;
	font-weight: normal;
	line-height: 14px;
	padding-bottom: 5px;
}


#faux {
	/*overflow: auto;*/
	/*width: 900px;*/
	width: 960px;
	/*background-image: url(images/bg_repeat.gif);*/
	/*background-image: url(../images/bg_repeat.gif);*/
	background-image: url(../images/shadow6.gif);
	background-repeat: repeat-y;
}


#maincontainer{
width: 905px; /*Width of main container*/
/*background-image: url(../images/bg_border1.png);
repeat;*/
margin: 0 auto; /*Center container on page*/
background-color:#ffffff;
/*border:2px solid #aaa;*/
height:auto;
}

#topsection{
background: #ffffff;
height: 70px; /*Height of top section*/
}

#cart{
background: #ffffff;
/*height: 70px;*/ /*Height of top section*/
float:right;
}


#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background: #ffffff;
}

#contentcolumn{
margin: 0 10px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background: #ffffff;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/
background: #C8FC98;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -290px; /*Set left margin to -(RightColumnWidth)*/
background: #FDE95E;
}

#footer{
clear: left;
width: 100%;
background: ffffff;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #ffffff;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
margin-left: 10px;
margin-right: 10px;
}

.bottomtube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
margin-left: 0px;
margin-right: 0px;
}


/* here's the box... the image is the upper-left corner */
#csc {
  background : #9B59BC url(../images/tl2_.gif) no-repeat;
  /*width : 73.3em;*/
  /*width : 75.3em;*/
  /*width:360px;*/
  height : auto;
  position:relative;
  padding : 5px 40px 5px 5px;
  color:#FFFFFF;
  font: 11px/16px "Trebuchet MS";

}

/* these are the other three spans. classes were used to allow multiuse on a page */
.trx, .blx, .brx {
  position : absolute;
  width : 9px;
  height : 9px;  /* corner images are 40x40 */
  display : block;
  /*margin-bottom : -1px;*/  /* this is for IE */
}

/* change position and image: top-right */
.trx {
  background : transparent url(../images/tr2.gif) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.blx {
  background : transparent url(../images/bl2.gif) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.brx {
  background : transparent url(../images/br2.gif) no-repeat;
  right : 0;
  bottom : 0;
}


/* End Styles */


/* footer boxes */
.headh {background: #109731; border-right:1px solid #aaa; border-left:1px solid #aaa; width: 175px;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; color:#FFFFFF}
.contenth {background: #9B59BC; border-right:1px solid #aaa; border-left:0px solid #aaa; border-bottom:1px solid #aaa; width: 124px; height:161px; float: left; color:#FFFFFF}
.contenth div {margin-left: 4px; padding-top: 5px;}

/* white space */
.whitespace {
float:left;
padding-left:10px;
background:#FFFFFF
}

.cart{
float:left;
width:123px;
margin:10px 0 0 0;
padding:9px 28px 7px 20px;
background-image:url(assets/images/cart.gif);
background-position:20px 4px;
background-repeat:no-repeat
}
.cart strong{
margin:0 0 15px 34px;
float:left
}
.cart font{
color:#C30205;
font-weight:bold;
font-size:11px
}


div#main ul {
	list-style:circle;
	/*display: block;*/
	margin: 0 10px;
}

div#main ul li {
	/*float: left;*/
	margin: 0 1.5em;
}


