/* CSS Document */

/*=== BEGIN LAYOUT==*/
	body{
		margin:0;		
		background-image:url(images/bg-body.gif);
		background-position:center;
		background-repeat:repeat-y;
	}
	#wrapper{
		width:933px;
		/*height:768px;*/
		margin-left:auto;
		margin-right:auto;
	}
	#header{
		margin:0;
		padding:0;
	}
	#frame-top{
		width:933px;
		background-image:url(images/frame-top.gif);
		background-repeat:no-repeat;
		margin:0;
		height:14px;
		padding:0;		
	}
	
	#frame{
		width:905px;		
		padding-left:14px;
		padding-right:14px;
	}
	#content{
		width:905px;
		/*height:567px;*/
		margin-top:5px;
		margin-bottom:0;
		background-image:url(images/bg-content-repeat.gif);
		background-repeat:repeat-y;
	}
	#main-content{
		width:823px;
		padding-left:82px;
		background-image:url(images/bg-content.gif);
		background-repeat:no-repeat;
	}
	#main-content-about_us{
		/*width:823px;
		padding-left:82px;*/
		background-image:url(images/bg-content.gif);
		background-repeat:no-repeat;
	}
	/*revision*/
	#footer{
		width:899px;
		/*height:768px;*/
		margin-left:auto;
		margin-right:auto;
		padding-top:10px;height:24px;background-color:#cccccc;
		padding-left:34px;
		background-image:url(images/bg-footer.gif);
		background-position:bottom center;
		background-repeat:no-repeat;
	}
	#frame-highlight{
		padding-right:20px;
	}
	.product-hightlight{
		margin-left:50px;
		margin-right:40px;
		margin-top:47px;
	}
	#left-about_us{
		width:285px;
		text-align:right;
		
	}
	#right-about_us{
		padding-left:26px;
		width:594px;
	}
	#left-products{
		width:204px;
	}
	#right-products{
		width:550px;/*533px;*/
		padding-left:30px;/*86px;*/
		padding-top:20px;/*47px;*/
	}
	#product-content{
		width:500px;margin-left:auto;margin-right:auto;
	}
	#macs-scroller{
		width:736px;
		margin-left:10px;
		margin-right:auto;
		background: url(images/bg-blockprod-middle.gif) repeat-x;
		height:157px;
	}
	#ipods-scroller,#softwares-scroller{
		width:349px;
		margin-left:10px;
		margin-right:auto;
		background-image:url(images/bg-blockprod-middle.gif);background-repeat:repeat-x;
		height:157px;
	}
	.prodleftscroller{
		background-image:url(images/bg-blockprod-left.gif);background-repeat:no-repeat;
		width:12px;
		height:157px;
	}
	.prodrightscroller{
		background-image:url(images/bg-blockprod-right.gif);background-repeat:no-repeat;
		width:12px;
		height:157px;
	}
	.list-products{
		
		width:145px;/*823px;*/

		margin-bottom:24px;
	}
	#content-promotions{
		padding-left:304px;
		padding-top:14px;
	}
	#promotions-banner{
		margin-top:7px;
		text-align:center;
		height:165px;
	}
	#content-members{
		padding-left:265px;
		padding-top:43px;
	}
	.float-left{
		float:left;
	}
	.float-right{
		float:right;
	}
	.clear{
		clear:both;
	}
	fieldset{
		margin-left:0;padding-top:20px;
	}
/* END LAYOUT */
/*=======================*/
/*BEGIN NAVIGATION*/
	#navigation{
		width:623px;
		height:27px;
		padding-top:2px;
		margin-bottom:4px;
		padding-left:282px;
		background-image:url(images/bg-nav.gif);
		background-repeat:no-repeat;
		background-position:0 3px;
	}
	#navigation ul{
		margin:0;
		padding:0;
	}
	#navigation ul li{
		padding-left:1px;
		padding-right:1px;
		list-style:none;
		display:inline;
		float:left;
	}
	#navigation ul li a{
		display:block;
		height:27px;
		width:87px;
		background-repeat:no-repeat;
	}
	#navigation ul li a:link,#navigation ul li a:visited{
		background-position:0 0;
	}
	#navigation ul li a:hover,#navigation ul li a.current:link,#navigation ul li a.current:visited,#navigation ul li a.current:hover{
		background-position:0px -27px;
	}
	#navigation ul li a span{
		display:none;
	}
	#navigation ul li a#home{
		background-image:url(images/btn-home.gif);
	}
	#navigation ul li a#about_us{
		background-image:url(images/btn-about_us.gif);
	}
	#navigation ul li a#products{
		background-image:url(images/btn-products.gif);
	}
	#navigation ul li a#promotions{
		background-image:url(images/btn-promotion.gif);
	}
	#navigation ul li a#members{
		background-image:url(images/btn-members.gif);
	}
	#navigation ul li a#contact{
		background-image:url(images/btn-contact.gif);
	}
	#navigation ul li a#forum{
		background-image:url(images/btn-forum.gif);
	}
/* END NAVIGATION */
/*=======================*/
/* BEGIN FONT STYLE AND LINKS */
	body,input,textarea,div,td,p{
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	.text-left{
		text-align:left;
	}
	.text-center{
		text-align:center;
	}
	.text-right{
		text-align:right;
	}
	.bold{
		font-weight:bold;
	}
	.line{
		height:1px;
		width:100%;
	}
	a img{
		border:none;
	}
	a:link,a:visited{
		text-decoration:none;
		font-weight:bold;
	}
	a:hover{		
		text-decoration:underline;
	}
	ul#products-category{
		float:right;
		margin:0;
		padding:0;
	}
	ul#products-category li{
		list-style:none;
		text-align:right;
		margin-bottom:10px;
		margin-right:10px;
	}
	ul#products-category li a{
		font-size:11px;
		font-weight:bold;	
		margin-right:10px;
	}
	ul#products-category li a:link,ul#products-category li a:visited{
		text-decoration:none;
	}
	ul#products-category li a:hover{
		text-decoration:underline;
	}
	ul#subprod{
		padding:0;
		margin:0;
	}
	ul#subprod li{
		text-align:right;
		padding:0;
		margin-right:0;
	}
	h1{
		font-size:18px;
		font-weight:bolder;
	}
	h2,h2 a:link{
		font-size:14px;
		color:#003399;
	}
	
	h3,.price{
		font-size:11px;
	}
	.price{
		font-weight:bold;
	}
	div#msg-error{
		padding:5px;background-image:url(images/alert-bad.gif);background-repeat:no-repeat;padding-left:24px;font-weight:bold;height:26px;
	}
	div#msg-succes{
		padding:5px;background-image:url(images/check.png);background-repeat:no-repeat;padding-left:20px;font-weight:bold;height:26px;
	}
	legend{
		font-weight:bold;
	}
	a.paging{
		border:#BFBFBF 1px solid;padding-left:3px;padding-right:3px;padding-top:0px;padding-bottom:0px;margin:2px;text-decoration:none;
	}
	a.paging:hover,a.paging-active{
		border:#831b04 1px solid;padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;font-weight:bold;color:#6CC7DC;text-decoration:none;
	}
	a.paging-disable{
		border:#BFBFBF 1px solid;padding-left:3px;padding-right:3px;padding-top:0px;padding-bottom:0px;margin:2px;color:#BFBFBF;text-decoration:none;
	}
	ul#products-category li ul li a{
		font-weight:normal;
	}
/* END FONT STYLE AND LINKS */
/*=======================*/
/* BEGIN FORM RELATED*/
	form{
		margin:0;
		padding:0;
	}
	
	.form-label{
		width:123px;
		float:left;
	}
	.form-field{
		float:left;
	}
	.form-text,form-textarea{
		border:1px #CCCCCC solid;
	}
	.form-text{		
		width:310px;
		padding:3px;
	}
	.form-textarea{
		width:310px;
		padding:3px;
		height:50px;
	}
	.form-spacer{
		clear:both;
		height:10px;
	}
	#btn-submit,#btn-reset{
		border:none;
		width:89px;
		height:27px;
		cursor:pointer;
		background-repeat:no-repeat;
		margin-left:20px;
	}
	#btn-edit,#btn-cancel{
		border:none;
		width:86px;
		height:28px;
		cursor:pointer;
		background-repeat:no-repeat;
		margin-left:20px;
	}
	#btn-submit{
		background-image:url(images/btn-submit.gif);
	}
	#btn-reset{
		background-image:url(images/btn-reset.gif);
	}
	#btn-edit{
		background-image:url(images/btn-edit.gif);
	}
	#btn-cancel{
		background-image:url(images/btn-cancel.gif);
	}
	#btn-delete{
		border:none;
		width:116px;
		height:29px;
		cursor:pointer;
		background-repeat:no-repeat;
		background-image:url(images/btn-delete.gif);
	}
/* END FORM RELATED*/
/*=======================*/
/* BEGIN COLOR SETTING */
	body,input,textarea,div,td,p,ul#products-category li ul li a,h3 a:link,h3 a:visited{
		color:#666666;
	}
	body,#header{
		background-color:#000000;
	}
	#frame,#navigation ul,#btn-submit,#btn-cancel,#btn-edit,#btn-cancel,#btn-delete{
		background-color:#FFFFFF;
	}
	.line{
		background-color:#CCCCCC;
	}
	h1,a:link,a:visited{
		/*color:#6699cc;*/
		
	}
	a:hover{
		color:#000000;
	}
	ul#products-category li,ul#products-category li a,h1,a:link,a:visited{	
		/*color:#ff6600;revision*/
		color:#33ccff;
	}
	
	div#msg-error{
		color:#990000;
	}
	div#msg-succes{
		color:#009900;
	}
	a.paging:hover,a.paging-active{
		color:#6CC7DC;
	}
	a.paging-disable{
		color:#BFBFBF;
	}
	/*revision*/
	#footer{
	color:#333333;
	}
/* END COLOR SETTING */

/* START STEPCAROUSE1 */
/*==*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 270px;
height: 100px; /*Height should enough to fit largest content's height*/
}

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

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

#galleryIpods,#galleryMacs{
width: 650px;
height: 157px;
margin-left:auto;margin-right:auto;
padding:0;
}

#galleryMacs .panel,#galleryIpods .panel,#gallerySoftwares .panel{
margin-top:10px;
height: 100px;

text-align: center;
vertical-align: text-bottom;

}
.arrow-scroller{

width:16px;
height:16px;
}
.bodyscroll{
height:157px;
background-image:url(images/bg-blockprod-right.gif);background-repeat:no-repeat;background-position:right;
}