/* CSS Document */

body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:12px; color: #333333;}

#container {margin: auto; padding: auto; width: 1000px; background:url(../images/content_tile.jpg) repeat top center;}

/* HEADER - Home Page */
#headerLeft {width: 280px; float: left; margin-left: 80px; /*padding-top: 10px; padding-bottom: 12px; */}
#headerRight {width: 450px; float: right; margin: 0; padding: 20px 80px 0 0;  text-align: right;}
#headerRight h1 {margin: 0; padding: 4px; font-size: 14px;}


/* HEADER - Template Pages */
#header1Left {width: 250px; float: left; margin-left: 80px; padding-top: 24px; padding-bottom: 10px; }
#header1Right {width: 500px; float: right; text-align: right; margin: 0; padding-top: 4px; padding-right: 10px;}
#headerRight h1 {margin: 0; padding: 4px; font-size: 14px;}
#header1Right h1 {font-size: 12px; font-weight: normal; padding-top: 12px;}
#header1Right a:link, a:visited {color: #333333; font-weight: bold; text-decoration: none;}
#header1Right a:hover {color: red; text-decoration: none}

body#buy a#buynav,
body#sell a#sellnav,
body#do a#donav,
body#share a#sharenav {
color: red;}

/* Gold Navigation Bar - All Pages */
#nav {padding: 12px 30px 0 55px; margin: -8px 50px -8px 50px; height: 30px; background-color: #fec10e; clear: both; font-size:12px; color: #000000;}
#navLeft {width: 300px; float: left;}
#navRight {width: 475px; float: right; text-align: right;}
#navRight a:link, a:visited {color: #333333; font-weight: bold; text-decoration: none}
#navRight a:hover {color: red; text-decoration: none}

a:link {color: #333333; font-weight: bold; text-decoration: none;}
a:visited {color: #333333; font-weight: bold; text-decoration: none;}
a:hover {color: red; text-decoration: bold; text-decoration: none;}



/* Content - All Pages*/
#content {width: 1000px; clear: both; text-align: center; margin: 0; padding: 0; }

#content a:link {text-decoration: underline; color: #333333;}
#content a:hover {color: red; text-decoration: none;}


/* Content - Home Page */
/* #template {width: 635px; padding-left:60px;} */

#homeBox1 { color: #333;
 background: url(../images/boxes_03.jpg) no-repeat top center;
 margin: -2px 0 0 50px;
 padding: 125px 10px 10px 10px;
 height: auto;
 width: 213px;
 float: left;}
#homeBox2 {color: #333;
 background: url(../images/boxes_04.jpg) no-repeat top center;
 margin: -2px 0 0 0;
 padding: 125px 10px 10px 10px;
 height: auto;
 width: 203px;
 float: left;}
#homeBox3 {color: #333;
 background: url(../images/boxes_05.jpg) no-repeat top center;
 margin: -2px 0 0 0;
 padding: 125px 10px 10px 10px;
 height: auto;
 width: 192px;
 float: left;}
#homeBox4 {color: #333;
 background: url(../images/boxes_06.jpg) no-repeat top center;
 margin: -2px 50px 0 0;
 padding: 125px 10px 10px 10px;
 height: auto;
 width: 212px;
 float: right;}
 
 /* HOME PAGE CATEGORY LIST */






 
 /* CONTENT BOTTOM - Home Page*/
#contentBottom {
	clear: inherit;
	font-size: 12px;
	line-height: 18px;
	width: 800px;
	height: 250px;
	padding-left: 100px; padding-right: 50px; padding-top: 12px;
	text-align: left;

}
#contentBottom p {margin: 0; padding: 0;}
#contentBottom a:link {color: red; font-weight: bold; text-decoration: none;}
#contentBottom a:visited {color: red; font-weight: bold; text-decoration: none;}
#contentBottom a:hover {text-decoration: underline;}
#bottomLeft {
	width: 290px;
	float: left;
	padding-right: 40px;
}
#bottomMiddle {
	width: 245px; height: 125px;
	float: left;
	padding-right: 60px;
	background-image:url(../images/employee.jpg);
	background-repeat: no-repeat;
	background-position: 120px top;
}
#bottomRight {width: 150px; float: left; padding-right: 0px;}

/* CONTENT: inside */
#contentInside {padding: 0 50px 0 50px;} 
#contentInside p {font-size: 12px; line-height: 155%; margin: 24px 75px 12px 75px; }
#contentInside h3 {font-size: 14px; line-height: 155%; margin: 24px 75px 12px 75px; }
#contentInside a:link, a:visited {color: #28557F; font-weight: bold; text-decoration: underline;}
#contentInside a:hover {text-decoration: none;}


/* CONTENT: TEMPLATES */


.thisWeeks {background:url(../images/buysomething_05.gif) no-repeat top center;}
.doSomething {background:url(../images/dosomething_05.gif) no-repeat top center; padding: 12px 24px 12px 12px; }
.doSomethingCal {background:url(../images/calendar.gif) no-repeat top left;}
.doRestaurant {background:url(../images/tryrestaurant_05.gif) no-repeat top center; padding-top: 48px; text-align:center;
}
.about {
	background:url(../images/about_05.gif) no-repeat top center;
	padding: 12px 24px 12px 12px; 
	/*border-left: solid 1px #ccc;*/ }


#template a:link, a:visited {color: #333; text-decoration: none; font-weight: bold}
#template a:hover {color: red; text-decoration: none;  font-weight: bold}
#template h1 {font-size: 16px; font-weight: bold; color: red; margin: 0 0 5px 0; padding: 0; line-height: 110%;}
#template h2 {font-size: 14px; line-height: 100%; font-weight: normal; }
#template p {font-size: 12px; line-height: 135%; padding: 0; margin: 0;}
#template li ul {font-size: 12px; line-height: 135%; padding: 0; margin: 0;}

.return {font-size: 10px; font-weight: normal; color: red;}


/* CATEGORY LISTS */

.red {

	text-align:left;
	margin: 0 0 0 18px;
	padding: 0;
	font-size: 12px;
	line-height: 150%;
	list-style-image: url(../images/redArrow.gif);
}
  
.blue  {

	text-align:left;
	margin: 0 0 0 18px;
	padding: 0;
	font-size: 12px;
	line-height: 150%;
	list-style-image: url(../images/blueArrow.gif);
  }

#box_spacer {
	height: 100px;
}
#banner_box {text-align:right;
}

/* FOOTER - All Pages */
#footer {height: 225px; margin: 0; padding:0; background:url(../images/content_tile_footer.jpg) no-repeat bottom center; text-align: center; clear: both; font-size: 10px;}
#footer p {margin-top: 10px; padding-top: 10px; line-height: 150%;}
#footer a:link {color: #333333; font-weight: bold; text-decoration: none;}
#footer a:visited {color: #333333; font-weight: bold; text-decoration: none;}
#footer a:hover {color: red;}

.border {border: solid 1px #CCCCCC;}


/*MISC*/

.gray {color: #333333;}

/*MODAL*/

.modalBackground {
	background-color: #000000;
	filter: alpha(opacity=1);
	-moz-opacity: .1;
	opacity:.1;
	width: 100%;
	z-index: 10000;
	position: absolute;
	display: none;
	top: 0px;
	height: 100%
}

.modalPopup 
{
	text-align: center;
	background-color: #FFFFFF;
	border-style: ridge;
	border-color: #CCCCCC;
	border-width: 4px;
	padding:5px;
	width:600px;
	position: absolute;
	left: 15%;
	margin-left: -400px;
	margin-right: 50px;
	top: 15%;
	z-index: 100001;
	max-height: 400px;
	overflow: auto;
}