/*@FONT-FACE { font-family: 'DINBlack'; src: url('dinbla-webfont.eot'); src: url('dinbla-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://localhost/razer/asset/fonts/dinbla-webfont.woff')
        format('woff'),
        url('http://localhost/razer/asset/fonts/dinbla-webfont.ttf')
        format('truetype'), url('dinbla-webfont.svg#DINBlack') format('svg'); font-weight: normal; font-style: normal; }

@FONT-FACE { font-family: 'DINBold'; src: url('dinbol-webfont.eot'); src: url('dinbol-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://localhost/razer/asset/fonts/dinbol-webfont.woff')
        format('woff'),
        url('http://localhost/razer/asset/fonts/dinbol-webfont.ttf')
        format('truetype'), url('dinbol-webfont.svg#DINBold') format('svg'); font-weight: normal; font-style: normal; }
*/

@font-face { font-family: 'DINRegular'; src: url('http://www.razersupport.com/fonts/dinreg-webfont.eot'); src: url('http://www.razersupport.com/fonts/dinreg-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://www.razersupport.com/fonts/dinreg-webfont.woff')
        format('woff'),
        url('http://www.razersupport.com/fonts/dinreg-webfont.ttf')
        format('truetype'), url('http://www.razersupport.com/fonts/dinreg-webfont.svg#DINRegular') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
  font-family: 'DINPro-Medium';
  src: url('http://www.razersupport.com/fonts/DINPro-Medium.eot');
  src: url('http://www.razersupport.com/fonts/DINPro-Medium.woff') format('woff'), url('http://www.razersupport.com/fonts/DINPro-Medium.ttf') format('truetype'), url('http://www.razersupport.com/fonts/DINPro-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */
    /* =============================================================================
   HTML5 display definitions
   ========================================================================== */
ARTICLE,ASIDE,DETAILS,FIGCAPTION,FIGURE,FOOTER,HEADER,HGROUP,NAV,SECTION
    { display: block; }

AUDIO,CANVAS,VIDEO { display: inline-block; *
    display: inline; *
    zoom: 1; }

AUDIO:NOT([CONTROLS]){ display: none; }

[HIDDEN] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */
    /*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
HTML { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

BODY { margin: 0; font-size: 13px; line-height: 1.231; background: #000; }

BODY,BUTTON,INPUT,SELECT,TEXTAREA { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-MOZ-SELECTION { background: #0f0; color: #000; text-shadow: none; }

::SELECTION { background: #0f0; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */
A { text-decoration: none; color: #0f0; }

A:VISITED { color: #0f0; }

A:HOVER { color: #0f0; }

A:FOCUS { /*outline: thin dotted;*/ outline:none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
A:HOVER,A:ACTIVE { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
ABBR[TITLE] { border-bottom: 1px dotted; }

B,STRONG { font-weight: bold; }

BLOCKQUOTE { margin: 1em 40px; }

DFN { font-style: italic; }

HR { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

INS { background: #ff9; color: #000; text-decoration: none; }

MARK { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
PRE,CODE,KBD,SAMP { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
PRE { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

Q { quotes: none; }

Q:BEFORE,Q:AFTER { content: ""; content: none; }

SMALL { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
SUB,SUP { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

SUP { top: -0.5em; }

SUB { bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
UL,OL { margin: 1em 0; padding: 0 0 0 40px; }

DD { margin: 0 0 0 40px; }

NAV UL,NAV OL { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
    /*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
IMG { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */
SVG
:NOT
 
(
:ROOT
 
) { overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
FIGURE { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
FORM { margin: 0; }

FIELDSET { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
LABEL { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
LEGEND { border: 0; *
    margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
BUTTON,INPUT,SELECT,TEXTAREA { font-size: 100%; margin: 0; vertical-align: baseline; *
    vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
BUTTON,INPUT { line-height: normal; *
    overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
TABLE BUTTON,TABLE INPUT { *
    overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
BUTTON,INPUT[TYPE="BUTTON"],INPUT[TYPE="RESET"],INPUT[TYPE="SUBMIT"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */
INPUT[TYPE="CHECKBOX"],INPUT[TYPE="RADIO"] { box-sizing: border-box; }

INPUT[TYPE="SEARCH"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

INPUT[TYPE="SEARCH"]::-WEBKIT-SEARCH-DECORATION { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
BUTTON::-MOZ-FOCUS-INNER,INPUT::-MOZ-FOCUS-INNER { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
TEXTAREA { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
INPUT:VALID,TEXTAREA:VALID { }

INPUT:INVALID,TEXTAREA:INVALID { background-color: #f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */
TABLE { border-collapse: collapse; border-spacing: 0; }

TD { vertical-align: top; }

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
    /* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
    /* For image replacement */
.IR { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.IR BR { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.HIDDEN { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.VISUALLYHIDDEN { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.VISUALLYHIDDEN.FOCUSABLE:ACTIVE,.VISUALLYHIDDEN.FOCUSABLE:FOCUS { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.INVISIBLE { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.CLEARFIX:BEFORE,.CLEARFIX:AFTER { content: ""; display: table; }

.CLEARFIX:AFTER { clear: both; }

.CLEARFIX { zoom: 1; }

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@MEDIA ONLY SCREEN AND (MIN-WIDTH: 480PX) { /* Style adjustments for viewports 480px and over go here */ : ; }

@MEDIA ONLY SCREEN AND (MIN-WIDTH: 768PX) { /* Style adjustments for viewports 768px and over go here */ : ; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@MEDIA PRINT {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; /* Black prints faster: h5bp.com/s */ -ms-filter: none !important; }

    a,a:visited { text-decoration: underline; }

    a[href]:after { content: " (" attr(href) ")"; }

    abbr[title]:after { content: " (" attr(title) ")"; }

    .ir a:after,a[href ^="javascript:"]:after,a[href ^="#"]:after { /* Don't show links for images, or javascript/internal links */ content: ""; }

    pre,blockquote { border: 1px solid #999; page-break-inside: avoid; }

    thead { /* h5bp.com/t */ display: table-header-group; }

    tr,img { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    @page { margin: 0.5cm; }

    p,h2,h3 { orphans: 3; widows: 3; }

    h2,h3 { page-break-after: avoid; }

}
#razPage { }

#razHead { height: 100px; background: url(http://assets.razerzone.com/images/header-v2.png) 0 90% no-repeat; }

#razHead h1 { text-indent: -9999px; }

.folt,.fleft { float: left; }

.fort,.fright { float: right; }

.w100 { width: 100px; }

.w120 { width: 120px; }

.w150 { width: 150px; }

.w200 { width: 200px; }

.w220 { width: 220px; }

.w240 { width: 240px; }

.w250 { width: 250px; }

.w260 { width: 260px; }

.w300 { width: 300px; }

.w320 { width: 320px; }

.w350 { width: 350px; }

.w400 { width: 400px; }

.w450 { width: 450px; }

.w600 { width: 600px; }

.w800 { width: 800px; }

.w900 { width: 900px; }

.w950 { width: 950px; }

.w1000 { width: 1000px; }

#razMenu { background: url(../images/nav.png) left top no-repeat; height: 50px; line-height: 1.0; border-bottom: 1px solid #111; }

#razMenu li.footLink { color: #888; font-size: 11px; padding: 8px 0; border-top: 1px dotted #333; }

    
#razMenu li.footLink a{ color: #0f0; display: inline; padding: 0; }

#razMenu li.alpha { margin-left: 0; padding-left: 0; }

#razMenu li.omega { margin-left: 0; }

/*** ESSENTIAL STYLES ***/
#razMenu,#razMenu * { margin: 0; padding: 0; list-style: none; }

#razMenu .menulv1 { color: #0f0; padding: 10px 8px 20px; }

#razMenu .lv1Box,#razMenu .lv2Box,#razMenu .lv3Box { padding: 8px; background: #000; border: 1px solid #333; }

#razMenu dl { padding: 0 0 5px; }

#razMenu dl.x1items { height: 100px; }

#razMenu dl.x2items { height: 120px; }

#razMenu dl.x3items { height: 130px; }

#razMenu dl.x4items { height: 150px; }

#razMenu dl.x5items { height: 180px; }

#razMenu dl.x8items { height: 350px; }

/** Color segmenting **/
#razMenu .segm1 { background: #0c0c0c; }

#razMenu .segm2 { background: #090909; }

#razMenu .segm3 { background: #060606; }

#razMenu .segm4 { background: #030303; }

#razMenu .segm5 { background: #000; }

#razMenu sup.new { padding: 5px 35px 0 0; height: 1px; overflow: hidden; margin: 0; line-height: 1; text-indent: -9999px; background: url(https://drh.img.digitalriver.com/DRHM/Storefront/Site/razerusa/cm/images/images/new.gif)
        5px 4px no-repeat; }

#razMenu ul { position: absolute; top: -999em; }

#razMenu ul li { width: 100%; }

#razMenu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

#razMenu li { float: left; line-height: 1.2; position: relative; font-family: Arial,sans-serif; }

#razMenu a { display: block; position: relative; padding: 5px 5px 5px 0; margin: 0; text-decoration: none; }

#razMenu li:hover ul,#razMenu li.sfHover ul { left: 15px; top: 40px; /* match top ul list item height */ z-index: 99; }

#razMenu #productTab:hover ul,#razMenu #productTab.sfHover ul { left: 0; }

ul#razMenu li:hover li ul,ul#razMenu li.sfHover li ul { top: -999em; }

ul#razMenu li li:hover ul,
ul#razMenu li li.sfHover ul,
ul#razMenu li li:hover ul,
ul#razMenu li#productTab li:hover ul,
ul#razMenu li#productTab li.sfHover ul { left: 150px; /* match ul width */ top: 0; }

ul#razMenu li li:hover li ul,ul#razMenu li li.sfHover li ul { top: -999em; }

ul#razMenu li li li:hover ul,ul#razMenu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

#razMenu ul li li dt,#razMenu ul li ul#licensedPeripherals li.prdHead
    { background: none; padding: 15px 0 15px 10px; margin: 0 0 10px; border-bottom: 1px dotted #333; }

#razMenu ul li li dd a:link,#razMenu ul li li dd a:visited,#razMenu ul li li dd a:hover,#razMenu ul li li dd a:active,#razMenu ul li ul#licensedPeripherals li a:link,#razMenu ul li ul#licensedPeripherals li a:visited,#razMenu ul li ul#licensedPeripherals li a:hover,#razMenu ul li ul#licensedPeripherals li a:active { padding: 5px 0 5px 20px; text-transform: none; background: transparent
        url(https://drh.img.digitalriver.com/DRHM/Storefront/Site/razerusa/cm/images/greenpointer.gif)
        10px 7px no-repeat; }

#razMenu ul li li dt a:link,
#razMenu ul li li dt a:visited,
#razMenu ul li li dt a:hover,
#razMenu ul li li dt a:active,
#razMenu ul li ul#licensedPeripherals li dt a:link,
#razMenu ul li ul#licensedPeripherals li dt a:visited,
#razMenu ul li ul#licensedPeripherals li dt a:hover,
#razMenu ul li ul#licensedPeripherals li dt a:active,
#razMenu li.prdHead a{ background: none; font-weight: 700; color: #0f0; padding: 0; }

#razMenu ul li ul#licensedPeripherals li { background: none; }

#razMenu ul li ul#licensedPeripherals li.prdHead a { background: none; padding: 0; margin: 0; }

#razMenu ul li ul#legacy li { background: none; }

#razMenu ul li ul#legacy li li { padding: 0; }

#razMenu ul li ul#licensedPeripherals li  li { padding: 0; background: none; }

#razMenu .find { padding: 10px 0 0; color: #888; border-top: 1px dotted #333; }

#razMenu .find a { display: inline; color: #0f0; }

#razMenu a,#razMenu a:visited { /*  color:      #fff;*/ : ; }

#razMenu li a { color: #0f0; font-size: 13px; font-weight: 700; }

#razMenu li li a { font-weight: normal; font-size: 11px; color: #fff; padding: 5px 10px; }

#razMenu li li li a { font-family: Arial; font-weight: normal; font-size: 11px; color: #fff; padding: 5px 10px; }

#razMenu .new { padding: 8px 35px 0 0; background: url(https://drh.img.digitalriver.com/DRHM/Storefront/Site/razerusa/cm/images/images/new.gif) no-repeat 5px 10px; }

#razMenu span { padding: 5px; font-size: 11px; }

#razMenu li li.sfHover,#razMenu li li a:focus,#razMenu li li a:hover,#razMenu li li a:active { outline: 0; background: #0e0e0e; }

#razMenu .arr { background: url(../images/down-arrow.png) 80% center no-repeat; }

/*** arrows **/
#razMenu a.sf-with-ul { padding-right: 20px; min-width: 1px; }

#razMenu .sf-sub-indicator { position: absolute; display: block; right: 8px; top: 10px; /* IE6 only */ width: 5px; height: 5px; text-indent: -999em; overflow: hidden; padding: 0; background: transparent url(../images/arrow-down.gif) 0 0 no-repeat; }

a>.sf-sub-indicator { /* give all except IE6 the correct values */ top: 10px; background-position: 0 0; }

#razMenu ul .sf-sub-indicator { background-position: 0 -15px; }

#razMenu ul a>.sf-sub-indicator { background-position: 0 -15px; }

/* apply hovers to modern browsers */
#razMenu ul a:focus>.sf-sub-indicator,#razMenu ul a:hover>.sf-sub-indicator,#razMenu ul a:active>.sf-sub-indicator,#razMenu ul li:hover>a>.sf-sub-indicator,#razMenu ul li.sfHover>a>.sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

#razMenu #searchStore { float: right; padding: 10px; }
 
#searchStoreFrm { float: right; }

#searchStoreFrm .searchStoreTxt { height: 15px; float: left; width: 180px; padding: 5px; border-style: solid; border-color: #202020; border-width: 1px 0 1px 1px; margin-right: -2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #000; color: #fff; font-size: 11px; }

#buttonSearchStore { width: 21px; height: 27px; border: none; background: url(http://assets.razerzone.com/images/gl_searchgo_en_US.gif) 0 0 no-repeat; }

/* Main Banner */
#razMain{ clear: both; }

#razMainBanner { margin: 0 0 20px; position: relative; }

#razBigBanner { height: 420px; overflow: hidden; }

#razBannerSwitcher { position: absolute; bottom: 2px; left: 30px; z-index: 99999; }

#razBannerSwitcher a { float: left; width: 14px; margin: 0 5px; display: inline; background: #0e0e0e; color: #888888; font-size: 9px; text-align: center; line-height: 14px; height: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

#razBannerSwitcher a.activeSlide { background: #00ff00; color: #000000; }

#razMidBanner { margin: 0 auto 20px; width: 920px; }

#razSubBanner { width: 930px; margin: 0 auto 10px; }

.razBannerSmall { width: 290px; float: left; margin: 0 20px 10px 0; }

#razBannerSlide { width: 625px; margin: 0 auto; }

#spreadRazerSubscription { padding: 15px 40px 0 0; display: block; color: #666666; text-align: right; height: 40px; line-height: 1; float: right; }

#spreadRazerSubscription .ctext { float: left; margin: 0 5px 0 0; }

#spreadRazerSubscription #email { float: left; border: 1px solid #222222; background: #333; color: #666; }

#spreadRazerSubscription #submit { float: left; width: 20px; height: 20px; }

/* Footer*/
#razFooter { padding: 0; background: url(http://drh.img.digitalriver.com/DRHM/Storefront/Site/razerusa/cm/images/footerBackground3.gif) no-repeat left 35px; font-size: 11px; text-align: left; height: 150px; }

#razFooterEU { width: 960px; margin: 30px auto; padding: 0; background: url(http://drh.img.digitalriver.com/DRHM/Storefront/Site/razerusa/cm/images/footerBackground3.gif) no-repeat left 60px; text-align: left; height: 170px; }

#razFooterSocial,#razFooterSocialEU { padding: 0; color: #777; font-weight: 700; line-height: 1; }

#razFooterSocial { height: 30px; }

#razFooterSocialEU { height: 55px; }

#razFooterSocial #joinTwitter,#razFooterSocialEU #joinTwitter { padding: 5px 10px; float: right; }

#razFooterSocial #joinFb,#razFooterSocialEU #joinFb { float: left; line-height: 25px; }

#joinFbEU { clear: both; line-height: 12px; }

#joinFbEU a { padding: 0 5px 0 0; color: #999999; font-size: 9px; text-decoration: none; }

#joinFbEU img { vertical-align: top; }

#joinTwitter a{ color: #777; font-weight: normal; }

#razFooterLinks { clear: both; background: url(http://assets.razerzone.com/images/forgamersbygamers.gif) no-repeat left center; }

#razFooterLinks a{ font-weight: 700; }

#razFooterLinks p{ text-align: right; }

#razFooterLinks p.copyright{ color: #ffffff; }

#razSupport { font-size: 12px; color: #999; }

/** Product Detail Page **/
.razPDNav { font-family: 'DINBold'; background-image: linear-gradient(bottom, rgb(15,15,15) 1%, rgb(36,36,36) 51%, rgb(74,74,74) 93%); background-image: -o-linear-gradient(bottom, rgb(15,15,15) 1%, rgb(36,36,36) 51%, rgb(74,74,74) 93%); background-image: -moz-linear-gradient(bottom, rgb(15,15,15) 1%, rgb(36,36,36) 51%, rgb(74,74,74) 93%); background-image: -webkit-linear-gradient(bottom, rgb(15,15,15) 1%, rgb(36,36,36) 51%, rgb(74,74,74) 93%); background-image: -ms-linear-gradient(bottom, rgb(15,15,15) 1%, rgb(36,36,36) 51%, rgb(74,74,74) 93%); background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.01, rgb(15,15,15)),
        color-stop(0.51, rgb(36,36,36)),
        color-stop(0.93, rgb(74,74,74))
    ); -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; height: 30px; display: block; clear: both; }

.razPDNav { padding: 0; margin: 0; list-style: none; }

.razPDNav li{ float: left; display: inline; }

.razPDNav li a { display: block; padding: 8px 20px; color: #ccc; }

.razPDNav li a:hover,.razPDNav  li.active a{ color: #0f0; }

.rdc10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.darkgbg { background: #0e0e0e; }

.ggrad { background: #00ff00; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00ff00 0%, #008400 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ff00), color-stop(100%,#008400)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00ff00 0%,#008400 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00ff00 0%,#008400 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00ff00 0%,#008400 100%); /* IE10+ */ background: linear-gradient(top, #00ff00 0%,#008400 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff00', endColorstr='#008400',GradientType=0 ); /* IE6-8 */ }

#razSupportHeader { background: url(../images/bg-sgradient.png) 0 0 repeat-x; height: 95px; }
#razSuuportHeader { padding: 20px; }
#razSupportHeader h1{ margin: 20px; padding: 20px 0 0 0; height: 1px; overflow: hidden; background: url(../images/title-support.png) 0 0 no-repeat; }
#supportSearch { padding: 20px; display: block; }
#supportSearch input.text{ background: #000; font-size: 13px; color: #ccc; border: 1px solid #222; width: 205px; padding: 5px 6px; margin: 0 5px 0 0; float: left; }
#supportSearch #buttonSearch { background: url(../images/button-searchsupport.png) 0 0 no-repeat; height: 1px; padding: 30px 0 0 0; overflow: hidden; width: 115px; border: none; }

/*
#razMainSupport { font-size: 13px; height: 300px; padding: 85px 0 50px 600px; margin: 0 0 20px; background: url(../images/bg-gradient.png) 0 100% repeat-x; }
#razMainSupport .razSMainBanner { margin-left: -600px; float: left; }
#razMainSupport .htReach { list-style: none; margin: 0; padding: 0; }
#razMainSupport .htReach li { padding: 10px 0 20px 50px; color: #0f0; margin: 0; }
#razMainSupport .htReach li.bladePhone{ background: url(../images/icon-phone.png) 0 0 no-repeat; }
#razMainSupport .htReach li.bladeEmail{ background: url(../images/icon-message.png) 0 0 no-repeat; }


.supportBox { height: 280px; padding: 25px 15px 15px; }
.supportBox h2,.supportBox2 h2 { padding: 30px 0 0 0; margin: 0 0 20px; overflow: hidden; height: 1px; }

.supportBox .stripeit,.supportBox2 .stripeit { background: url(../images/bg-stripe.png) 0 bottom repeat-x; }
.supportBox h2.peripheral { background: url(../images/title-box-peripheral.png) 0 0 no-repeat; }
.supportBox h2.store { background: url(../images/title-box-razerstore.png) 0 0 no-repeat; }
.supportBox .storeLink { float: left; padding: 0 15px 0 0; list-style: none; margin: 0; }
.supportBox .storeLink li { font-size: 11px; padding: 2px 0; }
.supportBox h2.resellers { background: url(../images/title-box-resellers.png) 0 0 no-repeat; }
.supportBox .iconcBox { text-align: center; }
.supportBox2 { height: 120px; padding: 20px 20px 20px 140px; }
.supportBox2 .iconcBox2 { float: left; display: inline; margin: 0 0 0 -130px; width: 120px; }
.supportBox2 h2.downloads { background: url(../images/title-box-downloads.png) 0 0 no-repeat; }
.supportBox2 h2.enquiries{ background: url(../images/title-box-enquiries.png) 0 0 no-repeat; }
*/

#mainSupport {border-bottom:1px dotted #222;}
.bigSupportBox {background-position:center 20px;background-repeat:no-repeat;height:100px;padding:300px 0 0 0;}
.bigSupportBox#blade {background-image:url(../images/bg-systems.jpg);}
.bigSupportBox#support{background-image:url(../images/bg-support.jpg);}

.buttonTitle {font-family:DINRegular;font-size:17px;color:#00ff00;text-align:center;width:100%;margin:0 auto 15px;}
.buttonSupport {background:url(../images/button-support.png) 0 0 no-repeat;display:block;margin:0 auto;width:115px;height:31px;float:left;margin-left:105px;}
.buttonRegistration {background:url(../images/button-registration.png) 0 0 no-repeat;display:block;margin:0 auto;width:115px;height:31px;float:left;margin-left:20px;}

#buttonBlade {background:url(../images/button-blade.png) 0 0 no-repeat;display:block;margin:0 auto;width:191px;height:39px;}
#buttonSupport {background:url(../images/button-support.png) 0 0 no-repeat;display:block;margin:0 auto;width:191px;height:39px;}
#supportBoxes {background:url(../images/bg-gradient.png) repeat-x 0 bottom;padding:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 0 30px;}
.supportBox {background-position:center;background-repeat:no-repeat;height:175px;}
.supportBox a {display:block;text-indent:-9999px;height:175px;}
.supportBox#downloads {background-image:url(../images/icon-downloads.png);}
.supportBox#registration {background-image:url(../images/icon-registration.png);}
.supportBox#stores {background-image:url(../images/icon-stores.png); }
.supportBox#resellers {background-image:url(../images/icon-resellers.png);}

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}
/* `Container
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.container_12 {
  zoom: 1;
}