body {
	font-family: Arial;
	background-color: #ffffff;
	background-image: ;
	background-repeat: repeat;
} 


.clrfix {	clear:both;	height:0;	margin:0;	line-height:0; font-size:1px; }
/*body,div,td {font-family: 11px;}*/

a:link, a:visited {
	color: #746B63;
	text-decoration: none;
}
td {
	text-align: left;
	font-size: 11px;
	color: #82786f;
}

#noiseWrapper {	width: 100%;	min-height: 678px;	margin: 0 auto; }
/* #noiseWrapper {	width: 100%;	min-height: 678px;	background: url('../images/green_noice.jpg') top center no-repeat;	margin: 0 auto; } */

#mainFrame {	width: 1004px;	margin: 0 auto; }

#headerPane {	width: 984px; position: relative;	height: 85px; margin: 0 auto; background: url('htc-noise.png') top center no-repeat; }
#headerPane.noline {	height: 84px; }
/* #headerPane .search { position: absolute;	top: 18px; left: 763px; text-align: left; } */
#headerPane .search { position: absolute;	top: 18px; right: 30px; text-align: right; width: 100%; } 
#headerPane .search .selectors {
	float: right;
	font-size: 12px;
	margin: 6px 0 0 0;
}
#headerPane .search .selectors span.select {
	margin: 0 30px 0 0;
}
#headerPane .search .selectors span.select a:link,
#headerPane .search .selectors span.select a:visited {
	color: #669933;
	text-decoration: none;
}

#headerPane .search .selectors span.select a:hover {
	color: black;
	text-decoration: underline;
}

#keyword { 
	width: 148px; 
	height: 19px; 
	border: 0; 
	background: url('/images/searchpage_search.gif') no-repeat; 
	font-family: Arial; 
	font-size: 12px; 
	border: 1px solid #b9b9b9; 
	color: #666666;
	line-height: 15px; 
	float: right;
	padding: 2px 0 0 2px;
}

#search_submit {
	background: url('search_new.gif');
	border: 0;
	height: 23px;
	float: right;
}

#headerPane .logo {	position: absolute;	top: 161px;	left: 1px;	width: 211px;	height:26px;  } 
#headerPane .logo2 {	position: absolute;	top: 35px;	left: 680px;	width: 300;	height:98px;  }

#headerPane .flags { position: absolute; top: 170px; left: 249px; height: 26px; width: 655px;  text-align: right; color: white; font-family: Verdana; font-size: 11px; }
#headerPane .flags a:link, #headerPane .flags a:visited { color: white; text-decoration: none; }
#headerPane .flags a:hover { text-decoration: underline; }

#menuPane {	width: 904px;	background: url('file:image/menu_bg.gif');	height: 54px; margin: 0 auto; overflow: hidden;}
#menuPane li { float: left;	width: 151px;  }
#menuPane li div { margin: 15px 0 16px 0;	width: 150px;	height: 23px;	font-size: 12px;	font-family: Arial; line-height: 20px; }
#menuPane li div.bRight {	border-right: 1px solid #464646; }
#menuPane li.hoverBg div.bRight { border-right: 1px solid #151515; }
#menuPane li a:link, #menuPane li a:visited {	zoom: 1;	color: #ffc5ba;		text-decoration: none;	border-bottom: 1px dotted white;	padding-bottom: 3px; }
#menuPane li a:hover {	color: #fff; }

#dyo { margin: 0;	padding: 19px 0 18px 0;	background: url('file:image/green-dyo.jpg ');	border: 0; float: left; width: 149px; height: 54px; }

.cMenuClosed { position: absolute;	width:	150px;	min-height: 10px;	opacity: 0;	overflow:hidden;	z-index: 1; visibility: hidden; }
.cMenu {	position: absolute;	width: 150px;	min-height: 10px;	background: #151515;	opacity: 1;	overflow:hidden;	z-index: 1; }
.hoverBg { background: #151515 url('file:image/menu_gradient_bg.gif') repeat-x; }
#menuPane li.hoverBg a:link, 
#menuPane li.hoverBg a:visited { color: #fff; }

.m li {	height: 18px;}
.m li a:link, .m li a:visited {	font-family: Arial;	font-size: 10px;	color: #a0a0a0;	text-decoration: none; }
.m li a:hover { text-decoration: underline; }
.m ul { margin-bottom: 20px; }

#banner { width: 984px; height: 275px; margin: 0 auto 0 auto; background: url('flash_bg.png') center right;}
/* #banner.banner_dyo { width: 904px; height: 149px; margin: 2px auto 0 auto; background: url('../images/dyo_heading.gif') no-repeat center center; } */

#mCCWrapper { width: 1004px; background: url('content_bg.png') center center repeat-y; margin-top: 2px; margin: 0 auto; overflow: hidden; /*min-height: 803px;*/ }
/* #mCCWrapper.mCCWrapper_dyo { background: url('../images/content_bg_dyo4.png') no-repeat; } */

.lucida { font-family: Arial; }
/* .lucida { font-family: "Lucida Sans Unicode, Lucida Grande, sans-serif"; } */

#LOGIN,
#REG,
#LOGGEDIN { float: left; font-size: 18px;   height: 19px; /* padding: 3px 0 0 0;*/ }

#LOGIN { margin: 11px 0 0 72px; padding: 3px 13px 0 0; border-right: 1px solid #666666; text-align: left; }
#REG { margin: 11px 0 0 10px; padding: 3px; }

#LOGGEDIN { margin: 5px 0 0 65px; font-size: 11px;  text-align: left;}
#LOGGEDIN .tiny { font-size: 10px; line-height: 18px; }
#LOGGEDIN .name { font-size: 12px; }

#LOGGEDIN a:link, #LOGGEDIN a:visited { color: #323232;	text-decoration: none; }
#LOGGEDIN a:hover { text-decoration: underline; }

#LOGIN a:link,
#LOGIN a:visited,
#REG a:link,
#REG a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

#LOGIN a:hover,
#REG a:hover {
	color: #323232;
	text-decoration: underline;
}

#CART { 
	text-align: right;
	float: right;
	width: 200px;
	margin: 11px 72px 0 0;	
	font-size: 18px;
}

#CART a:link, #CART a:visited { text-decoration: none; color: #666666; }
#CART a:hover {text-decoration: underline;}

#mCC { width: 825px; margin: 0 auto 0 auto;  }

.CatHeading { background: url('file:image/dot.gif') repeat-x center center; height:  30px; margin: 30px 0 10px 0; }
.CatHeading .Text { float: left; font-size: 24px; margin: 0 0 0 15px; background: #fff; padding: 0 5px 0 5px; line-height: 26px;}
.CatHeading .Extra { float: right; font-size: 12px;  font-style: italic; margin: 7px 10px 0 0; background: #fff; padding: 0 5px 0 5px; line-height: 16px; }
.CatHeading .Extra a:link, .CatHeading .Extra a:visited {	color: #828383;	text-decoration: none; }
.CatHeading .Extra a:hover { text-decoration: underline; }

.GadgetRow { text-align: left; }
.GadgetRow .Gadget { float: left; margin: 0 1px 0 0; 	}

/* .GadgetRow .flashContainer { position: relative; width: 274px; height: 183px; } */
/* .GadgetRow .flashContainer .overlay { width: 274px; height: 183px; position: absolute; } */
/* .GadgetRow .flashContainer .overlay a img { cursor: pointer; border: 1px solid red; } */

.GadgetRow .Gadget .descContainer { background: #ededed; width: 274px; }
.GadgetRow .Gadget .descContainer .strikethrough { text-decoration: line-through; }
.GadgetRow .noResult { font-size: 11px; margin: 10px 0 0 0;}
.GadgetRow .Gadget .descContainer .price { float: right; background: #fff; margin: 10px 10px 0 0; padding: 2px 5px 7px 5px; /* width: 60px;  height: 25px; */ }
.GadgetRow .Gadget .descContainer .padding {  }
/* .GadgetRow .Gadget .descContainer .addtocart { float: right; padding: 2px 5px 7px 5px; background: #000 url('../images/addtocart.png') center center; cursor: pointer; margin: 10px 10px 0 0;  } */
.GadgetRow .Gadget .descContainer .addtocart { background: #000 url('file:image/addtocart.png') center center; cursor: pointer;/*   width: 60px; height: 25px; */ }

.GadgetRow .Gadget .descContainer .text { float: left; font-size: 10px; color: #a5a5a5; margin: 10px; }
.GadgetRow .Gadget .descContainer .text a:link,
.GadgetRow .Gadget .descContainer .text a:visited { color: #a5a5a5; text-decoration: none; }
.GadgetRow .Gadget .descContainer .text a:hover { text-decoration: underline; }
.GadgetRow .Gadget .descContainer .name { font-size: 15px; color: #010101; }

.copyright {	border-top: 1px dotted #b5b5b5;	margin: 100px 0 5px 0;	padding: 8px;  }
#mCC.selc .copyright { margin: 10px 0 0 0; border: 0; }
.copyright p { font-size: 11px; color: #a8a8a8; margin: 5px 0 5px 0;}
.copyright p.links { font-size: 13px; color: #474747; }
.copyright p.links a:link, .copyright p.links a:visited { text-decoration: none; color: #474747; }
.copyright p.links a:hover { text-decoration: underline; }


/* old styles */
.header, .subheader { font-size: 17px; height: 20px; display:block; line-height: 22px; margin-bottom: 14px; }

#lPane { float: left; width: 550px;  margin: 0 30px 0 0; text-align: left;}
#rPane { float: left; width: 268px; text-align: left; }

#paging { float: right;  }
#paging .item 	{ float: left; padding: 5px 7px 5px 7px; border: 1px solid #ececec; text-align: center; margin-left: 1px; cursor: pointer; font-size: 11px; font-family: Arial;}
#paging .active { background: #ececec; }
#paging .hidden { display: none; }
#paging .leftScroll { float: left; width: 22px; height: 22px; background: url('file:image/leftScroll.gif'); cursor: pointer; }
#paging .rightScroll { float: left; width: 22px; height: 22px; background: url('file:image/rightScroll.gif'); margin-left: 1px; cursor: pointer; }

#design_paging { float: right; }
#design_paging .ditem { float: left; padding: 5px 7px 5px 7px; border: 1px solid #ececec; text-align: center; margin-left: 1px; cursor: pointer; font-size: 11px; font-family: Arial;}
#design_paging .active { background: #ececec; }
#design_paging .hidden { display: none; }
#design_paging .leftScroll { float: left; width: 22px; height: 22px; background: url('file:image/leftScroll.gif'); cursor: pointer; }
#design_paging .rightScroll { float: left; width: 22px; height: 22px; background: url('file:image/rightScroll.gif'); margin-left: 1px; cursor: pointer; }

.DesignRow .Design { float: left; border: 1px solid #dddddd; margin-bottom: 10px; }
.DesignRow .right { margin-left: 10px; }
.DesignRow .Design img { border: 5px solid white; }
.DesignRow .selected { border: 1px solid black; }
.mTop { margin-top: 10px;}

/*.mycart td.cartruler { background: white; height: 1px; border: 1px solid; }*/
.mycart td { background: url('file:image/cartbg.gif'); font-size: 17px; border-bottom: 1px solid white; color: #a5a5a5; }
.mycart td.cartheader {  background: url('file:image/cartheading_gradient.gif'); height: 34px; font-size: 12px; color: #606060;  }
.mycart td.cartsum { background: url('file:image/cartheading_gradient.gif'); height: 34px;color:#606060; }
.mycart td.cartsum span.cartprice { color: black; }
.mycart tr.cartcellalter td { background: url('file:image/cartbg_alter.gif'); }
.mycart tr.dark td { background: url('file:image/cartbg_dark.gif'); color: #606060; height: 30px;}
.mycart td span.prodname { font-size: 12px; }
.mycart td span.gadgetname { color: black; }
.mycart td .textinput { border: 0; text-align: center; width: 20px; padding: 5px; color: #606060; font-size: 17px; }
.mycart td.right { text-align: right; }
.mycart td.center { text-align: center; }
.mycart .f17px { font-size: 17px; }
.mycart .f12px { font-size: 12px; }
.mycart .black { color: #010101; }

.addresscontainer { background: #f1f1f1; text-align: left; padding: 10px; font-size: 12px; color: #545454; }
.addresscontainer .leftpane { float: left;  }
.addresscontainer .leftpane p.black { color: #010101; margin: 0 0 10px 0; }
.addresscontainer .rightpane { float: right;  border-left: 1px solid #e3e3e3; padding: 0 0 0 10px; }
.ruler {  border:0; border-top: 1px solid #cccccc; height: 0; background: #cccccc; }

#checkoutC { }
#checkoutC .icons { float: left; background: url('file:image/cartbg_alter.gif'); width: 276px; text-align: left; margin-right: 3px; height: 54px;}
#checkoutC .icons_spacer { float: left; background: url('file:image/cartbg_alter.gif'); width: 179px; text-align: left; margin-right: 3px; height: 54px;}
#checkoutC .icons img { margin: 10px 0 15px 10px; }


#checkoutC .button_grey, #checkoutC .button_black { float: left; margin-right: 1px;}
#checkoutC .doubleLineButton { padding: 14px 0 6px 0;  }

a.button_grey 	{ background: url('file:image/button_grey.gif'); 	height: 34px; font-family: Arial; color: white; text-decoration: none; display: block; padding-top: 20px; font-size: 12px; text-align: center; }
a.button_black 	{ background: url('file:image/button_black.gif'); height: 34px; font-family: Arial; color: white; text-decoration: none; display: block; padding-top: 20px; font-size: 12px; text-align: center; }

a.smallbutton { background: url('file:///C|/Documents and Settings/I love my cat/Desktop/HTC/images/small_button') repeat-x center center; height: 20px; font-family: "Lucida Sans", Arial; font-size: 10px; display: block; text-align: center; float: left; color: white; text-decoration: none; padding: 8px 10px 0 7px; }

#voucherbox div { float: left; margin: 3px 3px 0 0; }
#voucherbox div input { border: 0; height: 18px;}
#voucherbox img { float: left; cursor: pointer; }

.btnC a { float: left; margin-right: 1px;	}

.genC { text-align: left; font-size: 12px; line-height: 16px; margin: 0 0 0 22px; }

#dyo_selectsContainer { text-align: left; background: #303131; height: 41px; margin-bottom: 1px; margin-top: 40px; }
#dyo_selectsContainer .text { float: left; margin: 13px 0 0 13px; font-size: 14px; color: white; width: 420px; }
#dyo_selectsContainer select { float: left; width: 130px; margin: 13px 13px 0 0; }
#designstudio .empty { width: 864px; height: 449px; background: #eaeaea; }

.logintable { background: #dedede; }
.npara p { margin: 10px 0 10px 0; }
.npara input { width: 150px; }

.links_category td { line-height: 16px;}
.genM { margin: 0 0 0 17px; }

.pricelinethrough { text-decoration: line-through; }
ul.nMargin li { margin: 10px 0 10px 0; }

#makeWhite { color: white;}


#htc_menu {
	position: absolute;
	left: 197px;
	top: 43px;
	width: 775px;
	height: 41px;
/* 	border: 1px solid; */
}

#htc_menu li {
	float: left;
	width: 150px;
	height: 30px;
	background: url('menu_grid.gif');
	border-left: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	line-height: 30px;
}

#htc_menu li.last {
	border-right: 1px solid #dfdfdf;
}

#htc_menu li a:link,
#htc_menu li a:visited {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

#usertools {
/* 	border: 1px solid; */
	height: 42px;
	background: url('usertools_bg.png') center top no-repeat;
}

#foot_images {
	background: url('foot_images.png') center top no-repeat;
	height: 28px;
	width: 984px;
	margin: 0 auto;
}

#dyo_selectsContainer {
	visibility: hidden;
	margin: 0;
}

#rPane #IDCATEGORY,
#lPane #IDDEVICETYPE,
#lPane #IDMANUFACTOR {
	visibility: hidden;
}

#selCountry {
	width: 960px;
	height: 409px;
	background: url('index_selectcountry_409_new.jpg');
	margin: 0 auto;
	text-align: left;
	padding: 12px 0 0 15px;

}

.blackbar {
	width: 960px;
	height: 17px;
	background: #161616;
	margin: 0 auto;
	border-bottom: 1px solid #525252;
	border-top: 1px solid #525252;
}

.content_white {
	color: white;
	font-size: 12px;
	line-height: 16px;
}

.greenlink a:link,
.greenlink a:visited {
	text-decoration: none;
	color: #339900;
}

.greenlink a:hover {
	color: #444444;
	text-decoration: underline;
}

.regionselect {
	margin-left: 60px;
}

.regionselect li {
	font-size: 14px;
/* 	padding: 18px 30px 0 60px; */
	padding-top: 18px;
	float: left;
	display: block;
	width: 170px;
	
}

.column_country {
	padding: 45px 30px 0 60px;
}

.country_select {
	color: white;
	font-size: 12px;
	line-height: 18px;
	width: 170px;
	float: left;
	text-decoration: none;
}

.country_select ul {
	display: block;
	width: 145px;
	margin: 0;
	padding: 7px 0 0 25px;
	list-style-type: disc;
}

.country_select li {
	display: list-item;
	height: 18px;
	list-style-image: url('bulletsquare_7x11.gif');
	width: 145px;
}

.country_select li a:link,
.country_select li a:visited {
	text-decoration: none;
}

.country_select li a:hover {
	color: #339900;
}
/* background image */
/* to make this work you must class each of the subpage body tags
.nHP for the home page
.nPR for the products page
.nWB for where to buy
.nSU for support
.nCL for e-club 
*/

.nHP #topNav li#nHome,
.nPR #topNav li#nProducts,
.nWB #topNav li#nWhere,
.nSU #topNav li#nSupport,
.nCL #topNav li#nClub {
  float:left;
  background:url(../images/tn_newL.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  color: #c7c2ba;
  }
.nHP #topNav li#nHome a,
.nPR #topNav li#nProducts a,
.nWB #topNav li#nWhere a,
.nSU #topNav li#nSupport a,
.nCL #topNav li#nClub a {
  float:left;
  display:block;
  background:url(../images/tn_newR.gif) no-repeat right top;
  padding:5px 21px 4px 12px;
  text-decoration:none;
  color: #c7c2ba;  
  }