/*******************************************************
TITLE: Fixed Three-Column Over Four-Column Layout V1.0
DATE: 20060807
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

strong, b {color:#870528}

.subheader {
background:#CDCDCE url(images/bg-header-top.gif) repeat-x; /*** Background Color of Sub-header #1 ***/
text-align:center;
height:37px; /*** sub-header row height ***/
}

#header{
  background:#CDCDCE url(images/bg-header-bottom.gif) repeat-x; /*** Background Color of Sub-header #2 ***/
  text-align:center;
  height:80px; /*** sub-header row height ***/

}
#header-left{
	width:400px; 
	height:80px; 
	float:left; 
	background:url(images/logo.jpg) no-repeat 10px 5px;
	cursor:pointer;
}	
#header-right{
	width:468px; 
	height:60px; 
	float:right; 
	margin-right:10px;
	margin-top:10px;
}	

/* Left Section */
#cell_1 {
margin:1em 5px;
padding:0px;
float:left;
width:176px;
background-color:#e9e6e8;
}

.module-left {
	background-color:#ffffff;
	margin-bottom:5px;
}
.module-left-top {
	padding-left:25px;
	padding-top:8px;
	background:#ffffff url(images/bg-module-left-top.gif) no-repeat;
	height:35px;
	font-size:.7em;
}
.module-left-body {
	padding-left:5px;
}
.module-left-bot {
	background:#ffffff url(images/bg-module-left-bot.gif) no-repeat;
	height:10px;
}
.module-spacer {
	height:5px;
}

/*  Navigation */
.arrowlistmenu{
width: 165px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: #000000;
cursor: pointer;
background: url(images/bg-header-top.gif) repeat-x;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(images/bg-header-top.gif) repeat-x;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size:0.6em;
}
.arrowlistmenu ul li a:hover {
	text-decoration:underline;
}

.arrowlistmenu ul li a.selected {
	color:#0000FF;
}

#cell_1 h3 {
color:#1e1e1e;
font-size:0.6em;
padding: 3px 0px 3px 8px;
font-family:Arial, Helvetica, sans-serif;
}

#cell_1 h3 a {
color:#1e1e1e;
text-decoration:none;
}

/* Middle Section */
#cell_2 {
	margin: 1em 0 1em 0;
	float: left;
	width: 594px;
	height: 100%;
	background-color: #ffffff;
	padding-right: 0px;
	padding-left: 0px;
}

#cell_2_body{
	font-size: .8em !important;
	padding-top: 10px;
	height: 100%;
	width: auto;
	margin-left: 6px;
	margin-right: 6px;
}

#cell_2_body h3{
	height:30px;
	background:#ffffff url(images/bg-title-center.gif) no-repeat;
	font-size: 1em; !important;
	color:#990000;
	padding:7px 0px 5px 22px;
	margin-top:5px;
	margin-bottom:0px;
}

#cell_3 {
	margin: 1em 5px 1em 0;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	width: 200px;
	height: 100%;
	background-color: #fff;
	text-align: left;
}
/*
#cell_3 h1{
	height:30px;
	background:#ffffff url(images/bg-title-sides.jpg) no-repeat;
	font-size:1em !important;
	color:#990000;
	padding:7px 0px 5px 22px;
	margin-top:5px;
	margin-bottom:0px;
	text-align:left;

}
*/
.box-body, .box-sides, .box-center{
	font-size:0.7em;
	text-align: left;
	padding-top: 10px;
	padding-left: 5px;
}

.box-sides h1 {
	height:30px;
	background:#ffffff url(images/bg-title-sides.jpg) no-repeat;
	font-size:1em !important;
	color:#990000;
	padding:7px 0px 5px 22px;
	margin-top:5px;
	margin-bottom:0px;
}

.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.news em {
font-size:.8em;
color:#000000;
}

#box_1 {
margin:0 5px 2em 0;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_2 {
margin:0 7px 2em 14px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_3 {
margin:0 14px 2em 7px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_4 {
margin:0 0 2em 5px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p {
font-size:.75em;
color:#000000;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-size:.8em;
} 

#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li {
margin:0 0 .3em 0;
padding:5px 0 0 5px;
font-size:.8em;
}

#footer {
position:relative;
clear:both;
bottom:0;
padding:0;
height:4em;
line-height:4em;
font-size:.7em;
background:#7F0629 url(images/bg-footer.gif) repeat-x; /*** Background Color of Sub-footer #1 ***/
text-align:center;
height:43px;
}

/* Investment Items */
.inv-item_sm_r {font-size: 0.8em !important; clear: both; width:622px; border: 1px dashed #666666; background: #F5F5F5; font-family: verdana, arial, sans-serif; text-align: left; margin: 0px auto 15px; padding: 5px}
.inv-item_sm_r .imgbox {float: left; text-align: center; width:120px;}
.inv-item_sm_r .imgbox a {}
.inv-item_sm_r .imgbox a .newreduced {text-decoration: none; cursor: pointer; font-size: 0.9em}
.inv-item_sm_r img {border: none; margin: auto}
.inv-item_sm_r h4 {font-size: 1em; margin: 0px; padding: 0px} 
.blk {color: #000}
.inv-item_sm_r p {margin: 7px/*; text-transform: uppercase*/}
.inv-item_sm_r strong {font-size: 1em}
.newreduced {width: 100%; color: #000000; font-weight: bold; margin-top: 1px; text-align: center; font-size: 13px; text-transform: LOWERCASE; display: block}
.itemtextbox {float: left; width:492px; margin-left:5px;}
.price {float: left}
.bagfloat {float: left}
.wrap {clear: both}

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

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

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

/*
.thumbnail span img{
    border-width: 0;
    padding: 2px;
    z-index: 999;
}
*/

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

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

 .text
    {
        font: normal 10px Verdana;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 20px;
    }
.element-hidden{
	display:none;
}
	
.element-show{
	display:block;
}	
	
.sectiondiv{width:10px; float:left;}
.sectionimage{width:110px; padding:5px; text-align:center; float:left;}
.ssectionimage a:hover{}

.select-box{vertical-align:middle;}
.txtbox-hidden{display:none;}