/* 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:0px; padding:0px; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
body { line-height:1 }
ol, ul { list-style:none }
ul li { list-style:none; margin:0; padding:0; }
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:13px/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:24px }
h2 { font-size:22px }
h3 { font-size:20px }
h4 { font-size:18px }
h5 { font-size:16px }
h6 { font-size:14px }
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:10px }
.subtle { color:#999; }
a { color:#2682c7 }
a:hover { color:#1f6fa8 }
p { margin-bottom:10px; }
hr { width:100%; height:1px; border-top:1px solid #2682c7; color:#2682c7; background:#2682c7 }
.clearboth, .clear { clear:both; }
/* STRUCTURE */
#container { width:990px; margin:0 auto; padding:5px; }
/* CONTENT LEFT & RIGHT */
.content-left { width:745px; margin:5px 5px 50px 0; float:left; }
.content-right { width:745px; margin:10px 0 50px 10px; float:left; }
/* SIDEBAR LEFT & RIGHT */
.sidebar-right { width:210px; margin:10px 0 50px 10px; float:right; }
.sidebar-left { width:210px; margin:10px 5px 50px 0; float:left; }
.sidebar-left .block, .sidebar-right .block { width:211px; float:left; background: url(/images/layout/bg_sidebarblock.gif) 50% 0% no-repeat; margin:0 0 10px 0; }
.sidebar-left h3, .sidebar-right h3 { color:#0c72d8; margin:15px 0 3px 0; font-size:16px; font-weight:normal; }
.sidebar-left .block p, .sidebar-right .block p { padding:8px; }
.sidebar-left span.title, .sidebar-right span.title { padding:8px 0 8px 10px; display:block; color:#333; font-size:14px; }
.sidebar-left ul, .sidebar-right ul { padding:10px; }
.sidebar-left ul li, .sidebar-right ul li { padding:2px; }
/* HEADER */
#header { width:100%; float:left; background: #FFF url(/images/layout/bg_line_gray.gif) bottom left repeat-x; }
#logo { width:250px; margin:15px 0 0 0; float:left; }
#header-middle { width:270px; margin:0 10px; float:left; }
#header-right { width:450px; float:left; }
/* First Tier Top Nav */
ul#topnav { margin:6px 0; background:#fff url(/images/layout/bg_topnav.gif) right no-repeat; float:left; }
#topnav li { margin:0; padding:1px 7px 1px 3px; border-left:1px solid #fff; display:inline; float:left; position:relative; z-index:100}
#topnav li a { line-height:25px; margin:0 3px; text-decoration:none; }
#topnav li.first { background:#fff url(/images/layout/bg_topnav_left.gif) left no-repeat; border-left:0; }
#topnav li a.expand { padding-right:15px; background: url(/images/layout/bg_arrowdown_blue.gif) 100% 50% no-repeat; }
/* Second Tier Top Nav */
#topnav li ul { background-color:#FFF; display:none; height:auto; left:0; margin:0; padding:2px 0 0 0; position:absolute; top:100%; width:130px; }
/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/
#topnav li:hover ul { display: block; border:1px solid #DDD; margin:-2px 0 0 0; border-top:0; }
#topnav li ul li { margin:0; padding:0; text-align:left; width:100%; }
#topnav li ul li a { background-color:#fff; padding:0 8px; display:block; height:100%; }
#topnav li ul li a:hover { background-color:#f5f5f5; padding:0 8px; display:block; height:100%; }
/* SEARCH */
#topsearch { width:200px; height:42px; margin:36px 8px 0 0; float:right; background:#FFF; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; }
#topsearch form { margin:8px 0; text-align:center; }
#topsearch input.search { border:1px solid #dbdbdb; padding:3px; width:140px; }
#topsearch input.search:active, #topsearch input.search:focus { border:1px solid #000; background:#FFFFEB; padding:3px; }
/* HEADER CART */
#topcart { float:left; }
#topcart div.icon-cart { padding:0 0 0 22px; margin:0 0 5px 0; background: url(/images/layout/icn_cart.gif) 0% 50% no-repeat; }
#topcart a { margin:5px 0; padding-right:10px; background: url(/images/layout/bg_arrowright_blue.gif) 100% 50% no-repeat; font-size:11px; }
/* SIDE NAVIGATION */
dl.side-nav { margin-bottom:10px }
dl.side-nav dt { font-size: 14px; font-weight:normal; color:#555; }
dl.side-nav dt a { color: #666; text-decoration:none; background: url(/images/layout/bg_dl_sidenav.gif) 0% 0% no-repeat; display:block; width:211px; height:32px; cursor:pointer; line-height:32px; padding-left:10px; margin-bottom:1px; }
dl.side-nav dt a:active, dl.side-nav dt a:focus { outline:none }
dl.side-nav dt a.current { color: #000; text-decoration:none; background: url(/images/layout/bg_dl_sidenav_active.gif) 0% 0% no-repeat; display:block; }
dl.side-nav dd a { display:block; }
dl.side-nav ul { list-style: none; padding: 5px; }
dl.side-nav ul li { padding:2px 0 2px 8px; }
/* FOOTER */
#footer-wrap { width:100%; padding:10px 0 20px 0; clear:both; background: #f5f5f5 url(/images/layout/bg_footer.gif) 0% 0% repeat-x; }
#footer { width:990px; margin:10px auto; text-align:center; color:#666; }
#footer #badges { background: #FFF; border:1px solid #CCC; padding:10px; height:73px}
#footer ul { float:left; width:60%; list-style:none; text-align:center; padding-left:auto; padding-right:auto }
#footer ul li { float:left; line-height:38px; }
#footer ul li.first { float:left; line-height:38px; }
#footer a {padding:10px 0 10px 25px; }
/* BREADCRUMB */
.breadcrumb { border-bottom:1px solid #CCC; padding:3px 0; line-height:14px; margin-bottom:10px; float:left; width:100%; }
.breadcrumb a, .breadcrumb strong { padding:0 5px; color:#2682c7; text-decoration:none; }
.breadcrumb p { padding:0; padding:5px 0; line-height:18px; }
/* CONFIGURATOR */

.config-container { background: url(/images/layout/bg_rounded_blue_grad.gif) top left no-repeat; width:741px; height:66px; margin:10px 0; float:left; }
.config-body { float:left; width:300px; text-align:center; font-size:18px; }
.config-label { float:left; width:400px; text-align:left; color:#FFF; font-size:22px; margin-top:18px; line-height:28px; }
.config-label img { float:left; margin:0 10px 0 0; }
/* ROUNDED BLOCKS */
.block-rounded { width: 364px; float:left; background: url(/images/layout/block_top.gif) 0% 0% no-repeat; margin:10px 0 0 0; }
.block-rounded a { text-decoration:none; }
.block-rounded a:hover { text-decoration:underline; }
.block-rounded p { font-size:11px; }
.block-rounded h1.small a { font-size:16px; }
.block-rounded .top { padding:10px 10px 0 10px; background: url(/images/layout/block_top.gif) 0% 0% no-repeat; }
.block-rounded.last { margin:10px 0 0 10px; }
.block-rounded img { float:left; }
.block-rounded ul { padding-bottom:5px; }
.block-rounded ul li { padding:2px 0; font-size:11px; }
.block-rounded .bottom { width: 364px; height:20px; line-height:20px; background: #FFF url(/images/layout/block_bottomblue.gif) 0% 0% no-repeat; color:#FFF; text-align:right; text-decoration:none; float:left; }
.block-rounded .bottom a { margin:0 8px 0 0; padding:0 10px 0 0; color:#FFF; background: url(/images/layout/bg_arrowright_white.gif) 100% 50% no-repeat; }
.memory-blocks { margin:5px 0 20px 0; }
/* FOR MANUFACTURERS */

.block-rounded .top.manufacturer { height:120px; }
.block-rounded .top.manufacturer .image { float:left; margin:0; max-height:100px; max-width:100px; }
.block-rounded .top.manufacturer h3 { margin:0; padding:0; font-size:20px; }
.block-rounded .top.manufacturer h3.small { font-size:16px; }
.block-rounded .top.manufacturer ul { margin:10px 0 0 0; float:left; }
.block-rounded .top.manufacturer ul li { margin:0 0 0 20px; padding:0; }
.block-rounded .top.manufacturer p { padding:10px; }
/* ROUNDED BLOCKS SMALL*/
.block-rounded-sm { width: 243px; float:left; background: url(/images/layout/block_top_sm.gif) 0% 0% no-repeat; margin:10px 5px 0 0; }
.block-rounded-sm a { text-decoration:none; }
.block-rounded-sm a:hover { text-decoration:underline; }
.block-rounded-sm .top { padding:10px 10px 0 10px; background: url(/images/layout/block_top_sm.gif) 0% 0% no-repeat; }
.block-rounded-sm.last { margin:10px 0 0 10px; }
.block-rounded-sm img { float:left; }
.block-rounded-sm ul li { padding:2px 0; }
.block-rounded-sm .bottom { width: 243px; height:20px; line-height:20px; background: #FFF url(/images/layout/block_bottomblue_sm.gif) 0% 0% no-repeat; color:#FFF; text-align:right; text-decoration:none; float:left; }
.block-rounded-sm .bottom a { margin:0 8px 0 0; padding:0 10px 0 0; color:#FFF; background: url(/images/layout/bg_arrowright_white.gif) 100% 50% no-repeat; }
/* FOR MANUFACTURERS */
.block-rounded-sm .top.manufacturer { height:120px; }
.block-rounded-sm .top.manufacturer .image { float:left; margin:10px 10px 10px 10px; width:100px; height:100px; }
.block-rounded-sm .top.manufacturer h3 { margin:15px 0 0 0; padding:0; font-size:16px; }
.block-rounded-sm .top.manufacturer h3.small { font-size:14px; }
.block-rounded-sm .top.manufacturer ul { margin-top:10px; }
.block-rounded-sm .top.manufacturer ul li { margin-left:20px; }
.block-rounded-sm .top.manufacturer p { padding:10px; }
/* FOR FULL WIDTH AND TITLE ON TOP */
.block-rounded .top.full-width { height:120px; }
.block-rounded .top.manufacturer .image { margin:5px 0px 10px 5px; }
.block-rounded .top.full-width h1 { margin:0 0 5px 0; padding:0; font-size:20px; }
.block-rounded .top.full-width h1.small { font-size:16px; }
.block-rounded .top.full-width ul { margin-top:10px; }
.block-rounded .top.full-width ul li { margin-left:20px; }
.block-rounded .top.full-width p { padding:10px; }
/* Work4Sure Content on memory pages */
.work4sure-content { margin:15px 0; font-size:11px; color:#999; text-align: center; float:left; }
/* Model List */
.model-list-container { background:#f5f5f5; border:1px solid #CCC; margin:15px 0; padding:10px; clear:both; }
/* Product List */
.sort_form { background:#ddd; padding:4px; margin-bottom:10px; text-align:left }
.product_list_item { border-bottom:1px solid #ebebeb; padding:10px 0; overflow:auto; height:100% }
.product_list_image { width: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:5px }
.product_list_content h3 a { font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none }
.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 }
/*Product Detail */
.product_detail_image { width:300px; float:left; margin-right:40px }
.product_detail_price { width:360px; float:left }
.product_detail_price p { margin:10px 0 0 }
.product_detail_price p.share_this { text-transform:none; font-weight:normal }
.product_detail_desc { clear:both; padding-top:20px }
/* Model Pages */
ul.model_upgrade_nav { list-style:none }
ul.model_upgrade_nav li { display:inline; margin:0 }
ul.model_upgrade_nav li a { display:block; float:left; border:1px solid #ccc; border-bottom:none; padding:4px 7px; margin-right:10px; text-decoration:none }
ul.model_upgrade_nav li a:hover { background:url(/images/layout/bg_main_menu_tab.gif) bottom repeat-x; color:#2682c7 }
ul.model_upgrade_nav li a.current { background:url(/images/layout/bg_main_menu_tab.gif) bottom repeat-x; color:#333 }
ul.model_upgrade_nav li a.open_box { color:#c00 }
.model_container { border:10px solid #ededed; clear:both; overflow:auto; height:100%; -moz-border-radius: 5px; -webkit-border-radius: 5px }
/* Model Recommendation Block */
.model_recommendation { padding:0; overflow:auto; height:100% }
.model_recommendation_text { width:200px; float:left; margin-left:10px; position: relative; }
.model_recommendation_text h3 { width:200px; height:30px; display:block; text-indent:-9999px; margin:0px 0; }
.model_recommendation_text img { position:relative; top:25px; }
.model_recommendation_img { width:200px; float:left; text-align:center; margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: 35px; }
.model_recommendation_details { width:200px; float:right; margin-right:10px; margin-top:25px }
.model_recommendation_details h2 { font-size:18px; }
.model_recommendation_details .price { color: #666; font-weight: bold; }
.model_recommendation_details .part_no { color: #999; font-size: 11px; }
.block_hd_compatibility { background: #ffc; padding: 10px; }
.block_hd_compatibility img { margin-right:10px }
.block_hd_compatibility p:last-child { margin:0 }
/* Model Product List */
.model_product_list { clear:both; border-top:5px solid #2682c7 }
.model_product_list td { border-bottom:1px solid #ccc; border-right:none; padding:5px; vertical-align:middle }
.model_product_list td.bg_gray { background:#f5f5f5 }
.model_product_list td.image { width:60px; text-align:center }
.model_product_list td.image img { width:50px; }
.model_product_list td.prod_name { }
.model_product_list td.part_num { width:80px; text-align:center }
.model_product_list td.prod_price { width:60px; text-align:center }
.model_product_list td.prod_qty { width:50px; text-align:center }
.model_product_list td.cart_btn { width:80px; text-align:center }
/* Model System Details */
.model_system_details { padding:15px 0; overflow:auto; height:100% }
.model_system_details h2 { font:bold 14px Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:15px }
.model_system_information { border:5px solid #ebebeb; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:298px; float:left; padding:10px; margin-right:20px }
.model_system_information ul { list-style-image:url(/images/layout/blt_greenarrow.png) }
.model_system_support { width:300px; float:left; padding:10px }
/* Model Support Info Details */
.support_info { clear:both; width:660px; float: right; padding-right: 40px; top: 0px; position: relative; }
.support_info ul { list-style-image:url(/images/layout/bullet_arrow.gif); text-align:center; }
.support_info ul li { list-style-image:url(/images/layout/bullet_arrow.gif); text-align:left; display: list-item; float:right; width: 20%; }
.ul_2 { list-style-image:url(/images/layout/bullet_arrow.gif); text-align:center; clear:both; display: list-item; width: 100%; }
/* Category List */
h2.bnr_configurator { display:block; background:#e8e8e8 url(/images/layout/bg_bnr_configurator.png) no-repeat; font:italic 16px Georgia, "Times New Roman", Times, serif; color:#333; text-align:center; padding:9px 0; margin-top:-15px }
.category_block_container { padding:10px 11px; overflow:auto; height:100% }
.category_block { width:152px; margin:10px; float:left; text-align:center }
.category_block_image { display:block; width:150px; height:150px; text-align:center }
.category_block_image img { width:150px }
.category_block_image:hover { border:0 }
.category_block h3 { font:bold 10px Arial, Helvetica, sans-serif; margin-top:5px }
.navigation_img { width:75px; margin-right:15px; float:left }
.navigation_img img { width:75px }
.navigation_long_desc { border-top:1px solid #ccc }
.navigation_desc { padding-bottom:10px; padding-left: 10px; }
/* Memory Category List */
.memory_category_block { width:190px; margin:10px; padding:10px; float:left; text-align:center }
.memory_category_block:hover { }
.memory_category_block_image { display:block; width:150px; height:150px; text-align:center; margin:0 auto }
.memory_category_block_image img { width:150px; margin:0 auto }
.memory_category_block h1 { font:18px Arial, Helvetica, sans-serif; margin-top:5px }
#toggle_all_models { clear:both; padding-top:10px }
#toggle_all_models h3 a { display:block; cursor:pointer; padding:3px 6px; font-size:18px; text-align:center; text-decoration: underline; }
#toggle_all_models ul { list-style:none; border:1px solid #eee; border-top:none; padding:10px }

/* CATEGORY LISTS BLOCK */
.category-list { text-align:center; margin-top:10px; }
.category-list h3 { border-bottom: 1px solid #CCCC98; color:#343434; text-align:left; margin:10px 0; }
.category-list .block { width: 180px; text-align:center; border:none; margin:8px 5px; }
.category-list .block h3 { font:bold 12px Arial, Helvetica, sans-serif; border-bottom:none; margin:0; text-align:center }
.category-list .block h3 a { text-decoration:none }
.category-list .block .image { border-right:none; margin:0 0 8px 0; padding:0; float:none; text-align:center; border:1px solid #CCC; }
.category-list .block .image:hover { border:1px solid #0092cf }
/* Catalog List View */
.catalog_list_item { border-bottom:1px solid #ebebeb; padding:10px 0 }
.catalog_list_image { width:75px; height:75px; padding-right:10px; margin-right:10px; float:left; border-right:1px solid #ebebeb; }
.catalog_list_image img { border:none }
.catalog_list_content { margin-left:95px }
.catalog_list_content h3 a { font-size:14px; color:#0054c8; text-decoration:none }
.catalog_list_content .detail { margin-bottom:10px }
/* PRODUCT DETAIL BLOCK */


.product-detail .block { border-bottom:none; }
.product-detail .block .image { text-align:center; margin:20px; float:left; border-right:none; }
.product-detail .block .desc { margin:10px 0; float:none; }
.product-detail .block .title { font-size:16px; margin:15px 0 15px 0; border-bottom:1px dotted #DADADA; display:inline; padding:5px; }
.product-detail .block .title a { color:#000; }
.product-detail .block .desc h3 { font-size:16px; margin:5px 0; color:#54869f; }

/* Related Products */
.related_product_item { text-align:center; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc }
.related_product_item h4 { font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:5px }
.related_product_item p { text-transform:uppercase; font:bold 12px Arial, Helvetica, sans-serif; margin:10px 0 0 }
.related_product_image img { width:75px }
.related_product_item select, .related_product_item input { margin-top:5px }
#toggle_all_models h3 a { cursor: pointer; padding-left:15px; background: url(/images/layout/bg_arrowdown_blue.gif) 0% 50% no-repeat; }
#toggle_all_models ul { margin:20px; float:left; }
#toggle_all_models ul li { width:50%; float:left; }
/* Tables */
table td { padding:5px 10px; border-right:1px solid #fff }
.table_header { background:#2682c7; color:#fff; font-weight:bold }
.table_row_odd { background:#fff }
.table_row_even { background:#eee }
/* FAQ */
ul.faq_type_list { list-style:none; padding-top:20px }
ul.faq_list { list-style:none }
.faq_answer_container { margin:0 20px }
.button { background:#2682c7; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; padding:3px 6px; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:0; }
.button:hover { background:#68b800; color:#fff }
.message { background:#ffffeb; border:1px solid #BABB93; padding:10px; margin:0 0 15px 0; font-weight:bold; font-size:14px }
.line_through { text-decoration:line-through }
.red { color:#c00 }
.gray { color:#777 }
.green { color:#3ab54a }
.clear{clear:both}
/* Checkout Specifics */
div.legend { padding:5px 10px; margin:0; font-weight:bold; color:#fff; font-size:13px; background:#2682c7; color:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:0; }
.table_header, .button { background:#2682C7; color:#FFF; font-size:13px; background-color:#2682C7; }
.checkout_button { background:#34b447; color:#fff; font:bold 13px Arial, Helvetica, sans-serif; padding:3px 6px; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:0; }
.checkout_button:hover { background:#46bf58 }
.banner { margin-top: 10px; margin-left:18px}
.clear_l { clear: left; }

