@import url("columns.css");
@import url("stylesV2.css");

*{ 
	margin: 0;
	padding:0;
	outline:none;
	border-collapse:collapse;
}
img { border:0; }
body {	
	text-align: left;
	font-family: verdana, Arial, sans-serif;
	font-size: 0.7em;
	color: #484848;
	background: url() top no-repeat #EDF7DC;
}

p{ margin:11px 0; }
a {
	color: #FF6400;
	font-size: 1em;
	text-decoration: none;
}

a:hover {
	color: #3399FF;
	text-decoration: none;	
}
h1, h2, h3 {
	color: #333333;
	font-family:Georgia, Times, serif;
}
h1 {
	font-size:2.2em;
	font-weight:normal;
	padding: 0px 0px 2px 0px;
}
h2 {
	font-size:2.8em;
	font-weight:normal;
	padding: 0px 0px 15px 0px;
}	
h3 {
	font-size:1.4em;
	padding: 0px 0px 15px 0px;
	color:#56AE4A
}
h4{ 
	font-size:1em;
}

img[width="70"], div.row img{ border:1px solid #CBCBCB; padding:1px; }


.left{ float:left; }
.right{ float:right; }
.center{ text-align: center; }
.nomarg { margin: 0px; }
.clear { clear: both; }
.clearfix {display: inline-block;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#main {
	width: 997px;
	margin: 0px auto;
	padding: 0px 0px;
	background-color:#FFFFFF;
	border-right:2px solid #ffffff;
	border-left:2px solid #ffffff;
}


/* Grey Line Divider */
.topborder{
	border-top: 1px solid #ECECEC;
	padding: 1px 0 0;
}
.divider {
	height: 5px;
	border-top: 1px solid #ECECEC;
	padding: 0px 0px 6px 0px;
}

/* ---------- // HEADER // ---------- */
#header { margin: 0px 0px 20px 0px; }
#header div.ad {
	padding: 2px 0;
	margin: 0px auto;
	font-size: 0px;
	text-align: center;
	border-top: 1px solid #ECECEC;
}

#header div.top, #header div.yellow_note { height: 97px; }
#header div.top { background: url(header_bg.gif) repeat-x top; }
#header div.sponsor{ 
	margin-left:670px;
	padding:5px 0px;

}
#header div.sponsor a{float:right;}
#header div.yellow_note { 
	margin-left:670px;
	padding:1px 0;
	background: url(header_yellow_bg.gif) repeat-x;
}

#header div.yellow_note a.wrapper{
	display:block;
	height:67px;
	border-left:2px solid #FFFFFF;
	padding: 13px 12px 0 25px;
	color:#000000;
}

#header div.yellow_note h3{
	font-size: 1.3em;
	padding:0;
}
#header div.yellow_note p{
	font:1.2em Georgia;
	margin:13px 0;
}
#header div.yellow_note span{
	display:block;
	text-align:right;
}

#header div.logo {
	float: left;
	padding: 7px 20px 7px 7px;
	font-size: 0px;
}


	/* ---------// SEARCH BOX //----------- */
	#header div.search{
		float: left;
		padding: 19px 15px 0 20px;
	}
	#header div.icon { padding: 13px 0 0 0; }
	
	#header div.textbox, #bottom_search div.textbox{ 
		float: left;
		width: 290px; 
	}
	#header div.textbox input, #bottom_search div.textbox input{ width: 484px; }
	
	#header div.textbox input, 
	#bottom_search div.textbox input,
	#adv_search input,
	#adv_search select{
		border: 1px solid #D3D3D3;
		padding:2px;
	}
	#header div.search div.button, 
	#bottom_search div.button,
	#adv_search div.button{
		float: left;
		padding: 0px 0px 0px 10px;
	}


	/* ---------// TOP NAV BAR //----------- */
	
	#topnav, #navigation{
		border-top: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
	}
	#topnav ul, #topnav li, #topnav a, 
	#navigation ul, #navigation li, #navigation a{ height:23px; }
	#topnav ul, #navigation ul {
		 
		list-style: none;
		padding:0 0 0 16px;
		background-color:#2D7426
	}
	* html #navigation ul { padding:0 0 0 32px; }
	#navigation li {
		float:left;
		
		font-size:13px;
		line-height:23px;
		margin-left:-16px;
		position:relative;
		background:url(topnav_spacer.gif) no-repeat;
		font-weight:bold
		 
		 
	}
	
	#navigation li.firstitem { background:url(topnav_tab.gif) bottom left; }
	#navigation a{
		display:block;
		float:left;
		color: #ffffff;
		padding: 0px 33px;
		background:url(topnav_tab.gif) bottom left;
	}
	#navigation a.selected { background:url(topnav_tab.gif) left; }
	#navigation a:hover{ background:url(topnav_tab.gif) top left; 
	color: #ffffff;}
	
	#navigation a.cart{	
		width:75px;	
		background:url(/template_images/topnav_tab_cart.gif) bottom left;
		color:#e02626;
	}
	#navigation a.cart:hover{  background-position: top left; color:#FF6400; }


/* ---------- // END HEADER // ---------- */

/* ---------- // FOOTER // ---------- */
#footer {
	clear: both;
	margin: 0 0 2px 0;
	padding: 20px 0;
	position: relative;	
	text-align: center;
	font-size: 1.2em;
}

#footer ul {
	padding: 0 0 7px 7px;
	border-bottom: 1px solid #E0DFDF;
}

#footer ul li {	
	list-style: none;
	padding: 0 3px;
	color: #cccccc;
	display: inline;
}

#footer ul li a { font-weight: bold; }
#footer div.logos  {
	text-align:left;
	margin: 10px 0 2px;
}
#footer div.logos img{ margin: 0 0 8px; }
#footer div.links {
	clear:both;
	text-align: center;
	padding: 5px 0 0 0;
}

#footer div.links ul {
	padding: 0 0 3px 0;
	border-bottom: none;
}

#footer div.links ul li {padding: 0; }
#footer div.links ul li a {	font-weight: normal; }
#footer div.links p {
	margin: 0;
	color: #666666;
	font-size: 0.9em;
}

/* ---------- // Advertisment blocks // ---------- */
fieldset{
	border: 1px solid #ECECEC;
	padding: 15px 10px;
	color:#CCCCCC;
}

fieldset.ads {
	display: inline;
	margin:0 auto;
	padding: 10px;
	text-align: center;
}
	div.col4 fieldset.ads{ display: block; }
div.ads{
	margin:-6px 0 10px; 
	text-align:center;
}

fieldset.belt_ad{ 
	text-align: center;
	padding: 15px 10px; 
}
div.belt_ad {
	text-align: center;
	margin: 10px auto;
}

* html div.ads{ margin:0 0 10px;}
* html .ads legend{ margin:0 0 5px;}

.ads legend{ color:#CCCCCC; }
.ads .ad {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

div.ecommerce {
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	float: left;
}

/* -----// Sampler [article lists] //-------- */

.sampler h3 { float: left; }
.sampler h4 { font:bold 0.9em verdana,Arial,sans-serif;}
.sampler ul, .sampler li{ clear:both; }
.sampler li { 
	float:left;
	list-style:none; 
	margin: 0 0 8px;
	width:100%;
}
.sampler img{
	float: left;
	margin: 0 10px 0 0;
	border:1px solid #CBCBCB; 
	padding:1px;
}
.sampler p{	margin:0; }
.sampler p a { color:#484848; }

.sampler .link {
	float: right;	
	font-size:.9em;
	padding: 3px 5px 3px 3px;
	background: url(link_bg.gif) no-repeat;
	width: 43px;
}

.sampler .link a {
	color: #3399FF;
	font-weight: normal;
}

.listgroup ul{ padding:0 0 30px;}
.listgroup li{	
	list-style:none;
	line-height:18px;
}
.listgroup a { font-weight: bold; }
#mySlideshow {
	Z-INDEX: 0; MARGIN-BOTTOM: 0px
}
.jdSlideshow {
	DISPLAY: none; OVERFLOW: hidden; POSITION: relative
}
.jdSlideshow IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; BORDER-RIGHT-WIDTH: 0px
}
.jdSlideshow .slideElement {
	WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff
}
.jdSlideshow .loadingElement {
	BACKGROUND-POSITION: center center; LEFT: 0px; BACKGROUND-IMAGE: url(loading-bar-black.gif); WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #5EA4C9
}
.jdSlideshow .slideInfoZone {
	Z-INDEX: 10; BACKGROUND: #333; LEFT: 0px; MARGIN: 0px; WIDTH: 100%; COLOR: #fff; BOTTOM: 0px; TEXT-INDENT: 0px; POSITION: absolute; HEIGHT: 40px
}
.jdSlideshow .slideInfoZone H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; MARGIN: 2px 5px; PADDING-TOP: 0px
}
.jdSlideshow .slideInfoZone P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 80%; PADDING-BOTTOM: 0px; MARGIN: 2px 5px; COLOR: #eee; PADDING-TOP: 0px
}
.jdSlideshow A {
	FONT-SIZE: 100%; TEXT-DECORATION: none
}