Solved

UL tag is not displaying as intended.

Posted on 2011-03-22
3
562 Views
Last Modified: 2012-05-11
Using idTabs (http://sunsean.com/idTabs) and have uls specified for content under one of the tabs. The UL do not show discs and they are lined up in an inline format. Also, the background of the DIV is not contain the UL content. It pulls up short. Code (synamic include snippet & global CSS) and screenshots attached. Site is in development.

Using meyer’s reset.
<p>&nbsp;</p>
<div class="host-details">
	<script type="text/javascript" src="assets/javascript/tabs/jquery.idTabs.min.js"></script>
	<h4>Host Details</h4>
	<div id="adv1" class="host-detail-tabs clearfix">
		<ul>
			<li><a class="selected" href="#host-bg">Background</a></li>
			<li><a href="#host-creds">Credentials</a></li>
			<li><a href="#host-living">Living Area</a></li>
			<li><a href="#host-extra">Extracurricular Activities</a></li>
		</ul>
	<div id="host-bg">
		<p>Hi, I’m Rega (pronounced Reega). I live in a quiet, hilly section of Los Angeles about ten minutes north of downtown and Union Station. From there, you can take a subway, bus or AMTRAK train to any part of Los Angeles and beyond. Do you want to see a live TV show, go to Universal Studios, visit UCLA in Westwood, shop on Rodeo Drive in Beverly Hills, on Melrose or Robertson Blvd., chill out in Malibu at the beach or go to one of LA’s many museums? It is easily done from Union Station. I can take you there before my classes begin at 8:00 A.M.</p>
		<p>Or do you want to take an ESL class at Evans Community Adult School where I work? Evans is the largest adult school in the United States with students from all parts of the world. It’s an open enrollment school, which means that you can register for your level of English for the week of your visit. You can take computer, ESL, pronunciation, writing and high school classes at Evans. You will also have access to the two large libraries of ESL books, tapes and CDs. I, of course, have access to these books as well.</p>
		<p>Or if you feel like relaxing or studying for the day, you can stay at my condo and lounge at the pool or hot tub, work out in the weight room or watch TV and help yourself to food in the refrigerator. My home is filled with fresh organic fruit and vegetables and home cooked meals. But if you’re having a craving for some food from your country, we can easily get it in LA, which boasts 87 languages and cultures. Otherwise, I usually prepare a variety of foods on the grill including wild-caught fish, organic beef or chicken and lots of organic vegetables. If you want pasta or another type of food…no problem. My daughter and I both love to create new dishes and any cooking experience is an excellent opportunity for an English lesson.</p>
		<p>Additionally, I’ve traveled through Europe, a section of Asia and North America. I teach students and have friends from all over the world resulting in a great appreciation and understanding of different cultures, art, music and food.  And you should know that Los Angeles is a city with 87 different cultures, so if you get a bit homesick, we can visit Little Toyko, Chinatown, Koreatown or any number of Latino venues for a dose of your own music, food or art.</p>
		<p>Your English lessons will focus on conversations, pronunciation, reading, writing and grammar.  You will also learn English through popular music, ESL games and other kinesthetic activities, such as cooking, food or clothes shopping and visiting fun, beautiful and important places in and around Los Angeles. Not only will you visit world-famous sights, you’ll learn how to interact with Americans in real life situations.  Typically, each three-hour day will occur between 12:30 and 3:00 and 7:00 to 7:30.  It includes a preview, review and a daily test/assessment.</p>
	</div>
	<div id="host-creds">
		<ul>
			<li>Los Angeles Unified School District, Tenure</li>
			<li>Teaching ESL for over 14 years</li>
			<li>UCLA Extension, Adult Teaching Credential</li>
			<li>University of Texas, Communications</li>
			<li>Phillips Graduate Institute, Masters in Psychology</li>
			<li>Experienced grant and copy writer</li>
	  </ul>
	</div>
	<div id="host-living">
		<link rel="stylesheet" type="text/css" href="hosts/assets/javascript/products-lightbox-evo/default.lightbox.css" />
		<!--[if IE 6]><link rel="stylesheet" type="text/css" href="assets/javascript/products-lightbox-evo/default.lightbox.ie6.css" /><![endif]-->
		<script type="text/javascript" src="hosts/assets/javascript/products-lightbox-evo/jquery.lightbox.js"></script>
		<script type="text/javascript">
		jQuery(document).ready(function(){
		jQuery('.lightbox').lightbox();
		});
		</script>
		<a href="assets/images/host-living/la-rpg-living1.jpg" class="lightbox" rel="host-living-img-gp" title="The mansion for Sunday night barbeques."><img src="assets/images/host-living/la-rpg-living1-sm.jpg" alt="" width="100" height="100"/></a>
		<a href="assets/images/host-living/la-rpg-living2.jpg" class="lightbox" rel="host-living-img-gp" title="The pool at the condo."><img src="assets/images/host-living/la-rpg-living2-sm.jpg" alt="" width="100" height="100"/></a>
		<a href="assets/images/host-living/la-rpg-living3.jpg" class="lightbox" rel="host-living-img-gp" title="The outside of my condo complex."><img src="assets/images/host-living/la-rpg-living3-sm.jpg" alt="" width="100" height="100"/></a>
		<a href="assets/images/host-living/la-rpg-living4.jpg" class="lightbox" rel="host-living-img-gp" title="The student's bedroom."><img src="assets/images/host-living/la-rpg-living4-sm.jpg" alt="" width="100" height="100"/></a>
		<p>You’ll have your own private bedroom and bath with a pillow top queen size bed. If you and a girlfriend can share the bed, then two are welcome.</p>
	</div>
	<div id="host-extra">
		<p>Sunday nights, you’ll go with my daughter and me to my friends’ (the Petersons’) mansion in Altadena for American barbeque, Asian cooking, swimming and relaxing near the fish pond. It’s a treat and an opportunity to practice your English with lots of nice people.</p>
		<p>On the weekends, we can drive up or down the California coast to Santa Barbara, Ojai, Newport Beach or San Diego in my super comfortable Volvo XC70.</p>
		<p><i><b>10 to 15 minutes away</b> from my  condo in downtown LA and walking distance from Evans are many beautiful,  cultural, historic and educational venues including:</i><br />
        &bull; <a href="http://www.laphil.org" target="_blank">The Music Center &amp; Disney Concert Hall</a>  (The Art &amp; Music link highlights 100&rsquo;s of places in LA)<br />
		&bull; Little Tokyo<br />
		&bull; China Town<br />
		&bull; <a href="http://www.moca.org" target="_blank">Museum of Contemporary Art (MOCA)</a><br />
		&bull; The Geffen Contemporary Museum<br />
		&bull; California Plaza<br />
		&bull; City Hall<br />
		&bull; <a href="http://www.felipps.com" target="_blank">Felipps Restaurant</a><br />
		&bull; <a href="http://www.lapl.org" target="_blank">The Central Library</a><br />
		&bull; <a href="http://www.metro.net" target="_blank">Union Station</a><br />
		&bull; The Cathedral<br />
		&bull; <a href="http://www.colburnschool.edu" target="_blank">Colburn School of Music</a><br />
  	 	&bull; <a href="http://www.jaccc.org" target="_blank">Japanese American Cultural &amp; Community Center</a></p>
		<p><i><b>20 - 40 Minutes away</b> from my condo by car are:</i><br />
		&bull; IMAX Theater at the California Science Center<br />
		&bull; <a href="http://www.usc.edu" target="_blank">USC</a><br />
		&bull; <a href="http://koreatown.ws" target="_blank">Koreatown</a> (This site is in Korean.) <br />
		&bull; Hollywood<br />
		&bull; The Farmers Market (Fairfax)<br />
		&bull; Beverly Hills (Rodeo Drive)<br />
		&bull; Robertson Boulevard<br />
		&bull; Melrose Boulevard<br />
		&bull; Century City<br />
		&bull; Westwood<br />
		&bull; UCLA (in Westwood) <br />
		&bull; Santa Monica Beach, Pier and Boardwalk<br />
		&bull; Los Angeles County Museum of Art (LACMA)<br />
		&bull; The Peterson Car Museum<br />
		&bull; The Hammer Museum<br />
		&bull; Universal Studios</p>
		<p><b><i>40 &ndash; 60 Minutes away:</i></b><br />
		&bull; Venice Beach<br />
		&bull; Manhattan Beach<br />
		&bull; Malibu Beach<br />
		&bull; Getty Center<br />
		&bull; Getty Villa<br />
		&bull; Self-Realization Fellowship (a sanctuary for all religions)<br />
		&bull; LAX<br />
		&bull; Disneyland<br />
		&bull; Legoland<br />
		&bull; Knott&rsquo;s Berry Farm<br />
	  	&bull; Magic Mountain</p>

	    <p><b><i>10-15 minutes north:</i></b><br />
	  	&bull; Old Towne Pasadena<br />
	  	&bull; Shopping along Colorado Blvd.<br />
	  	&bull; Norton Simon Museum <br />
	  	&bull; Asia Pacific Museum<br />
	  	&bull; South Pasadena<br />
	  	&bull; Huntington Library, San Marino</p>
	</div>
</div>
<script type="text/javascript">
var settings = { start:1, change:false };
$("#adv1 ul").idTabs(settings,true);
</script>

Open in new window

@charset "utf-8";
/* ------------------------------------------------------------------
---------------------------------------------------------------------
== FILE: ========================================
	* Project:		CALH Worldwide LLC	* Dir/Filename:	css/global.css
	* Description:	Global CSS

== VERSIONING: ==================================
	* Last edited:	03/09/11, 01:16 PM PST
	* Version:		1.0.5
	* Lines:		1009 //LAST: 678|82|32|57
	* Edited by:	DES

== STRUCTURE: ===================================
	* Page width:	980px
	* Column #:		3

== COLORS: ======================================
	* #063F8D; Blue
	* #3F77DD; Lighter Blue
	* #8F0000; Maroon
	* #FC0/#FFCC00; Orange

== CONTENTS: ====================================		
	1	Basics			[Errors, Hacks, Forms, Validation, etc.]
	2	Header
	3	Left Column
	4	Main Content	[Pages, Products, etc.]
	5	Right Column
	6	Footer

---------------------------------------------------------------------
------------------------------------------------------------------ */


/*	1	BASICS	
------------------------------------------------------------------ */
html {
	height:100%; /*??*/
}
body {
	background:#FFF url(/assets/images/body.gif) top repeat-x !important;
	color:#8F0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
#wrapper {
	margin:0 auto; /*TRBL*/
	text-align:left;
	width:980px; /*860px*/
}
.page-body-columns {
	margin-left:0px;
	vertical-align:top;
}
a{
	color:#3F77DD;
	text-decoration:none;
}
a:hover{
	color:#3F77DD;
	text-decoration:underline;
}						
p{
	margin-bottom:15px !important;
	/*font-size:14px;
	line-height:normal;*/
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}
blockquote{
	font-style:italic;
	margin:20px !important;
}
.clear {
	clear:both;
}

/*	##	Errors
--------------------------------- */
#error-404 h2 {
	color:#F58CD5; /*C00*/
	font-size:24px;
}
img#error-404 {
	background:url(/assets/images/404/404.jpg) 0 0; /*LT*/
	height:382px;
	width:572px;
}

/*	##	Hacks
--------------------------------- */
.clearfix:after{ /* new clearfix */
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}
* html .clearfix{ /* IE6 */
	zoom:1;
}
*:first-child+html .clearfix{ /* IE7 */
	zoom:1;
} 

/*	##	Forms
--------------------------------- */
input, select, textarea{
	background-color:#FFF; /*F1F2F3*/
	border-bottom:1px dotted #6C7279;
	border-left:0 none #FFF; /*F1F2F3*/
	border-right:0 none #FFF; /*F1F2F3*/
	border-top:0 none #FFF; /*F1F2F3*/
	color:#6C7279;
}
textarea {
	width:300px;
}

/*	##	Forms >> Email-a-Friend
--------------------------------- */
.email-friend-form input,	/*ABC CHECK -- COnsolidate with above??*/
.email-friend-form select,
.email-friend-form textarea{
	background-color:#FFF;
	border-bottom:1px dotted #6C7279;
	border-left:0 none #FFF;
	border-right:0 none #FFF;
	border-top:0 none #FFF;
	color:#6C7279;
	margin:7px 0; /*TRBL*/
}
#frmMain a{
	text-decoration:underline;
}
#frmMain a:hover{
	font-style:normal;
	text-decoration:none;
}
.email-friend-form table tbody tr div span{
	color:#6C7279;
}

/*	##	Validation
--------------------------------- */
.val-summary, /*May need to remove .text-error*/
.text-error{
	background-color:#FFE8E8; /*FFB9B9*/
	border:1px dashed #C00;
	color:#C00;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:150%;
	padding:30px; /*TRBL*/
	width:400px;
}
.val-summary, 
.text-error ul{
	list-style-type:disc;
	padding-left:30px;
}
.text-important,
.text-required{
	color:#C00;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-transform:uppercase;
}
#ctl00_ctl12_mailingList_confirmation span{
	color:#09F;
	display:block;
	font-size:10px;
	font-style:italic;
	margin:0 0 0 10px; /*TRBL*/
	text-transform:uppercase;
}
#ctl00_ctl12_mailingList_lblEmailError,
#ctl00_ctl12_mailingList_lblListError{
	color:#C00;
	display:block;
	font-size:10px;
	margin:0 0 0 10px; /*TRBL*/
	text-transform:uppercase;
}


/*	2	HEADER	
----------------------------------------------------------------- */
#header-wrapper { 
	width: 980px; /*860px*/
	margin:0 auto 20px; /*TRBL, 0 auto;*/
	/*text-align: left !important; /*IE5/Win Hack*/
	/*min-height: 100% !important;*/
	/*position: relative;*/ /*for absolutes*/
}
/*#header			{ position: absolute; top: 0px; text-align: center; width: 847px; height: 55px; margin: 0 auto; padding-left: 13px; overflow:hidden }*/
/*#header-content	{ margin:0px auto; /* Right and left margin widths set to "auto" *//* text-align:left; /* IE5/Win Hack*//*  width: 847px; padding: 0 0 35px 13px; margin: 0 auto; position:absolute; top: 55px*//*}*/
ul#header-nav {
	float:left;
	margin-top:-10px;
	/*margin:-5px auto 0; TRBL*/
	padding-left:60px;
}
ul#header-nav li {
	/*color:#FC0;*/
	display:block;
	float:left;
	font-weight:bold;
	margin-left:20px;
	text-decoration:none;
	text-transform:uppercase;
}
ul#header-nav li a {
	color:#FC0;
	display:block;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
ul#header-nav li a:hover {
	color:#FFF;
	text-decoration:none;
}
#header-logo {
	float:left;
	margin:22px 0 5px; /*TRBL*/
	/*padding-bottom:20px;*/
	width:306px;
}
#header-info {
	color:#FFF;
	float:right;
	font-size:18px;
	font-weight:bold;
	margin:30px 0 0; /*TRBL; 20px 0 0*/
	/*position:absolute; top:4px; right: 0;*/
}  
/*
#header-info a {
	color:#FFF;
}
#header-info span {
	padding-right:15px;
}
*/


/*	3	LEFT COLUMN	
----------------------------------------------------------------- */
#ctl00_leftColumn{
	/*color:#8F0000;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	width:150px; /*ABC CHECK!*/
}
.page-column-left,
.page-column-right{
	vertical-align:top;
}
.module-header {
	display:none; /*removes default header image for each lcol module*/
}
.module-body {	/*ABC CHECK!*/
	/*color:#8F0000;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin-bottom:30px;
	margin-top:25px;
	text-transform:uppercase;*/
}
/*
.module-body td{
}
*/
.category-module,
.product-list-module,
.mailing-list-module{
	margin:15px 0; /*gives spacing btn lcol modules*/
}

/*	##	Categories
--------------------------------- */
ul.cat-nav {
	margin:20px 0 0 10px;/*TRBL margin-top:20px;*/
}
ul.cat-nav li{
	/*font-size:14px;*/
	font-weight:normal; /*ABC CHECK!*/
	margin:10px 0; /*TRBL*/
	text-transform:none;
}
ul.cat-nav li a{
	font-weight:bold;
	text-decoration:none;
}
ul.cat-nav li a:hover{
	font-weight:bold;
	text-decoration:underline;
}						
ul.cat-nav li ul li{
}
.module-list cat-nav{

}
.module-list cat-nav li{

}
mailing-list-module{
}

/*	##	Featured Host
--------------------------------- */
.featured-products-item,
.featured-products-item-price{
	margin-top:20px;	/*gives spacing btn title of "featured product"*/
}
/*
div.featured-products-item{
}
div.featured-products-item a{
	font-size:14px;
	margin-left:10px; /*TRBL*//*
	text-transform:none;
}
*/
div.featured-products-item-img img{
	margin:5px 0 0 10px; /*TRBL*/
}

/*	##	Mailing List
--------------------------------- */
#ctl00_ctl04_mailingList_emailSignup,
#ctl00_ctl04_mailingList_emailSignup {
	font-weight:normal;
	margin-top:10px;
	text-transform:none;
}
#ctl00_ctl04_mailingList_cblMailingLists{
	margin:10px 0 0 0;
}
.mod-body-body div table td input{
	margin:7px;
}
.mod-body-body div table td label{
	font-size:14px;
	font-weight:normal;
	margin:7px 0;
	text-transform:none;	
}


/*	4	MAIN CONTENT	
----------------------------------------------------------------- */
.page-column-center {
	line-height:150%; /*2em*/
	/*text-align:center;*/
	width:600px; /*400|861*/
	vertical-align:top;
}
.page-column-center h1 {	/*ABC CHECK*/
	font-weight:bold;
	font-size:17px;
	color:#8F0000;
	text-transform:uppercase;
}
#content {
	width: 480px !important;	
	padding: 0; /*TRBL*/
	/*margin: 0 auto;
	position:relative;*/
	max-width:490px !important;
}

/*	##	Pages
--------------------------------- */
.page-wrap {
	padding:20px 20px 60px; /*TRBL*/
	/*width:580px;*/ /*600px*/
}
#page-wrap {
	padding:10px; /*TRBL*/
	/*width:800px;*/
}
.page-wrap-top {
	padding:20px 20px 10px; /*TRBL*/
	/*width:580px;*/ /*600px*/
}
.page-wrap a {
	text-decoration:underline;
}
.page-wrap a:hover {
	text-decoration:none;
}
.page-wrap h2{
	font-family:Cambria, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight:bold;
	margin-bottom:20px;
}
.page-wrap h3{
	color:#063F8D;
	font-family:Cambria, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
	margin-bottom:15px;
}
.page-wrap h4{
	color:#063F8D;
	font-family:Cambria, "Times New Roman", Times, serif;
	font-size:21px;
	font-weight:bold;
	margin-bottom:15px;
}
.page-wrap ul{
	list-style:disc;
	margin:20px 0 20px 35px;  /*TRBL|1em 0 1em 2em*/
}
.page-wrap ol{
	list-style-type:decimal; 
	margin:20px 0 20px 35px;
}

/*	##	Pages >> HOME
--------------------------------- */
.col{
	float:left;
	height:275px; /*295px*/
	margin:20px 0 0 0; /*35px 2px 0 0 */
	padding:40px 0 0 0; /*TRBL*/
	width:200px;
}
.col h3{
	margin-bottom:13px;
}
.col img{
	display:block;
	margin:0 auto;
}
.col p{
	font-size:13px; /*1.2em*/
	line-height:normal;
	margin:0 !important;
	padding:7px 24px 0; /*TRBL*/
}
.home-program-english-box{
	background:url(/assets/images/home/home-program-english-box.jpg) top no-repeat;
}
.home-program-women-box{
	background:url(/assets/images/home/home-program-women-box.jpg) top no-repeat;
}
.home-program-squash-box{
	background:url(/assets/images/home/home-program-squash-box.jpg) top no-repeat;
}
.home-program-dance-box{
	background:url(/assets/images/home/home-program-dance-box.jpg) top no-repeat;
	/*margin-right:0;*/
}

/*	##	Pages >> ABOUT US
--------------------------------- */

/*	##	Pages >> PROGRAMS
--------------------------------- */
img#programs-english-img,
img#programs-women-img,
img#programs-squash-img,
img#programs-dance-img{
	float:right;
	margin-left:20px;
}

/*	##	Pages >> FAQ
--------------------------------- */

/*	##	Pages >> PRESS
--------------------------------- */

/*	##	Pages >> PARTNERS
--------------------------------- */

/*	##	Pages >> CONTACT US
--------------------------------- */

/*	##	Pages >> REGISTRATION
--------------------------------- */
.register-container{
	padding:0 20px 40px 80px!important; /*TRBL*/
	text-align:left;
}

/*	##	Pages >> ACCOUNT
--------------------------------- */
.account-item,
account-item-last{
	padding:20px;
}
.content {
	text-align:left;
}
.account-container{
}
.content-body{
}

/*	##	Pages >> CHECKOUT
--------------------------------- */
#ctl00_pageContent_appliedCouponCode tr {
	margin:10px !important;
}
.cart-coupon-codes tr{
	margin:10px !important;
}
a#ctl00_pageContent_plwf05{
	margin:10px !important;
}

/*	##	Products
--------------------------------- */
#ctl00_pageContent_ctl05_productList{
	margin:20px 0;
}
/*product wraps listed in the display pages*/
.product-list-item-container,
.product-list-item-container-alt{
	padding:20px 0 !important;
}
/*
.category-list{
	margin:0 auto;
}
.category-list-item{
	margin:0 auto;
}
*/

/*	##	Products >> Breadcrumbs
--------------------------------- */
.breadcrumb {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	margin-bottom:10px; 
	text-transform:uppercase;
	width:400px; /*750|430*/ /*ABC CHECK 90% to c if it works*/
}
.breadcrumb a {
	color:#3F77DD;
	text-decoration:none;
}
.breadcrumb a:hover {
	text-decoration:underline;
}

/*	##	Products >> Sub Nav
--------------------------------- */
#product-sub-nav{
	margin-bottom:10px;
	width:550px; /*430px*/
}	
#product-sub-nav a{
	display:block;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-transform:uppercase;
}	
#product-sub-nav a.previous{
	float:left;
}
#product-sub-nav a.next{
	float:right;
}

/*	##	Products >> Left Side
--------------------------------- */
#product-left{
	float:left;
	width:160px; /*430px*/
}
/*
#product-details-left{
	float:left;
	width:160px;
}
*/

/*	##	Products >> Right Side
--------------------------------- */
#product-right{
	float:right;
	margin:80px 0px 0px; /*TRBL*/
	text-align:left;
	width:365px; /*365*/
}
.prod-detail-sale,
.product-list-sale{
	color:#F58CD5;
	font-weight:bold;
}
.prod-detail-save,
.product-list-save{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	font-style:italic;
	text-transform:uppercase;
}
.prod-detail-part{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	margin:10px 20px;
	text-transform:uppercase;
}	
.prod-detail-stock{
	font-size:14px;
	font-weight:bold;
	margin:10px 20px;
	text-transform:uppercase;
}
.prod-variations{ /*clearfix added to class callout in doc*/
	margin-bottom:0px;	 /*15px*/
}
	.prod-variations h3{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:14px;
		font-weight:bold;
		margin-top:5px; /*60px*/
		text-transform:uppercase;
	}
		.prod-variations table{
			float:left;
		}
			.prod-variations label{
				display:none;
			}
	.prod-variations span{
		float:left;
		font-size:12px;
		margin:0 0 0 20px; /*TRBL*/	
	}
/*
.prod-detail-msrp{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}

prod-detail-msrp-label{
}
prod-detail-msrp-value{
}
*/
.prod-add-cart .prod-detail-purchase{ /*clearfix added to class callout in doc*/
	float:left;
}
	.prod-detail-purchase .label{
		display:none;
	}
.prod-add-cart .prod-detail-add{
	margin-top:3px;	
}
.prod-add-shop-list{
	margin:20px 0 0 15px; /*TRBL*/
}
.prod-detail-shopping-list{
	vertical-align:top !important;
}
.prod-detail-shopping-list a{
	margin:0 0 0 60px; /*TRBL*/
	padding:0;
	vertical-align:top !important;
}
a#ctl00_pageContent_ctl73_shopping-list-add{ /*user is logged on*/	/*ABC CHECK--does not appear to work as ct173 is generated uniquely to the user by the system*/
	font-weight:bold;
	margin:20px 0 0 15px; /*TRBL*/
}
a#ctl00_pageContent_ctl55_shopping-list-add{ /*user is logged off*/	/*ABC CHECK--does not appear to work as ct155 is generated uniquely to the user by the system*/
	font-weight:bold;
	margin:20px 0 0 15px; /*TRBL*/
}
.prod-detail-email-friend{
	font-size:12px;
	font-weight:bold;
	margin:10px 0 10px 0; /*TRBL*/
	text-transform:uppercase;
}


/*	##	Products >> Bottom
--------------------------------- */
.product-bottom{
	clear:both;
	margin:20px 0;/*TRBL*/
}
.prod-detail-desc{
	display:block;
	font-size:15px;
	margin:0; /*TRBL 45px 0*/
}

/*	##	Products >> Bottom >> Host Tabs
--------------------------------- */
.host-details{
}
.host-details h4{
	color:#063F8D;
	font-family:Cambria, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
	margin-bottom:15px;
	text-transform:uppercase;
}
.host-detail-tabs { /*main container for tab structure*/
	background:#FFF;/*181818*/
	/*border:1px solid #00f;222*/
	color:#111;
	margin:8px auto; /*TRBL*/
	padding:15px 20px; /*/*TRBL*/
	width:600px; /*500px*/
}
.host-detail-tabs li {/*display tabs horizontally from the left*/
	list-style:none;
	float:left;
}
.host-detail-tabs ul a { /*aesthetic for tabs*/
	background:#3F77DD; /*444*/
	color:#FFF;
	display:block;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size:10px;*/
	margin:1px;
	margin-left:0;
	padding:6px 10px;
	text-decoration:none!important;
}
.host-detail-tabs ul a:hover {
	background:#063F8D; /*111*/
	color:#FFF;
}
.host-detail-tabs ul a.selected {
	background:#EFF4FC; /*snow what is snow??*/
	border-bottom:1px solid #EFF4FC; /*FFEA95*/
	color:#000;
	cursor:default;
	margin-bottom:0;
}
.host-detail-tabs div {	/*main tab container*/
	background:#EFF4FC; /*DBE6F9 #FFEA95 FC0*/
	clear:left;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size:14px;*/
	*margin-top:-15px;
	padding:10px 10px 8px 10px;
	*padding-top:3px;
}
.host-detail-tabs div a {
	color:#000;
	font-weight:bold;
}

/*
#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }
*/

#host-bg p{
}
#host-creds p{
} 
#host-living p{
}
#host-extra p{
}

#host-creds ul{
	list-style:disc;
	margin:20px 0 20px 35px;  /*TRBL|1em 0 1em 2em*/
}

/*ul.host-list {
	/*clear:both;
	display:block;*//*
	margin:0;
	padding:0;
}
ul.host-list li{
	/*clear:right;
	float:left;*//*
	list-style:disc;
	margin:5px 0 5px 10px; /*TRBL*//*
	padding:0;
}*/
#host-creds a{
	border:1px solid #FCE0F3;
	display:block;
	padding:2px;
}
#host-creds ul li.selected #host-creds a {
	background:#F58CD5;
}
#host-creds a:focus {
	outline:none;
}
/*#host-creds ul img {
	border:20px; /*none*//*
	display:block;
}*/




.prod-detail-ship-message{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	line-height:150%;
	margin-left:15px;
}
.prod-detail-promo{
	margin-bottom:10px;
}





.caveat-text{
	font-size:9px;
	text-transform:uppercase;
}


/*	5	RIGHT COLUMN	
----------------------------------------------------------------- */
#ctl00_rightColumn{
	/*color:#8F0000;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	/*font-weight:bold;
	text-transform:uppercase;
	width:150px; ABC CHECK!*/
}
/*
.page-column-right [-->SEE "4 LEFT COLUMN". Combined to improve rendering.]
*/
#rcol-search,
#rcol-login,
#rcol-programs,
#rcol-news{
	margin:20px 0;
}
#rcol-search p,
#rcol-programs p,
#rcol-news p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}
#rcol-login a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:150%;
	margin:10px 0;
}
#rcol-programs ul,
#rcol-news ul {
	margin:20px 0 0 10px;/*TRBL margin-top:20px;*/
}
#rcol-programs ul li,
#rcol-news ul li{
	/*font-size:14px;
	font-weight:normal;*/
	margin:10px 0; /*TRBL*/
	/*text-transform:none;/*
}



/*	6	FOOTER	
----------------------------------------------------------------- */

/* **************************************************************************************************************************************  */
#ctl00_centerColumn{
}

/*  ABC CHECK - make sure these can be deleted.
#rightColInner h3
				{ font-size: 1.8em}
#rightColInner h4
				{ font-size: 1.4em;margin-bottom: 6px; margin-top: 50px}
#rightColInner p
				{ margin: 0; font-size:1.2em}
*/
/*
ul.nav a:link,
ul.nav a:visited {
	font: bold 1.3em/1.2em Arial, Verdana, sans-serif;
	color: #ffcc00;
	display: block;
	text-transform: uppercase
}
ul.nav a:hover,
ul.nav a:active,
ul.nav a.nav-selected
				{ text-decoration: none; color: #fff }
ul.nav .active	{ color: #fff !important}*/
/*
.titleCol		{ width: 847px; padding-left: 13px; position:relative; margin: 0 auto;  height: 213px}
.titleCol img	{ position:absolute; bottom: 0; right: 0}

.logo			{ display: block; width: 424px; height: 61px; text-indent: -9999px;
				  position: absolute; top: 0px; left: 10px;
				  background:url(/assets/images/california-logo.gif) no-repeat }
.logoInner		{ display: block; width: 306px; height: 41px; text-indent: -9999px;
				  position: absolute; top: 0px; /*left: 10px;*/ /*text-align:center; margin: 0px auto;
				  background: url(/assets/images/california-inner.gif) no-repeat }
.textCol		{ float:left; width: 500px; margin-top: 65px}
.textCol h1		{ font: bold 5.5em/1.2em Times,"Times New Roman",  serif; margin:0; letter-spacing:-1px; color: #8f0000}
.textCol p		{ color: #080d53; font:normal 1.6em/1.3em Arial, Helvetica, sans-serif;  margin:0}
.textCol h2		{ font: bold italic 3.1em/1.2em Times,"Times New Roman",  serif; margin:0; letter-spacing:-1px; text-align:right; color: #8f0000}
*/

/*---------- START: Page Content ----------*/

/*#mainCol {
	float:left;
	width: 526px;
	padding: 30px 20px 0 9px; /*TRBL*/  /*
}

#mainCol p,
#mainCol h3		{ padding-left: 8px; margin-bottom:0}*/
/*

#rightCol		{ float:right; width: 200px; padding: 32px 70px 0 20px; background:url(/assets/images/CEH-gradient.jpg) top repeat-x}
#rightCol p		{ margin: 0; font-size:1.2em}
#rightCol h4	{ margin-bottom: 6px; margin-top: 60px}				
				
#mainColInner {
	float:left;
	width: 480px;
	padding: 0; /*TRBL*//*
}
#mainColInner img {
	margin:0 0 5px 3px; /*TRBL*//*
}	
/*
#mainColInner h2 {
	color:#8f0000;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold
	margin:0;
}
*/
/*
#mainColInner p	{
	margin-bottom:24px;
}
#mainColInner h3 {
	color:#063f8d;
	font-size:2.2em;
	margin-bottom:0
}
				
.formBlockSurveyTable td {vertical-align: top;}
.ccm-page-list a {font: normal; font-size:0.7em; margin: 0; font-weight: normal;line-height: 1.1}
.ccm-page-list-description	{padding: 0 0 20px 0;}

*/

/*---------- END: Page Content ----------*/

/*---------- START: Account - Login ----------*/
.alt-content-wrapper{	/*ABC CHECK!*/
	line-height:150%;
	margin:0 auto 40px; /*TRBL*/
	width:600px;
}
/*------------------------------------*/

.title-undr {   /*ABC CHECK!*/
	font:bold 14px Arial;
	text-decoration:underline;
}
/*----------Home----------*/
/*
#home {					ABC CHECK!
	float:left;
	margin:20px auto; /*TRBL*/ /*
	width:780px;
}
.imgS{
	padding-left:19px;
	float:left;
	margin:0 5px 0 0;
}
*/

Open in new window

Capture.GIF
0
Comment
Question by:diverseit
  • 2
3 Comments
 
LVL 8

Accepted Solution

by:
imantas earned 500 total points
ID: 35194075
.host-detail-tabs li {/*display tabs horizontally from the left*/
	list-style:none;
	float:left;
}

Open in new window


It seems that this style is applied to these li's. Add this to the end of your CSS (to make sure it follows the style mentioned above and overrides it):
#host-creds li {
  float: none;
  list-style-type: disc;
}

Open in new window

0
 
LVL 24

Author Comment

by:diverseit
ID: 35202397
Thanks imantas!

I will test that now.
0
 
LVL 24

Author Comment

by:diverseit
ID: 35229072
brilliant! don't know how i missed that. Thanks again.
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Suggested Solutions

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article discusses how to create an extensible mechanism for linked drop downs.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now