/**
 * FILE:         template.css
 * AUTHOR:       Eugene Au <eau(AT)kenilworth(DOT)com>
 * SITE:         Jewellery Business Website
 * DESCRIPTION:  Main CSS file
 * MODIFIED:     20100729
 */

/* Generic Tags */
html {
	clear: none;
	height: 100%;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #EFC690;
	background-attachment: fixed;
	background-image: url(../images/new_orange.jpg);
	overflow-y: scroll;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	scrollbar-3dlight-color: #8C8C8C;
	scrollbar-arrow-color: #276BB4;
	scrollbar-base-color: #276BB4;
	scrollbar-darkshadow-color: #276BB4;
	scrollbar-face-color: #276BB4;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
}
h3 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin-top:12px; margin-bottom:8px;}
h4 {font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin-top:12px; margin-bottom:8px;}
h5 {font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin-top:2px; padding-top:0; padding-bottom:0; margin-bottom:8px;}

#calendarheading {
/*	width: 223px;*/
	width: 100%;
	height: 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	padding-top: 7px;
	padding-left: 20px;
}

#copyright_small { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	text-align: left; 
	padding: 5px; 
	color: #999999;
}
a img{border:none;}
a:link { color: #0000FF; text-decoration: none; font-weight: normal; }
a:visited { color: #0000FF; text-decoration: none; font-weight: normal; }
a:hover { color: #0000FF; text-decoration: underline; font-weight: normal; }
a:active { color: #0000FF; text-decoration: none; font-weight: normal; }

fieldset { border-width: 0px 0px 0px 0px; }
ul { list-style: none; margin: 0; padding: 0; }
sup{ color:#000000; font-size:8px}

/* Generic Class Stylings */
.clear { clear: both;}
.cover { border:#000000 solid 1px}
.left { float: left; }
.right { float: right; }
.leftimg {float:left; margin-right:13px;  width:150px; text-align:left; margin-bottom:10px;} /*The 150px image style for JB online stories before March 13, 2008*/
.rightimg {float:right; margin-left:13px; width:150px; text-align:left;}
.leftimg_new {float:left; margin-right:8px; width:200px; text-align:left;}/*The new 200px image style for JB online stories*/
.rightimg_new {float:right; margin-left:8px; width:200px; text-align:left;}
.author{ text-align:left; font-style:italic;}
.txtleft{ text-align:left}
.txtright{ text-align:right}
.banhide{display:none;}
.banshow{display:block;}
table.contentpaneopen td h5 { text-align: left};
/* Individual ID Stylings */
#backone {
	position: fixed;
	left: 0px;
	top: 0px;
	background-color: #3399FF;
	width: 134px;
}
#wrap {
	width: 950px;
	height: 100%;
	clear: none;
	margin: 0 auto;
	text-align: center;
}
#container {
	clear: none;
	float: left;
	background-color: #FFFFFF;
	width:780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: left;
	height: 100%;
}

/* !@# begin banner styles */
.leaderboard iframe { margin: 10px auto; height: 90px; }
.skyscraper { width: 160px; padding-top: 150px; float: right; }
.bigbox iframe { margin: 0 auto; height: 250px; }
/* !@#   end banner styles */

/* Nagivation Bars Styling */
#navbar { width: 100%; padding-top:8px; padding-bottom:0px;}
#navbar .moduletable { margin: 0px; padding: 0px; }
/* Navigation Bar 1 */
#nav1 {
	float: left;
	font-weight: bold;
	font-size: 10px;
	color: #FF0000;
	padding-left: 10px;
}
#nav1 ul#mainlevel li {
	float: left;
	background: url(../images/tab_right.gif) no-repeat right top;
	list-style-type: none;
}
#nav1 ul#mainlevel a.mainlevel {
	display: block;
	background: url(../images/tab_left.gif) no-repeat left top;
	margin: 0;
	padding: 7px 9px 7px 7px;
}
#nav1 ul#mainlevel li.active_menu { background: url(../images/tab_right_on.gif) no-repeat right top; }
#nav1 ul#mainlevel a#active_menu { background:url(../images/tab_left_on.gif) no-repeat left top; }
#nav1 a:link { font-size: 10px; color: #000000; text-decoration: none; }
#nav1 a:hover {	font-size: 10px; color: #0000FF;	text-decoration: underline; }
#nav1 a:visited { font-size: 10px; color: #000000; text-decoration: none; }
#nav1 a:visited:hover { font-size: 10px; color: #0000FF; text-decoration: none; }
/* Navigation Bar 3 */
#nav3 {float: right;font-weight: bold;font-size: 10px;color: #999999;padding: 5px 5px 0px 0px;}
#nav3 a:link { font-size: 10px; color: #999999; text-decoration: none; }
#nav3 a:hover { font-size: 10px; color: #666666;	text-decoration: underline; }
#nav3 a:visited { font-size: 10px; color: #999999; text-decoration: none; }
#nav3 a:visited:hover { font-size: 10px; color: #666666; text-decoration: none; }
/* JB logo at the top */
#jblogo {float: left;clear: none;}
/* Top div containing the jblogo and banner, as well as Nav2 */
#top {
	float: left;
	width: 100%;
	height: 92px;
	background: url(../images/img-820x92_jb-header.jpg) no-repeat left;
	/*IF IE, eliminate the white space*/
	_margin-top:-3px;
}
/* Navigation Bar 2 */
#nav2 {
	float: right;
	clear: none;
	font-size: 12px; /* used to be 10px */
	text-align: right;
	margin-top: 72px;

	/* Don't Touch this EVER! */
	background: url(../images/trans50.png);
	_background: 0;
	/* This is an IE filter command. Other browsers will ignore it */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.jewellerybusiness.com/1/templates/jb_eau/images/trans50.png',sizingMethod='scale');
}
#nav2 table.moduletable {
	color: #333333;
	height: 21px;
	position: relative; /* Don't Touch this EVER! */
	padding-right: 12px;
	padding-left: 12px;
}

/* all nav2 font size used to be 10px */
#nav2 a:link { font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; }
#nav2 a:hover { font-size: 12px; font-weight: bold; color: #333333;	text-decoration: underline; }
#nav2 a:visited { font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; }
#nav2 a:visited:hover {	font-size: 12px; font-weight: bold; color: #333333; text-decoration: underline; }

/* The Rotating Javascript banner needs to be centered */
#top_banner { text-align: center; }

/* Breadcrumbs to replace top banner on content pages */
#breadcrumbs { height: 20px; padding: 5px }

/* The middle section */
#middle { width: 100%; margin: 0; background-color: #FFFFFF; }
#middle p{margin-top:0; margin-bottom:8px;}
#middle p.subhead{ font-size:12px; font-weight:bold; margin-top:0; margin-bottom:8px;}
#middle #content {float: left; clear: none; width: 458px; padding: 0px 4px;}
#middle #content .contentL { float: left; width: 223px; }
#middle #content .contentR { float: right; width: 223px; }
#middle #content .contentB { text-align: center; width: 470px; }
#middle #sidebar {
	float: right;
	clear: none;
	width: 300px; /* big box style */
	height: 100%;
	padding: 0px 5px;
}
#middle #sidebar .sidebar1 { float: right; width: 223px; }

/* The bottom Section */
#bottom {
	float: left;
	width: 90%;
	padding: 7px;
	margin-top: 14px;
}
#bottom p {
	background: #E6E6E6;
	display: block;
	padding: 0 8px 0 8px;
	color: #666666;
	border: 1px solid #000000;
}

#footer {
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: 10px 0px;
	font-weight: bold;
    border-top: thin dotted #999999;
	background-color: #FFFFFF;
}
/*The style for engine image of the sm buyer's guide*/	 
.engine{width:302px;height:259px; background-color:#FFFFFF;background:url(../images/jbbg.jpg) center no-repeat;padding-top:0px;padding-left:0px;text-align:center;}
.engine img{text-align:center; margin-top:160px; vertical-align: bottom;}

/****************************************************************************************************/
/* Joomla Template Specific Classes                                                                 */
/****************************************************************************************************/

/* Content */
.moduletable-content {
	background: url(../images/content_bottom.gif) no-repeat left bottom;
	width: 100%;
	height: 220px;
	margin-bottom: 10px;
}

.moduletable-content th {
	text-align: left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../images/content_head.gif) no-repeat;
	height: 24px;
	padding: 5px 5px 5px 10px;
}
.moduletable-content td{
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
}

.moduletable-content ul {font-size: 11px; margin: 5px 2px; color: #3300CC; list-style: none;}
.moduletable-content li { margin-top: 3px; margin-bottom: 3px; }

/* Link Style, just in case we need it
.moduletable-blue a { color: #3300CC; text-decoration: none; display: block; padding-bottom: 2px; padding-left: 4px; border-bottom: 1px #BBBBBB dotted;}
.moduletable-blue a:hover {	color: #FFFFFF; text-decoration: none; background-color: #4400DD; }
.moduletable-blue a:visited { color: #3300CC; text-decoration: none }
.moduletable-blue a:visited:hover { color: #FFFFFF; text-decoration: underline; background-color: #4400DD; }
*/

/* Sidebar */
.moduletable-side {width: 100%; margin-bottom: 10px; background: #EFEFEF}
.moduletable-side th {
	text-align: left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../images/side_head.gif) no-repeat;
	height: 24px;
	padding: 5px 5px 5px 10px;
}
.moduletable-side td{ font: bold 11px Arial, Helvetica, sans-serif; background: #EFEFEF; padding-left: 6px;}
.moduletable-side ul {font-size: 11px; margin: 5px 2px; color: #663399; list-style: none;}

/* Adverts on side */
.moduletable-advert {width: 100%; margin-top: 10px; margin-bottom: 10px;}
.moduletable-advert td{font: bold 11px Arial, Helvetica, sans-serif;}
/*!@# Start to delete unused style for advertise table(the bigbox style). by Jingyi , march 14, 2008*/
/*.moduletable-advert th {
	text-align: center;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../images/side_head.gif) no-repeat;
	height: 24px;
}
.moduletable-advert ul {font-size: 11px; margin: 5px 2px; color: #663399; list-style: none;}
*/
/*!@# End of deleting style for unused advertise table. by Jingyi , march 14, 2008*/
.sectionmenu_top {padding-left: 5px; padding-bottom: 5px;}
div.moduletable-side-t { height: 10px; background: url(../images/blue_box_top.gif) no-repeat left top; margin-top: 10px; }
div.moduletable-side-b { height: 9px; background: url(../images/blue_box_bottom.gif) no-repeat left bottom; }

/****************************************************************************************************/
/* Module Styles                                                                                    */
/****************************************************************************************************/

/* News Flash */
a.readon { float: right; color: #0000FF; text-decoration: none;	}
a.readon:hover { color: #000000; text-decoration: underline; }
a.readon:visited { color: #0000FF; text-decoration: none; }
a.readon:visited:hover { color: #000000; text-decoration: underline; }
/*!@# Start to delete style for Poll table. by Jingyi , march 14, 2008*/
/* Poll */
/*
table.poll-grey {
	float: left;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	background: #E3EEF9;
	width: 100%;
	padding: 4px;
}
*/
/*!@# End of deleting style for Poll table. by Jingyi , march 14, 2008*/
/* Latest News (News Headlines) */
ul.latestnews-side { margin: 10px; list-style: none; }
li.latestnews-side { padding: 4px 0px; }
a.latestnews-side { color: #FF0000;	text-decoration: none; }
a.latestnews-side:hover { color: #000000; text-decoration: underline; }
a.latestnews-side:visited { color: #FF0000; text-decoration: none; }
a.latestnews-side:visited:hover { color: #000000; text-decoration: underline; }

.contentpaneopen td{padding: 2px 5px; text-align: justify;}
.contentpane td {padding: 2px 5px;}

table.moduletable {margin-bottom: 5px; padding: 0px;}

#sidebar .contentpaneopen {
	background: #E3EEF9 url(../images/blue_box_bottom.jpg) no-repeat bottom;
	font-size: 9px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

#sidebar .contentheading {
	float: left;
	background: #E3EEF9;
	width: 248px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
	display: block;
	border: 0px;
}

#sidebar .contentpaneopen td {padding: 2px 5px; text-align: justify;}
#middle .contentpaneopen td.contentheading {text-align: left;}
.componentheading {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: bold;
	display: block;
	border-width: 0px;
}
.contentheading {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	display: block;
	border-width: 0px;
	text-align: left;
}
ul.mod_gigcal_upcom {margin: 10px; list-style: none;}
.mod_gigcal_upcom li{padding: 4px 0px;}

/* Search form styles */
#search_searchword { font: normal x-small Verdana, Arial, Helvetica, sans-serif; }
#search_ordering { font: normal x-small Verdana, Arial, Helvetica, sans-serif; }
/* Article title styles */
.sectiontableentry1, .sectiontableentry2 {font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; background: #efefef; }

a.titlestyle:link { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
a.titlestyle:visited { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
a.titlestyle:active { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
a.titlestyle:hover { font-size: 12px; font-weight: bold; color: #000000; text-decoration: underline; }

/* Category List Styles */
ul.catlist {font-size: x-small; list-style: none; padding-bottom: 15px;}
ul.catlist li { padding-bottom: 4px }
ul.catlist li a.category { font-size: 14px }
#sidebar .moduletable {width: 100%; margin-bottom: 10px; background: #EFEFEF;}
#sidebar .moduletable th {
	text-align: left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../images/side_head.gif) no-repeat;
	height: 24px;
	padding: 5px 5px 5px 10px;
}
#sidebar .moduletable td{font: bold 11px Arial, Helvetica, sans-serif; padding-left: 3px;}
.moduletable-online {width: 100%; margin: 0; border: 1px solid #CCC;}
.moduletable-online th {
	background:url(../images/bg_jb-online-header.gif) repeat-x top;
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#9a2626;
	padding: 10px 40px;
	padding-right:0;
	height: 40px;
}
.moduletable-online a.contentpagetitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#cc0000;
	display:block;
	padding: 0 8px;
	text-align: left;
}

.moduletable-online p {font-family:Arial, Helvetica, sans-serif;font-size:14px;text-align: left;}
.moduletable-online .readon img {margin-bottom: 12px;border: 0;}
#sidebar .moduletable-online table.contentpaneopen {background: #fff url(../images/bg_jb-online-story.gif) repeat-x bottom; margin: 0;padding: 0;}
#sidebar .moduletable-online .contentheading {background: #fff;margin: 0;padding: 0;width: 100%;}
#sidebar .moduletable-online .article_seperator {font-size: 1px;height: 0px;}
#sidebar .moduletable-online tbody td{margin:0;}

/* !@# begin left magazine cover module */
.moduletable-cover { width: 100%;  margin-bottom: 10px;}
.moduletable-cover th {
	font: bold 25px Verdana, Arial, Helvetica, sans-serif;
	color: #aa8b55;
	text-align:left;
	padding: 0px 0px 0px 12px;
	text-transform: lowercase;
}
.moduletable-cover td { 
	font:12px Arial, Helvetica, sans-serif;
	padding:5px;
}
.moduletable-cover p { color: #666666; font-size:13px }
.moduletable-cover table, .moduletable-cover table td { border:0; padding: 0; }
.moduletable-cover .cover { border: 1px solid #000; margin-right:10px; padding-bottom:0; margin-bottom:0;}
.moduletable-cover h3{ 
	margin-bottom:5px; 
	margin-top:8px;
   font:bold Arial, Helvetica, sans-serif; 
   text-transform:uppercase;
	color:#587a9b;}

/* !@#   end left magazine cover module */

/* !@#   begin left magazine feature module */
.moduletable-feature { padding-left:0px; margin-bottom: 10px;width: 100%; }
.moduletable-feature th {
	background:url(../images/bg-230x27_feature-head-gold.gif) no-repeat left top; 
	height:50px;
	font:15px Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	text-align:left;
	padding-left:250px;
	padding-top:30px;
	text-transform: uppercase;
}
.moduletable-feature td { 
	font:12px Arial, Helvetica, sans-serif; 
	padding-top:10px; padding-bottom:10px;
	padding-left:5px; padding-right:5px;


}
.moduletable-feature .r p { color: #666666; }
.moduletable-feature h4{ 
   background:url(../images/bg-8x8_red.gif) no-repeat 0px 3px;
   padding-left:15px;
	margin-bottom:5px; 
	margin-top:8px;
   font:bold Arial, Helvetica, sans-serif; 
   color:#b1b1b1; 
   text-transform:uppercase;}
.moduletable-feature p strong { font:bold 13px; color: #587a9b; text-transform: none }
.moduletable-feature table, .moduletable-feature table td { border:0; padding: 0; }
.moduletable-feature img { border: 1px solid #000;margin-top:5px; margin-bottom:5px; }
/* !@#   begin left magazine feature module */
.moduletable-engine{ background:#FFFFFF}

/* magazine -> feature story width fix */
.contentpage table table td {style="font-size: 10px;"}
.inputbox {font-size: 10px;}
/*PHOTO Credit style*/
.courtesy{font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;color:#000;font-style:italic;text-align:left;}

/* !@# begin Media Planner Page Styles */
.mpbox { height: 200px; margin: 0 40px; padding: 5px; clear:both; }
.mpbox img { margin-right: 5px; border:#000000 1px solid}
.errorbox { padding: 10px; margin: 10px; background: #FFFFCC; }
.error { font: bold normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.star { color:#F00; }
#frmMediaPlanner { color: #606060; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
#frmMediaPlanner h3 { padding-top: 1.2em; padding-left: 1.5em; }
#frmMediaPlanner label { float:left; width: 25%; margin-top:.8em; text-align: right; padding-right: 5px;}
#frmMediaPlanner input { margin: .6em 0; width: 55%; } 
#frmMediaPlanner textarea { width: 55%; }
#frmMediaPlanner input, #frmContact select, #frmContact textarea { font:normal 13px Verdana, Arial, Helvetica, sans-serif; }
#frmMediaPlanner br { width:100%; height: 1px; clear:both; }
#frmMediaPlanner .star { font-weight:bold; }
#frmMediaPlanner label.double { margin: .2em 0; }
#frmMediaPlanner input.double, #frmMediaPlanner select.double { margin: .4em 0; }
#frmMediaPlanner #bSubmit, #frmMediaPlanner #bReset { width: auto; font: normal 12px Verdana, Arial, Helvetica, sans-serif; padding: 2px;}
#frmMediaPlanner .yselect { margin-left:25%; padding-left:5px; }
#frmMediaPlanner .yselect input { width:auto; }
#frmMediaPlanner .yselect label { display:block; margin-top:0; width:auto; }
/* !@#   end Media Planner Page Styles */