/* reset browser defaults and basic styles */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

q:before,q:after {
	content: '';
}

a {
	outline: 0;
}

body {
	font: 76% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color:#29303B;
        background-color: #111227;
         background-position: top center;
	font-family:Verdana, Arial, Sans-Serif;
	margin: 5px 0px 5px 0px;
}

#containermain {
         background: #111227;
	width:960px;
	margin: 0px auto;
}


#sidebar {
         background: #111227;
	width:200px;
	margin: 0px auto;
	padding:5px 0px 5px 0px;
         display: inline;
         float: right;
}

#container
{
background: #747c94;
	width:760px;
	margin: 0px auto;;
	padding:5px 0px 5px 0px;
	text-align:left;
	font-family: 'Trebuchet MS',Georgia, Arial, serif;
	font-size: 0.9em;
         display:inline;
         float: left;
}

#sidebarcontainer {
         width: 190px;
         background: #111227;
         padding: 0px auto;
	margin: 0px 10px 0px 0px;
}

#header {
         background: #111227;   
 	height: 100px;
         margin: 5px 10px 5px 10px;
	padding:10px 0px 0px 0px;
	width:740px;
	border:#fc9 0px solid;
}

#logo{
background: #111227; 
         height: 45px;
	width:740px;
	padding:0 auto;
	margin: 0 auto;	
}

#logoleft {
         width: 182px;
	padding: 5px 0px 0px 5px;
	margin: 0;
	float:left;
	display:inline;
}

#logoright {
         width: 500px;
	margin: 0;
        margin-right: 6px;
	padding:8px 0px 0px 0px;
	float:right;
	color:#fafafa;	
	display:inline;
}


#logoright ul{
margin: 0;
padding: 0;
}

#logoright ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: right;
font: 11px/30px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#logoright a
{
color: #F8F2E5;
text-decoration: none;
display: block;
width: 90px;
border-top: none;
border-right: 0px solid #111111;
border-bottom: none;
}

#logoright li#active { background: #111227; color: #fff; border-bottom: none; }
#logoright a:hover { background: #111227; color: #fff; border-bottom: none;}


#headerright a {
	text-decoration: none;
	border:none;
}




#headerright a:link {
	color: #ffffff;	
}
#headerright a:visited {
	color: #cccccc;	
}


#headerad {
background:#131313 url(http://latemag.com/images/body.jpg);  
 	height: 100px;
	margin: 5px 10px 5px 10px;
	padding:0px auto;
	width:940px;
}

#navigation {
         height: 30px;
	margin: 5px 10px 5px 10px;
	padding:0px auto;
	width:740px;
         background: #d62329;
}

#ad{

height: 70px;
	width:820px;
	padding:14px 0px 0px 40px;
	margin: 0px auto;
	overflow:hidden;

}

#ad a
{
	margin: 0px auto;
	padding:0px 15px 0px 0px;
}
	
#admain{
background: #272727;
height: 90px;
	width:820px;
	padding:5px 0px 0px 40px;
	margin: 0px auto;
	overflow:hidden;

}


#main 
{

	margin: 5px 10px 0px 10px;
	padding:0;
	width:740px;
	background:#fafafa;

}


#content {

	width:650px;
	padding:20px 20px 20px 45px;
	margin:0;
	overflow:hidden;
	background:#fafafa;	
}



} 


a img {
	border: none;
}
acronym, abbr {
	border-bottom: 1px dotted #0c6bf0;
}
acronym, abbr, span.caps {
	cursor: help;
	letter-spacing: .07em;
}
code {
	font-size: 1em;
	font-style: italic;
}

blockquote {
	
	padding: 0 0 0 45px;
	/* background: url(../images/blockquote.png) no-repeat left top; */
	font-size: 1.4em;
font-weight: bold;
	font-style:italic;
}


cite {
	font-size: 0.9em;
	font-style: normal;
}
h3 {
	margin: 0;
	padding: 0;
	font-size:1.3em;
}
p {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.5em;
}
h1, h2, h3, h4 {
	font-family: Verdana, 'Trebuchet MS',Georgia, arial;
	font-weight: normal;
	letter-spacing: 1px;
}
#header h1 
{
	margin: 0;	

}
#header h1 a 
{
	color:#B5C09D;
	text-decoration:none;
}
#header h1 a:hover 
{
	color:#F7F3ED;
}
#header #desc
{
	font-weight:normal;
	
	font-size:1em;
	color:#B5C09D;
	text-align:right;
	margin:0;
	padding:0 20px 0 0;
}


#pagenav
{
	list-style:none;
}



.post , .page
{
	margin:0 0 20px 0;
         
	background:url(../images/post_title.jpg) no-repeat ;
     	
}
.page 
{
	margin:25px -5px 0 27px;
}
.post-info, .page-info 
{
	font-size:0.85em;
	font-family: Arial,Georgia;
	margin:0;
	padding:1px 0px 1px 5px;
	color:#fafafa;
}
.page-info 
{
	text-align:center;	
}
.post-info a
{
	color:#fafafa;
}
.post-info a:hover 
{
	color:#000;
}
.post-content, .page-content {
	padding:10px 5px 0px, 5px;
	margin:3px 10px 0px 10px;
	background:#fafafa;	

	font-family: 'x-small Verdana',Sans-serif;
	font-size:12px;
}

.post-content a{

 color:#29303B;

}

.page-content {

}
.post-title, .page-title {
	font-size:1.3em;
         height: 45px;
         padding: 5px 0px 0px 5px;
	margin:0;
	font-weight:bold;
}
.page-title 
{
	font-size:1.6em;
	font-weight:normal;
	padding:1px 0px 1px 5px;
}
#content .page-title a, .post-title a:link, .post-title a:visited, .post-title a:hover, .post-title a:active
{
	text-decoration:none;
	color:#fafafa;
         font-family: 'x-small Verdana',Sans-serif;

}
.post-date {
	float: right;
	color: #fafafa;
	font-family: Georgia,'Lucida sans ms', Verdana, Arial, Helvetica, sans-serif;

	text-align: center;
	font-weight: bold;
	margin: 3px 10px 0 0;
	padding: 8px 3px;
	width: 55px;
	background: #515459;
	line-height:1em;
}

.post-date a {
	text-decoration: none;
	border:none;
}

.post-date a:link {
	color: #ffffff;	
}
.post-date a:visited {
	color: #cccccc;	
}



.post-music {

 	height: 25px;
	margin: 0 auto;
	padding:5px 0px 5px 0px;
	width:500px;
	background: #515459;
}


.post-comment {
	float: right;
	color: #fafafa;
	font-family: Georgia,'Lucida sans ms', Verdana, Arial, Helvetica, sans-serif;

	text-align: center;
	font-weight: bold;
	margin: 3px 10px 0 0;
	padding: 8px 3px;
	width: 80px;
	background: #515459;
	line-height:1em;
}

.post-comment a {
	text-decoration: none;
	border:none;
}

.post-comment a:link {
	color: #ffffff;	
}
.post-comment a:visited {
	color: #cccccc;	
}


.post-footer 
{
	padding:1px 0px 1px 5px;
	
}

.link h2{
background:#131313 url(http://latemag.com/images/body.jpg);
	clear: both;
	color: #fafafa;
	font-size: 2.0em;
}

.link a{
 
	clear: both;
	color: #fafafa;
	font-style: normal;
	text-decoration: none;
}


#footerad
{
	margin:0 auto;
        margin-top: 8px;
	padding: 0px;
 	height: 60px;
	clear: both;
	font-size: 0.8em;
	color: #999;
	text-align:right;
	width:740px;
	background:#111227; 
	
}


/* comment form styles */

dl#lna_comment {
	margin: 50px 0 0 2px;
	border-top: 1px dotted #919191;
	padding-top: 10px;
width: 500px;
}

dl#lna_comment input, dl#lna_comment textarea {
	width:500px;
	background-color: #d9d9d9;
}

dl#lna_comment input#remember, dl#lna_comment input#forget {
	width: 15px;
}

dl#lna_comment input.button {
	width: 60px;
}

dl#lna_comment dt{
	display: block;
	margin:  10px 0 2px 0;
}

a#txpCommentHelpLink {display:  block;
	padding-top: 10px;
	width: 75px;
}

.a_comment_message, p#txpCommentInputForm {
	border:  1px dotted #525252;
		background-color: #1f1f1f;
margin: 2em 0 0.5em 0;
width: 500px;
}

.a_comment_message p {
	padding: 1em 0 0 1em;
}



h1#logo a {

	text-decoration: none;
float: left;
display: block;
text-align: center;

}


/* searchform position*/

#searchform {

	margin: 0px 0px 10px 0px;
}

input {
	background-color: #d9d9d9;
}

#searchform fieldset label {
	color:#fafafa;
         font-size: 12px;
         padding: 0px 10px 20px 0px;
         font-family:Verdana, Arial, Sans-Serif;
	}

/*live search default styles */

#LSResult {


	background-color: #111227;
	width: 290px;
	z-index: 100;
}

#LSShadow {
	padding: 5px;
}

#LSRes {
	background-color: #111227;
}

.LSRow {
	padding: 5px;
}

.LSRow a, #LSHeader div a {
	color: #ffffff;
}

.LSRow a:hover, #LSHeader div a:hover {
	color: #d62329;
}

#LSHighlight {
	background-color: #aaa;
}

#LSHeader {
	padding: 2px 2px 8px;
}

.lsDate {
	display: block;
	color: #fafafa;
}


#mainbox {

 	height: 265px;
	margin:0px 0px 20px 0px;
	width:650px;
	padding:0px 0px 0px 0px;
	border:#fc9 0px solid;
         background:#111227;
}



#mainbox a {
	text-decoration: none;
	border:none;
	color: #000000;	
}


#mainbox a:link {
	color: #000000;	
}
#mainbox a:visited {
	color: #000000;	
}

#mainbox h3 {
	font-size: 1.0em;
	color: #ffffff;
	font-weight:bold;

}

#mainbox h3 a {
	font-size: 1.0em;
	color: #ffffff;
	font-weight:bold;

}

#boxleft {

 	height: 320px;
	margin: 0 auto;
	width:300px;
	padding:10px 10px 10px 10px;
	float:left;
	display:inline;
}

#boxcenter {

 	height: 320px;
	margin: 0 auto;
	width:300px;
	padding:10px 10px 10px 0px;
	float:left;
	display:inline;

}

#boxright {
 
 	height: 320px;
	margin: 0 auto;
	width:300px;
	padding:10px 10px 10px 0px;
	float:right;
	color:#fafafa;	
	display:inline;
}

#thumbs {
	background:#fafafa;
 	height: 100px;
	color:#111227;

	padding:5px 0px 5px 0px;
	margin:0px 10px 0px 0px;
	width:650px;
}

	#thumbs p{
	padding:0px 10px 0px 10px;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:1.1em;

}



#myGallery {

         width: 600px;
         margin:8px 10px 0px 25px;

}

#################Accordion#################

#accordion {
               margin: 0px 10px 0px 0px;
	width:650px;
	padding:0;
           
                
}

/*
Vertical Accordions
*/
		
.accordion_toggle {
			display: block;
			height: 30px;
			width: 640px;
			background: #111227;
			padding: 0px 0px 0px 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			
			border-bottom: 1px solid #747c94;
			cursor: pointer;
			margin: 0px 20px 0px 0px;
}
		
.accordion_toggle_active {
			background: #d62329 ;
			color: #ffffff;
			border-bottom: 1px solid #747c94;
}
		
.accordion_content {
			background: #fafafa;

			color: #444444;
			overflow: hidden;
                            width: 600px;
                            margin: 10px 25px 10px 25px;

}

h1.jargon {
			color: #d62329;
                           font-weight: 700;
}
			
.accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
}
			

			
.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: #998678;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			
			border-bottom: 1px solid #747c94;
			cursor: pointer;
			margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
			background:#dc8c29;
			color: #ffffff;
			border-bottom: 1px solid #747c94;
}

.vertical_accordion_content {
			background-color: transparent;
			color: #444444;
			overflow: hidden;
}

.vertical_accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
}

.vertical_accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
}
  			
/*
Horizontal Accordion
*/
		
.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background:  #998678;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #ddd1ab;
			cursor: pointer;
			margin: 0 0 0 0;
}
		
.horizontal_accordion_toggle_active {
			background: #dc8c29;
			border-right: 1px solid #747c94;
}
		
.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: transparent;
			color: #444444;
}
			
.horizontal_accordion_content p {
			width: 450px;
			line-height: 150%;
			padding: 5px 10px 15px 10px;
}
					
					
    /* Container styling*/
    #horizontal_container {
     
      margin: 20px 0px 20px 0px;
      width: 650px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px 0px 20px 0px;
      width: 650px;
}


#contenttable
{
	margin:0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	color: #000000;
	width:650px;
         	
}



#contenttableleft
{

	padding:0px 0px 0px 0px;
 	margin: 0px 0px 20px 0px;
	width:450px;
	float:left;
	display:inline;
}

#contenttable a {
         color: #000000;
}

#contenttableright
{

	padding:0px 0px 0px 0px;
         margin: 0px 0px 20px 0px;
	width:150px; 
	float:right;
	display:inline;

}

#contenttableleft ul li {
	list-style-type: none;
	padding-left: 10px;
	margin: 7px 0px 0px 0px;
}

##########contact form############

.zemContactForm fieldset { 
         border: 0px; 
}

.zemContactForm { 
         background-color: #fafafa; 
         color: #333; 
         font-align: right; 
         font-size: 100%; 
         line-height: 15px; 
         padding: 10px; 
}  

.zemContactForm label { 
         float: left; 
         font-weight: bold;
         width: 60px; 
         margin: 0.3em 10px 0 0; 
         text-align: right; 
}

.zemContactForm br { 
         clear: left; 
}

.zemContactForm legend { 
         display: none; 
}

.zemContactForm input, .zemContactForm select, .zemContactForm textarea { 
         margin: 0 0 0.3em 0; 
}

input#Name, input#Title, textarea#Your Query, input#Company, input#Email, input#Phone { 
     
         background-color: #ffffff; 
}

.zemContactForm fieldset .buttons { 
         margin: 1em 0 1em 1em; 
}

.zemContactForm .zemCheckbox { 
         float: left;
         padding: 0.2em 1em; 
         text-align: left; 
}

input#zemSubmit { 
          width: 365px; 
          margin-top: 20px;
}

ul.zemError { 
color: red; 
list-style-type: none; 
padding: 10px 0px; 
line-height: 20px; 
}

#######################

#h2 {
         color: #d62329;
}
.latestNews  {
         color: #111227;
         font-size: 14px;
         font-weight: bold;
         text-decoration: underline;
         margin: 0px 0px 10px 5px;
}

.latestNews a {
         color: #111227;
}

#navcontainer{
background: #d62329;
height: 32px;
	width:740px;
	padding:0px 0px 0px 0px;
	margin: 5px 0px 5px 10px;
	overflow:hidden;
	color:#fafafa;	
}
#navcontainer ul {
        margin: 0px 0px 0px 0px;
        padding: 0;
        list-style-none;
        font-family: 'x-small Verdana',Sans-serif;
         font-size: 11px;
         font-weight: bold;
        width: 740px;
        background: #d62329;
}

#navcontainer ul li {
        float: left;
}

#navcontainer ul a {
        display: block;
        float: left;
        border-right: 1px solid #aa0c13;
        padding: 0.4em 1.4em;
        line-height: 2.3em;
        text-decoration: none;
        color: #fafafa;
}

#navcontainer a:hover {
        color: #fafafa;
        background: #aa0c13;
}

h3.home {
        font-size: 14px;
        font-weight: bold;
        padding: 10px 0px 10px 10px;
}

#thumbs a{
 color: #fafafa;
}

.box {
       width: 630px;
       height: 290px;

}

.box h2 {
       
       padding: 20px 20px 15px 20px;
       font-weight: bold;
}

.box ul {
       padding: 0 20px 10px 20px;
       }

.boxleft {
       display: inline;
       float: left;
       padding-bottom: 10px;
       
}

.boxright {
       display: inline;
       float: right;
         padding-bottom: 20px;
       
}

#quote {
       
       padding: 20px 0px 0px 0px;
}

h3.quote {
       color:#fafafa;
}

p.footer  {
       color:#fafafa;
       padding: 20px 0px 0px 0px;
       text-align: right;
}

p.footer a {
      color:#fafafa;
}


#######image map#######
/* set up the font to be used for the page */
body {font-family: sans-serif;}

/* set the size of the definition list <dl> and add the background image 
#imap {display:block; 
       width:630px; 
       height:1400px; 
       background:url(http://whichplm.com/images/96.jpg) no-repeat; 
       position:relative;
}

*/

/* set up the definition list <dt><a> to hold the background image for the hover state 

#imap a#title {
       display:block; 
       width:400px; 
       height:0; 
       padding-top:240px; 
       overflow:hidden; 
       position:absolute; 
       left:0; 
       top:0; 
       background:transparent url(http://whichplm.com/images/96.jpg) no-repeat 630px 951px; cursor:default;
}

*/

/* the hack for IE pre IE6 */
* html #imap a#title {height:300px; he\ight:0;}

/* the <dt><a> hover style to move the background image to position 0 0
#imap a#title:hover {
       background-position: 0 0; 
       z-index:10;}
*/

/* place the <dd>s in the correct absolute position 
#imap dd {position:absolute; padding:0; margin:0;}
#imap #gerber {left:17px; top:170px; z-index:20;}
#imap #lawson {left:17px; top:218px; z-index:20;}
#imap #porini {left:17px; top:266px; z-index:20;}
#imap #visualplm {left:17px; top:322px; z-index:20;}

#imap #zweave {left:17px; top:374px; z-index:20;}
#imap #desl {left:17px; top:475px; z-index:20;}


#imap #polyorganize {left:17px; top:592px; z-index:20;}
*/
/* style the <dd><a> links physical size and the background image for the hover 
#imap a#gerber {
       display:block; 
       width:185px; 
       height:40px; 
       text-decoration:none; 
       z-index:20;}


#imap a#lawson {
       display:block; 
       width:175px; 
       height:43px; 
       text-decoration:none; 
       z-index:20;}
	   
#imap a#porini {
       display:block; 
       width:185px; 
       height:60px; 
       text-decoration:none; 
       z-index:20;}
	   
#imap a#visualplm {
       display:block; 
       width:185px;
       height:50px; 
       text-decoration:none; 
       z-index:20;}

#imap a#zweave {
       display:block; 
       width:185px;
       height:41px; 
       text-decoration:none; 
       z-index:20;}

#imap a#desl {
       display:block; 
       width:185px; 
       height:42px; 
       text-decoration:none; 
       z-index:20;}


#imap a#polyorganize {
       display:block; 
       width:185px;
       height:50px; 
       text-decoration:none; 
       z-index:20;}
*/

/* style the span text so that it is not initially displayed 
#imap a span, #imap a:visited span {display:none;}
*/

/* move the link background image to position 0 0 when hovered 
#imap a#gerber:hover, #imap a#lawson:hover, #imap a#zweave:hover, #imap a#desl:hover, #imap a#porini:hover, #imap a#visualplm:hover, #imap a#polyorganize:hover {background-position:0 0;}
*/

/* define the common styling for the span text */
#imap a:hover span {position:absolute;  width:220px; display:block; font-family:arial; font-size:12px; background:#767e95; color:#fff;  padding:5px;}
/* the hack for IE pre IE6 */
* html #imap a:hover span {width:400px; w\idth:260px;}

/* move the span text to a common position at the bottom of the image map  
#imap a#gerber:hover span {left:190px; top:0px;}
#imap a#lawson:hover span {left:190px; top:0px;}
#imap a#porini:hover span {left:190px; top:0px;}
#imap a#visualplm:hover span {left:190px; top:0px;}
#imap a#zweave:hover span {left:190px; top:0px;}
#imap a#desl:hover span {left:190px; top:0px;}
#imap a#polyorganize:hover span {left:190px; top:0px;}
*/

/* add the style for the link span text - first line */
#imap a span:first-line {font-weight:bold; font-style:italic;}

#advertise {
     width: 125px;
     height: 150px;
     background: #111227;
     padding: 10px 5px 10px 5px;
     margin: 0px 5px 12px 5px;
     text-align: center;
     color: #fafafa;
     font-family: 'x-small Verdana',Sans-serif;
     font-size: 14px;
     font-weight: bold;
}

#advertise a {
     color: #fafafa;
}

#poll {

    width: 120px;
    margin: 0px 0px 0px 20px;
}

/* this is for the suppliers table */

.overall_score { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; border-right: 2px solid #000033; border-bottom: 2px solid #000033; }

.border_1 { border-left: 2px solid #000033; border-right: 2px solid #000033; border-bottom: 2px solid #000033; }

.border_2 { border-right: 2px solid #000033; border-bottom: 2px solid #000033; }

.border_1_small { font-family: Arial, Helvetica, sans-serif; font-size: 14px; border-left: 2px solid #000033; border-right: 2px solid #000033; border-bottom: 2px solid #000033; padding-left: 8px; }

.title_row { border-left: 2px solid #000033; border-right: 2px solid #000033; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #fff; padding-left: 20px }

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-30px; left:140px; width:170px;
    padding: 3px;
    border:1px solid #ccc;
    background-color:#111227; color:#eee;
    text-align:left;
    }

#score_table td { border: 1px solid #999; padding-left: 8px}
.heading{ background: #767D97; color: #fff; font-weight: bold; font-size: 24px; }
.subheading{ background: #111423; color: #fff; font-weight: bold; font-size: 18px; }