body { background: url('../gfx/background.gif') #ffffff repeat;	font-family: Arial; } 


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

a:link, a:visited {color: #878787; }
td { text-align: left; font-size: 11px; }

#noiseWrapper {	width: 100%;	min-height: 678px;	margin: 0 auto; }
/* #noiseWrapper {	width: 100%;	min-height: 678px;	background: url('../gfx/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('../gfx/allegro/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 10px 0 0;
}
#headerPane .search .selectors span.select a:link,
#headerPane .search .selectors span.select a:visited {
	color: #339900;
	text-decoration: none;
}

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

.voucher_input,
#keyword { 
	width: 148px; 
	height: 19px; 
	border: 0; 
	background: url('../gfx/allegro/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('../gfx/allegro/search_new.gif');
	border: 0;
	height: 23px;
	float: right;
}

#headerPane .logo {	position: absolute;	top: 161px;	left: 1px;	width: 211px;	height:26px;  } 
#headerPane .logo_htc {	position: absolute;	top: 32px;	left: 70px;	width: 120px;	height:40px; } 
#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('../gfx/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('../gfx/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('../gfx/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;  */
	height: 355px;
	margin: 0 auto 0 auto; 
	background: url('../gfx/allegro/flash_bg.png') center right;
	overflow: hidden;
}

#banner .topBorder {
	width: 960px;
	margin: 0 auto;
	background: black;
	border-bottom: 1px solid #3d3d3d;
	height: 16px;
}

#banner #myContent {
	height: 320px;
/* 	border: 1px solid white; */

}

#banner .bottomBorder {
	width: 960px;
/* 	margin: -2px auto 0 auto; */
	margin: 0 auto;
	background: #000;
	border-top: 1px solid #3d3d3d;
	height: 17px;
/* 	display: block; */
}


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

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

.lucida { font-family: Helvetica; font-weight: normal; }
/* .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;*/ line-height: 18px; }

#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: 520px;
	margin: 11px 72px 0 0;	
	font-size: 18px;
	font-family: Helvetica;
	font-weight: normal;
/* 	border: 1px solid; */
}
#CART span.delimiter { border-right: 1px solid #666666; }

#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('../gfx/dot.gif') repeat-x center center; height:  30px; margin: 30px 0 10px 0; position: relative; }
.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 .cartSymbol {
	float: right; margin: 15px 10px 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('../gfx/addtocart.png') center center; cursor: pointer; margin: 10px 10px 0 0;  } */
.GadgetRow .Gadget .descContainer .addtocart { background: #000 url('../gfx/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('../gfx/leftScroll.gif'); cursor: pointer; }
#paging .rightScroll { float: left; width: 22px; height: 22px; background: url('../gfx/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('../gfx/leftScroll.gif'); cursor: pointer; }
#design_paging .rightScroll { float: left; width: 22px; height: 22px; background: url('../gfx/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('../gfx/cartbg.gif'); font-size: 14px; border-bottom: 1px solid white; color: #a5a5a5; }
.mycart td.cartheader {  background: url('../gfx/cartheading_gradient.gif'); height: 34px; font-size: 12px; color: #606060;  }
.mycart td.cartsum { background: url('../gfx/cartheading_gradient.gif'); height: 34px;color:#606060; }
.mycart td.cartsum span.cartprice { color: black; }
.mycart tr.cartcellalter td { background: url('../gfx/cartbg_alter.gif'); }
.mycart tr.dark td { background: url('../gfx/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 .f14px { font-size: 14px; }
.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('../gfx/cartbg_alter.gif'); width: 276px; text-align: left; margin-right: 3px; height: 54px;}
#checkoutC .icons_spacer { float: left; background: url('../gfx/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('../gfx/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('../gfx/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('../gfx/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('../gfx/allegro/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('../gfx/allegro/usertools_bg.png') center top no-repeat;
}

#foot_gfx {
	background: url('../gfx/allegro/foot_gfx.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('../gfx/allegro/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('../gfx/allegro/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;
}

.required {
	font-size: 15px;
	font-weight: bold;
	color: red;
}

/* New copyright */
#htc_copyright {
	width: 984px;
	margin: 0 auto 15px auto;
	text-align: left;
	color: white;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 11px;
}

#htc_copyright ul {
	margin: 0 0 0 17px;
}

#htc_copyright li {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	border-right: 1px solid white;
	padding-right: 10px;
}

#htc_copyright li.noborder { border: 0;}

#htc_copyright a:link, #htc_copyright a:visited {
	text-decoration: none;
	color: white;
}

#htc_copyright a:hover { color: silver;}

.spacer20 { height: 20px; }


/* new voucher box */

#usertools_add_voucher { 
/* 	float: right; */
}

#usertools_add_voucher .voucher_input { float: left;}
#usertools_add_voucher .voucher_submit { 
	float: left; 
	background: url('../gfx/allegro/add_voucher.gif');
	border: 0;
	height: 23px;
}

.CatHeading .support_box {
	position: absolute;
	width: 300px;
	height: 250px;
	background: url('../gfx/world.gif') left 50px no-repeat;
	top: 15px;
	right: 10px;
}

.support_box a:link,
.support_box a:visited {
	display: block;
	float: left;
	border: 1px solid #cccccc;
	width: 144px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: black;
	margin: 0 1px 0 0;
	line-height: 30px;
	background: url('../gfx/greyPattern.gif');
	text-decoration: none;
}