/* Generic */

@font-face {font-family: HelveticaNeue; src: url("/cms/styles/fonts/helveticaneue/HelveticaNeueLTCom-Md.ttf");} 
@font-face {font-family: HelveticaNeueBold; font-weight: bold; src: url("/cms/styles/fonts/helveticaneue/HelveticaNeueLTCom-Bd.ttf");}

body {margin: 0; background: url("/images/layout/background.jpg") no-repeat center top #f6f6f6; color: #333436; letter-spacing: 0;}
body, td, tr {font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #333436; font-size: 13px; font-weight: normal;}

h1,h2,h3,h4,h5 {font-weight: bold; margin-bottom: 10px; color: #333;}
h1 {font-size: 18px;}
h2 {font-size: 14px;}
h3 {font-size: 13px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}

a {color: #333436; font-weight: bold; text-decoration: none;}
a.underline {text-decoration: underline;}
a:hover {text-decoration: underline;}

img {border: 0;}
pre {margin: 0; font-family: Verdana, Arial, Helvetica, Sans-Serif;}

h1 {font-family: HelveticaNeueBold; font-size: 30px; color: #134B9E; margin-top: -8px; padding-top: 0px; vertical-align: top;}

/* Layout */

div#container {width: 960px; text-align: left; margin: 0 auto;}

/* Top Area */

div#top {float: right; width: 600px; background-color: transparent; text-align: right;}
div#top a {color: #000; text-decoration: underline;}
div#top span.spacer {margin-left: 15px;}
div#top span.black {color: #000; font-weight: bold;}
div#top span.blue {color: #35A8DF; font-weight: bold;}

div#top div#top-info {padding: 10px 0px 0px 0px;}
div#top div#top-boxes {margin: 20px 0px 0px 0px;}

div#top div#search-box {background: url("/images/layout/search-box.png") top left no-repeat; width: 240px; height: 39px; float: right;}
div#top div#search-box input {font-family: Arial; background: transparent; color: #000; border: 0; margin: 0; padding: 0; vertical-align: middle;}
div#top div#search-box input#search-input {float: left; margin: 11px 0px 0px 10px; width: 190px; font-weight: bold;}
div#top div#search-box input#search-button {background: url("/images/layout/search-button.png") top left no-repeat; width: 21px; height: 21px; margin: 8px 8px 0px 0px;}

div#top div#cart-box {height: 39px; float: right; margin-left: 10px;}
div#top div#cart-box div#cart-box-left, div#top div#cart-box div#cart-box-repeat, div#top div#cart-box div#cart-box-right {display: inline-block; float: left;}
div#top div#cart-box div#cart-box-left {width: 4px; height: 39px; background: url("/images/layout/cart-box-left.png") top left no-repeat;}
div#top div#cart-box div#cart-box-repeat {height: 39px; background: url("/images/layout/cart-box-repeat.png") top center repeat-x;}
div#top div#cart-box div#cart-box-icon {height: 23px; width: 23px; float: left; margin: 7px; background: url("/images/layout/cart-box-icon.png") top center no-repeat;}
div#top div#cart-box div#cart-box-right {width: 4px; height: 39px; background: url("/images/layout/cart-box-right.png") top right no-repeat;}
div#top div#cart-box div#cart-box-text {color: #fff; margin: 11px 20px 0px 0px; display: inline-block; font-weight: bold;}
div#top div#cart-box div#cart-box-text span.hidden.nothidden0 {display: inline;}
div#top div#cart-box div#cart-box-text a {text-decoration: none; color: #ffffff;}

/* Header */

div#header {float: left; width: 100%; height: 90px; padding: 0px; background-color: transparent; padding-top: 10px; margin-bottom: 20px;}
div#header img {border: none; margin-left: 10px; float: left;}

/* Top Nav */

div#top-nav {float: left; clear: both; width: 100%; display: block;}
div#top-nav div#top-nav-left {float: left; display: inline-block; width: 7px; height: 48px; background: url("/images/layout/top-nav-left.png") top left no-repeat;}
div#top-nav div#top-nav-repeat {float: left; display: block; height: 48px; width: 946px; background: url("/images/layout/top-nav-repeat.png") top center repeat-x;}
div#top-nav div#top-nav-right {float: right; display: inline-block; width: 7px; height: 48px; background: url("/images/layout/top-nav-right.png") top right no-repeat;}

div#top-nav ul {list-style: none; margin: 0; padding: 0; display: inline-block; margin-top: 7px;}
div#top-nav li a {color: #fff; padding: 10px 35px; display: block; font-size: 15px;}
div#top-nav li a:hover {text-decoration: none;}
div#top-nav li.selected a {text-decoration: none;}
div#top-nav li {list-style-type: none; display: inline-block; float: left;}

div#top-nav li div.top-nav-node-repeat {float: left; height: 41px; display: inline-block;}
div#top-nav li div.top-nav-node-spacer {float: left; height: 41px; width: 1px; display: inline-block; background: url("/images/layout/top-nav-spacer.png") top center no-repeat;}
div#top-nav li div.top-nav-node-left, div#top-nav li div.top-nav-node-right {width: 4px; height: 41px; float: left; display: inline-block;}
div#top-nav li.selected div.top-nav-node-left, div#top-nav li:hover div.top-nav-node-left {background: url("/images/layout/top-nav-selected-left.png") top left no-repeat;}
div#top-nav li.selected div.top-nav-node-repeat, div#top-nav li:hover div.top-nav-node-repeat {background: url("/images/layout/top-nav-selected-repeat.png") top center repeat-x;}
div#top-nav li.selected div.top-nav-node-right, div#top-nav li:hover div.top-nav-node-right {background: url("/images/layout/top-nav-selected-right.png") top right no-repeat;}

/* Content */

div#crumb-trail {font-size: 11px; color: #4c94da; font-weight: bold; vertical-align: middle;}
div#crumb-trail.wide {display: none;}
div#crumb-bg {background-color: #fff; padding: 10px 10px 0px 10px;}
div#crumb-trail a {color: #4c94da; font-weight: normal;}

div#content {float: left; clear: both; margin: 0px 0px 10px 0px ; padding: 0; display: block; width: 100%;}
div#content-container {float: left; margin-top: 10px;}
div#content-container.wide {padding: 0px 10px; background-color: #fff; margin-top: 0px;}
div#content-container.wide div#content-inner div.corner-body {padding: 0;}
div#content-container.wide div#content-inner div.corner-head, div#content-container.wide div#content-inner div.corner-base {display: none;}
div#content-inner {margin-left: 10px; width: 750px;}
div#content-inner div.corner-body {background-color: #fff; padding: 0px 10px; width: 730px;}
div#content-inner.wide {width: 940px; padding: 0px; margin-left: 0px;}
div#content-inner.wide div.corner-body {width: 940px;}
div#content-inner.wide h1#pages-pagetitle {font-family: HelveticaNeueBold, Helvetica, Arial; color: #134b9e; font-weight: bold; font-size: 40px; margin-top: 15px;}
div#content-inner img#header-image-page {float: right; margin: 0px 0px 5px 10px;}
div#content-inner-extra {float: left; margin-top: 10px;}
div#content-inner-extra div.corner-body {width: 100%; padding: 0px;}
div#content-column {width: 200px;}
div#content-extra {float: left; clear: both; width: 100%;}

div.corner-head {float: left; width: 100%; height: 10px;}
div.corner-head-left {float: left; width: 50%; height: 10px; background: url("/images/layout/rounded-bg.png") top left no-repeat;}
div.corner-head-right {float: right; width: 50%; height: 10px; background: url("/images/layout/rounded-bg.png") top right no-repeat;}
div.corner-body {float: left; width: 100%; background-color: #fff; float: left;}
div.corner-base {float: left; width: 100%; height: 10px;}
div.corner-base-left {float: left; width: 50%; height: 10px; background: url("/images/layout/rounded-bg.png") bottom left no-repeat;}
div.corner-base-right {float: right; width: 50%; height: 10px; background: url("/images/layout/rounded-bg.png") bottom right no-repeat;}

div.corner-head.nav-selected {}
div.corner-head.nav-selected div.corner-head-left {background: url("/images/layout/li-selected-bg.png") no-repeat top left;}
div.corner-head.nav-selected div.corner-head-right {background: url("/images/layout/li-selected-bg.png") no-repeat top right;}

div.corner-base.nav-selected {}
div.corner-base.nav-selected div.corner-base-left {background: url("/images/layout/li-selected-bg.png") no-repeat bottom left;}
div.corner-base.nav-selected div.corner-base-right {background: url("/images/layout/li-selected-bg.png") no-repeat bottom right;}

/* Footer */

div#footer {float: left; clear: both; width: 100%; border-top: 3px solid #cb1c23; padding-bottom: 25px;}
div#footer a {color: #7e7e7e;}
div#footer img {vertical-align: middle;}
div#footer div.copyright {color: #7e7e7e; margin: 8px 0px; display: inline-block;}
div#footer div.copyright.left-detail {padding-left: 10px; float: left;}
div#footer div.copyright.right-detail {padding-right: 10px; float: right; text-align: right;}

/* Subnav */

div.subnav-spacer {margin: 10px;}

div.subnav {margin: 0px 0px 10px 0px; float: left; width: 200px;}
div.subnav h2 {margin: -10px 0px 0px 0px; padding: 13px;}
div.subnav ul.nav {padding: 0px; margin: 0px; }
div.subnav ul.nav li a {text-decoration: none !important;}
div.subnav ul.nav li.selected {background: url("/images/layout/li-selected-bg.png") no-repeat top center;}
div.subnav ul.nav li.selected a {text-decoration: none; color: #ffffff;}
div.subnav ul.nav li.selected li a {text-decoration: none;}
div.subnav ul.nav li.selected li.selected a {text-decoration: none;}
div.subnav ul.nav li {background: url("/images/layout/li-bg.png") no-repeat top center; list-style-type: none; margin: 0px; padding: 0px;}
div.subnav ul.nav li div {padding: 13px 10px;}
div.subnav ul.nav li:first-child {border-top: 0px;}
div.subnav ul.nav li ul {margin: 5px 0px -5px 0px; padding: 0px;}
div.subnav ul.nav li ul li:first-child {border-top: 0px;}
div.subnav ul.nav li ul li {border-top: 1px solid #dddddd; border-bottom: 0px; margin-left:20px; padding: 3px 0px;}

/* Product Grids */

div.grid-title {float: left; clear: both; width: 100%;}
div.grid-title h1 {float: left; margin: 10px 0px 10px 10px; font-family: HelveticaNeueBold; font-size: 30px; color: #134B9E;}
div.grid-title div.grid-title-link {float: right; margin: 20px 10px 20px 0px;}
div.grid-title div.grid-title-link a {text-decoration: underline; color: #134998;}

div.grid-row {float: left; display: block; width: 100%;}
div.grid-row-panel {float: left; display: inline-block;}
div.grid-row-panel h3 {margin: 0px; font-size: 16px;}
div.grid-row-panel div.grid-row-panel-body {padding: 5px 15px; min-height: 180px; height: 180px;}
div.grid-row-panel div.grid-row-panel-image {margin-right: 15px; float: left; height: 180px;}
div.grid-row-panel div.grid-row-panel-image img {vertical-align: middle; text-align: center;}
div.grid-row-panel div.grid-row-panel-text {margin: 10px 0px;}
div.grid-row-panel div.grid-row-panel-price {font-size: 16px; font-weight: bold; color: #ca3a3d;}
div.grid-row-panel div.grid-row-panel-link {position: absolute; margin-top: 157px; margin-left: 135px;}

div.grid-two-col {}
div.grid-two-col div.grid-row-panel {width: 370px !important; margin-bottom: 10px;}
div.grid-two-col div.grid-row-panel.even {clear: left; margin-right: 10px;}
div.grid-two-col div.grid-row-panel div.corner-body {height: 180px;}

div.grid-row-three-col div.grid-row-panel {width: 310px;}
div.grid-row-three-col div.grid-row-panel.spacer {margin: 0px 15px;}

/* Home */

div#container.page-requested-home h1#pages-pagetitle {width: 400px;}
div#container.page-requested-home div#content-inner {height: 240px;}

div#slideshow-home {position: absolute; margin-left: 500px; z-index: 10;}

/* News */

div#container.root-page-news h1#pages-pagetitle {font-size: 30px;}

div.news-entry div.news-thumbnail {margin: 0px 10px 5px 0px; min-height: 60px; width: 60px; float: left; text-align: center;}
div.news-entry div.news-date {font-size: 10px; padding-bottom: 5px; color: #666;}
div.news-entry div.news-full-title {padding-left: 70px; margin-bottom: 20px;}
div.news-entry div.news-short-title {padding-left: 70px;}
div.news-entry div.news-short-title a {font-size: 14px;}
div.news-entry div.news-details {float:left; width:80%;}
div.news-entry div.news-info {float:right; font-size:10px; width:120px;}
div.news-entry.no-thumbnail div {padding-left: 0px;}
div.news-entry.no-thumbnail div.news-thumbnail {display: none;}

div.news-thumbnail {float: right; display: inline; margin: 10px 0 5px 10px;}
div.news-thumbnail img {margin:0;}

div.lastupdated {text-align: right; font-style: italic; font-size: 10px; color: #999; margin: 10px 0px; clear: both;}
div.lastupdated span.lastupdated-username {font-weight: bold;}

/* Browser Specific */

div#container.browser-IE-7 h1 {margin-top: 0px;}
div#container.browser-IE-7 div.grid-title h1 {margin: 10px; padding-bottom: 10px;}
div#container.browser-IE-7 div.grid-row-panel div.grid-row-panel-link {margin-left: 0px;}
div#container.browser-IE-7 div#productimage div.zoom-box {position: relative;}
div#container.browser-IE-7 div#productattributes {padding-top: 10px;}
div#container.browser-IE-7 div#slideshow-home {margin-top: -15px;}
div#container.browser-IE-7 div#minibasket {width: 100%; float: left;}
div#container.browser-IE-7 div#minibasket ul#basketlines {margin-left: 0px;}
div#container.browser-IE-7 div#minibasket ul#basketlinks {margin-left: 10px;}
div#container.browser-IE-7 div.product div.pad div#versions div.boxinset.options {margin-top: -15px;}
div#container.browser-IE-7.page-requested-home div#content-inner {height: 225px;}

div#container.browser-IE-6 div#header img {behavior: url("/cms/styles/iepngfix.htc");}
div#container.browser-IE-6 div#top div#cart-box div#cart-box-repeat {width: 220px;}
