body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

html, body {font-family:  Arial, Helvetica, sans-serif; font-size: 12px;  }
body{ background:#000000 url(/images/btmimg.jpg) no-repeat bottom ;}

/* PARAGRAPH STYLES */

H1, H2, H3, H4, H5 {font-size:100%;	font-weight:normal;}
H1 {}
H2 {
	font-size: 25px;
	line-height: 25px;
	font-weight: bolder;
	color: #333333;
	text-decoration: none;
	font-style: normal;
	text-transform: capitalize;
	padding-bottom:20px;
	padding-left:30px;
	background-image: url(/images/title.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
H3 {}
H4 {}
#ProductsTable a img{ border: solid #FFFFFF 1px;}
#ProductsTable a:hover img{ border: solid #FF0000 1px;}
#DetailedViewTable img{ border: solid #000000 1px; margin:2px;}

UL, OL {list-style: none; }
li {list-style-type:none;}
#phoneOverview { padding:15px; font-size:12px; color:#333333;}
#phoneOverview br{ padding-top:3px; padding-bottom:3px;}
 
A { color:#; text-decoration:none;}
/*A:visited{ text-decoration:none; color:#;}*/
A:hover {color:#; text-decoration:none;}
/*A:active { text-decoration:none; color:#;}*/
A:focus {outline:none;}

:focus {outline: 0;}
fieldset{border:0;}
q:before, q:after {	content:'';}

input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}

#YouTube { position:absolute; padding-top: 0px; padding-left: 0px}

.clr {clear: both;}
.lF {float:left;}
.whtTxt {
	color: #FFFFFF;
	text-decoration: none;
}

.rF {float:right;}

/* LAYOUT STYLES */
#wrapper { width:901px; margin:0 auto; min-height:700px; }
/* header*/
#header { background:url(/images/header.jpg) no-repeat #C9C9C9; height:113px; width:901px;}
.topLinks{ height:41px; padding-top:12px; padding-right:15px; height/**/:/**/28px; color:#FFFFFF; text-align:right; font-size:12px;}
.topLinks a{ color:#FFFFFF; text-decoration:none;}
.topLinks a:hover{ color:#FFFFFF; text-decoration:underline;}
.logo { float:left;  width:153px; height:113px;}
.logo a{ display:block; text-indent:-9999px; width:153px; height:113px;}
.topbanner {width:891px; height:215px; padding-left:26px; padding-top:34px; width/**/:/**/865px; height/**/:/**/181px; background:url(/images/top_banne.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#96B6CD; text-align:left;  }
.topbanner p{ width:200px;}
.topbanner a{ color:#FFEA00; text-decoration:none;}
.topbanner a:hover{ color:#FFEA00; text-decoration:underline;}

			
			/*middle*/
#ContentArea { width:901px; padding:0px 5px 5px 5px; width/**/:/**/891px; background:url(/images/content_bg.jpg) repeat-x #c9c9c9;}
.Contentmain{ padding-top:5px; padding-bottom:5px; }
.Contentmain p{ padding-top:10px; padding-bottom:10px;}

.Contentmain H3 {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
}
		.Contentmain ol{
		 font-size:12px;
	padding:0;
	margin:5px 0 0 0;
}
		.Contentmain ol li{
		 font-size:12px;

	margin:4px 0 4px 48px;

	list-style-type: decimal;
}
		.Contentmain ul{
		 font-size:12px;
	padding:0;
	margin:5px 0 0 0;
}
		.Contentmain ul li{
	padding-bottom:2px;
	padding-left:10px;
	margin-left:10px;


	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.nokiaBg{ background:url(/images/nokia_bg.jpg) no-repeat; width:218px; height:202px; float:left; padding-left:110px; padding-top:60px; padding-right:2px; width/**/:/**/106px; height/**/:/**/202px; text-align:left; color:#B8E1FF;}
a.readMore{ width:103px; height:35px; display:block; background:url(/images/read_more.jpg) no-repeat; }
a.readMore:hover{ width:103px; height:35px; display:block; background:url(/images/read_more_ov.jpg) no-repeat;}
.appleBg{ background:url(/images/apple_bg.jpg) no-repeat; width:218px; height:202px; float:left; padding-left:110px; padding-top:60px; padding-right:2px; width/**/:/**/106px; height/**/:/**/202px; text-align:left; color:#B8E1FF; margin-left:6px;}
.blackberryBg{ background:url(/images/blackberry.jpg) no-repeat; width:218px; height:202px; float:left; padding-left:110px; padding-top:60px; padding-right:2px; width/**/:/**/106px; height/**/:/**/202px; text-align:left; color:#B8E1FF; margin-left:6px;}
.htcBg{ background:url(/images/htc_bg.jpg) no-repeat; width:218px; height:202px; float:left; padding-left:110px; padding-top:60px; padding-right:2px; width/**/:/**/106px; height/**/:/**/202px; text-align:left; color:#B8E1FF; margin-left:6px;}
.contbtmBox{ font-size: 12px;  width:216px; height:150px; padding:10px 10px; border:solid 1px #A2A2A2; float:left; width/**/:/**/196px; height/**/:/**/150px; text-align:left; background:url(/images/contbtm_bg.jpg) repeat-x #ffffff; }
.contbtmBox1{ font-size: 12px; width:216px; height:150px; padding:10px 10px; border:solid 1px #A2A2A2; float:left; width/**/:/**/196px; height/**/:/**/150px; text-align:left; margin-left:6px; background:url(/images/contbtm_bg.jpg) repeat-x #ffffff;  }
.contbtmBox p a{ color:#007DB1; text-decoration:none;}
.contbtmBox p a:hover{ color:#007DB1; text-decoration:underline;}
.contbtmBox1 p a{ color:#007DB1; text-decoration:none;}
.contbtmBox1 p a:hover{ color:#007DB1; text-decoration:underline;}
.btmBoxshdw{ background:url(/images/btm_box_shdw.gif) no-repeat; height:6px; width:890px; }
.scrollimgbg{ width:890px; padding-top:10px;}
.btmImg{ width:140px; height:149px; background:url(/images/btmimg_bg.gif) no-repeat; padding:7px 7px 16px 7px; width/**/:/**/126px; height/**/:/**/135px; float:left;}
.btmImg1{ width:140px; height:149px; background:url(/images/btmimg_bg.gif) no-repeat; padding:7px 7px 16px 7px; width/**/:/**/126px; height/**/:/**/135px; float:left; margin-left:20px;}
.imgBox{ width:783px; float:left;}
.arrw{ float:left;}

.navBar{ background:url(/images/nav_bg.jpg) repeat-x; height:41px; width:891px; font-size:12px;}
a.home{ height:41px; padding:10px 26px 10px 24px; width:100px; background:url(/images/home_bg.jpg) no-repeat; font-size:18px; color:#FFFFFF; display:block; text-decoration:none; float:left; margin-left:5px; width/**/:/**/45px; height/**/:/**/21px;  }
a.home:hover{
	text-decoration:none;
	color:#999999;
}
a.products{text-indent: 7px; height:41px; padding:10px 19px 10px 22px; width:124px; background:url(/images/sec_link_bg.jpg) no-repeat; font-size:18px; color:#FFFFFF; display:block; text-decoration:none; float:left; margin-left:5px; width/**/:/**/83px; height/**/:/**/21px;  }
a.products:hover{ text-decoration:none; color:#999999;}
a.news{ height:41px; padding:10px 25px 10px 25px; width:93px; background:url(/images/third_link_bg.jpg) no-repeat; font-size:18px; color:#FFFFFF; display:block; text-decoration:none; float:left; margin-left:5px; width/**/:/**/43px; height/**/:/**/21px;   }
a.news:hover{ text-decoration:none; color:#999999;}
a.warranty{ height:41px; padding:10px 24px 10px 23px; width:97px; background:url(/images/fifth_bg.jpg) no-repeat; font-size:18px; color:#FFFFFF; display:block; text-decoration:none; float:left; margin-left:5px; width/**/:/**/71px;  height/**/:/**/21px;  }
a.howTo{ height:41px; padding:10px 25px 10px 25px; width:63px; background:url(/images/third_link_bg.jpg) no-repeat;  text-indent:-12px; font-size:18px; color:#FFFFFF; display:block; text-decoration:none; float:left; margin-left:5px; width/**/:/**/43px; height/**/:/**/21px;   }
a.howTo:hover{ text-decoration:none; color:#999999;}

a.Manuals{ height:41px; padding:10px 25px 10px 25px; background:url(/images/third_link_bg.jpg) no-repeat; text-indent:-12px; font-size:18px; color:#FFFFFF; display:block; text-decoration:none; float:left; margin-left:5px; width/**/:/**/43px; height/**/:/**/21px;   }
a.Manuals:hover{
	text-decoration:none;
	color:#999999;
}
a.login{ height:41px; padding:10px 25px 10px 25px; width:63px; background:url(/images/third_link_bg.jpg) no-repeat; font-size:18px; color:#FFFFFF; display:block; text-decoration:none; float:left; margin-left:5px; width/**/:/**/43px; height/**/:/**/21px;   }
a.login:hover{ text-decoration:none; color:#999999;}
a.support{
	height:41px;
	padding:10px 24px 10px 23px;
	width:117px;
	background: url(/images/fifth_bg.jpg) no-repeat;
	font-size:18px;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	float:left;
	margin-left:5px;
	width/**/:/**/70px;
	height/**/:/**/21px;
	text-indent: 10px;
}
a.support:hover{ text-decoration:none; color:#999999;}
.footer{ width:888px;  border:1px solid #9F9F9F; color:#3C3C3C; text-align:center;  background:#ffffff; }
.footer a{ font-size:10px; color:#3C3C3C; text-decoration:none; }
.footer a:hover{ color:#3C3C3C; text-decoration:underline; }
.btmLinks{ width:890px; padding:8px 8px; width/**/:/**/874px; color:#FFFFFF; margin:0 auto; height:30px; height/**/:/**/14px;}
.btmLinks a{ text-decoration:none; color:#FFFFFF;}
.btmLinks a:hover{ text-decoration:underline; color:#FFFFFF;}




.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}