* {margin:0; padding:0} /* "*" is universal selector - makes all IDs and classes inherited - prevents IE pitfalls */

/* General - the big divs and global defs */

body {
	background-color: #FFFFFF; /* declare color attribute in body selector, for people who non-white default background color */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; /* was orig 100.1% */
	margin: 0px; padding: 0px;
}
#header {
	margin: 0px; padding: 6px;
	overflow: visible;
	width: 800px;
}
#ContentContainer { /* contains leftnav and main content */
	margin: 0px; padding: 0px;
	width: 900px;
	clear: both;
}
#LeftNav {
	padding: 10px;
	float: left;
	width: 135px;
	border-right-width: 1px; border-right-style: solid; border-right-color: #666666;
}
#MainContent { /* right side content */
	width: 620px;
	padding: 10px 10px 10px 22px;
	float: left;
	border-left-width: 1px; border-left-style: solid; border-left-color: #666666;
	margin-left: -1px;
	font-family:"Times New Roman", Times, serif;
	font-size: 120%;
}
#Main700Wide {width: 700px;}

#TextContent {width: 550px;}

#Footer {
	clear: both; /*so that it stays at the bottom at all time */
	/* width: 100%; */ margin: 0px; padding: 10px;
	text-align:center;
	overflow: visible;
	border-top-width: 1px; border-top-style: solid; border-top-color: #666666;
}
#FooterText {width: 750px; text-align: center;}

/* header - includes logo, teaserbanner, horiz_navbar */

#logo {float: left; margin: 0 0 0 10px;}

#header img {border:none;}

#teaserbanner {
	margin: 3px 20px 0 0;
	float: right;
	border: 1px solid;
}
#teaserbanner img {display: block;} /* avoids gap at bottom */

#horiz_navbar {clear: both; border-bottom: 7px solid #888888;} /* creates the thin grey bar across top */

/* Left Nav - the left side nav */

#LeftNav ul {list-style: none; padding: 23px 0 0 8px;}

#LeftNav li {
	font-size: 100%; font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; font-size: 110%;
	padding: 7px 0;
	}
#LeftNav li.heading span {display: none;}

#LeftNav li.heading {
	background-image:url(../assets/directory_heading_black.gif);
	background-repeat:no-repeat;
	background-position: left top;
	height:23px;}

#LeftNav a {
	display: block; color: #666666;
	text-decoration: none; 	padding: 0 0 0 20px;}
	
#LeftNav #current a {background-image:url(../assets/red_arrow.gif);
	background-position: left; background-repeat: no-repeat;
	color: #9C0000;}

#LeftNav a:hover {/*color: #9C0000;*/
	background-image:url(../assets/red_arrow.gif);
	background-position: left; background-repeat: no-repeat;
}

/* #FeedbackBox {margin: 20px 10px 0 8px;}
#FeedbackBox a {color:#9C0000; font-weight:bold; background-image:none;} */

/* MainContent - the right side */

#MainContent p {
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	padding: 0 0 15px 0px;
}
#MainContent td.body_text10pt {font-size: 80%;} /* used on nca comments page */

#MainContent a:hover {color:#9C0000;}
#MainContent a:visited {}

#SectionTop {
	padding-top:10px; padding-bottom:5px;
	font-family:"Times New Roman", Times, serif;
	}

#SectionTop h1 {font-size: 140%; font-weight:normal;}
#SectionTop h3 {font-size: 120%; font-weight:normal;}
#SectionTop h3 a {text-decoration:none; color:black;}
#SectionTop h3 a:hover {color:#9C0000;}
#SectionTop h3.redsubhead {color:#9C0000; font-variant:small-caps;}
#SectionTop h4 {font-size: 100%; font-weight:normal;}
#SectionTop hr {margin-top: 10px; margin-bottom: 15px;}

#SectionTop.kelloggindex {
	width: 620px;
	background-image:url(../kelloggtelephone/assets/misc_images/KELLOGG_scissors_phone_vign.jpg);
	background-position: 100% top; background-repeat: no-repeat;}

#MainContent h3 {}

/* phone item pages */

#PhoneModelPage {margin-top: 20px;}
#PhoneModelPage .TwoColumn {margin-right: 30px; width: 300px;} /* width was 300px */
#PhoneModelPage h3 {font-weight:bold; font-size:100%; margin-top: 1em;}
#PhoneModelPage h3.first {margin-top: 0;}
#PhoneModelPage h4.caption {font-size:85%; text-align:center;}
#PhoneModelPage ul {list-style-type:none;}
#PhoneModelPage ul.bulletvert {list-style-type:square; list-style-position:inside}
#PhoneModelPage li {display:inline;}
#PhoneModelPage li.vert {display:list-item;}
#PhoneModelPage img {border:none;}

#Righthand {width: 280px; float: left;} /* keeps righthand from wrapping under left column */
#Righthand.wrap {width:auto; float:none;} /* force it to wrap */

#PhoneDataBox {
	float:left; border: 1px solid black;
	width: 280px;  padding: 10px;
	margin-bottom:20px;}

#PhoneDataBox a {text-decoration:none;}
#PhoneDataBox li {display:list-item;}

.PhoneImageBox {float: left; padding: 5px; border: 1px solid black; margin-bottom:20px;}
.PhoneImageBoxFR {float: right; padding: 5px; border: 1px solid black; margin:0 0 0 20px;}

#MurdoThumbs img {margin: 2px;}
.PhoneThumbsBox img {margin: 2px;}

.ThumbFloatBox {width: 310px; margin-bottom:10px;}
.FloatThumb {float:left; margin: 4px;} /* also used on one test nca page - party line */
.FloatThumb h4 {font-size: 85%; font-weight:normal; text-align:center; margin:4px 0;}
.FloatThumb img {display: block; border:none}

/* thumbnail pages */
#PhoneThumbs {width:700px;}
#PhoneThumbs .FloatThumb {height:160px; width:160px;}
#PhoneThumbs .pt {margin: 20px 0px 20px 15px;}
#PhoneThumbs .ls {margin: 20px 6px 20px 6px;}
#PhoneThumbs h4 {text-align: left; margin-top:7px;}
#PhoneThumbs img {border: 1px solid black;}
#PhoneThumbs.AllLandscape .ls {margin: 0px 6px 0 6px;}
#PhoneThumbs.AllPortrait .pt {margin: 20px 0px 20px 0px;}
#PhoneThumbs.IndexPage .pt {margin: 20px -15px 0px 10px;}

/* eBay rss stuff */

.eBayTeaseBox {
	border: 1px solid; float: left; width: 280px; margin: 10px 15px 0 0; padding: 10px;}
.eBayTeaseBox h3 {font-size: 130%; margin-bottom:5px;}
.eBayTeaseBox ul {list-style-position:inside; margin-top:10px;}
.eBayTeaseBox ul {margin-left: 10px;}

#EmailTease h4 {font-weight: bold; font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#9C0000;
	margin: 10px 0 0 0;}

#eBaySearches {
	float: left; margin-top: 15px; border: 1px solid; padding: 10px; width: 600px;}
#eBaySearches h3 {font-size: 130%; margin-bottom:5px;}

#ebayModule {border: 1px solid; margin-top: 35px;}
#ebayModule h3 {margin-left: 10px; margin-top:7px;}
#ebayModule h4 {margin: 0 0 15px 20px; font-size:90%;}
#ebayModule a {text-decoration:none;}

#eBrowserPage {width: 700px;}
#eBrowserPage h3 {font-size: 100%; color:#9C0000;}

#ebayModule.LivePage {margin-top: 15px; border: none;}
#ebayModule.LivePage .chunk
	{float: left; width: 300px; height: 150px; margin-right: 25px;} /*mr was 35 bropke ie6 */
#ebayModule.LivePage h3.header {float:right; margin: 20px 130px 20px 0;}

#ebayModule.LeftHand {width: 300px; margin-top:0;}

#ebayListings {/* border: 1px solid; */ margin-top:0px; padding: 5px 10px;}
#ebayListings h4 {margin: 12px 0 0 0; font-size:90%; border-top:1px solid; padding-top:3px;}
#ebayListings table {font-size: 90%;}
#ebayListings img {margin-right: 10px;}


/* phone (and NCA) nav box menus */

#PhoneTopNav {
	border: 1px solid;
	font-size:85%; margin: 10px 0 -5px 0;
	padding: 4px;
	}
#PhoneTopNav ul {list-style-type:none;}
#PhoneTopNav li {display:inline;}

#PhoneTopNav.kellogg {background-color:#FFFFFF; padding:0; border: none;}

#PhoneTopNav.BrowsePage {width: 640px; padding: 7px; margin-bottom: 10px;}
#PhoneTopNav.BrowsePage a {text-decoration:none;}
#PhoneTopNav.BrowsePage li {font-size: 115%; line-height: 1.5em;}
#PhoneTopNav.BrowsePage li.header {
	color:#FFFFFF; background-color:#9C3333; font-size: 140%; font-weight:bold;
	padding: 3px 10px; margin-right: 5px;}


/* phone and nc index pages */
#PhonesIndex {clear:left;}

#PhoneResourceBox {
	float: right;
	border: 1px solid; margin: 0 0 10px 15px;}
#PhoneResourceBox h3 {font-size:100%; font-weight:bold; margin-left: 15px; margin-top: 5px;}
#PhoneResourceBox ul {list-style-position:inside; margin-left:15px; margin-bottom:15px;}

#PhoneResourceBox.PhoneIndexPage img {margin: 5px; border:none; width: 200px;}
#PhoneResourceBox.NcaIndexPage {width: 250px;}

#cwBox {padding: 10px 10px 0 10px; margin: 0 0 15px 0; border: 1px solid black; border-top: 1px solid black; width: 440px; background-color:#EEEEEE;}


/* basics and other descriptive content pages */
#Basics ul {list-style-position:inside; margin-left: 20px;}
#Basics h3 {font-size: 100%; font-weight:bold; margin-top:1em;}
#Basics li.detailed {margin-top: .5em;}


/* glossary page */

#glossary ul {margin-top: 25px; list-style-type:none;}
#glossary li {margin-bottom: 15px;}
#glossary h5 {font-size:100%; font-weight:bold;}

/* dmworkshop index, kellogg index, contributors, antique links pages, phone model pages*/

.TwoColumn {float:left; margin-right: 45px;} /* for two-column blocks */
.ThreeColumn {float:left; margin-right: 35px;} /* for three column */
.LastColumn {margin-right: 0;} /* last column */


#LinksBlock ul {list-style-type:none; margin-bottom: 25px;}

#ItemLayout img {margin: 25px 25px 35px 25px; border: none;} /* dmw item pages */

#ItemLayout img.TallThin {margin: 0 25px 35px 15px; float:left;} /* vertical layout item pages */
#ItemLayout dl.rh_item_description {margin-top: 35px;}
#ItemLayout dl.rh_item_description dd {padding-top: 1em;}

/* pdf thumbnail description pages */

.pdfunit {float: left; width: 335px; margin: 0 0 20px 0; padding:0;}
.pdfunit img {float: left; border:none;}
.pdfunit ul {margin-left: 15px; margin-right: 5px; float: left; list-style-type:none; font-size: 90%;}
.pdfunit li.title {font-weight:bold;}
.pdfunit li.contributor {padding-top: 10px; font-style:italic;}
.pdfunit li.pdf_size {padding-top: 2px;}
.pdfunit li img {padding-right: 4px;}

/* links sections */

.HorizLinks h4 {font-weight:bold;}
.HorizLinks ul {list-style-type:none; padding-bottom:15px;}
.HorizLinks li {display:inline;}

/* Footer */

#Footer p{
	padding: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%; line-height: 150%;}
	
#Footer ul {
	display: inline; list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;}
	
#Footer li {display: inline; padding: 0 .5em;}