#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 */
	margin:25px 0px 0px 0px;
	color:#000

}

div#colTwoTop h3.prod_name { /* ProductName */
	margin:25px 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 0px;
        list-item-position:outside;
}

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:0px 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;
}

/*||||||- Cart Biz styles below -|||||||||||||||*/

#cartBiz  {
	font-size:11px;
	position:absolute;
	bottom:20px;
}
#partNum{
	float:left;
}

#partNum, #partPrice {
	display:block;
}
#partPrice {
	text-align:right;
}

#cartButton {
	margin:5px 0px;
	text-align:center;
	display:block;
	border-top:solid 1px #ccc;
	width:250px;
}

#cartButton a{
	margin:5px 0px;
	display:block;
}

#cartNote a {
color:#ff6600;
}

#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;
}

/*||||||||||||| 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:120px;
	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{
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 li, .tab li{
list-style:square inside;
margin:0px 5px 10px 0px;
}
/* special page tab tweeks */
#p_page.forthecure a#TabOneHereLink {
width:200px;
}

/*||||||||||||| 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;
}

/*/////////////////// - iPod pages - /////////////////////////////*/

ul#iPodCompatible li {
   list-style:none;
   margin:10px 0px;
}

ul#supCuz li {
   color:#666;
   list-style:none;
   margin:20px 0px;
   clear:both;
}
ul#supCuz li img{
float:left;
margin:0px 15px 0px 0px;
}

ul#supCuz li a{
font:bold 12px helvetica;
display:block;
margin:0px 0px 0px 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;
}

/* !!!!!!!!!!!!! ORDER TEST REMOVE LATER !!!!!!!!!!!!!!!!!! */
/**/
div.colOneTab, div.colTwoTab {
	color:#333;
	width:250px;
	margin:0px 20px 0px 20px;
	float:left;
	display:inline; /* fix i.e. */
	position:relative;
}
