﻿    * { margin: 0; padding: 0; }
    .left { float: left; }
    .right { float: right; }
    .taRight { text-align: right; }
    a img { border: 0; }
    textarea { overflow: auto; }
    label { padding-right: 5px; }
    body { background: #e1e0e1 url('images/content-bg.gif') repeat-y center; text-align: center; min-width: 846px; margin: 0 auto; }
    #container { width: 846px; text-align: left; margin: 1em auto; }
    #header { background: transparent url('images/header-bg.gif') no-repeat top left; width: 846px; height: 90px; }
    #header span { float: left; position: relative; left: 200px; top: 30px; }
    #header ul { float: left; position: relative; top: 55px; left: 24px; width: 846px; }
    /* #header ul { float: left; position: relative; top: 57px; left: 24px; width: 846px; } */
    #header ul li { display: inline; padding: 0 3px; }
    
    #sidenav { margin-bottom: 1em; }
    #sidenav-top { background: transparent url('images/nav-header.gif') no-repeat top left; width: 200px; height: 24px; }
    #sidenav ul { background: transparent url('images/nav-bg.gif') repeat-y top left; width: 200px; }
    #sidenav ul li { list-style: none; width: 185px; text-align: center; height: 30px; line-height: 2.1em; background: transparent url('images/nav-item-bg.gif') no-repeat top left; margin: 2px 0 0 6px; }
    #sidenav ul li a { width: 185px; height: 30px; line-height: 2.5em; float: left; }
    #sidenav ul li.header { background: transparent url('images/nav-header-bg.gif') no-repeat top left; }
    #sidenav-bottom { background: transparent url('images/nav-bottom.gif') no-repeat top left; width: 200px; height: 17px; }
    
    #content { width: 846px; background: transparent url('images/content-bg.gif') repeat top left; display: block; height: auto; margin: 10px 0; position: relative; }
    #content-area { width: 635px; }
    #content-area .mainimage { margin-bottom: 2em; }
    
    #smallboxcontainer { list-style-type: none; float: right; }
    #smallboxcontainer .smallbox, #smallboxcontainer .smallbox2 { float: left; }
    #content .smalltextarea h1 { padding: 0.4em 0; }
    
    #footer { background: transparent url('images/footer-bg.gif') no-repeat top left; width: 825px; height: 54px; padding: 20px 10px; float: left; }
    #footer #search { width: 250px; float: left; }
    #footer #bottom { width: 805px; float: left; margin-top: 1.1em; padding: 0 10px; }
    
    /* Typography
    ------------------------------------*/
    /* body { color: #666666; font-family: Arial, Tahoma, Sans-Serif; font-size: 10px; } */
    body { color: #000; font-family: Arial, Tahoma, Sans-Serif; font-size: 8.5pt; }
    a { text-decoration: none; }
    a:hover { text-decoration: underline; }
    a strong { font-weight: bold; }
    p { margin-bottom: 0.5em; }
    label { font-weight: bold; }
    
    strong { color: #000; }
    .red { color: #ba1e12; }
    .white { color: #fff; }
    
    #header span { font-size: 1.4em; }
    #header ul li { color: #fff; font-size: 1.1em; }
    /* #header ul li { color: #fff; font-size: 1.2em; } */
    #header ul li a { color: #fff; }
    #content h1 { font-size: 1.3em; }
    /* #content h1 { font-size: 1.4em; } */
    #content a { color: #000; }
    #footer div.right { font-size: 1.1em; }
    #footer a { color: #000; }
    #footer #bottom, #footer #bottom a { color: #fff; }
    
    #sidenav-top h1 { font-size: 1.3em; color: #fff; text-align: center; line-height: 1.8em; font-weight: normal;  }
    /* #sidenav-top h1 { font-size: 1.4em; color: #fff; text-align: center; line-height: 1.8em; font-weight: normal;  } */
    #sidenav ul li a { font-size: 1.1em; color: #000; }
    /* #sidenav ul li a { font-size: 1.2em; color: #666666; } */
    #sidenav ul li.header { font-size: 1.1em; color: #fff; }

    #content .smalltextarea h1 { font-size: 1.3em; color: #ba1e12; }
    #content .smallbox h1, #content .smallbox2 h1 { font-size: 1em; color: #fff; }
    #content .smallbox h1 a, #content .smallbox2 h1 a  { color: #fff; }
    .smallbox2title { position:absolute; width:152px; padding-left:3px;}
    .largebox .header, .largebox2 .header { line-height: 21px; color: #fff; }
    .largebox .header small, .largebox2 .header small { font-size: 1.4em; }
    #content .largebox .header a, #content .largebox2 .header a { color: #fff; text-decoration: underline; }
    #content .largebox .header a:hover, #content .largebox2 .header a:hover { text-decoration: none; }
    .largebox .text p, .largebox2 .text p { line-height: 1.6em; }
    .largebox .text p a, .largebox2 .text p a { color: #000; }
    
    .side-text p { color: #000; font-size: 1.3em; font-weight: bold;  }
    
    /* .bottom-text p a { color: #000; font-size: 1.2em; } */
    .bottom-text p a { color: #000; font-size: 1.1em; }
    
    .large-text { font-size: 1.4em; }
    /* .large-text { font-size: 1.6em; } */
    .shortdescription { font-size: 1.2em; }
    .price { font-size: 1.1em; font-weight: bold; color: #000; padding-bottom:15px; }
    .price span { font-size: 1.0em; }
    /* .price span { font-size: 0.8em; } */
    .strikethrough { text-decoration: line-through; }
    
    td.strong, th.strong { font-size: 1.1em; color: #333; font-weight: bold; }
    
    .medbox .header h1 { font-size: 1.4em; color: #fff; }
    .medbox .text .large-text { color: #000; }
    
    .special-offer { font-size: 2em; color: #ba1e12; }
    
    
    /* Boxes
    ------------------------------------*/
    .smalltextarea { width: 160px; height: 100px; float: left; }
    .smallbox { height: 106px; width: 106px; padding-top: 3px; background: transparent url('images/smallbox-bg.gif') no-repeat top left; text-align: center; }
    .smallbox2 { height: 158px; width: 156px; padding-top: 3px; background: transparent url('images/smallbox-bg2.gif') no-repeat top left; text-align: center; }
    .smallbox img { position: relative; top: 5px; text-align:center;}
    .smallbox2 img { position:relative; text-align:center; vertical-align:middle; }
    
    .largebox, .largebox2 { width: 635px; clear: both; height: auto; float: left; background: url('images/box-bg.gif') repeat-y top left; margin: 1em 0; border-bottom: 1px solid #d0d0d0; }
    .largebox .header, .largebox2 .header { float: left; width: 595px; height: 21px; margin-bottom: 1em; background: url('images/wide-header.gif') no-repeat top left; padding: 0 20px; background-color:Transparent; }
    .largebox .text, .largebox2 .text { padding: 1em; }
    .largebox2 .text { padding-left:2em;}
    
    .largebox2 { width:595px; background-image:url(images/box-bg2.gif);}
    .largebox2 .header { width: 555px; background-image: url(images/wide-header2.gif); }
    
    .leftcolumn { float: left; width: 300px; }
    .rightcolumn { float: right; width: 300px; }
    
    .leftcolumn div, .rightcolumn div { float: right; }
    .rightcolumn div input, .rightcolumn div textarea { width: 232px; }
    #form div { margin-bottom: 0.5em; }
    .leftcolumn input, .leftcolumn textarea { width: 200px; }
    #address { height: 70px; } /* This is the height of the address textbox in the contact form */
    #form div input.button { width: 50px; }
    
    .side-text { width: 300px; height: 100px; float: left; display: block; }
    .side-text img { float: left; margin-right: 1em; }
    .side-text p { position: relative; top: 25px; }
    .side-texta { position: relative; top: 25px; float:right; }
    .side-text a, .side-text span { font-size:1.3em; font-weight:bold; line-height:1.3em; }
    .side-long-text { float: left; display: block; }
    .side-long-text img { float: left; margin-right: 1em; }
    .side-long-text p { position: relative; top: 0.7em; }
    
    .bottom-text { width: 120px; float: left; text-align: center; }
    
    .smallicons .bottom-text { height: 40px; }
    .smallicons .bottom-text p { margin-top: 0; }
    
    .modelnumber { width: 70px; padding: 0 10px; line-height: 60px; margin-right: 10px; }
    /* .shortdescription { line-height: 20px; padding-top: 10px; width: 185px; } */
    .shortdescription { line-height: 20px; padding-top: 10px; }
    /* .price { height: 60px; padding: 4px 0px 4px 10px; }*/
    .price { text-align:center;}
    
    .single { line-height: 60px; }
    .smallicons { float: right; margin-top: 10px; }
    .smallicons .bottom-text { width: 90px; }
    .productimage { margin: 0 0 17px 0;}
    
    #product-content table { border-collapse: collapse; width: 425px; margin: 0 0 2em 0; float: right;  }
    #product-content #product-page table td, #product-content #product-page table thead { vertical-align: top; border: 1px solid #808080; }
    .left-content-column { width: 190px; float: left; margin-bottom: 1em; }
    
    td, th { padding: 3px 2px; }
    th { background-color: #ccc; }
    
    .medbox { width: 191px; clear: both; }
    .medbox .header { width: 191px; height: 20px; line-height: 20px; background: url('images/med-header.gif') no-repeat top left; }
    .medbox .header h1 { padding-left: 10px; padding-top: 1px; }
    .medbox .text { background: #fff; border: 1px solid #dbdbdb; padding: 1em 0.5em; }
    .productFeatures { margin: 0 0 1em 10px; }
    .productFeatures li { line-height: 1.2em; list-style: none; }
    .productFeatures li.indent { padding-left: 10px; }
/*    .medbox .text .productFeatures { margin: 0 0 1em 10px; }
    .medbox .text .productFeatures li { line-height: 2em; list-style: none; }
    .medbox .text .productFeatures li.indent { padding-left: 10px; }*/
    .medbox .text h2 { margin-bottom: 1em; }
    
    #product-content table.fullwidth { width: 635px; }
    
    .special-offer { float: left; width: 100%; margin-bottom: 1em; text-align: center; display:inline; }
    
    /* Modifications
    ------------------------------------*/
    .listimage { text-align:center; vertical-align:middle; width:110px; }
    .rowspacer { padding-bottom:10px; padding-top:10px; }
    .padpicbottom { padding-bottom:5px; }
    .floatingpicdiv { float:right; text-align:center; padding:2px; width:205px; }
    .picleftmargin { margin-left:10px; }
    .formbuttons { width:75px; }
    .textarealabel  { vertical-align:top; position:relative; top:5px; }
    .listBold, .listPrice { font-weight:bold; }
    .listItalic { font-style:italic; }
    .listKitSavings {font-size:1.1em; }
    .mediumbox { height: 120px; width: 120px; padding-top: 3px; background: transparent url('images/mediumbox-bg.gif') no-repeat top left; text-align: center; }
    .mediumbox img { position: relative; top: 8px;}
    #content .mediumbox h1 { font-size: 1em; color: #fff; }
    #content .mediumbox h1 a { color: #fff; }
    .wideformbox { width:400px; float:left; text-align:right;}
    .wideformbox input { width:296px;}
    .wideformbox select { width:300px;}
    .wideformboxright { float:right; text-align:left; margin-left:5px; width:210px;}
    .wideformbox textarea { width:296px; }
    .sideItems { font-size: 1em; color: #666666;}
    .topofpage { margin-top:3px; }
    .padbottom { padding-bottom:5px; }
    .leftcolumn select { width: 204px; }
    .contactus { width:300px; }
    .contactust { width:100px; }
    .gridheader { font-size: 1.2em; }
    .resellerlabel { width:75px; }
    .resellercomments { width:600px; float:left; text-align:right;}
    .resellercomments textarea { width:500px; height:100px;}
    .newsimagepadding { margin-left: 15px; margin-bottom: 10px;}
    .smaller { font-size: 0.9em; }
    .searchbox { width: 125px; }
    .nopadtop { padding-top:0em;}
    .productlink { font-size:1.2em; font-weight:bold;}
	.bigger { font-size: 1.2em; }
	.bigredprice { font-size:1.3em; color: #ba1e12; }
	
	.uploadButton { margin-left:3px; margin-top:5px; }
	.clarityFormLabel {width:75px; float:left; padding-top:3px;}
	.clarityFormLabel2 {float:left; padding-top:3px;}
	.clarityFormSep {margin-bottom: 10px;}
	.clarityHleft th { text-align:left; }
	.clarityEmailListPanel { position:relative; top:-10px;left:-10px;}
	.clarityTab {color:White !important;}
	.clarityTabSelected { color:White !important; font-weight:bold !important;}
	.clarityTabHover {}
	.claritySubPage {margin: 1em 1em 1em 1em;}
	.clarityAfterTabStrip {margin-top: 0px; }
	.clarityNoPad {margin: 0 0 0 0; padding: 0 0 0 0;}	
	.clarityVideoCentre {margin: 0 auto; float:none;}