/* link test */

a:link {
color:#333;
text-decoration:none;
}

a:hover {
color:#333;
text-decoration:none;
background-color:transparent;
}

#Div2 {
    background-color: #fff;
    padding-left: 15px;
}

.paging {
	clear: both;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
}



#footer 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
}

.wspace 
{
	height: 5px;
}

.output_path {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 15px 0px 20px 15px;
}

.output_path a:hover {
	text-decoration: none;
}








/*========================= left nav =============*/
/* full of temp tweaks  .left_box_top should be h3 */


div#wrap {
	background-color: transparent;
}

.left_box {
	display: block;
	clear:left;
	float:left;
	font:11px/15px Helvetica,Arial,sans-serif;
	margin-left:24px;
	width:175px;
}

.left_box_top {		
}

.left_cat {
	font-weight: bold;
	margin-top: 10px;
}

.left_box hr {
border: none 0;
border-top: 1px solid #000;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin: 15px 0px;	
}

.left_box a {	
        color:#333;
	text-decoration: none;	
}

.left_box a:hover {	
        color:#333;	
        text-decoration: underline;	
}

.left_box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}


/*///////////////////////////// \ head \ ///////////////////////////////////////*/

#HEAD_NAV {
/*	margin-left: -40px;		*/
text-align: right;
color: #666;
padding: 0 30px;
}
#HEAD_NAV ul{
	font: 9px Verdana, sans-serif;	
}
#HEAD_NAV_menu{	
	list-style: none;
	color: #000;
	border: 0;
	margin: 0;
	background-image:  url(/support/graphics/nav_bar.gif);
	background-repeat: repeat-x;
	
}

#HEAD_NAV_menu li {
	background-image: none;
	height: 23px;
	display: inline;/* \*/
	display: block;
	float: left;/* */
	padding: 0;
	border: 0;
	margin: 0;		
}

#HEAD_NAV_menu li a {
	color: #333333;
	text-decoration: none;
}


.head_nav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-repeat: repeat-x;
	list-style-image: none;
	list-style-type: none;
	white-space: nowrap;
}

.menu_link {
	padding: 5px 9px 5px 0px;		
	/*color: #333333;
	text-decoration: none;*/	
}

.menu_split {	
	border-left: 1px solid #8d9495;		
	padding: 5px 9px 5px 9px !important;	
}

.head_space {
	background-image:  url(/support/graphics/blue_mesh.gif);
	background-repeat: repeat-x;	
}

/*////////////////////////////////////////////////////////////////////*/
#head_search {
	width: 150px;
}

.head_search_line {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #333333;
	white-space: nowrap;
	vertical-align: middle;
	position: relative;
}

.left_nav {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
}

.search_box
{
	height: 57px;
	padding : 2px 5px 2px 10px;
	width: auto;
}
body {
	text-align: center;
/* part 1 of 2 centering hack */
	margin: 0px;
	padding: 0px;
}
#l_tile { /* updated image path JUST A TEMP FIX */
	background-image:  url(/support/graphics/lite_tile_search.gif);
	background-repeat: repeat-x;
	display: inline; 
	padding: 0px;
	margin-right: 0px;
	margin-left: -10px;
	z-index: 0;
	top: 0px;
	position: absolute;
    width: 50%;
	 /*width: 187px; */
	left: 0px;
	right: auto;
	background-position: top;
	height: 159px;
}
#l_tile_lite {
	background-image:  url(/support/graphics/lite_tile_search.gif);
	background-repeat: repeat-x;
	display: inline; 
	padding: 0px;
	margin-right: 0px;
	margin-left: -10px;
	z-index: 0;
	top: 0px;
	position: absolute;
	width: 50%;
	left: 0px;
	right: auto;
	background-position: top;
	height: 159px;
}
#r_tile {
	background-image:  url(/support/graphics/r_tile.gif);
	background-repeat: repeat-x;
	display: inline;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	z-index: 0;
	top: 0px;
	position: absolute;
	width: 50%;
	right: 0px;
	left: auto;
	height: 100px;
}
/* -------------------------------
#content{
	position: absolute;
	display: inline;
	width: auto;
	padding-left: 40px;
	z-index: 9;
	left: 0px;
}
---------old content ---------- */



/*
...................................................................................................................................................................................................................................................................................................
Global Styles

styles created for header-left nav and redefined HTML tags
...................................................................................................................................................................................................................................................................................................
*/

/*body {
		background:#FFFFFF;
		}*/

.copy_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
}






select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #FFFFFF;
	height: 18px;
}



#p_page {
width:620px;
margin:20px;
font:normal .8em arial;
color:#333;
}

p a:link {
   text-decoration:underline;

}
p a:visited {
   text-decoration:underline;
}
p a:hover{
   text-decoration:underline;
}
p a:active {
   text-decoration:underline;
}

/*ul {
   clear:both;
}*/

img {
   border-width:0px;
}

/*-|||||||||||||||||||||||||||||||- Top Page Content -||||||||||||||||||||||||||||||||||-*/
#pTop {
   margin:0px;
   position:relative;
}
#pTop h3{
   margin:0px 0px 20px 275px;
}

#pTop p{
   margin:0px 0px 20px 275px;
}

#pTop {
   border:none 1px #999;;
}

.hero {
   border:none;
   float:left;
}

div#colTwoTop h3 { /* ProductName */
        font-size:14px;
	margin:0px 0px 0px 0px;
	color:#000

}

div#colTwoTop h3.prod_name { /* ProductName */
	margin:0px 0px 0px 0px;
	color:#000

}

div#colTwoTop span.subTitle {
   font-size:11px;
}

.magnify {
	background-image: url(/graphics/pic_mag.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px 5px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

.magnify img {
	margin:0px 10px 0px 0px;
	height: auto;
	width: auto;
	border: none;
   
}

div#colOneTop, div#colTwoTop, div#colOneTab, div#colTwoTab {
	color:#333;
	width:250px;
	margin:0px 20px 0px 20px;
	float:left;
	display:inline; /* fix i.e. */
        /* border:solid 1px #ccc; */
	position:relative;
}
div.colOneTab, div.colTwoTab {
	color:#333;
	width:250px;
	/*margin:0px 20px 0px 20px; debug */
        margin: 0px;  
	float:left;
	display:inline; /* fix i.e. */
  /*border:solid 1px red;  debug */
	position:relative;
}


div#colOneDblWide {
/* border-top:solid 1px #ccc; */
color:#333;
	margin:20px 50px 10px 0px;
clear:both;
}

div#colOneDblWide li,  div#colOneTab li, div#colTwoTab li{

	margin:10px 0px;
}

div#colOneDblWide ul,  div#colOneTab ul, div#colTwoTab ul{

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

div#colTwoTop {
	height:250px;
}

div#colOneTab p{
width:230px;
margin:0px 0px 15px 0px;
}

/* ||||||||||- get classy - these are classes to replace the ID selectors -|||||||||||||*/

div.tabBillboard {
   border:solid 1px #ffccc;
   padding:0px;
   margin:0px 0px;
   width:600px;
   text-align:center;
}

div.colOneTab {
	clear:left;
}
div.colOneTab, div.colTwoTab {
	color:#333;
	width:230px;
	margin:0px 57px 0px 20px;
	float:left;
	display:inline; /* fix i.e. */
	position:relative;
}
div.colTwoTab {
	width:245px;
	
}

div.colOneDblWide {
        color:#333;
	margin:0px 50px 10px 0px;
        clear:both;
}

div.colOneDblWide li,  div.colOneTab li, div.colTwoTab li{
        margin:5px 20px 5px 0px;
        *margin:5px 5px 5px 20px;
        list-item-position:outside;
}

div.colOneTab li {  
       width:240px;
}

div.colOneDblWide ul,  div.colOneTab ul, div.colTwoTab ul{

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

div.colTwoTop {
	height:250px;
}

div.colOneTab p{
   width:230px;
   margin:0px 0px 15px 0px;
}

div.colTwoTab p{
   width:245px;
   margin:0px 0px 15px 0px;
}

h3.callMe {
   font: normal 13px/16px  helvetica, arial;
   margin:20px 0px 0px 20px;
}

h3.callMe a{
   text-decoration:underline;
}
div.colOneTab p.callMe, div.colTwoTab p.callMe{
   margin:20px 0px 0px 0px;
   padding:2px 0px 2px 10px;
   width:210px;
   border-left:solid 1px #666;
   font: normal 12px/16px  helvetica, arial;
}
a.pdfLink {
text-indent:20px;
display:block;
margin:10px 0;
background-image: url(/images/pdf.gif);
background-repeat: no-repeat;
background-position: left top;
}

/*||||||- Cart Biz styles below -|||||||||||||||*/

#cartBiz  {
	font-size:11px;
	position:absolute;
	bottom:20px;
}
#partNum, #partNum_bk{                  /*khoa added #partNum_bk on 9/7/2007*/
	float:left;
}

#partNum, #partPrice, #partNum_bk{      /*khoa added #partNum_bk on 9/7/2007*/
	display:block;
}
#partPrice {
	text-align:right;
}

#cartButton {
padding-top:5px;
	margin:5px 0px 0px 0px;
	text-align:center;
	display:block;
	border-top:solid 1px #ccc;
	width:250px;
        height:30px;
}

#cartButton.version07 {
	text-align:left;
}

#cartButton_intl {
	margin:15px 0px 0px 0px;
	text-align:center;
	display:block;
	width:250px;
}

#cartButton a, #spanCart{
         float:left;
        /*border: solid 1px red;*/
	margin:0px 0px;
	/*display:block;*/

}


#cartNote a {
color:#ff6600;
}

.oneMoreThing{
clear:both;
margin:15px 0px 0px 0px;
}

#CI {
color:#333;
background-color:#ddd;
width:210px; 
margin:20px 20px 0px 0px; 
float:left; padding:5px 0px 5px 10px; text-align:left;  
overflow:hidden;
}
#page #CI table{
margin:0px;
background-color:#ddd;
border:none;
width:200px;
overflow:hidden;
}

#chooseColor {
width:300px;
clear:both;
}
#chooseColor h4, #chooseLength h4{
margin:0px;
font:bold 12px helvetica, verdana, sans-serif;
}
#chooseColor ul{
margin: 0px;
width:308px;
/* border:solid 1px red; */
padding:1px;
}

#chooseColor ul li{
width:150px;
float:left;
margin:0px 2px;
}
input.chooseLife {
margin:2px 2px 0px 0px;
*margin:0px;
*clear:left;
float:left; 
}
#chooseColor ul li label.chooseLife {
margin:1px 0px 0px 0px;
height:15px;
display:block;
}
/* long names */
div #p_page.long #chooseColor ul li{
width:300px;
}
#chooseLength {
width:300px;
clear:both;
}

#chooseLength ul, #chooseColor ul {
margin:0px;
}

#chooseLength li, #chooseColor li{
text-align:left;
margin:0px -40px;
*margin:0px 0px;
width:300px;
/* border:solid 1px red; */
list-style:none;
}

#chooseLength li input{
margin:0px 0px 0px 3px;
}
#chooseLength ul li label{
margin:0px 40px 0px 0px;
width:150px;
float:left;
}
#chooseLength ul li{
clear:both;
}

#chooseLength .footnote, #chooseColor .footnote{
    color:#00a0a0;
    font:bold 1.5em/.8em sans-serif;
}
#chooseLength .footnote_dagger, #chooseColor .footnote_dagger{
    color:#00a0a0;
    font:bold 1.0em/.6em sans-serif;
}
#chooseLength .footnote_text, #chooseColor .footnote_text{
    display:block;
    clear:both;
padding:5px 0px 0px 5px
}

/*||||||||||||| TAB NAV STYLES ||||||||||||||||||*/
#midNav {
	font-weight:bold;
	font-size: 13px;
	width:600px; 
	height:33px;
	margin:5px 0px 15px 0px ;
	position:relative;
	clear:both;
	border: solid 1px #ccc;
	border-width:1px 0px;
}

#midNav a {
	color:#666;
	text-align:center;
	/* width:150px; */
        padding:0 25px;
	height:33px;
	line-height:33px;
	display:block;
	float:left; 
	margin:0px 0px 0px 0px ;
        text-decoration:none;
	margin:0px;
}

#midNav a:hover {
	color:#333;
	background-color:#ccc;
}
#midNav a.tabOn {
	color:#000;
}

.tab, .navFree  {
display:none;
}
div#tabBin {
 /*border:solid 1px red;*/
}

div.showTab div{
display:block;
}
.showTab div h3, .tab div h3{

margin:10px 0px 0px 0px;
padding:0px;
font:bold 12px/14px helvetica, arial;
text-indent:10px;
line-height:20px;
}
.showTab ul, .tab ul, .showTab ol, .tab ol{
padding:0px;
width:280px;
margin:0px 0px 10px 0px; 
/* margin:0px 0px 10px 240px; */
}
div.showTab h3.tabFree{
display:none;
}
.showTab p, .tab p {
width:300px;
margin:0px 0px 10px 0px; 
/* margin:0px 0px 10px 280px; */
}

.showTab ul li, .tab ul li{
list-style:square outside;
margin:0px 5px 10px 0px;
}
/* special page tab tweeks */
#p_page.forthecure a#TabOneHereLink {
width:200px;
}


.showTab table caption{
    font-size:12px;
    text-align:left;
    font-weight: bold;
    padding: 5px  15px;
}

.showTab table{
        color: #333;
        clear:both;
        font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 0px 10px;
	position: relative;
	width:280px; 
	text-align:left;
        border:solid 1px #e7e7e7;
        border-collapse: collapse;
}


.showTab table.fullSpecs{
	width:600px; 
}

.showTab div.colOneTab table{
        margin:15px 0px;
	width:220px; 
}

tr.nodd {
        background-color: #e7e7e7;
}

.showTab table td.specName {
font-weight:bold;
}

.showTab table td{
padding: 6px;
}

#TabFAQHere{
  margin-left:40px;
}

#TabFAQHere p{
 width: 480px;
}

#TabFAQHere table td{
 padding: 4px;
}

#TabFAQHere table p{
  margin:0px;
  width:200px;
}

#TabFAQHere table img{
  margin:0px;
display:block;
}
span.faqQ{
  display:block;
  margin:30px 0 10px -10px;
  font-weight: bold;
  width:450px;
}
/*||||||||||||| Specs ||||||||||||||||||*/

div.specList div{
width:270px;
margin:10px 0px;
border-top:solid 1px #ccc;
font-weight:bold;
padding:5px 5px;
}
div.specList div li{
margin-left:5px;
font-weight:normal;
list-style:inside;
}

div.specList div div{
margin:5px 5px;
width:250px;
}

/*||||||||||||| Review Tab ||||||||||||||||||*/

p.blurb {
width:400px;
}

div.p_review {
width:400px;
border-bottom:solid 1px #ccc;
margin:0px 0px 10px 40px;
}

div.p_review img{
margin:0px 10px 10px 0px;
float:left;
}

div.p_review a{
display:block;
margin:10px 0px 20px 0px;
}

/* --- NO-JAVASCRIPT STYLES --- */
div.tabFree{
/* border-top:solid 1px #ddd; */
padding:5px;
width:300px;
margin:10px;
float:left;
}
div.tabFree h3{
display:block;
text-indent:10px;
line-height:20px;
background-color:#ddd;
}
div.tabFree ul{
margin:0px 0px 10px 0px;
}

div.tabFree li{
list-style:square inside;
margin:0px 5px 10px 0px;
}
/*||||||||||||| END TAB NAV STYLES ||||||||||||||||||*/

/*-|||||||||||||||||||||||||||||||- family products -||||||||||||||||||||||||||||||||||-*/
.p_family {
width:450px;
display:block;
padding:10px 0px;
margin:10px 0px 10px 30px;
position:relative;
}

#tabBin .p_family img{
float:left;
margin:0px 20px 0px 0px;
}

#tabBin .p_family p{
width:380px;
margin:5px 0px 10px 70px;
}

.cart_box {
padding:10px 0px;
text-align:center;
position:absolute;
right:-110px;
bottom:10px;
display:block;
width:100px;
height:50px;
background-color:#fff;
}

.cart_box a{
display:block;
margin:10px;
}

/* |||||||||||||||||||| flickr cheat |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
div#flickrBox {
position:relative;
/* border:1px solid #ccc; */
}
div#panel h3 {
font:normal 14px arial;
margin:10px 0px;
text-align:center;
background-color:#FFF;
}

div#flickrBox.flickrPie{
position:static;
}
	span.flickrCheat {
	color:#000;
	background-color: #B7FCFE;
	background-color: #78B01C;
        background-color: #97DD25;
        background-color: #95DA25;
        background-color: #B7FCFE;
	border: #000 1px solid;
	border-width:1px 4px 4px 1px;
	width: 150px;
	font: normal 12px  arial, helvetica,  sans-serif; 
	text-align:center;
	padding: 10px;
	position: absolute; 
	visibility: hidden; 
}

/* ||||||||||||||||||||||||||||||||||- product list -\\\\\\\\\||*/
#prodList {
font: normal 12px/14px arial;
color:#333;
margin:50px 15px;
padding:20px 20px;
border:solid 1px #ccc;
width:550px;
}

div.prodListItem {
position:relative;
min-height:60px;
border-bottom:solid 1px #ccc;
}

div#prodList ul{
margin:0px;
padding:0px;
list-style: none inside;
margin:0px;
}

div#prodList ul li{
padding:0px;
margin:0px 0px;
width:500px;
clear:both;
display:block;
}

ul.prodList img {
float:left;
margin:0px 20px 0px 0px;
border:none;
}

div.prodListItem h3 a {
font: bold 13px/14px arial;
margin-right:20px;
text-decoration:underline;
}

div.prodListItem h3  {
margin:10px 0px 0px 70px;
font: normal 10px/14px arial;
}

div.prodListItem p  {
margin:5px 0px 10px 70px;
width:350px
}

div.price {
font:bold 12px arial;
color:#666;
text-align:center;
bottom:15px;
right:0px;
position:absolute;
}

ul#supCuz li, ul#supCable li {
   color:#666;
   list-style:none;
   margin:20px 0px;
   clear:both;
}
ul#supCuz li img, ul#supCable li img{
float:left;
margin:0px 15px 0px 0px;
}

ul#supCuz li a, ul#supCable li a{
font:bold 12px helvetica;
display:block;
margin:0px 0px 0px 0px;
}

/*/////////////////// - iPod pages - /////////////////////////////*/

ul#iPodCompatible li {
   list-style:none;
   margin:10px 0px;
}

/*/////////////////// - iPod pages - My Best FM - /////////////////////////////*/
.colTwoTab #myBestForm {
background-color:#ddd;
width: 290px;
}

.colTwoTab #myBestForm p, .colTwoTab #myBestForm form{
width: 270px;
margin:0px 10px;
padding:10px 0px;
}

/*-|||||||||||||||||||||||||||||||- old styles special tab -||||||||||||||||||||||||||||||||||-*/

div#etc {
display:block;
width:600px;
height:260px;
position:relative;
border-bottom:solid 1px #ccc;
margin:0px 0px 10px 0px;
}

div#etc h3{
top: 0px;
left:280px;
position:absolute;
background-color:#fff;
}
div#etc h3 span{
font:normal 12px arial;
display:block;
}
div#etc p{
bottom: 10px;
left:280px;
position:absolute;
}

div#etc p a{
font-weight:bold;
display:block;
}
/* !!!!!!!!!!!!! NET NEXT !!!!!!!!!!!!!!!!!! */
div.apps {
padding:0;
margin:0;
width:280px;
}
div.apps img {
display:none;
}
div.apps p {
margin:5px 0;
width:280px;
}
div.apps h3 {
font:bold 14px/20px "Lucida Grande", verdana, sans-serif;
text-indent:0;
}

/* !!!!!!!!!!!!! ORDER TEST REMOVE LATER !!!!!!!!!!!!!!!!!! */
/**/
div.colOneTab, div.colTwoTab {
	color:#333;
	width:250px;
	margin:0px 20px 0px 20px !important;
        margin: 0px 20px 0px 10px; /* fix i.e. */
	float:left;
	display:inline; /* fix i.e. */
	position:relative;
}

/* ||||||||||| - includes / CSS / jobs - |||||||||||| */

#JobContent 
{
    background-color: White;
     width:620px;
     margin: 0 20px;
     color:#333;
     font:normal .9em;
     color:#333;
}

/* work this out JF
#jobsPage {
  
}
*/

ul#jobCats {
   font-size: 11px;
   list-style-type: none;
   margin:20px -40px;
   display:block;
   width:450px;
}
h1 {
 font:bold 2.2em helvetica, arial;

}

h1 a{
   text-decoration:none;
   color:#333;
}

h1 a:hover{
   text-decoration:underline;
}

h1 .catHead {
   font:bold .7em arial;
   color:#999;
   margin-left:10px;
}

div#jobsPage h1, div#JobContent h1 {
	 padding: 20px 0 10px 0;
}



ul#jobCats a{
   text-decoration:none;
   color:#333;
}

ul#jobCats a:hover{
   text-decoration:underline;
   color:#000;
}

ul#jobCats li h4{
   font:bold 14px/14px Helvetica;
   color:#000;
   display:inline;
}

ul#jobCats {
  float: left;
  width: 580px;
  margin: 0 0 20px 0;
  padding: 0;   
  position:relative;
  list-style: none;
}
 
ul#jobCats li {
  float: left;
  width: 250px;
  margin:0px 20px 10px 20px;
  padding: 0;
}

ul#jobCats li.oddJob {
   margin:0px 30px 20px 0px;
   clear:left; /*  work in FF */
}
ul#jobCats li.evenJob {
    margin:0px 20px 10px 20px;
    display:block;
}
.JobCatTitle 
{
    font-family:Arial;
    font-size: 14px;
    font-weight:bold;
}

.JobCatDesc
{
    font-family:Arial;
    font-size: 11px;   
}

/*|||||||||||||||||||||||||- JOB CATEGORY PAGES - ||||||||||||||||||||||||*/
#JobContent #midNav a {
	padding:0px 15px;
        width:auto;
}

.showTab {
	display: block;
}

div#content div#main div#welcome p {
	margin: 10px;
}

div#content div#main div#welcome h3.tabFree {
   font-weight: bold;
   margin-left: 10px;
   }

div#tabBin {
}

div.opener {
   width:300px;
   /*height:200px;*/
   margin:0px 10px 0px 0px;
   float:left;
}
div.opener p{

   width:280px;
}

div.opener h3{
   font:bold 13px/13px helvetica, arial;  
   margin: 0px 0px 10px 10px;
   text-indent: 0em;
}


/* ///////////// start Want ADS ///////////// */

div.scroll {
/*	height: 335px;*/
	width: 305px;
	overflow: auto;
	/*border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;*/
}

div.wantAds {
   
   padding-left:0px;  
   /*margin:0px 0px 20px 0px;*/
   margin:0px;  
   width:275px;
   min-height:200px;
   background-color:#eee;
   border:solid 1px #ccc;
}

div.wantAds a{

   text-decoration:none;
   color:#333;
}

div.wantAds a:hover{
   text-decoration:underline;
}

div.wantAds h4{
   margin:8px;
}
div.wantAds ul {  
   /*border:1px solid red; debug*/
   margin:0px;
   padding:0px;
   display:inline;
}

div.wantAds ul li{
/*border:1px solid green; debug*/
width:265px;     
margin:0px 8px 8px 10px !important;
   margin:0px 8px 8px 0px;   
   font:normal .9em arial;
   list-style-type: none;
   list-style-position:outside;
}

/* ///////////// End Want ADS ///////////// */

div.jobTab {
margin-top:250px;
}

div.jobDetail{
  /* margin-left:0px;   */
  /* padding: 15px 0px 0px 0px; */
  /* clear:both;*/
  /*border-top:solid 1px #ccc;*/
   width:600px;
   margin:15px 0px; 
   overflow: hidden;
/* display:inline;  fix ie 6 */
}

div.jobDetail h3{
margin: 5px 0;
   background-color:#FFF;
   font-size: 16px;
   margin-bottom: 15px;
}

div.jobDetail ul, div.jobDetail ol {
   /*font:normal 1.2em/1.5em helvetica, arial;*/
   width:300px;
padding:0px;
   display:inline;   
   list-style:disc inside;
}

div.jobDetail ul,{
   list-style:disc inside;
}

div.jobDetail ol,{
   list-style:decimal inside;
}
div.jobDetail ul.colOne{
list-style:disc inside;
/*border: solid 1px green; debug*/
margin:0px 0px 0px 20px; 
/**margin:0px 0px 0px 40px; */
float:left;
}

div.jobDetail ul.colTwo {
   width:250px;
   margin:10px 0px 0px 0px !important;
   margin:0px 0px 0px 0px;
   clear:right;
   /*border: solid 1px green; debug */
   /*position:absolute*/
}

div.jobDetail ul.colOne li {
list-style-type: square;
list-style-position: inside;
}
/*div.jobDetail ul.colOne li{

width:250px;
}

div.jobDetail ul.colTwo li{
border: 1px solid red;
width:250px;
}*/

div#content div#main div.jobDetail p {
   margin:15px 0px;
/*   font:normal 1.2em/1.5em helvetica, arial;*/
   /*clear:both;*/
}

div#content div#main div.jobDetail p.clearL {
   clear:both;
}

/* ------ //////// profile styles \\\\\\\\\\ ------ */

div.profile {
/*border:solid 1px blue;*/
   padding:10px 0px 30px;
   /*height:180px;*/
   width:600px;
   clear:both;
   border-top:solid 1px #ccc;
}

div.profile_info {
/*border:solid 1px green;*/
margin-left:0px;
position: relative;
padding-bottom: 20px;
width:580px;
height:160px;
clear:both;  
}

div.profile_info2 {
/*border:solid 1px green;*/
margin-left:0px;
position: relative;
width:580px;
height:180px;
clear:both;  
}

div.profile_info ul li, div.profile_info2 ul li  {
width:400px;
list-style:none outside; 
/*font:normal .9em helvetica, arial;*/
text-indent:0px;
margin-left:0px;
padding-left:0px;
}

div.profile_info ul {
position:absolute;
top:40px;
left:120px;
}

div.profile_info2 ul {
position:absolute;
top:50px;
left:120px;
}

div.profile_info h3, div.profile_info2 h3 {
position:absolute;
top:10px;
left:120px;
margin:0px;
font: bold 18px/20px  helvetica, arial;
text-indent:0px;
color:#000;
}



.profile p {
/*border:solid 1px red; debug*/
text-align:justify;
/*padding: 0px 5px 0px 10px;*/
width:auto;
/*display:inline;
width:580px;*/
}

.profile img {
/*border:solid 1px red;*/
float:left;
margin:0px 10px 0px 0px;
/*display:inline;*/
}

.profile ul li strong {
/*border:solid 1px red;*/
font-weight: bold;
color:#000;
}



/* ------------ /////Debug//// ----------- */


/*div.profile ul li {
font:normal .9em helvetica, arial;
list-style-type:none;

margin: 10px 0px 6px 10px ;
width:400px;

}*/

/*div.profile ul {
margin: 0px;
display:inline;

}*/


/*div.profile p img.wide {
   margin:0px 10px 0px 0px;
   float:left;
}
div.profile p img.tall {
   margin:0px 10px 10px 15px;
   float:right;  
}*/

/* ------------ /////Debug//// ----------- */






/* ------ //////// end profile styles \\\\\\\\\\ ------ */

img.tall {
float:left;
}

img.wide {
float:right;
margin-left: 10px;
}


/*div.jobDetail .colOneTab p img.tall {
   margin:0px 10px 0px 0px;
   float:left;
}
div.jobDetail .colOneTab p img.wide {
   margin:0px 10px 10px 15px;
   float:right;  
}
div.jobDetail .colTwoTab p img.tall {
   margin:0px 0px 10px 10px;
   float:right;
}
div.jobDetail .colTwoTab p img.wide {
   margin:0px 15px 10px 0px;
   float:left;
}*/

/*div.jobDetail ul.colTwo{
   margin:0px 0px 0px 280px;
}*/
.clear {
display:block;
clear:both;
}
/*|||||||||||||||| - BENEFITS -||||||||||||||||||||*/
/*
div#jobsPage ul.jobBenefits li {
width:450px;
margin:0px 0px 10px 25px;
vertical-align: top;
list-style-position:outside;
}
*/

ul.jobBenefits li {
width:450px;
list-style:disc inside;
list-style-position:outside;
}

/*|||||||||||||||| - ALL JOBS -||||||||||||||||||||*/


div.locJobs {
background-color:#f7f7f7;
padding:10px 0px;
margin:10px 20px;
width:440px;
border:solid 1px #ccc;
}


div.locJobs h4{
font:bold 1.1em helvetica;
margin:10px 0px 5px 20px;
}


div.locJobs ul{
font:normal 1em/1.5em helvetica;
margin:10px 0px 0px 20px;
}

div.locJobs ul li{
text-indent:.5em;
margin:0px 0px 5px 0px;
list-style:none outside;
}

div.locJobs ul li a:link,
div.locJobs ul li a:visited {
color:#666;
display:block;
width:100%;
text-decoration:underline;
text-decoration:none;
}

div.locJobs ul li a:hover,
div.locJobs ul li a:active {
color:#000;
background-color:#b7b7b7;
text-decoration:none;
}


/*||||||||||||||| - Job Ad Page - ||||||||||||||*/


div#crs_jobprofile {
width:570px;
}

div#crs_jobprofile h1 a{
   color:#999;
}

h1 span.jobTitleHead {
margin-left:10px;
font:bold .6em Helvetica, Arial;
color:#333;
}

h4.jobStat {
font:normal 1em Helvetica, Arial;
color:#999;
border:solid 1px #ccc;
padding:7px;
border-width:1px 0px;
}

div#crs_jobprofile input, 
div#crs_jobprofile input.willWork {
display:block;
margin:10px 0px;
border:solid 1px #ccc;
}

div#crs_jobprofile a.willWork
{
margin: 10px 0px;
border: solid 1px #ccc;
padding: 2px 22px;
background-color:  #EBE6D8;
font:normal 1.05em Helvetica, Arial;
}

div.applybtn
{
	margin: 15px 0;
}

/* debug-in */

div.jobDetail div.colOneTab , div.jobDetail div.colTwoTab  {
 display:inline;
margin-left:5px;
}

/* debug-in */

.fpo {
font:bold 14px courier;
background-color: #99FFFF;
color:#00CCCC;
}

/*======  jobs =====*/
.job_box {
	width: 550px;
	overflow: visible;
	text-align: left;
	border: 1px solid #999;
	margin: 10px;
}

.title_box {
	width: 520px;
	overflow: visible;
	text-align: center;
	margin: 5px;
}

div#allJobs {
	margin-top: 20px;
}

div#allJobs h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

/* individual job profile list */

div#crs_jobprofile ul {
	margin-left: 20px;
}

div#crs_jobprofile ul li {
	margin-bottom: 2px;
	list-style:disc inside;
}
