a.arrow {
	display:block;
	color: #71b8d3;
	text-decoration: none;
	padding-left: 15px;
	background:url(img/blue-arrow.png) no-repeat 2px center; 
}
a.arrow:hover, a.arrow:active {
	text-decoration: underline;
}
hr {
	color: #3a697b;
	background-color: #3a697b;
	height: 1px;
}
#browse-link { position: absolute; top: 75px; left: 20px; }
#supportBanner { position: absolute; top: 5px; right: 40px; z-index:20; }
#activateBanner { position: absolute; top: 5px; right: 240px; z-index:20; }

#netbookBox { background-color: #1a1a1a; height: 1100px; width: 921px; line-height: 140%; }
#leftcol { float: left; width: 444px; margin: 0; padding: 0;}
#rightcol { float: left; width: 475px; margin: 0; padding: 0;}
#gallery {	padding: 20px 0 0 20px; margin: 0;}

#tips {	float: left; width: 163px; margin: 40px 0 0 20px;}
#tips ul { list-style-type: none; margin: 10px 0 0 10px; padding: 0;}
#tips ul li { margin-bottom: 5px; }
* html #tips ul li a { margin-bottom: 0; }
#tips a { display:block;color: #71b8d3;text-decoration: none;}
#tips a.arrow { padding-left: 15px;background:url(img/blue-arrow.png) no-repeat 2px center;}
#tips a:hover, a:active {text-decoration: underline;}

#tips .maprow { float: left; margin-bottom: 10px;}
#tips .maprow img { margin-right: 10px;}

#downloads { float: left; display: inline; width: 219px; margin: 40px 0 0 20px;}
#downloads ul { list-style-type: none; margin: 10px 0 0 10px; padding: 0;}
#downloads ul li { margin-bottom: 0px; }
#downloads a { min-height: 25px; margin: 0; display:block; color: #71b8d3;text-decoration: none;padding: 6px 0 0 40px;}
* html #downloads a { margin: 0; display:block; color: #71b8d3;text-decoration: none;padding: 3px 0 3px 40px; line-height: 100%;}
#downloads a.flash {background:url(img/icon-flash.png) no-repeat 0 center;}
#downloads a.skinit {background:url(img/icon-skinit.png) no-repeat 0 center;}
#downloads a.ebook {background:url(img/icon-ebook.png) no-repeat 0 center;}
#downloads a.parental {background:url(img/icon-parental.png) no-repeat 0 center;}
#downloads a.dell {background:url(img/icon-dell.png) no-repeat 0 center;}
#downloads a.microsoft {background:url(img/icon-microsoft.png) no-repeat 0 center;}
#downloads a.avg {background:url(img/icon-avg.png) no-repeat 0 center;}
#downloads a.windows {background:url(img/icon-windows.png) no-repeat 0 center;}
#downloads a.air {background:url(img/icon-air.png) no-repeat 0 center;}
#downloads a:hover, a:active {text-decoration: underline;}


#price { float: left; display: inline; margin-top: 40px;}

#discount-promo { position: absolute; top: 400px; left: 555px;}

#intro { float: left; display: inline; color: #ccc; width: 165px; padding: 20px 0 0 0;}
#intro h1 { font-size: 18px; font-weight: normal;}
#intro ul { padding: 10px 0 30px 0; margin: 0;}
#intro ul li {list-style-type: none; background: url(img/bullet.png) 0px 5px no-repeat; padding: 0 0 0 1.5em; margin-bottom: 5px; line-height: 120%;}
#intro img { margin-top: 12px;}

#introLinks { float: left; display: inline; padding-top: 20px;}

#videos { position: relative; height: 250px; color: #000; margin: 40px 0 0 20px;}

#wallpapers { position: relative; width: 430px; color: #ccc; margin: 0 0 0 20px;}
#wallpapers p { margin: 12px 0; line-height: 120%;}


/***************************
	FLOWPLAYER
***************************/
div.overlay {
	display:none;
	background:url(/apache/images/overlay/white.png) no-repeat;
	_background: url(/apache/images/overlay/white.gif) no-repeat;
	padding: 40px;	
	width:576px;
	margin: 0 auto;
}

div.overlay div.close {
	background:url(/apache/images/overlay/close.png) no-repeat;
	_background: url(/apache/images/overlay/close.gif) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

a.player { 
	display:block;
	height:450px;
}
div.wrap {
	height: 450px;
	overflow-y: auto;
}
/****************************
	GALLERY TABS
****************************/
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:20px 0 0 0 !important; 
	padding:0;
}

/* single tab */
ul.tabs li {
	float:left;	 
	display: inline;
	padding:0;
	margin:0 0 0 6px !important;
	list-style-image:none !important;
	width: 47px;
	height: 35px;
	
}

/* link inside the tab. uses a background image */
ul.tabs a {
	position: relative;
	top: 3px;
	width: 45px;
	height: 33px;
	text-align:center;
	padding:0px;
	margin:0px;
}
ul.tabs a img {
	border: 1px solid #666;
}

ul.tabs a:hover img, ul.tabs a:active img {
	border: 1px solid #999;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}
/******************************
	FLOWPLAYER TABS
***************************/
/* tabs */
#flowtabs {  
	margin:20px 0 0 40px; !important; 
	padding:0;
	width:386px;
	height:25px !important;
}

#flowtabs li { 
	float:left; 
	margin:0 3px 0 0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* every tab uses the same background image */
#flowtabs li a { 
	display:block;
	height: 25px;  
	overflow: hidden; 
	text-indent: -999em; 
	background: url(img/tabs.png) no-repeat;
	padding:0px;
	margin:0px;
}

#flowtabs a.current	{ 
	cursor:default; 
}

/* adjust the background image position on each tab */
#flowtabs #t1 { background-position: 0 0; width: 137px;}
#flowtabs #t2 { background-position: -138px 0; width: 72px; }

#flowtabs #t1:hover, #flowtabs #t1.current { background-position: 0 -27px; }
#flowtabs #t2:hover, #flowtabs #t2.current { background-position: -138px -27px; }

/* panes */
#flowpanes1, #flowpanes2 {
	width: 445px;
	height: 133px;
	background: url(img/bg-carousel.png) no-repeat top left;
	margin: 0 0 0 0;
	padding: 0;
}
/*
****************************
	SCROLLABLE NAV
**************************/


/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;
}
	

/**************************
	SCROLLABLE MIN
**************************/
#wallpaper-scroll { padding-top: 15px; }

div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 350px;	
	height:100px;	
	/* custom decorations */
	padding: 0 0 0 0;
	margin: 18px 20px 0 20px;
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;	
	margin: 0;
	padding: 0;
}

/* active item */
div.scrollable div.items div.active {
}

/*************************
	PANELS
**********************/

div.items .vidDetail { float:left; width: auto; margin:4px 0 0 10px; font-size:10px; padding: 0; }
* html div.items .vidDetail { float:left; width: auto; margin:4px 0 0 5px; font-size:10px; padding: 0; }
div.items .vidDetail p { font-size: 1em; font-weight: normal; color: #999; }

div.wall { float: left; width: auto; margin: 0 0 0 10px; padding: 0; }


/* prev, next, prevPage and nextPage buttons */
a.prev, a.prevPage, a.next, a.nextPage {
	float:left;
	display:block;
	width:24px;
	height:24px;
	cursor:pointer;
	font-size:1px;
	margin-top: 45px;
	padding: 0 0 0 0;
}
/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(img/next.png);
	background-position: 0px 0px;
	clear: right;
}
a.prev, a.prevPage {
	background:url(img/prev.png) no-repeat;
	background-position: 0px 0px;
}
/* mouseover state */
a.prev:hover, a.prevPage:hover {
	background-position: 0px -25px;
}
a.next:hover, a.nextPage:hover {
	background-position: 0px -25px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}