body {

	font-size: 11px;

	font-family : verdana;

	

	background-image: url('media/htpc-pc.gif');

	margin:0;

}



form {

	margin: 0;

	padding: 0;

}



TD.topbg {

	font-size: 11px;

	font-family : Arial;

	font-weight: bold;

	color : #FFF;

	padding-bottom: 2px;

}



SPAN.currpage {

color: #FF0000;

font-weight: bold;

}

TD.rightmenutop {

	font-family: Arial;

	font-size: 10px;

	color: #FFF;

	background-color: #004BA8;

	background-image: url('media/backblue.gif');

	}

TD.yellow {

	font-family: Arial;

	font-size: 10px;

	color: #FFF;

	background-color: #004BA8;

	background-image: url('media/backblue.gif');

	}

.yellow A:link {text-decoration: underline; color: #ffffff;}

.yellow A:visited {text-decoration: underline; color: #ffffff;}

.yellow A:active {

	text-decoration: none;

	color: #ffffff;}

.yellow A:hover {text-decoration: none; color: #66ffff;

	background-image: url('media/backblue.gif');

}

TD.yellow1 {

	font-family: Arial;

	font-size: 10px;

	color: #ccff00;

	background-image: url('media/menuback.gif');

	}







.yellow1 A:link {text-decoration: underline; color: #ffffff;}







.yellow1 A:visited {text-decoration: underline; color: #ffffff;}







.yellow1 A:active {







	text-decoration: none;







	color: #ccff00;}







.yellow1 A:hover {text-decoration: none; color: #FFFFFF;







	background-image: url('media/menuback.gif');







}















TD.barbg {







	}















TD.linebg {







	background-image: url('images/rightdotbg.gif');







}















TD.rightdots {







	background-image: url('images/rightdots.gif');







	font-family: Arial;







	font-size: 10px;







	color: #0A4B8B;















}















TD.tabledots {







	background-image: url('images/rightdotbg.gif');







}















TD.buttonbg {







	font-size: 12px;







	font-family : Arial;







	font-weight: bold;







	color : #FFF;







	background-image: url('images/buttonbg.jpg');







}















TD.footer {







	font-size: 11px;







	font-family : Arial;







	color : #FFFFFF;


}
.text {
	font-size: 12px;
	font-family : Verdana;
	color : #333333;
}
TD.text {
	font-size: 13px;
	font-family : Arial;
	color : #000000;
}

p.text {
	font-size: 13px;
	font-family : Arial;
	color : #FFF;
	text-align: left;
}

.text A:link {text-decoration: none; color: #006699;}
.text A:visited {text-decoration: none; color: #006699;}
.text A:active {text-decoration: underline; color: #000000;}
.text A:hover {	text-decoration: underline;	color: #000000;	text-align: center;
}















.barsearch {







	







	font-family: Arial, Helvetica, sans-serif;







	font-size: 12px;







	font-weight: bold;







	color: #585858;







	line-height: 20px;







	background-color: #ffffff;







}















TD.news {







	font-size: 11px;







	font-family: Arial;







	color: #FFFFFF;







	font-weight : bold;







}















.textarea {







font-size: 12pt;







font-family: Tahoma;







color: #666666;







padding-top: 3px;







border: none;







}















TD.whitetext {







	font-size: 12px;







	font-family : Arial;







	font-weight: bold;







	color : #0A4B8B;















}























TD.smaller {







	font-size: 13px;







	font-family : Verdana;







	color : #0A4B8B;







}















P.smaller {







	font-size: 13px;







	font-family : Verdana;







	color : #0A4B8B;







	font-weight: normal;















}















TD.mincart {







	font-size: 11px;







	font-family : Arial;







	color : #ffffff;







	







}







.mincart {







	font-size: 11px;







	font-family : Verdana, Arial;







		background: none;







		color : #ffffff;







}







P.mincart {







	font-size: 11px;







	font-family : Verdana, Arial;color : #ffffff;







}







.mincart A:link {text-decoration: underline; color: #ccff00;}







.mincart A:visited {text-decoration: underline; color: #ccff00;}







.mincart A:active {







	text-decoration: none;







	color: #ccff00;







}







.mincart A:hover {text-decoration: none; color: #ffffff;







	







}







.menu {







	font-size: 11px;







	font-family : Verdana;







	background-color: #ccff00;







}







.menu A:link {text-decoration: none; color: #ffffff;}







.menu A:visited {text-decoration: none; color: #ffffff;}







.menu A:active {text-decoration: underline; color: #666666;}







.menu A:hover {text-decoration: underline; color: #cccccc;















}















P.footer {







	font-size: 11px;







	font-family : Arial;







}







.footer A:link {text-decoration: underline; color: #333333;}







.footer A:visited {text-decoration: underline; color: #666666;}







.footer A:active {







	text-decoration: none;







	color: #333333;







	







}







.footer A:hover {text-decoration: none; color: #333333;







}







HR {







	color : #0066CC;







	height : 1px;







}







.white {







	background-color: #FFFFFF;







}







.top {







	







}















.whiteline {







	font-family: arial;







	font-size: 12px;







	font-weight: bold;







	color: #0A4B8B;







}























TABLE.cobtbl{ background-color: #cccccc;







}







TD.cobhl{







background-color: #fff;







font-size: 11px;







font-family : Verdana;







color : #000033;















}















TD.cobll{







background-color: #fff;







color : #000033; 







}







.cobtopback{ 







background-color: #CCFF00;







color : #000033; 







}























P.catname {







margin-top: 0px; 







margin-bottom: 4px; 







vertical-align:top; 







text-align: center;







color : #000033;font-family: heading;







font-size: 13px; 







background: url(htpc/greyback.jpg); width: 190px; vertical-align:middle;







}















P.catdesc { 







margin-top: 0px; 







margin-bottom: 4px; 







vertical-align:top;







font-family: Verdana;







font-size: 11px;







}















IMG.catimage { 







vertical-align:top; 







display: block;







    margin-left: auto;







    margin-right: auto;







}















TD.catimage { 







vertical-align:top; 







}















TD.catname { 







vertical-align:middle; 







text-align: left; 







color : #000033; 







border: 1px solid #ccc; width: 190px; font-size: 13px; 







}















TD.catnavigation { 







vertical-align:middle;







text-align: left; 







}







































td.detailimage: {vertical-align: top;







}







.detailimage {







vertical-align : top;







} 















SELECT.prodoption {







font-size: 11px;







font-family : Verdana;







color : #000033; 







border:1px #a4a4a4 solid;







height: 24px;







width: 258px;







padding: 0 0px 0 8px;







font: 12px/21px arial,sans-serif







}























P.pagenums {







font size: 11px;







font-family : Verdana;







font-weight: bold;







color: #000033;







}







SPAN.currpage {







color: #000033;







font-weight: bold;







}







.pagenums A:link {text-decoration: underline; color: #000033;}







.pagenums A:visited {text-decoration: none; color: #000033;}







.pagenums A:active {text-decoration: none; color: #000033;}







.pagenums A:hover {text-decoration: underline; color: #666666;







}







.links A:link {text-decoration: none; color: #000033;}







.links A:visited {text-decoration: none; color: #000033;}







.links A:active {text-decoration: none; color: #ff9900;}







.links A:hover {text-decoration: underline; color: #666666;







}























.prodimage {







	float: left;







	padding-top: 0px;







	padding-left: 0px; 







}







div.prodname { font-family: heading;







	 }







.prodname {







	font-family: heading;







	font-size: 11px;







	color: #000033; text-decoration: none; 







	padding-left: 0px; 







	padding-top: 10px;







	padding-right: 10px;







	vertical-align: top; }







.prodname A:link {







	 font-family: heading;text-decoration: none; color: #000066;}







.prodname A:visited {







	 font-family: heading;text-decoration: none; color: #000066;}







.prodname A:active {







	font-family: heading; text-decoration: none; color: #000066;}







.prodname a:hover {







	font-family: heading;color: #B70000;







	text-decoration: underline; }







.proddescription {







	font-size: 10px; color: #000033;

	font-family : verdana;

	padding: 3px;

	line-height: 11px;

	padding-left: 0px;

	padding-right: 10px;}



.prodprice {







	font-weight: bold;







	color: #000033;text-align: center;







	font-size: 10px; padding-left: 12px;}







 







span.price {







	color: #B70000;







	font-weight:bold;







	text-align: center;







	font-size: 17px;







	padding-left: 8px;







	padding-bottom: 6px;







	line-height: 1px;} 







div.listprice {







	text-align: left;







	color: #000033;







	font-weight:bold;







	font-size: 10px;







	padding-left: 10px;







	padding-top: 0px;}







.productbody2 {







	padding: 0px;







	background-image: url(htpc/bgproduct.gif);







	height: 160px;







	}







.product {







	font-size: 11px;







	height: 160px;







	width: 260px;







	margin-top: 0px;







	margin-right: 0px;margin-left: 0px;







	padding-top: 3px;







	overflow: hidden;}







.customize {







	padding-top: 10px;text-align: center;}







	















.detaildescription{







line-height: 1.3;







font-size: 14px;







font-family : my_font;







color : #666666;







text-align:left;







}















.detailname {







font-size: 11px;







font-family : Verdana;







color: #666666;







background-color: #FFF;







}







.detailoptions {







font-size: 11px;







font-family : Verdana;







color: #333333;







}







div.detaillistprice {







	







	color: #000000;







	font-weight:bold;







	font-size: 15px;







	







	padding-top: 17px;}







	.detaillistprice {







	







	color: #000000;







	font-weight:bold;







	font-size: 15px;







	padding-left: 45px;







	padding-top: 17px;}







div.detailprice {







	color: #B70000;







	font-weight:bold;







	text-align: center;







	font-size: 17px;







	padding-left: 12px;







	padding-top: 0px;} 















.bl {} 







.br {} 















.tl {} 







.tr {







padding:10px







} 







.clear {font-size: 1px; height: 1px}























.dottedbox {border:1px dotted #FFC718;height:250px}















.horizontaldots {







	background-image: url(Waterfed%20pole%20system,%20water-fed%20pole%20accessories,%20water%20fed%20pole%20window%20cleaning%20image_files/dotsline.gif);







}







.box {







	border-top: 1px solid #ccff00;







	border-right: none;







	border-bottom: none;







	border-left: none;







	font-family: Verdana, Arial, Helvetica, sans-serif;







	font-size: 10px;







	font-style: normal;







	font-weight: normal;







	font-variant: normal;







	color: #FFC718;







	line-height: 25px;







	text-transform: uppercase;







	background-image: url('media/backblue.gif');







	vertical-align: middle;















}







.box A:link {text-decoration: none; color: #ffffff;}







.box A:visited {text-decoration: none; color: #ffffff;}







.box A:active {text-decoration: none; color: #ffffff;}







.box A:hover {text-decoration: underline; color: #ffffff;}















.box1 {
	border-top: 1px solid #ccff00;
	border-right: none;
	border-bottom: none;
	border-left: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	line-height: 25px;
	text-transform: uppercase;
	background-image: url('media/menuback.gif');
	vertical-align: middle;

}
.box1 A:link {text-decoration: none; color: #ffffff;}
.box1 A:visited {text-decoration: none; color: #ffffff;}
.box1 A:active {text-decoration: none; color: #ffffff;}
.box1 A:hover {text-decoration: underline; color: #ccff00;}

.boxproducts {
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	line-height: 25px;
	text-transform: uppercase;
	background-image: url('media/menuback.gif');
	vertical-align: middle;}

.cssnav
{
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(media/mediacenter2.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	width: 220px;
	height: 158px;
	margin: 0;
	padding: 0;
	left: 0px;}

.cssnav a







{display: block;







color: #000000;







font-size: 11px;







width: 220px;







height: 158px;







display: block;







float: left;







color: black;







text-decoration: none;}







.cssnav img{







width: 220px;







height: 158px;







border: 0}







* html a:hover{







visibility:visible}







.cssnav a:hover img{







visibility:hidden}







.cssnav span{







position: absolute;







left: 35px;







top: 15px;







margin: 0px;







padding: 0px;







cursor: pointer;} 















.cssnav1{







	position: relative;







	font-family: arial, helvetica, sans-serif;







	background: url(media/mediacentre2.jpg) no-repeat;







	white-space: nowrap;







	display: block;







	width: 220px;







	height: 119px;







	margin: 0;







	padding: 0;







	left: 0px;}







.cssnav1 a







{display: block;







color: #000000;







font-size: 11px;







width: 220px;







height: 119px;







display: block;







float: left;







color: black;







text-decoration: none;}







.cssnav1 img{







width: 220px;







height: 119px;







border: 0}







* html a:hover{







visibility:visible}







.cssnav1 a:hover img{







visibility:hidden}







.cssnav1 span{







position: absolute;







left: 35px;







top: 15px;







margin: 0px;







padding: 0px;







cursor: pointer;} 















.cssnav2{







	position: relative;







	font-family: arial, helvetica, sans-serif;







	background: url(media/mediacentres2.jpg) no-repeat;







	white-space: nowrap;







	display: block;







	width: 220px;







	height: 101px;







	margin: 0;







	padding: 0;







	left: 0px;}







.cssnav2 a







{display: block;







color: #000000;







font-size: 11px;







width: 220px;







height: 101px;







display: block;







float: left;







color: black;







text-decoration: none;}







.cssnav2 img{







width: 220px;







height: 101px;







border: 0}







* html a:hover{







visibility:visible}







.cssnav2 a:hover img{







visibility:hidden}







.cssnav2 span{







position: absolute;







left: 35px;







top: 15px;







margin: 0px;







padding: 0px;







cursor: pointer;} 















.cssnav3{







	position: relative;







	font-family: arial, helvetica, sans-serif;







	background: url(media/mediacenters2.jpg) no-repeat;







	white-space: nowrap;







	display: block;







	width: 220px;







	height: 132px;







	margin: 0;







	padding: 0;







	left: 0px;}







.cssnav3 a







{display: block;







color: #000000;







font-size: 11px;







width: 220px;







height: 132px;







display: block;







float: left;







color: black;







text-decoration: none;}







.cssnav3 img{







width: 220px;







height: 132px;







border: 0}







* html a:hover{







visibility:visible}







.cssnav3 a:hover img{







visibility:hidden}







.cssnav3 span{







position: absolute;







left: 35px;







top: 15px;







margin: 0px;







padding: 0px;







cursor: pointer;} 















						







														







.nav







{







	position: relative;







	font-family: arial, helvetica, sans-serif;







	background: url(media/productshome.jpg) no-repeat;







	white-space: nowrap;







	display: block;







	width: 84px;







	height: 88px;







	margin: 0;







	padding: 0;







	left: 0px;}







.nav a







{display: block;







color: #000000;







font-size: 11px;







width: 84px;







height: 88px;







display: block;







float: left;







color: black;







text-decoration: none;}







.nav img{







width: 84px;







height: 88px;







border: 0}







* html a:hover{







visibility:visible}







.nav a:hover img{







visibility:hidden}















.nav1{







	position: relative;







	font-family: arial, helvetica, sans-serif;







	background: url(media/productsproducts.jpg) no-repeat;







	white-space: nowrap;







	display: block;







	width: 105px;







	height: 88px;







	margin: 0;







	padding: 0;







	left: 0px;}







.nav1 a







{display: block;







color: #000000;







font-size: 11px;







width: 105px;







height: 88px;







display: block;







float: left;







color: black;







text-decoration: none;}







.nav1 img{







width: 105px;







height: 88px;







border: 0}







* html a:hover{







visibility:visible}







.nav1 a:hover img{







visibility:hidden}







							







.nav2{







	position: relative;







	font-family: arial, helvetica, sans-serif;







	background: url(media/productsmedia.jpg) no-repeat;







	white-space: nowrap;







	display: block;







	width: 226px;







	height: 88px;







	margin: 0;







	padding: 0;







	left: 0px;}







.nav2 a







{display: block;







color: #000000;







font-size: 11px;







width: 226px;







height: 88px;







display: block;







float: left;







color: black;







text-decoration: none;}







.nav2 img{







width: 226px;







height: 88px;







border: 0}







* html a:hover{







visibility:visible}







.nav2 a:hover img{







visibility:hidden}















.nav3{







	position: relative;







	font-family: arial, helvetica, sans-serif;







	background: url(media/productscontacts.jpg) no-repeat;







	white-space: nowrap;







	display: block;







	width: 131px;







	height: 88px;







	margin: 0;







	padding: 0;







	left: 0px;}







.nav3 a







{display: block;







color: #000000;







font-size: 11px;







width: 131px;







height: 88px;







display: block;







float: left;







color: black;







text-decoration: none;}







.nav3 img{







width: 131px;







height: 88px;







border: 0}







* html a:hover{







visibility:visible}







.nav3 a:hover img{







visibility:hidden}







	







.nav4{







	position: relative;







	font-family: arial, helvetica, sans-serif;







	background: url(media/productslogin.jpg) no-repeat;







	white-space: nowrap;







	display: block;







	width: 84px;







	height: 88px;







	margin: 0;







	padding: 0;







	left: 0px;}







.nav4 a







{display: block;







color: #000000;







font-size: 11px;







width: 84px;







height: 88px;







display: block;







float: left;







color: black;







text-decoration: none;}







.nav4 img{







width: 84px;







height: 88px;







border: 0}







* html a:hover{







visibility:visible}







.nav4 a:hover img{







visibility:hidden}







.topshadow {

	background-image: url(media/topshadow.jpg);

}







.menuborder {
	border-right-color: #ccff00;
	border-right-width: 2px;
	background-image: url(media/menuback.gif);
}

.cstitle {







font-size: 13px;







font-family : Verdana,Arial,sans-serif;







font-weight : bold;







background: #fdedc9;







border: 1px solid #e69d01;







color : #333;







padding: 4px;







}







<style>td.product {







border:1px dotted #e69d01;







background-color:#FFF;







}</style>































DIV.search-container {







	TEXT-ALIGN: right; MARGIN-TOP: 11px; FLOAT: right; COLOR: #888; z-index:10000; position:absolute;







	}







	.search-field TEXTAREA {







	BORDER-BOTTOM: #ccff00 1px solid; BORDER-LEFT: #ccff00 1px solid; BORDER-TOP: #ccff00 1px solid; BORDER-RIGHT: #ccff00 1px solid; z-index:10000;	position:absolute; }







	







	















#content-explorer {







	padding-top: 20px;







	width:100%;







	line-height:normal;







	}







	#content-explorer ul {







		padding: 10px 10px 0;







		list-style: none;







		max-width: 770px;







		background: url(images/menu_bg.gif) bottom repeat-x;







		height: 31px;







		}







		#content-explorer ul li {







			float: left;







			background: url(images/right.gif) right top no-repeat;







			text-align: center;







			overflow: hidden;







			margin-left: 5px;







			}







			#content-explorer ul li a {







				display: block;







				background: url(images/left.gif) left top no-repeat;







				padding: 10px 20px 6px 20px;







				font-weight: bold;







				color: #999;







			}







			#content-explorer ul li a:hover {







				color: #990000;







			}







			#content-explorer ul li.selected {







				background: url(images/right_cur.gif) right top no-repeat;







			}







			#content-explorer ul li.selected a {







				background: url(images/left_cur.gif) left top no-repeat;







				padding-bottom: 8px;







				color: #990000;







			}







div.yui-content {







	overflow: auto;







	border-bottom: 1px solid black;







	border-right: 1px solid black;







	border-left: 1px solid black;







	padding: 10px;







}





.menuback {
	background: url(media/menuback.gif);
}

.menubackground {
	background: url(media/menuback.gif);
			}
.minimenubg {

			background: url(media/htpc_cases.jpg);

			}

.minimenubg1 {

	background: url(media/htpc_cases1.jpg);

	font-size: 9px;

			}
			.minimen {







		







			background: url(media/greybottom.jpg);







			}







.topshadowgrey {

			background: url(media/topshadowgrey.jpg);

			}







ul.ectmenu1 {
	z-index:5000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	border:0px solid;
	font-size:10px;
	padding:0px;
	line-height: 20px;
	text-transform: uppercase;
	background: url(media/menuback.gif);
	vertical-align: middle;
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}







li.ectmenu1 {







border-top: 1px solid #ccff00;







padding:0px;







background: url(media/menuback.gif);







color: #fff;







text-decoration: none;







}







li.ectmenuhassub1 a{







display:block;







padding:4px;







color: #fff;







text-decoration: none;







}







li.menuhassub1 a:hover{







display:block;







padding:4px;







background-color: #e69d01;







color: #fff;







text-decoration: none;







}







li.ectmenu1 a{







display:block;







padding:4px;







color: #fff;







text-decoration: none;







}







li.ectmenu1 a:hover{







background-color: #ccff00;







color: #000;







text-decoration: none;







}







.antec







{







	background: url(htpc/antec.jpg);}







	







.backgroundhome







{







	background: url(htpc/background.jpg);







	vertical-align: top}







@font-face

{

    font-family: my_font;

	src: url("my_font.eot");

	src: local("?"), 

		 url("my_font.woff") format("woff"), url('my_font.ttf') format('truetype');



}



p

{

	font-family: my_font;

	line-height: 1.5;

	font-size: 14px;

	color: #666666;

	font-weight: normal;

}



@font-face {

	font-family: heading;

	src: url("type/heading.eot");

	src: local("?"), 

		 url("type/heading.woff") format("woff"), url('heading.ttf') format('truetype');

}



@font-face {

    font-family: slim;

	src: url("slim.eot");

  	src: local("?"),

    url("slim.woff") format("woff"), url('slim.ttf') format('truetype');

	font-style: normal;

}



.slimyellow
{
    font-family: slim;
	font-size: 30px;
	color: #ccff00;
	line-height: 1.8;}

.slimyellow A:link {text-decoration: none; color: #ccff00;}
.slimyellow A:visited {text-decoration: none; color: #ccff00;}
.slimyellow A:active {
	text-decoration: none;
	color: #ffffff;}

.slimyellow A:hover {
	text-decoration: underline;
	color: #ffffff;
			}
.whitecaps
{
    font-family: heading;
	font-size: 10px;
	color: #ffffff;
	line-height: 1;
	text-decoration: none;}

.whitecaps A:link {text-decoration: none; color: #ffffff;}

.whitecaps A:visited {text-decoration: none; color: #ffffff;}

.whitecaps A:active {text-decoration: none;	color: #ffffff;}

.whitecaps A:hover {text-decoration: none;	color: #ffffff;

			}

.whitecapssmall

{

    font-family: heading;

	font-size: 15px;

	color: #ffffff;

	line-height: 1;}

.whitecapslarge

{

    font-family: heading;

	font-size: 18px;

	color: #ffffff;}

.yellowcaps

{

    font-family: heading;

	font-size: 16px;

	color: #ccff00;

	line-height: 1;

	text-align: left;}

.yellowcaps A:link {text-decoration: none; color: #ccff00;}

.yellowcaps A:visited {text-decoration: none; color: #ccff00;}

.yellowcaps A:active {text-decoration: none; color: #ccff00;}

.yellowcaps A:hover {text-decoration: none; color: #ccff00;

			}

.headingwhite

{

    font-family: heading;

	font-size: 16px;

	color: #ffffff;

	line-height: 1;

	text-align: left;}



.headingwhite A:link {text-decoration: none; color: #ffffff;}

.headingwhite A:visited {text-decoration: none; color: #ffffff;}

.headingwhite A:active {

	text-decoration: none;

	color: #ffffff;}

.headingwhite A:hover {

	text-decoration: underline;

	color: #ffffff;

			}

.headingblack

{

    font-family: heading;

	font-size: 16px;

	color: #000000;

}

.orangesubheading

{

	font-family: heading;

	font-size: 10px;

	color: #C60;

	line-height: 1;

	font-weight: bold;

}

.orangesubheading A:link {text-decoration: none; color: #cc9900;}

.orangesubheading A:visited {text-decoration: none; color: #cc9900;}

.orangesubheading A:active {

	text-decoration: none;

	color: #cc9900;}

.orangesubheading A:hover {

	text-decoration: underline;

	color: #cc9900;

			}

.slimredprice

{

    font-family: slim;

	font-size: 40px;

	color: #ff0000;}

	.slimredprice A:link {text-decoration: none; color: #ff0000;}

.slimredprice A:visited {text-decoration: none; color: #ff0000;}

.slimredprice A:active {

	text-decoration: none;

	color: #ffffff;}

.slimredprice A:hover {

	text-decoration: underline;

	color: #ff0000;

}

topmenu {

	font-family : "slim"; 

	font-size: 39px;

	color: #ffffff;

	vertical-align: middle;

	background-image: url('htpc/topmenu.gif');

	padding-top: 4px;

	 z-index:-1;

	 position:absolute;

}

.topmenu A:link {text-decoration: none; color: #ffffff; font-family: "slim"; font-size: 30px;}

.topmenu A:visited {text-decoration: none; color: #ffffff; font-family: "slim"; font-size: 30px;}

.topmenu A:active {text-decoration: none; color: #ffffff; font-family: "slim"; font-size: 30px;}

.topmenu A:hover {text-decoration: none; color: #ccff00; font-family: "slim" font-size: 30px;; text-align: left;

}

.flash {

	background-image: url('htpc/hfx.jpg');

}

.selectbox {

    left: 10px; font-size:11px; background-color: #ccff00; color:#000; padding:5px 7px; border:1px solid #003; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px;

}

.selectbox:hover {

    border: 1px solid #f00;

    background: #ff6;

}

.input {  

  vertical-align: middle;

  border: none;

    background: #9cf;}

input {  

  left: 10px; background: #ccff00; color:#000; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; }

input[type="text"], input textarea { width: 200px; }

span.customStyleSelectBox { font-size:11px; background-color: #ccff00; color:#000; padding:5px 7px; border:1px solid #003; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; }



span.customStyleSelectBox.changed { background-color: #ffff66; }

.customStyleSelectBoxInner { background:url(htpc/canvas-list-nav-item-arrow-.gif) no-repeat center right; }



.descript { font-family: my_font; font-size:12px; color:#000; padding:1px 1px; border:1px solid #0000cc; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; 

  border-collpase:collpase; 

  width:100%;  

}



table.descript tr.w td {

	background-color: #ccc;

}



table.descript tr.y td {

	background-color: #ccff00;

}



.cstitle {

	background-color: #ccff00;

	border: 1px solid #000033;

	font-family: my_font;

	font-size:14px; }

	

.titleback {

	background-image: url('images/titlebackground.jpg');
	background-repeat:repeat;
font-family: slim; font-size: 68px; color: #ffffff;
}

.titlelogoyellow
{  font-family: slim; font-size: 68px; color: #ccff00;}
.titleselect {

	background-image: url('images/htpcselect.jpg');
	background-repeat:repeat;
font-family: slim; font-size: 48px; color: #ffffff;
}

.titleselectyellow
{  font-family: slim; font-size: 48px; color: #ccff00;}

.slimheader
{
    font-family: slim;
	font-size: 20px;
	color: #0D5A88;
	line-height: 1.8;}
	.slimheader1
{
    font-family: slim;
	font-size: 24px;
	color: #666;
	line-height: 1.8;}
.slimstyle
{
    font-family: slim;
	font-size: 40px;
	color: #ffffff;
	line-height: 0.9;
		background-image: url('images/style.jpg');
	background-repeat:repeat;}
.supersmall
{
    background-image: url('images/super.jpg');
	background-repeat:repeat;}
	.slimsize
{
    background-image: url('images/slimline.jpg');
	background-repeat:repeat;}
	.fullsize
{
    background-image: url('images/fullsize.jpg');
	background-repeat:repeat;}
	.touchscreen
{
    background-image: url('images/touchscreen.jpg');
	background-repeat:repeat;}

.mediacenterborder {
	border-style:solid;
	border-right-color: brown;
	border-left-color: brown;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: brown;
	border-bottom-color: none;
	border-top-width: 0px;
}
.mediacenterborderorange {
	border-style:solid;
	border-right-color: orange;
	border-left-color: orange;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: orange;
	border-bottom-color: none;
	border-top-width: 0px;
}
.mediacenterborderred {
	border-style:solid;
	border-right-color: red;
	border-left-color: red;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: red;
	border-bottom-color: none;
	border-top-width: 0px;
}
.mediacenterborderblue {
	border-style:solid;
	border-right-color: #0D5A88;
	border-left-color: #0D5A88;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #0D5A88;
	border-bottom-color: none;
	border-top-width: 0px;
}