/* 
	author:   James de Freitas
	website: www.jamkoding.com
*/


*{ margin: 0; padding: 0; }* 
body { 
height: 100%;
	font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 1.8em;
	background: transparent url(../images/bg.gif) repeat-x;
	background-color: transparent; 
	color: #444; 
}


a {	color: #FF3300;	text-decoration: none; }
a:hover {  }
p { margin: 0 0 15px 0; font-weight:normal }
h1 { font: bold 1.7em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover {
	color: #FFCC00;
	background: inherit;
}
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
h3 { font: bold 1.4em Arial, Sans-Serif; margin: 0 0 12px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }

/* TYPOLIGHT---START */

.title{ text-transform:uppercase; }


/* TYPOLIGHT---END */

.wrapper {
    min-height: 100%;
	position: relative;
	width: 960px;
    height: auto !important;
    height: 100%;
    margin: 0px auto -100px;
}
#footer, .push {
    height: 100px;
}

#content { width: 900px; margin: 0 auto;}
#content-catalog { width: 1020px; margin: 0 auto;}

#logo { margin: 10px 0 0 0; height: 66px; width: 240px; float: left; background: url(../images/logobg.gif) no-repeat bottom; text-align: center;}


#nav { height:40px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}



#intro { 
	clear: both;
	background-color: transparent;
	height: 180px;
	text-align: right;

}
	#intro h1 { margin: 0; }
	#intro p { margin: 0; }
	
	#left-profile { clear: left; float: left; width: 400px; height:90px; padding: 0 15px 0 15px; font-size: .9em; margin: 0 0 15px 15px !important; }
	#left-catalog { clear: left; float: left; width: 230px; height:150px; padding: 0 15px 0 15px; font-size: .9em; margin: 0 0 15px 15px !important; }
	
	#left-profile-menu { list-style: none; margin: 0 0 15px 0; }
	#left-profile-menu li {
	padding: 0px 0 0px 12px;
	margin:-15px 0 20px 0;;
	background: #fff url(../images/bullet.gif) no-repeat center left;}
	#left-profile img { border: #999999 1px;}

	#left-profile-menu li a { background: none; color: #FF3300; }
	
	#left-contact { clear: left; float: left; width: 200px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; }
	#left-contact-menu { list-style: none; margin: 0 0 20px 0; }
	#left-contact-menu li {
	padding: 0px 0 0px 0px;
	margin:-15px 0 20px 0;;

}
	#left-contact-menu li a { background: none; color: #FF3300; }
#left{	
	margin:25px 0 0 10px;
}

#right {
	margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	float: right;
	width: 560px;
	text-align: justify;
}
#right-profile {  margin: 0 0 15px !important; padding: 0 0 0 25px; /*border-left: 1px solid #ccc;*/ float: right; width: 400px; height:90px; text-align: justify; font-size:0.9em;}
#right-catalog {  margin: 0 0 15px !important; padding: 0 0 0 25px; /*border-left: 1px solid #ccc;*/ float: right; width: 590px; height:150px; text-align: justify; font-size:0.9em;}

#right-profile li { margin-left:20px}

#right-login {
	background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right;
	margin: 20px 15px 20px 125px;
	border: 1px solid #ccc;
	float: left;
	width: 250px;
	text-align: justify;
}
#loginbox {
	background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right;
	margin: 30px 15px 20px 15px;
	border: 1px solid #ccc;
	float: left;
	width: 250px;
	text-align: justify;
}
#right-contact {
	margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	border-left: 1px solid #ccc;
	float: left;
	width: 560px;
	text-align: justify;
}
#center {
	margin: 0 15px 10px 15px;
	padding: 0 0 0px;
	float: right;
	width: 870px;
	text-align: justify;
}
#center-reader {
	float:right; margin:0 0 10px 0 !important; text-align:justify; width:860px; }








#menu_full {
	width: 100%;
	float:left;
}
.menuback { }



/* Style sheet Suckerfish */
.mod_navigation {position:relative;text-align:center;font-size:12px !important;}
.mod_navigation p {margin:0;padding:0;}
.mod_navigation ul {margin:0;padding:0;list-style-type:none; color:#e2e2e2;text-transform: uppercase;}
.mod_navigation li{ margin:0 30px; position:relative;float:left;line-height:35px;}
.mod_navigation li ul{width:140px;left:-1px;top:36px;position:absolute;display:block;}
.mod_navigation li ul ul{left:141px;top:0px;position:absolute;}
.mod_navigation li ul{bottom:0px;left:-1px;right:0px;top:34px;position:absolute;display:none;}
.mod_navigation li:hover ul{display:block;}
.mod_navigation ul li:hover ul ul{display:none;}
.mod_navigation ul ul li:hover ul{display:block;}
.mod_navigation ul li:hover ul,.mod_navigation ul li.sfhover ul{display:block;}
.mod_navigation ul li:hover ul ul,.mod_navigation ul li.sfhover ul ul{display:none;}
.mod_navigation ul ul li:hover ul,.mod_navigation ul ul li.sfhover ul{display:block; }

.mod_navigation ul ul li{width:141px;position:relative;display:block; background:#333333 none repeat scroll 0 0;
	filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;
	text-transform:none; text-align:left; line-height:30px; padding-left:5px;margin-left:-5px;}
.mod_navigation ul ul li span {padding-left:5px}

.mod_navigation {overflow:visible;z-index:999;}
.mod_navigation a {padding-left:0px;text-decoration:none;color:#ffffff;}
.mod_navigation a:hover {padding-left:0px;text-decoration:none;color:#e2e2e2;}
.mod_navigation ul li li:hover, ul li li:active,.mod_navigation ul li li.sfhover{color:#ffffff;  background:transparent url(../images/menu-back.gif) repeat-x scroll 100% 100%;}
.mod_navigation li:hover, li:active,.mod_navigation li.sfhover{color:#ffffff;}



/******************/
/*  TYPOLIGHT CLASS  */
/******************/

.clear{ height:0.1px; overflow:hidden; font-size:0.1px; line-height:0.1px; clear:both}
.invisible{ width:0px; height:0px; left:-100px; top:-100px; position:absolute; overflow:hidden; display:inline}


/******************/
/*  CATALOG SECTION  */
/******************/
.layout_custom{}
.item{ display:block; float:left; margin:10px 0; width:600px;}
.prodpict{display:block; float:left; max-height:180px; max-width:180px;overflow:hidden;}
.prodtext{display:block; float:left; margin:0 20px;}
.text{}
.inlinetext{display:inline; margin-right:30px;}




.centertext{
	padding: 0 10px;
	float: right;
	width: 850px;
	text-align: justify;
}
#center-catalog {
	margin: 0 0px 10px 0px;
	padding: 0 0 0px;
	float: right;
	width: 1020px;
}
.centertext-catalog{
	padding: 0 10px;
	float: right;
	width: 1000px;
	text-align: justify;
}
	#notice-top {padding: 12px 14px 0px; background: #f4f4f4; color: #808080; }
	#notice { margin-top:20px; padding: 12px 14px 0px 10px ; width:315px; background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right; color: #808080; }
	.notice-middle { margin:10px 0 0 20px !important; padding: 12px 14px 0px 10px !important; width:315px; background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right; color: #808080; }
		.notice { margin:10px 0 0 20px !important; padding: 12px 14px 0px 10px !important; width:315px; background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right; color: #808080; }

	#left a, #right a, #right-contact #right-profile a {
	background: #FFCC99;
	color: #FF3300;
}

	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#right h2, #right-contact, #right-profile h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }

#footer { clear: both; position: relative; height:100px; width:900px;  margin: 0 auto; font-size: .9em; color: #808080; }
	#footer a {color: #999; border-bottom: 1px solid #CCC; background: none;}
	#footer a:hover { color:#666; border-bottom: 1px solid #666; text-decoration:none }
	.separator {width:900px;  margin: 0 auto; border-top: 1px solid #ccc;}
	.col1 { float: left; width: 250px; padding: 7px 0 0 15px; margin:10px 0 5px; }
	.col2 { float: left; width: 50px; height:70px; border-left: 1px solid #ccc; padding: 7px 0 0 35px; margin:10px 0 5px; }
	.col2in { float: left; width: 210px; padding: 7px 30px 0 30px; position: inherit; margin:10px 0 5px; }
	.col3 { float: left; width: 50px; height:70px; border-left: 1px solid #ccc; padding: 7px 0 0 35px; margin:10px 0 5px; }
	.col3in { float: left; width: 150px; padding: 7px 10px 0 30px; position: inherit; margin:10px 0 5px; }