/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
:focus { outline:0 }
ins { text-decoration:none }
del { text-decoration:line-through }
table { border-collapse:collapse; border-spacing:0 }
/* Typography */
body { font:14px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; color:#333 }
hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0 }
h1 { font-size:26px }
h2 { font-size:24px }
h3 { font-size:22px }
h4 { font-size:20px }
h5 { font-size:18px }
h6 { font-size:16px }
ol { list-style:decimal }
ul { list-style:disc }
li { margin-left:30px }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { font-weight:normal; padding:0; margin:0 }
small { font-size:12px }
a { color:#508bcf; text-decoration:none }
a:hover { text-decoration:underline }
p, ol, ul { margin-bottom:15px }
/* Layout */
.container { width:940px; margin:20px auto }
.header { }
.header ul { list-style:none; background:#7aa7da url(../../images/layout/bg_topnav.png); padding:0 5px; margin:0; overflow:auto; height:45px /* IE6 Fix */ }
.header ul li { display:inline; margin:0; font:bold 13px Arial, Helvetica, sans-serif }
.header ul li a { display:block; float:left; color:#fff; padding:12px 0; width:185px; border-right:1px solid #508bcf; text-align:center; text-shadow:1px 1px 1px #333; background:url(../../images/layout/sprite_bg_topnav.png) top right no-repeat }
.header ul li a:hover { background-color:#508bcf; background-position:100% -40px; text-decoration:none }
/* active state */
		.header ul li a.home { background-position:100% -80px }
.header ul li a.cart { background-position:100% -320px; border-right:0 none }
/* hover state */
		.header ul li a.home:hover { background-position:100% -120px }
.header ul li a.cart:hover { background-position:100% -360px }
.content { padding:20px 0; clear:both; height:100% /* IE6 Fix */ }
.content h1 { padding:0 0 5px; margin:0 0 10px; font:bold 30px Myriad Pro, sans-serif; position:relative; border-bottom:1px solid #ebebeb }
.content h1 span { position:absolute; display:block; top:0; left:0; height:100%; width:100%; background:url(../../images/layout/bg_content_h1.png) top no-repeat }
/* Home Page */
	.block_home { height:420px; background:url(../../images/layout/bg_home_block.jpg) top no-repeat; padding:40px; margin-bottom:20px }
.block_home_left, .block_home_right { width:430px; float:left }
.block_home h1 { display:block; width:357px; height:99px; padding:0; margin:0; background:url(../../images/layout/logo_block_home.png); text-indent:-9999px; border:0 none }
.block_home p { font:24px Myriad Pro, sans-serif; padding-top:40px }
.block_home ul { list-style:none; margin:0; display:block; width:105px; height:420px; float:right }
.block_home ul li { margin:0 }
.block_home ul li a { display:block; width:105px; height:105px; background:url(../../images/layout/sprite_btn_home_bags.png); text-indent:-9999px }
/* active state */
		.block_home ul li.orange a { background-position:105px 0 }
.block_home ul li.blue a { background-position:105px 315px }
.block_home ul li.black a { background-position:105px 210px }
.block_home ul li.grey a { background-position:105px 105px }
/* hover state */
		.block_home ul li.orange a:hover { background-position:0 0 }
.block_home ul li.blue a:hover { background-position:0 315px }
.block_home ul li.black a:hover { background-position:0 210px }
.block_home ul li.grey a:hover { background-position:0 105px }
/* 220 Blocks */
	.block_220 { width:220px; float:left; margin:0 20px 20px 0; background:url(../../images/layout/bg_block_220.png) bottom }
.block_220 h3 { display:block; height:28px; background:url(../../images/layout/bg_block_220.png) top; padding:6px 10px 0; font:bold 14px Arial, Helvetica, sans-serif }
.block_220 p { padding:0 10px 10px }
.block_220 ul { list-style:none; padding:0 1px 10px; margin:0 }
.block_220 ul li { margin:0; font-weight:bold }
.block_220 ul li a { display:block; padding:5px 10px; height:100% /* IE6 Fix */ }
.block_220 ul li a:hover { background:#ebebeb; text-decoration:none }
.block_220_noBG { width:220px; float:right; margin:0 20px 20px 0 }
/* Cart block */
	.cart p { text-align:center; margin:0 }
p.cart_count { font:bold 15px Arial, Helvetica, sans-serif }
/* Page */
	.page { width:700px; float:left; margin-right:20px }
/* Category List */
	.category_list { margin-top:10px; padding-top:10px; border-top:1px solid #ebebeb }
.category_block { width:152px; margin:10px 19px; float:left; text-align:center }
.category_block_image { display:block; width:150px; height:150px; border:1px solid #ebebeb; text-align:center }
.category_block_image img { width:150px }
.category_block_image:hover { border:1px solid #508bcf }
.category_block h3 { font:bold 11px Arial, Helvetica, sans-serif; margin-top:5px }
/* Prod List View */
	.prod_list_view { }
.prod_list_item { clear:both; padding:10px 0; margin-top:10px; border-top:1px solid #ebebeb }
.prod_list_img { display:block; float:left; width:100px; height:100px; padding-right:10px; margin-right:10px; border-right:1px solid #ebebeb; }
.prod_list_img img { border:none; width:100px }
.prod_list_detail { margin-left:130px }
.btn_addtocart_small { width:112px; height:25px; border:0 none; margin:5px 0 0 0; padding:0; background:url(../../images/layout/sprite_btn_addtocart.png) 0px 50px; color:#fff; text-shadow:1px 1px 1px #333; font:bold 16px Arial, Helvetica, sans-serif }
.btn_addtocart_small:hover { background-position:0px 25px; cursor:pointer }
/* Prod View */
	.prod_view { }
.prod_view h1 { }
.prod_view_img { width:350px; float:left; text-align:center }
ul#prod_gallery { list-style:none }
ul#prod_gallery li { display:inline; margin:0 }
ul#prod_gallery li a { display:block; width:70px; height:70px; float:left; padding:5px; margin-right:5px; border:1px solid #b8b8b8 }
ul#prod_gallery li a:hover { border:1px solid #333 }
.prod_view_detail { width:350px; float:left }
.prod_view_detail p { margin-bottom:20px }
.price { font:18px Arial, Helvetica, sans-serif }
.btn_addtocart { display:block; width:220px; height:50px; border:0 none; margin:5px 0 0 0; padding:0; background:url(../../images/layout/sprite_btn_addtocart.png); color:#fff; text-shadow:1px 1px 1px #333; font:bold 28px Arial, Helvetica, sans-serif }
.btn_addtocart:hover { background-position:0px 100px; cursor:pointer }
.prod_view_desc { margin-bottom:20px }
.prod_view_long_desc { clear:both; padding:20px 0 0 }
.memory_upgrade_btn a { display:block; height:38px; width:629px; background:url(../../images/layout/sprite_btn_memory_upgrades.png) bottom no-repeat; font-size:16px; padding:12px 0 0 71px; margin-bottom:20px }
/* FAQ's */
	dd { padding-left:20px }
.footer { clear:both; border-top:2px solid #b8b8b8; text-align:center }
.footer ul { list-style:none; padding:10px 0; margin:0 }
.footer ul li { display:inline; margin:0; padding:10px }
/* Misc Classes */
.clear { clear:both }
.mr0 { margin-right:0 }
.small { font-size:11px }
.large { font-size:15px }
.larger { font-size:16px }
.float_left { float:left }
.float_right { float:right }
.float_r { float:right }
.float_l { float:left }
.center { text-align:center; margin:inherit auto }

.button { background:#98cd5e url(../../images/layout/bg_button.png) bottom; color:#fff; border:1px solid #8ac648; font:bold 12px Arial, Helvetica, sans-serif; padding:2px 4px }
.button:hover { background:#8ac648; cursor:pointer }
.button.btn-cancel{background:#DDD; color:#999; border:1px solid #999; font:bold 80% Arial, Helvetica, sans-serif; padding:3px 6px; cursor:pointer;margin-left:20px;}
.button.btn-cancel:hover{background:#CCC; color:#666;border:1px solid #999}

/*
.button { background:#a6ce38; color:#fff; border:1px solid #999; font:bold 80% Arial, Helvetica, sans-serif; padding:3px 6px; cursor:pointer }
.button:hover { background:#999; text-decoration:none!important }
.button.btn-cancel { background:#DDD; color:#999; border:1px solid #999; font:bold 80% Arial, Helvetica, sans-serif; padding:3px 6px; cursor:pointer; margin-top:10px; }
.button.btn-cancel:hover { background:#CCC; color:#666; }
.button.btn-addtocart { font-size: 18px; padding: 3px 6px; }
*/

.message { background:#ffffeb; border:1px solid #BABB93; padding:10px 20px; margin:0 0 15px 0; font-weight:bold }
.line_through { text-decoration:line-through }
.red { color:#c00 }
.gray { color:#777 }
.green { color:#090 }
.clearboth { clear:both }
.search { display:block; width:220px; height:26px; float:right; padding:0; margin:0 0 20px 0; background:url(../../images/layout/bg_search.png) no-repeat }
.search input[type="text"] { border:none; padding:2px; margin:0 0 0 5px; width:185px; background:#fff }
.search input[type="image"] { border:none; padding:0; margin:0 0 -4px 0 }
/* Currency Conveter */
ul.currency_converter { margin:20px auto 0; list-style:none }
ul.currency_converter li { display:inline; float:left; height:36px; width:48px; margin-left:6px; background:url(../../images/layout/sprite_btn_flags.png); text-indent:-9999px }
ul.currency_converter li:hover { cursor:pointer }
/* Currency Flag Sprites */
	ul.currency_converter li.us_flag { background-position:0 36px }
ul.currency_converter li.ca_flag { background-position:144px 36px }
ul.currency_converter li.uk_flag { background-position:96px 36px }
ul.currency_converter li.eu_flag { background-position:48px 36px }
/* Hover State
	ul.currency_converter li.us_flag:hover{background-position:0 36px}
	ul.currency_converter li.ca_flag:hover{background-position:144px 36px}
	ul.currency_converter li.uk_flag:hover{background-position:96px 36px}
	ul.currency_converter li.eu_flag:hover{background-position:48px 36px}
	 */

/* Cart */
.checkout_button { background:#508bcf; color:#fff; border:1px solid #3c689b; font:bold 16px Arial, Helvetica, sans-serif; padding:6px 12px }
.checkout_button:hover { background:#f07a0c; cursor:pointer; border:1px solid #b45b09 }
ul.checkout_steps { list-style:none }
ul.checkout_steps li { display:inline; color:#777 }
ul.checkout_steps li.next:before { content:url(../../images/bullet_arrow_gray.gif)' ' }
ul.checkout_steps li.current { color:#090; font-weight:bold }
ul.checkout_steps li.complete { font-weight:bold }
ul.checkout_steps li.complete:before { content:url(../../images/icon_slider_check.png)' ' }
.cart-left { float:left; width:49%; }
.cart-right { float:right; width:49%; }
#cart_slider { background:#fff url(../../images/layout/bg_cart_slider.png) bottom; padding:10px 20px; width:430px; position:absolute; z-index:1000; display:none }
#no_thank_you:hover { cursor:pointer }
/* Product List */
.sort_form { background:#ddd; padding:4px; margin-bottom:10px; text-align:right }
.product_list_item { border-bottom:1px solid #ebebeb; padding:10px 0; overflow:auto }
.product_list_image { width:75px; height:75px; padding-right:10px; margin-right:10px; float:left; border-right:1px solid #ebebeb; }
.product_list_image img { border:none; width:75px }
.product_list_content { margin-left:95px }
.product_list_content h3 a { font:bold 14px Arial, Helvetica, sans-serif; color:#0054c8; text-decoration:none }
.product_list_content h3 a:hover { color:#0092cf }
.product_list_form { margin-top:10px }
.product_list_form input:focus { background:none; border:none }
.product_list_price { margin:5px 0 0 25px }
.product_list_price p { text-transform:uppercase; font:bold 12px Arial, Helvetica, sans-serif; margin:2px 0 0 }
/* Memory Detail */
.memory_detail_system_specs { width:338px; float:left; margin-right:20px; border:1px solid #ccc }
.memory_detail_system_specs table { border:1px solid #fff; border-right:none; border-top:none; width:337px; float:right }
.memory_detail_recommended { width:340px; float:left }
.memory_detail_recommended h2 { font-size:22px }
/* Tables */
table td { padding:5px 10px; border-right:1px solid #fff }
.table_header { background:#334349; color:#fff; font-weight:bold }
.table_row_odd { background:#fff }
.table_row_even { background:#eee }
/* STYLING FORMS */
.message.stepOneSubmit { background:#ffffeb url(../../images/icon_loading.gif) 5px 50% no-repeat; width:250px; text-align:left; padding-left:50px; }
fieldset { margin:0 0 15px; padding:0; border:1px solid #DDD; border-top:0 }
legend { margin:0; padding:0; border:0 }
div.legend { padding:5px 10px; margin:0; font-weight:bold; color:#fff; font-size:13px; background:#334349; color:#FFF }
label { display:inline-block; line-height:1.8; vertical-align:top; font-weight:bold }
fieldset ul { margin:0; padding:15px 0 }
fieldset li { list-style:none; padding:5px 0 5px 10px; margin:0 0 0 10px; clear:both }
label { display:block; width:120px; float:left }
label.spanColumn { width:100%; display:block }
input, textarea, button { padding:1px }
input:focus, textarea:focus { background:#FFC; border-style:solid; border-color:#CCC; padding:1px }
input.button:focus, input.checkout_button:focus { background:#334349; padding:3px 6px; }
input.error, li.error p, p.error { border:1px solid #C50000; background:#FFDFDF }
li.error p, p.error { padding:5px; }
li.message { background:#ffffeb url(../../images/icon_loading.gif) 10px 50% no-repeat; text-align:left; padding-left:60px; margin:10px 20px; }
label.error { width:250px; clear:both; margin-left:120px; color:#C50000; font-style:italic; background:url(../../images/error_small.png) 0 50% no-repeat; padding-left:18px; line-height:11px; font-size:11px; display:block }
fieldset#creditCardFieldset { margin:10px; padding:10px; border:1px dotted #334349; width:375px }
fieldset#creditCardFieldset div.legend { color:#334349; background:none }
fieldset#creditCardFieldset legend { background:#FFF }
.loginInstructions .error, .loginInstructions .message { margin-right:20px; }
.paymentMethods label.error, .shipmentMethods label.error { margin-left:0; display:block; float:left; clear:both; width:100%; padding:5px 0 5px 18px }
.paymentMethods fieldset label.error { width:200px; clear:both; margin-left:120px; color:#C50000; font-style:italic; background:url(../../images/error_small.png) 0 50% no-repeat; padding-left:18px; line-height:11px; font-size:11px; display:block }
.helper { color:#666; font-size:11px }
.helper-required { color:#C50000 }
.legend .helper { color:#FFF; font-size:12px; font-weight:normal }
.form_select_overflow { width:170px }
.form_select_overflowClick { width:100% }
div.blockMsg { width:  300px; top:    40%; left:   40%; text-align: center; background-color: #FFF; border: 3px solid #20A0D5; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px; }
div.blockOverlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
-moz-opacity:.70; opacity:.70; background-color: #FFF; }
div.blockMsg p { font-size:14px; text-align:left; }
p.authStatus { background:#F5f5f5; border:1px dotted #DDD; padding:3px 0 0 6px; margin:0 0 10px 0; }
#unblock { cursor:pointer; }
.highlight { background:#FFFFCC; padding:2px; }
a#cancelChangeAuth, a#changeAuth { color:#C50000; cursor:pointer; }
#userPWTargetHelper { display:block; font-size:12px; margin:5px 15px 5px 0; padding:5px; color:#333; font-weight:bold; border:1px solid #EFEFE0; }

.message-confirm{display: none;padding:10px;background:#FFFFEB;border:1px solid #BABB93;margin:10px 0;}