/*
Title: Layout.css
Created:	 November 2007
Modified: December 2008
*/
body 
{
	margin: 8px;
	font-family: trebuchet MS, trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	color: #513E29;
	background: #EFEFEF;
}
img
{
	border: 0px;
}
.clear 
{
	clear: both;
}

/*//////////////////////////////////////////////////

MAIN CONTENT ELEMENT

//////////////////////////////////////////////////*/
#main 
{
	font-size: 95%;
	line-height: 1.38em;
}

#main .inside 
{
	width: 980px;
	padding: 0px 20px;
	margin: 0 auto;
	background: #FFFFFF;
	color: #333333;
}

#contentfull
{
	width: 980px;
	float: left;	
	text-align:justify;	
	overflow: hidden;
}

#content 
{		
	width: 729px;
	float: right;
	padding: 5px 0px 15px 10px;
	overflow: hidden;
	text-align:justify;
}

#content2
{	
	width: 729px;
	float: left;	
	text-align:justify;
	overflow: hidden;	
}

#column-left, .column-left {
	width: 335px;
	padding: 0 15px 05px;
	float:left;
}
#column-right, .column-right 
{
	width: 335px;
	padding: 0 5px 0 15px;
	float: right;
	border-left: solid 1px #CCCCCC;	
}

#sidebar-right
{ 
	text-align: left;
	margin: 0px 0px 0px 10px; 
	padding: 0px;
	width: 224px; 
	float: right;
} 

#sidebar-left
{ 
	margin: 0px 10px 0px 0px; 
	padding: 0px;
	width: 225px; 
	float: left;
} 

#main .inner-wrap
{
	width: 980px;
	padding: 0px 20px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
	overflow: auto;	
}

div.inner-wrap span.backtotop
{
	font-size: 11px;	
	padding: 20px 0px 10px 0px;
	float: right;
}

#sidebarbox, #sidebarbox2 
{
	width: 224px;
	padding: 0px 0 0 0;
	margin: 0 0 10px 0;	
}

#newsHeader
{
	display:block;
	padding: 0px 10px 0px 24px;
	width: 190px;
	height: 33px;
	background:url(images/bg_sidenewsnavi_top.gif) no-repeat center 0;	
}

#topsellerssHeader
{
	display:block;
	padding: 0px 10px 0px 24px;
	width: 190px;
	height: 40px;
	background:url(images/bg_sidetopsellersnavi_top.gif) no-repeat center 0;	
}

#sidebarbox .newsNavi, #sidebarbox2 .topsellersNavi 
{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

.newsNavi li, .topsellersNavi li
{
	border-top: 1px dashed #cccccc;
}
.newsNavi>li:first-child{ border-top: none; }
.topsellersNavi>li:first-child{ border-top: none; }

#sidebarbox .newsNavi li a 
{
	display:block;
	padding: 8px 10px 5px 34px;
	width:180px;
	text-decoration:none;
	background:url(images/bg_sidenavi_body.gif) no-repeat;
}

#sidebarbox .newsNavi li a:hover
{
	background:url(images/bg_sidenavi_body_o.gif) no-repeat;
	color: #ffffff;
}

#newsFooter, #topsellersFooter
{
	display:block;
	padding: 0px 10px 5px 24px;
	width:190px;
	height: 10px;
	text-decoration:none;
	background:url(images/bg_sidenavi_bottom.gif) no-repeat;
}

#sidebarbox2 .topsellersNavi li a 
{
	display:block;
	padding: 8px 10px 5px 16px;
	width:198px;
	text-decoration:none;
	background:url(images/bg_sidenavi2_body.gif) no-repeat;
}

#sidebarbox2 .topsellersNavi li a:hover
{
	color: #333333;
	text-decoration: underline;
}

#sidebarbox3 
{
	background: #EEEEEE; 
	padding: 8px; 
	border: 8px solid #999999; 
	margin-top: 294px;
	margin-bottom: 10px; 
}

/*//////////////////////////////////////////////////

HEADER ELEMENT

//////////////////////////////////////////////////*/
#header
{
	color: #fff;
	/*background: #333333 url(http://www.bypasskit.com/styles/images/headerBg.png) repeat-x top center;*/
}

#header .inside 
{
	overflow: auto;
 	padding: 0px 20px;
	width: 980px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#header .inside #logonav
{
	padding:  10px 10px 10px 0px;
	float: left;
}
	
.wizardAreaLeft { float: left; width: 241px; padding: 0px; height: 48px; margin: 0px; background:#FFFFFF url(images/wizardBgLeft.png) no-repeat left top; }
.wizardAreaRight { float:left; padding: 24px 12px 0px 5px; height: 48px; margin: 0px; background:#FFFFFF url(images/wizardBgRight.png) no-repeat right top; }

.wizardAreaLeft2 { float: left; width: 11px; height: 34px; padding: 0px; margin: 0px;background:#FFFFFF url(images/wizardBgLeft2.png) no-repeat left top; }
.wizardAreaRight2 { float: left; height:34px; padding: 0px; margin: 0px; background:#FFFFFF url(images/wizardBgRight2.png) no-repeat right top; }

/*//////////////////////////////////////////////////

MENU ELEMENT

//////////////////////////////////////////////////*/
#menuheader
{
}

#menuheader .inside 
{		
	background: #FFFFFF;
 	padding: 0px 20px;
	width: 980px;	
	margin: 0 auto;	
	text-align: center;
	overflow: visible;
}

#menuinside
{	
	background: #FFFFFF url(images/menu/menuBG.png) repeat-x top left;
	height: 44px;
	padding-bottom: 10px;
}

/*//////////////////////////////////////////////////

FOOTER ELEMENT

//////////////////////////////////////////////////*/
#footer 
{
	font-family: trebuchet MS, trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666;	
	clear: both;
	margin: 0px;
}
#footer .inside 
{
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF;
 	padding: 10px 20px;
	color: #666;	
	text-align: left;
}
#footer .inside .addy {
	float: right;
	width: 40%;
}
#footer .inside .addy .footercol1,
#footer .inside .addy .footercol2 {
	width: 196px;
	float: left;
}
#footer .inside .links,
#footer .inside .copy {
	font-size: 10px;
}
#footer .inside .links,
#footer .inside .links a {
	color: #999;
	text-decoration: none;
}
#footer .inside .links a:hover,
#footer .inside .copy a:hover {
	color: #FFF;
}
#footer .inside .copy,
#footer .inside .copy a {
	color: #666;
	text-decoration: none;
}
#footer .inside .links a {
	color: #999;
	text-decoration: none;
	text-transform:uppercase;   
}