@charset "utf-8";

.clearfix /* for IE */
{
	zoom: 1;
}

.clearfix:after /*for others that understand :after */
{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #666;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
}
img
{
	border: solid black 0px;
}
h1, h2{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-weight: normal;
}
.tp_obj {
	width: 100%;
	margin: 0px;
	vertical-align: top;
}
.tp_header {
	/* this is the header element */
	/* it contains the header banner (180px high) and the header bar (30px high) */
    	/*
	height: 210px;
	min-height: 210px;
	max-height: 210px;
	*/
	/* removed old background image */
	/* background-image: url(img/tp_header_bg2.jpg); */
	width:900px;
	margin:0 auto;
}
div.tp_header { 
	margin-top: -6px; 
}
.tp_content {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	background-color: #ffffff;
}

.tp_footer {
	text-align: center;
	font-size: 65%;
	margin:0;
}

.tp_footer a {
	text-decoration: none;
	color: #000;
}
.tp_footer a:hover {
	text-decoration: none;
	color: #666;
}

/*******************************************
/* Header Styles
/************************************/
.tp_h_banner {
	/* this is the header banner, fixed height at 900, centered */
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -6px;
	margin-bottom: 0px;
	background-color:#000000;
	text-align:center;
}
.tp_h_bar {
	padding-left:20px;
	width: 880px;
	min-width: 880px;
	max-width: 880px;
	
	/* center this element */
	margin-left: auto;
	margin-right: auto;
	
	/* height has to stay fixed at 30 */
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	
	line-height: 33px;
	font-size: 11px;
}
.tp_h_bar a {
	text-decoration: none;
	color: #666;
}
.tp_h_bar a:hover {
	color: #999;
}

.tp_exm a {
color:#333;
text-decoration:none;
padding-right:25px;
}

.tp_exm a:hover {
color:#333;
text-decoration:none;
padding-right:25px;
}

.tp_h_bar div {
	/* this is the div inside the bar element, floated to the right */
	float: right;
	height: 30px;

}

.m_bar{
color:#616161;
text-decoration:none;
}

.m_bar a{
color:#616161;
text-decoration:none;
}

.men_bar{
float:left;
margin-top:0px;
color:#f7971b;
}
.men_bar a{
text-decoration: none;
color:#f7971b;
}
.men_bar_no{
float:left;
margin-top:0px;
color:#000000;
}
.men_bar_no a{
text-decoration: none;
color:#000000;
}

.men_bar_pg a{
text-decoration: none;
color:#000000;
}
.men_bar_pg2 a{
text-decoration: none;
color:#f7971b;
}
/*******************************************
/* Content Styles
/************************************/

.tp_content h1 {
	font-size: 130%;
	margin-top: 30px;
	margin-bottom: 0px;
	letter-spacing: 0.2pt;
	margin-left: 30px;
	color: #666;
}
.tp_content h2 {
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	letter-spacing: 0.2pt;
	margin-left: 30px;
	color: #666;
}

.tp_contentBody {
	min-height: auto;
	height: auto;
}

.tp_contentBody_evo4 {

	min-height: 270px;
	height: 290px;
}

.tp_contentBody .tp_itemHeader {
	font-size: 65%;
	text-align: center;
	margin-bottom: 3px;
}

.tp_contentBody .tp_column {
	float: left;
	width: 30px;
	min-height: 200px;
}

.tp_contentBody .tp_item {
	width: 120px;
	min-height: 200px;
	float: left;
	margin-right: 23px;
}

.tp_contentBody .tp_itemeVo {
	width: 112px;
	min-height: 201px;
	float: left;
	margin-right: 0px;
}

.tp_contentBody .tp_lastitem {
	margin-right: 0px;
}

.tp_itemTxt {
	font-size: 80%;
	text-align: center;
}


/* accessories box */
.tp_access {
	background-image:url(img/tp_access_bg.jpg);
	height: 276px;
	min-height: 276px;
	max-height: 276px;
}

.tp_accessLeft {

	background-image: url(img/tp_access_left.jpg);
	margin-right: 5px;
	
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	
	height: 276px;
	min-height: 276px;
	max-height: 276px;
	
	float: left;
	
}

.tp_accessLeft p {
	margin-top: 130px;
	margin-left: 15px;
}

.tp_accessRight {

	background-image: url(img/tp_access_right.jpg);
	margin-left: 6px;
	
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	
	height: 276px;
	min-height: 276px;
	max-height: 276px;
	
	float: left;
}

.tp_accessRight p {
	margin-top: 130px;
	margin-right: 15px;
	text-align: right;
}
.tp_access_bar {
	background-image: url(img/tp_access_bar.jpg);
	min-height: 276px;
	height: 276px;
	max-height: 276px;
	
	width: 10px;
	min-width: 10px;
	max-width: 10px;
	
	float: left;
}
.tp_accessItem {
	float: left;
	margin-top: 10px;
	text-align: center;
	margin-left: 20px;
	margin-right: 10px;
	width: 233px;
	min-width: 233px;
	max-width: 233px;
}

.tp_accessItem2 {
	float: left;
	margin-top: 10px;
	text-align: center;
	
	margin-right: 10px;
	width: 233px;
	min-width: 233px;
	max-width: 233px;
}

.tp_accessTitle {
	font-size: 80%;
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 33px;
	text-align: left;
	color: #000;
}
.tp_accessTitle_sec {
	font-size: 80%;
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1px;
	text-align: left;
	color: #000;
}
.tp_accessTitle_gr {
	font-size: 65%;
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 33px;
	text-align: left;
	color: #666;
}
.tp_accessForm {
	margin-top: 10px;
	font-size: 80%;
	width: 210px;
	padding-left: 33px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.tp_access_add {
	margin-top: 5px;
	margin-bottom: 2px;
	font-size: 85%;
}
.tp_access_price {
	margin-top: 5px;
	color: #cc3333;
	font-size: 110%;
}

/* small box for the nano 4G Vibes page */
.tp_access_sm {
	background-image:url(../images/nanovibes/sm_box/middle.jpg);
	height: 200px;
	min-height: 200px;
	max-height: 200px;	
}
.tp_accessLeft_sm {
	background-image: url(../images/nanovibes/sm_box/left.jpg);
	margin-right: 5px;
	
	width: 15px;
	min-width: 15px;
	max-width: 15px;
	
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	
	float: left;	
}

.tp_accessLeft_sm p {
	margin-top: 130px;
	margin-left: 15px;
}

.tp_accessRight_sm {
	background-image: url(../images/nanovibes/sm_box/right.jpg);
	margin-left: 6px;
	
	width: 15px;
	min-width: 15px;
	max-width: 15px;
	
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	
	float: left;
}

.tp_accessRight_sm p {
	margin-top: 130px;
	margin-right: 15px;
	text-align: right;
}
.tp_access_bar_sm {
	background-image: url(../images/nanovibes/sm_box/divider.jpg);
	min-height: 200px;
	height: 200px;
	max-height: 200px;
	
	width: 6px;
	min-width: 6px;
	max-width: 6px;
	
	float: left;
}

.tp_accessItem_sm_db {
	float: left;
	margin-top: 10px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	width: 260px;
	min-width: 260px;
	max-width: 260px;
}

.tp_accessTitle_sm {
	font-size: 11px;
	font-weight:bold;
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top:-20px;
	padding-left: 0px;
	text-align: center;
	color: #000;
}
/*  end small box for the nano 4G Vibes page */
/* big box for nano 4G Vibes page*/
.tp_access_bg {
	background-image:url(../images/nanovibes/bg_box/middle.jpg);
	height: 568px;
	min-height: 568px;
	max-height: 568px;	
}
.tp_accessLeft_bg {
	background-image: url(../images/nanovibes/bg_box/left.jpg);
	margin-right: 5px;
	
	width: 15px;
	min-width: 15px;
	max-width: 15px;
	
	height: 568px;
	min-height: 568px;
	max-height: 568px;
	
	float: left;	
}

.tp_accessLeft_bg p {
	margin-top: 130px;
	margin-left: 15px;
}

.tp_accessRight_bg {
	background-image: url(../images/nanovibes/bg_box/right.jpg);
	margin-left: 6px;
	
	width: 15px;
	min-width: 15px;
	max-width: 15px;
	
	height: 568px;
	min-height: 568px;
	max-height: 568px;
	
	float: left;
}

.tp_accessRight_bg p {
	margin-top: 130px;
	margin-right: 15px;
	text-align: right;
}
.tp_access_bar_bg {
	background-image: url(../images/nanovibes/bg_box/divider.jpg);
	min-height: 12px;
	height: 12px;
	max-height: 12px;
	
	width: 857px;
	min-width: 857px;
	max-width: 857px;
	margin-top:10px;
	float: left;
}

.tp_accessItem_bg {
	float: left;
	margin-top: 10px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	width: 857px;
	min-width: 857px;
	max-width: 857px;
}

.tp_accessTitle_bg {
	font-size: 11px;
	font-weight:bold;
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top:-20px;
	padding-left: 0px;
	text-align: center;
	color: #000;
}

.nanoPatterns { 
	width:0px;
	height:0px;
	opacity:0;
	padding:0px 0px 0px 0px;
	margin:-15px 0px 0px 0px;
}

.nanoColors { 
	width:0px;
	height:0px;
	opacity:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
/*  cerulean box */
.tp_cer {
	background-image: url(img/tp_cer_bg.jpg);
	height: 215px;
	min-height: 215px;
	max-height: 215px;
	
}
.tp_cerLeft {
	background-image: url(img/tp_cer_left.jpg);
	
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	
	height: 215px;
	min-height: 215px;
	max-height: 215px;
	
	float: left;
}
.tp_cerLeft p {
	margin-top: 100px;
	margin-right: 15px;
	text-align: right;
}
.tp_cerRight p {
	margin-top: 100px;
	margin-left: 15px;
	text-align: left;
}
.tp_cerRight {
	background-image: url(img/tp_cer_right.jpg);
	
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	
	height: 215px;
	min-height: 215px;
	max-height: 215px;
	
	float: right;
}
.tp_cerItem {
	float: left;
	min-height: 215px;
	height: 215px;
	max-height: 215px;
	min-width: 410px;
	max-width: 410px;
	width: 410px;
}
.tp_cerImg {
	min-height: 215px;
	height: 215px;
	max-height: 215px;
}
.tp_cerTxt {
	min-width: 220px;
	max-width: 220px;
	width: 220px;
	
	min-height: 215px;
	height: 215px;
	max-height: 215px;
	
	float: right;
}
.tp_cerInTxt {
	margin-top: 35px;
	font-size: 80%;
}
.tp_cerDesc {
	font-size: 80%;
}
.tp_cerPrice {
	font-size: 110%;
	color: #cc3333;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tp_cerTitle {
	margin-bottom: 10px;
	color: #000;
}
.tp_cerForm {
	font-size: 90%;
	margin-bottom: 7px;
}

/*******************************************
/* Footer Styles
/************************************/


/*******************************************
/* Supporting Styles
/************************************/
.tp_addtocart {
	text-align: right;
	margin-right: 15px;
}

.b {
	font-weight: bold;
}
.i {
	font-style: italic;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.green {
	color:#00CC00;
}
.blue {
	margin-top: 2px;
	color: #0066CC;
	font-size: 80%;
}
.thirty {
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}
.ninehundred {
	margin-left: auto;
	margin-right: auto;
	width: 924px;
	min-width: 924px;
	max-width: 924px;
	text-align: center;
	font-size: 80%;
}
input {
	margin-bottom: 0px;
}

.colearnce_xlr_menu a{
background-image: url(img/imgnor_clr_xlr.jpg);

background-position: 0px 0px; 
width: 98px; 
height:66px;
float:left;
text-decoration:none;

}

.colearnce_xlr_menu a:hover{
background-image: url(img/imgover_clr_xlr.jpg);
background-position: 0px 0px;
width:98px;
height:66px;
float:left;
text-decoration:none;

}

.colearnce_imipod_menu a{
background-image: url(img/imgnor_clr_ipodm.jpg);

background-position: 0px 0px; 
width: 98px; 
height:66px;
float:left;
text-decoration:none;

}

.colearnce_imipod_menu a:hover{
background-image: url(img/imgover_clr_ipodm.jpg);
background-position: 0px 0px;
width:98px;
height:66px;
float:left;
text-decoration:none;

}

.colearnce_imipodph_menu a{
background-image: url(img/imgnor_clr_ipodph.jpg);

background-position: 0px 0px; 
width: 98px; 
height:66px;
float:left;
text-decoration:none;

}

.colearnce_imipodph_menu a:hover{
background-image: url(img/imgover_clr_ipodph.jpg);
background-position: 0px 0px;
width:98px;
height:66px;
float:left;
text-decoration:none;

}

.colearnce_imipod4gen_menu a{
background-image: url(img/imgnor_clr_ipo4gen.jpg);

background-position: 0px 0px; 
width: 98px; 
height:66px;
float:left;
text-decoration:none;

}

.colearnce_imipod4gen_menu a:hover{
background-image: url(img/imgover_clr_ipod4gen.jpg);
background-position: 0px 0px;
width:98px;
height:66px;
float:left;
text-decoration:none;

}


.colearnce_imipodvideo_menu a{
background-image: url(img/imgnor_clr_video.jpg);

background-position: 0px 0px; 
width: 98px; 
height:66px;
float:left;
text-decoration:none;

}

.colearnce_imipodvideo_menu a:hover{
background-image: url(img/imgover_clr_video.jpg);
background-position: 0px 0px;
width:98px;
height:66px;
float:left;
text-decoration:none;

}


.colearnce_imipodnano1g_menu a{
background-image: url(img/imgnor_clr_nano1g.jpg);

background-position: 0px 0px; 
width: 97px; 
height:64px;
float:left;
text-decoration:none;

}

.colearnce_imipodnano1g_menu a:hover{
background-image: url(img/imgover_clr_nano1g.jpg);
background-position: 0px 0px;
width:97px;
height:64px;
float:left;
text-decoration:none;

}

.colearnce_imipodpsp_menu a{
background-image: url(img/imgnor_clr_psp.jpg);

background-position: 0px 0px; 
width: 98px; 
height:66px;
float:left;
text-decoration:none;

}

.colearnce_imipodpsp_menu a:hover{
background-image: url(img/imgover_clr_psp.jpg);
background-position: 0px 0px;
width:98px;
height:66px;
float:left;
text-decoration:none;

}

.colearnce_ipodevo3_menu a{
background-image: url(img/imgnor_clr_ipoevo3.jpg);

background-position: 0px 0px; 
width: 98px; 
height:66px;
float:left;
text-decoration:none;

}

.colearnce_ipodevo3_menu a:hover{
background-image: url(img/imgover_clr_ipoevo3.jpg);
background-position: 0px 0px;
width:98px;
height:66px;
float:left;
text-decoration:none;

}

.colearnce_ipodshuff_menu a{
background-image: url(img/imgnor_clr_shuff.jpg);

background-position: 0px 0px; 
width: 98px; 
height:66px;
float:left;
text-decoration:none;

}

.colearnce_ipodshuff_menu a:hover{
background-image: url(img/imgover_clr_shuff.jpg);
background-position: 0px 0px;
width:98px;
height:66px;
float:left;
text-decoration:none;

}

a.grey_link
{
	text-decoration: none;
	color: #000;
}

a.grey_link:hover
{
	text-decoration: none;
	color: #666;
}
sup {
    position:relative;
    top:-0.4em;
    vertical-align:baseline;
}