/* Alienware 2008 MOCKUP Style
   Updated:		03/21/2008 
   Author:      Alienware Corporation Design Team (list authors)
                *Andrew Benson
   				*Jason Singh
				*Joe Yeung

   TODO:
   -Tidy up the code.
   ----------------------------------------------------*/
   
@import "/styles/structure.grid.css";
@import "/styles/style.forms.css";
@import "/styles/style.buttons.css";

/* =DEFAULTS
   ----------------------------------------------------*/
body{
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana;
	line-height: 18px;
	color: #575757;
	background-color: #000000;
	background-image:url('https://origin-image.alienware.com/images/css_images/bg_black_body.gif');
	background-repeat:repeat-x;
}
body .http {background:url('http://image.alienware.com/images/css_images/bg_black_body.gif') repeat-x;}

#mainBackground {background:url('http://image.alienware.com/images/css_images/bg_black_body.gif') repeat-x;} /* background containing div to pushdown background with page */
.https #mainBackground {background:url('https://origin-image.alienware.com/images/css_images/bg_black_body.gif') repeat-x;}  /* duplicate for https */
.black a, a.on_black{
	color: #25E9EB;
	text-decoration: none;
}
.black a:hover, a.on_black:hover{
	color: #00FFFF;
	text-decoration: underline;
}
a{
	color: #0DA1B2;
	text-decoration: none;
}
a:hover{
	color: #0AB5C9;
	text-decoration: underline;
}
a.arrow {
	/* this needs to be very specific, otherwise safari messes it up */
	background-image: url('http://image.alienware.com/images/gear_shop_images/gs_blue_arrow_w.gif');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 8px;
}
.https a.arrow {
	/* this needs to be very specific, otherwise safari messes it up */
	background-image: url('https://origin-image.alienware.com/images/gear_shop_images/gs_blue_arrow_w.gif'); /* duplicate for https */
	background-position: right center;
	background-repeat: no-repeat;
}
h1, h2, h3{
	margin: 2px 0 5px 0;
	font-size: 22px;
	font-weight: 800;
	color: #000;
}
h2{
	margin: 5px 0;
	font-size: 14px;
	color: #000;
}
h3{
	font-size: 12px;
	color: #000;
}
h2.tag_line{
	font-size: 80%;
	color: #BABABA;
}
p.tag_line{
	margin-top: -10px;
}
p{
	margin: 5px 0 10px 0;
}
b, strong{
	color: #000;
}
hr {height:0;border:0;border-top:1px solid #454545;}
ol{
	margin: 5px 0 5px 20px;
}
ol li{
	margin-left: 15px;
}
ul{
	margin: 0 0 20px 0;
}
ul li{
	list-style: none;
}
ul.inner_list{
	margin-bottom: 0;
}
ul.bullets li{
	margin-left: 15px;
	list-style-type: square;
}
sup {vertical-align:top;text-decoration:none;}
div#sitewrap { /* master div that follows the form element.*/ } 
div#page, div.page{
	margin: 0 auto;
	padding: 0;
	width: 950px;
}
div#small_page{
	margin: 0 auto;
	padding: 100px 0 0 0;
	width: 100%;
}
ul.actions li.separator{
	padding: 0 2px 0 0;
	border-style: none solid none none;
	border-width: 1px;
	border-color: #B3B3B3;
	line-height:11px;	
}
ul.actions li.separatorEnd{
	line-height:11px;	
}
.far_left{
	float: left;
}
.far_right{
	float: right;
}
.cb {clear:both;}
.center, .align_center{
	margin: 0 auto;
}
.center{
	text-align:center;
}
.preloadImage {display:none;} /* For Preloading Images with CSS */
.indent {padding-left:20px;}
.indent li {margin-bottom:3px;}

.new_tag{
	padding-left: 35px;
	background-image: url( "/products/icon_new_red_tag.gif" );
	background-repeat: no-repeat;
	background-position: left 4px;
}

/* =ADD THIS
	----------------------------------------------------*/
div.addThis {margin-top:15px;padding-right:10px;}
div.addThis_share {padding-left:5px;}
.https .addThis_share {display:none;} /* Hide AddThis Share button on SSL pages */

a#btn-print{margin-right:2px;}
a#btn-print:hover {text-decoration:none;}

/* =COLORS
   ----------------------------------------------------*/
.alienyellow {color:#fdde32;}
.aliengreen  {color:#bcd021;}
.aliencyan   {color:#32e4ee;}
.alienorange {color:#e25338;}
.aliengrey   {color:#2f2f2f;}
.alienred    {color:#ff0000;}
li.odd_row, li.even_row{ padding: 5px 10px; }
.even_row    {background-color: #EFEFEF;}
.odd_row     {background-color: #F7F7F7;}


/* =HEADER
   ----------------------------------------------------*/
div#header        {background:url("http://image.alienware.com/Images/global_images/header/bg_black_body.gif") repeat-x top left;}
.https div#header {background:url("https://origin-image.alienware.com/Images/global_images/header/bg_black_body.gif") repeat-x top left;} /* duplicate for https */

div#innerHeader{
	position:relative;
	margin: 0 auto 0 auto;
	padding: 4px 0 10px 0;
	width: 950px;
	height: 104px;
	z-index: 999;
}
div#main_navigation{
	clear:left;
	float: left;
	margin: 0 0 0 0;
	font-weight: 800;
	width:650px;
}
div#main_navigation a:hover{
	text-decoration: none;
}
div#header a, div#footer a{
	color: #B3B3B3;
}
div#header a:hover, div#footer a:hover{
	color: #FFF;
}
div#header .header_img {height:84px;margin:auto;text-align:center;}
div#header img {border:none;}
div#header #headerAddContent {position:absolute;height:15px;width:400px;top:2px;right:0px;}
div#header #headerAddContent .orderOnline {margin:43px 0 8px auto;height:15px;width:380px;color:#ffffff;font-weight:bold;font-size:11px;text-align:right;padding-right:2px;}
#account_navigation{
	right:0px;
	padding:0;
	margin-top:63px;
	font-size: 11px;
	width:400px;
	position:absolute;
}
#account_navigation a:hover {text-decoration:underline;}
#account_navigation .aNav {float:right;margin:0 0 2px 0;height:15px;}
#account_navigation .shoppingCartIcon {margin-top:-4px;margin-right:-5px; margin: 0;}
#account_navigation .shoppingCartIcon img{ margin-top: -4px; }
#account_navigation #search {clear:right;float:right;height:19px;width:205px;padding:0;}
#account_navigation .search {
	float: left;
	width:160px;
	margin:0;
	padding: 3px 0 6px 10px;
	color: #fff;
	font-size: 100%;
	background-color: #000;
	background-image: url( "http://image.alienware.com/images/css_images/bg_search_field.gif" );
	background-repeat: no-repeat;
	border: none;
	background-position:top right;
}
#account_navigation ul.actions li.separatorEnd a{ margin: 0; }
.https #account_navigation .search {
	background-image: url( "https://origin-image.alienware.com/images/css_images/bg_search_field.gif" ); /* duplicate for https */
	background-repeat: no-repeat;
	background-position:top right;
}
ul.actions li, ul.thumbnail_listing li{
	float: left;
	margin: 0 5px 0 0;
	list-style: none;
}
ul.actions li a{
	display: block;
	margin: 0 5px 0 0;
}
#account_navigation ul.actions{
	margin: 0 0 5px 0;
	clear:left;
}
/* Safari/Google Chrome Hack to fix #account_navigation in those browsers */
body:nth-of-type(1) #account_navigation ul.actions{
	width:348px;
}
div#content{
	width: 100%;position:relative;
}
/* HEADER MODIFICATIONS FOR AFFILIATES */
div.circuitcity_header {
	width:100%;
	height:80px;
	background:url('http://image.alienware.com/Images/global_images/header/circuitcity/circuit_city_slice.gif') repeat-x;
	position:relative;
}
.https div.circuitcity_header {
	background:url('https://origin-image.alienware.com/Images/global_images/header/circuitcity/circuit_city_slice.gif') repeat-x; /* duplicate for https */
}
div.inner_circuitcity_header {
	width:950px;
	height:80px;
	margin:0 auto;
	position:relative;
	background:url('http://image.alienware.com/Images/global_images/header/circuitcity/circuit_city_20080104.gif') no-repeat top left;
}
.https div.inner_circuitcity_header {
	background:url('https://origin-image.alienware.com/Images/global_images/header/circuitcity/circuit_city_20080104.gif') no-repeat top left; /* duplicate for https */
}
div.circuitcity_header div#linkBack {
	position:absolute;
	top:7px;
	right:0px;
}
div.circuitcity_header div#linkBack a{
	color:#326695;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
/* =FOOTER
   ----------------------------------------------------*/
div#lowerNav{
	margin: 11px 0 20px 0;
	padding: 0;
	font-size: 11px;
	color: #B3B3B3;
	height:10px;
}
div#lowerNav a {color:#B3B3B3;}
div#lowerNav a:hover {text-decoration:underline;color:#fff;}
div#lowerNav #subscribe{
	float: left;
	position: absolute;
	margin: -30px 0 0 325px;
	padding: 10px 5px;
	width: 300px;
	color: #FFF;
	font-size: 110%;
	font-weight: 800;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #808080;
	background-color: #000;
}
div#lowerNav .far_right{
	float: right;
	line-height:11px;
}
div#lowerNav .alienware800 {color:#fff;font-weight:bold;}
/*div#lowerNav .btn-rss {margin-top:-2px;height:13px;}*/
div#lowerNav div.btn-rss{
	display: block;
	width: 47px;
	height: 11px;
}
div#lowerNav div.btn-rss a{
	float: left;
	position: absolute;
	margin-top: -2px; 
}
#globalization {max-width:250px;}
#globalization table{ margin: 0 auto; }
#globalization td.language_bar a {color:#B3B3B3;margin-left:8px;margin-right:8px;}
#globalization td.language_bar a:hover {color:#ffffff;}
#globalization td.language_bar span {color:#B3B3B3;}
div#footer {clear:both; font-size: 11px; line-height: 100%;}
div#footer .copyright {margin:auto;text-align:center;color:#666;font-size:11px;}
div#footer .disclaimers{margin:auto;text-align:center;color:#666;font-size:10px;margin:0 50px 0 50px;}
/* =SITEMAPS
   ----------------------------------------------------*/
.sitemap_content{
	width: 790px;
	padding: 0 0 20px 15px;
	color: #000;
	background-color: #FFF;
}
/* =INSIDER_NEWS_LETTER
   ----------------------------------------------------*/
.insiderErrorBox {margin-top:-18px;color:#ff0000;font-weight:bold;}
div.alienware_insider {
	width: 545px; 
	height: 252px; 
	color: #b3b3b3; 
	background-color: #000; 
	background-image: url( 'http://image.alienware.com/images/bg_insider.jpg' );
	background-repeat: no-repeat; 
	background-position: top right; 
	padding: 15px 15px 0 15px;
}
.https div.alienware_insider {
	background-image: url( 'https://origin-image.alienware.com/images/bg_insider.jpg' ); /* duplicate for https */
	background-repeat: no-repeat; 
	background-position: top right; 
}
div.alienware_insider h1 {
	margin: 0 0 10px 0;
}
div.alienware_insider p, div#insider_subscription p{
	width: 280px;
	color: #FFF;
}
div.alienware_insider label, div#insider_subscription label{
	font-weight: 800;
}	
div.alienware_insider input, div#insider_subscription input, #alienware_insider input.text{
	float: left;
	margin: 10px 15px 0 0;
	padding: 4px 10px 6px 10px; 
	width: 182px;
	font-size: 10px;
	color: #888686;
	border: none;
	background: transparent; 
	background-image: url( 'http://image.alienware.com/images/bg_insider_text_field.jpg' ); 
	background-repeat: no-repeat;
	background-position: 0 -1px;
}
.https div.alienware_insider input, .https div#insider_subscription input, .https #alienware_insider input.text{
	background: transparent; 
	background-image: url( 'https://origin-image.alienware.com/images/bg_insider_text_field.jpg' );  /* duplicate for https */
	background-repeat: no-repeat;
	background-position: 0 -1px;
}
div.alienware_insider input.submit_button, div#insider_subscription input.submit_button{
	padding: 1px 10px 6px 0;
	width: 91px;
	font-size: 11px;
	font-weight: 800;
	color: #FFF;
	background-image: url( 'http://image.alienware.com/images/global_images/btn_signup.png' );
	background-position: 0 0;
	cursor: pointer;
}
.https div.alienware_insider input.submit_button, .https div#insider_subscription input.submit_button{
	background-image: url( 'https://origin-image.alienware.com/images/global_images/btn_signup.png' ); /* duplicate for https */
	background-position: 0 0;
}
.alienware_insider div.divSubs {margin-top:-8px;}
.alienware_insider div.divSubs a {margin-top:10px;}
/* =VALIDATION
   ----------------------------------------------------*/
.redboldtext{
	color: #FF0000;
	font-weight: 800;
}
.alert, .success, .error{
	padding: 5px;
	color: #000;
	background-color: #FFFDB6;
	border-style: solid;
	border-width: 2px;
	border-color: #EBBA25;
}
.success, .success a{
	color: #0c3700;
}
.success{
	background-color: #D8FFC0;
	border-color: #0C3700;
}
.error, .error a{
	color: #FF0000;
}
.error{
	background-color: #F1F1F1;
	border-color: #FF0000;
}
/* =ROUNDED_CORNERS_EXPERIMENT
	Based on SPIFFY CORNERS created by Greg Johnson(http://www.greg-j.com/).
	Modified to use corners independently. i.e. if we ONLY
	want the top right or bottom right.
	
	Components of a rounded corner:
		lhs => Left Hand Side
		rhs => Right Hand Side
		brhs=> Bottom rhs
		trhs=> Top rhs
   ----------------------------------------------------*/
.rounded_corner_trhs, .rounded_corner_brhs, .full_corners_top, .full_corners_bottom{
	float: right;
	width: 5px; 
	background-color: transparent;
}
.rounded_corner_brhs, .full_corners_bottom{	margin: -5px 0 0 0; }
.full_corners_top, .full_corners_top .spiffy, .full_corners_bottom, .full_corners_bottom .spiffy, .rounded_corner_trhs,
.rounded_corner_trhs .spiffy, .rounded_corner_brhs, .rounded_corner_brhs .spiffy{
	background-image: url( "http://image.alienware.com/images/css_images/rounded_corners/bottom_black_lhs_rounded_corner.gif" );
	background-repeat: no-repeat;
}
.https .full_corners_top, .https .full_corners_top .spiffy, .https .full_corners_bottom, .https .full_corners_bottom .spiffy, .https .rounded_corner_trhs,
.https .rounded_corner_trhs .spiffy, .https .rounded_corner_brhs, .https .rounded_corner_brhs .spiffy{
	background-image: url( "https://origin-image.alienware.com/images/css_images/rounded_corners/bottom_black_lhs_rounded_corner.gif" ); /* duplicate for https */
	background-repeat: no-repeat;
}
.full_corners_top, .full_corners_bottom{
	width: 100%;
}
.full_corners_bottom .spiffy, .rounded_corner_brhs, .rounded_corner_brhs .spiffy{
	background-image: url( "http://image.alienware.com/images/css_images/rounded_corners/bottom_black_rhs_rounded_corner.gif" );
	background-position: right;
}
.https .full_corners_bottom .spiffy, .https .rounded_corner_brhs, .https .rounded_corner_brhs .spiffy{
	background-image: url( "https://origin-image.alienware.com/images/css_images/rounded_corners/bottom_black_rhs_rounded_corner.gif" ); /* duplicate for https */
	background-position: right;
}
.full_corners_top{
	background-image: url( "http://image.alienware.com/images/css_images/rounded_corners/top_black_lhs_rounded_corner.gif" );
}
.https .full_corners_top{
	background-image: url( "https://origin-image.alienware.com/images/css_images/rounded_corners/top_black_lhs_rounded_corner.gif" ); /* duplicate for https */
}
.full_corners_top .spiffy, .rounded_corner_trhs, .rounded_corner_trhs .spiffy{
	background-image: url( "http://image.alienware.com/images/css_images/rounded_corners/top_black_rhs_rounded_corner.gif" );
	background-position: right;
}
.https .full_corners_top .spiffy, .https .rounded_corner_trhs, .https .rounded_corner_trhs .spiffy{
	background-image: url( "https://origin-image.alienware.com/images/css_images/rounded_corners/top_black_rhs_rounded_corner.gif" ); /* duplicate for https */
	background-position: right;
}
/*
** Classes that actually make the corners.
** Look at DOCUMENTATION to read how it works (address to doc... not ready yet)
*/
.spiffy{ display:block; }
.spiffy *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:transparent;
}
.spiffy1, .full_corners1{
	margin-right:3px;
	padding-right:1px;
	border-right:1px solid #6d6d6d;
	background:#e5e5e5;/*background:#bfbfbf;*/
}
.spiffy2, .full_corners2{
	margin-right:1px;
	padding-right:1px;
	border-right:1px solid #191919;
	background:#ffffff;/*background:#cecece;*/
}
.spiffy3, .full_corners3{
	margin-right:1px;
	border-right:1px solid #cecece;
}
.spiffy4, .full_corners4{ border-right:1px solid #6d6d6d; }
.spiffy5, .full_corners5{ border-right:1px solid #bfbfbf; }

.full_corners1{
	margin-left:3px;
	padding-left:1px;
	border-left:1px solid #6d6d6d;
}
.full_corners2{
	margin-left:1px;
	padding-left:1px;
	border-left:1px solid #191919;
}
.full_corners3{
	margin-left:1px;
	border-left:1px solid #cecece;
}
.full_corners4{	border-left:1px solid #6d6d6d; }
.full_corners5{	border-left:1px solid #bfbfbf; }

/* Fix for Secure Pages */
.https .full_corners_bottom {margin-top:0px;background-color:#ffffff;}