#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;
}