﻿body {margin:0; background-color:#D5E3E3; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; color:#666666;}
a {color:#CC6600;}
h1 {color:#CC6600; font-size:22px; margin:0 0 4px;}
h2 {color:#666666; font-size:12px; margin:0 0 12px; font-weight:normal;}
h3 {color:#666666; font-size:12px; margin:0 0 4px; font-weight:bold;}
ul {margin:2px 0; padding:0px;}
li {margin:0 0 2px 16px;}
p {padding:0px; margin:0 0 6px;}
hr {color:#FFFFFF; background-color:#FFFFFF; border:0; border-bottom:solid 1px #cccccc;}

#wrapperAll {}
#topMenu {width:360px; position: absolute; margin-left:594px; background: url(../images/layout/top-menu.png) top left no-repeat; z-index:10; height:39px; text-align:center; color:#FFFFFF; padding:6px 0 0; font-size:13px;}
#topMenu a {color:#FFFFFF;}

.logoExtendLeft {width:1000px; height:126px; position:absolute; margin-left:-1000px; background: url(../images/layout/logo-repeat.jpg) top right repeat-x;}
.logoExtendRight {height:126px; width:1600px; float:left; background: url(../images/layout/logo-repeat.jpg) top left repeat-x;}
.logo {margin-left:0px; float:left; width:396px;}

.contentTop {height:26px; width:100%; background: url(../images/layout/content-top-repeat.gif) top left repeat-x;}
.contentTopCenter {height:26px; margin: 0 auto; width: 974px; background: url(../images/layout/content-top.gif) top left no-repeat;}
.contentMain1 {background: url(../images/layout/content-repeat.gif) top left repeat-y;margin: 0 auto; width: 974px; background-color:white;}
.contentMain2 {background: url(../images/layout/content-bottom.gif) bottom left no-repeat;}
.contentFooter {margin: 0 auto; width: 974px; text-align:center;}
.contentFooter a {color:#666666;}

.crumbTrail {margin-bottom:8px; text-transform:uppercase; letter-spacing:.1em; font-size:10px;}
  

div.fileinputs {
	position: relative; height:24px; margin:4px 0;
}

div.fakefile input{
	border:1px solid #CCCCCC;
	height:16px;
	margin:2px 4px 0 0;
	float:left; 
	width:160px;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {

font-family:Arial, Helvetica, Sans-Serif;

font-size: 1em;

}

.ui-widget h3 {font-size:1.4em; font-weight:bold;}



div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width:260px;
}

label.standard {font-size:12px;text-transform:lowercase; text-align:right; display:block; width:150px; float:left; min-height:20px; padding-right:10px; font-weight:bold;}
* html label {height:20px;}
input.standard {border:1px #877C6F solid; width:200px; height:16px; font-size:12px; color:#877C6F; font-family:arial, helvetica, san-serif ; overflow:visible;}
textarea.standard {border:1px #877C6F solid; font-size:12px; color:#877C6F; font-family:arial, helvetica, san-serif ; padding:2px;}
div.formDivider {clear:both; height:16px; border:none; margin:0px; padding:0;}
.simplelist {margin:0; padding:0; list-style:none;}
.simplelist li {padding:4px 0;}

input.text {border:1px solid #CCCCCC; height:15px; font-size:11px;}
input[type="button"], input[type="submit"] { background-color:#93C432; color:#fff; 
                                             -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; 
                                            /* -moz-box-shadow:inset 3px 3px 6px #fff; -webkit-box-shadow:inset 3px 3px 6px #fff; box-shadow:inset 3px 3px 6px #fff;
                                             -moz-box-shadow:inset -3px -3px 6px #333; -webkit-box-shadow:inset -3px -3px 6px #333; box-shadow:inset -3px -3px 6px #333; */
                                             border:solid 1px #ccc; cursor:pointer; text-shadow:1px 1px 2px #333; font-weight:bold; font-size:12px; padding:3px 7px 5px;  }

span.checkbox {float:left;border:1px solid #CCCCCC; padding:0; margin:4px 6px 0 0; width:9px; height:9px; overflow:hidden; position:relative;}

span.checkbox input { padding:0; margin:-2px; position:absolute;}
label.checkbox {margin:2px 0 0; display:block; float:left;}



.radio input {float:left;border:1px solid #CCCCCC; padding:0; border-width:0px; margin:2px 2px 0 0; padding:0px; line-height:9px;}
.radio label {margin:0 6px 0 0; display:block; float:left;}

.infoBox { background-color:#F0F4F4; border:solid 1px #CCCCCC; padding:12px; line-height:20px;}
.infoBox h1 {display:inline; color:#026578; margin:0px;}

.infoBoxExtended { border:solid 1px #CCCCCC; padding:12px 12px 6px;  font-size:14px; line-height:1.5em;}
.infoBoxExtended .featured-kits { margin:0; padding:0;  list-style:none;}
.infoBoxExtended .featured-kits li { float:left; margin:-6px 30px 0 0;}
 .infoBoxExtended .featured-kits li a {height:150px; white-space:nowrap; display:block; line-height:150px; width:100px; overflow:hidden !important; text-decoration:none; }
  .infoBoxExtended .featured-kits li img {vertical-align:middle; display:inline; border:none;}
.infoBoxExtended .featured-kits li.callout { padding: 10px 0 ; margin-right:0;}
.infoBoxExtended .featured-kits li.callout a { color:#fff; border:none; white-space:normal; text-transform:uppercase; font-size:36px; font-weight:bold; text-align:center; line-height:32px; text-decoration:none; background:#026578; display:block; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; width:100px; height:auto; padding:20px 16px 16px;}
.infoBoxExtended .featured-kits li.callout a:hover { opacity:.7; filter:alpha(opacity=70);}
.infoBoxExtended .featured-kits li.callout a img { border:0px !important;}

.checkoutBox {

background: #e6e6e6;}


.slrRailSmall { background:url(../images/layout/slider-rail-small.gif) top left no-repeat transparent; height:19px; width:102px;position: relative;}
.slrRailLarge { background:url(../images/layout/slider-rail-large.gif) top left no-repeat transparent; height:19px; width:192px;position: relative;}
.slrHandle {height:19px; cursor:pointer; text-align:center; width:9px;}

.tabSelects {height:28px; float:left;}
.tabSelects a {height:20px; width:186px; text-align:left; padding:8px 0 0 8px; color:#FFFFFF; display:block; float:left; }
.tabSelects a.selected { background:url(../images/layout/tabs/selected.gif) top left no-repeat; text-decoration:none; font-weight:bold; }
.tabSelects a.active { background:url(../images/layout/tabs/not-selected.gif) top left no-repeat; }

.displayLabel {float:left; width:110px; font-weight:bold;}

span.error {color:#bb1c07; font-size:11px; padding-left:4px; float:left;}
.formbuttons {float:right;}


#npKitList ul { margin:0; padding:0; list-style:none;}
#npKitList ul li { width:220px; padding:30px; float:left;}
#npKitList ul li .npKitImage {height:150px; text-align:center; padding-bottom:10px;}
#npKitList ul li .npKitImage a {}
#npKitList ul li .npKitImage img { padding:2px; border: solid 1px #ccc !important;}
#npKitList ul li .npKitInfo { height:98px;}
#npKitList ul li h3 { font-size:13px; }
#npKitList ul li .npKitDescription { }
#npKitList ul li .npKitButtons { }
#npKitList ul li p {margin:.8em 0;}

.actionButton { background-color:#93C432; color:#fff; text-decoration:none;
          -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; 
           -moz-box-shadow:inset 3px 3px 6px #fff; -webkit-box-shadow:inset 3px 3px 6px #fff; box-shadow:inset 3px 3px 6px #fff;
           -moz-box-shadow:inset -3px -3px 6px #666; -webkit-box-shadow:inset -3px -3px 6px #666; box-shadow:inset -3px -3px 6px #666; 
           border:solid 1px #ccc; cursor:pointer; text-shadow:1px 1px 2px #333; font-weight:bold; font-size:12px; padding:3px 7px 5px;  }
           
           .actionButton:hover {background-color:#B8DA70}
           
           
 .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
