Colony » Colony Scout » Colony Scout MECH

#tabs{margin:0px;float:left;}

#tabs a{background:#bdbdff url(/internal/images/left_tab.gif) top left no-repeat;color:#FFF;padding-left:5px;text-decoration:none;}

#tabs a span{background:#bdbdff url(/internal/images/right_tab.gif) top right no-repeat;color:#FFF;padding-right:15px;}

#tabs a.current{background:none;}

#tabs a.current:hover {background:none;}

#tabs a.current span{background:none;}

#tabs a:hover{background:#ececec url(/internal/images/selected_left_tab.gif) top left no-repeat;color:#000;text-decoration:none;}

#tabs a:hover span{background:#ececec url(/internal/images/selected_right_tab.gif) top right no-repeat;color:#000;}

#tabs b{background:#ececec url(/internal/images/selected_left_tab.gif) top left no-repeat;color:#FFF;padding-left:5px;font-weight:normal;}

#tabs b span{background:#ececec url(/internal/images/selected_right_tab.gif) top right no-repeat;color:#000;padding-right:15px;}

#tabs li{list-style:none;float:left;padding-left:3px;}

#tabs span{font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:6px;cursor:pointer;}

#tabs a,#tabs a span,#tabs b,#tabs b span{display:block;float:left;}

.sort-up {background:url('/internal/images/up.gif') no-repeat;float:left;width:12px;height:12px;margin:3px 5px 3px 10px;}

.sort-down {background:url('/internal/images/down.gif') no-repeat;float:right;width:12px;height:12px;margin:3px 10px 3px 5px;}

.box-row{float:left; width:920px;}

#box-instruction-information{width:915px;border:1px solid #ececec;margin-bottom:10px;}

#box-instruction-information h1{padding:5px;}

#box-instruction-information ol{padding:0px;margin:5px;}

#box-instruction-information li{display: inline;list-style-type:none;margin-right:5px;}

#box-instruction-information li img{height:75px;border:1px solid #ccc;}

.box-3-titles{background:url('/internal/images/step_title.png') no-repeat;width:90px;height:33px;float:left;clear:left;margin:0px;}

p.text-titles{font-family:georgia;font-size:20px;text-align:left;padding:1px;margin:1px 0px 0px 5px;}

p.orange {color:#FF6600;}

.box-3-text{width:670px;float:left;margin-bottom:10px;text-align:justify;font-family:Calibri,verdana;font-size:16px;}

.box-3-text-titles{background:url('/internal/images/step_title_text.png') no-repeat top right;width:100%;height:33px;float:left;margin-bottom:10px;color:#006699;}

.box-3-text ol{margin:5px;padding:0px 0px 0px 22px;color:#000;}

.box-3-pictures{width:115px;clear:right;font-size:13px;font-face:Arial, sans-serif;margin-top:43px;float:right;}

.pic a{        background: #000099;width:110px;height:75px;clear:both;        margin-bottom:10px;        border: solid 1px #666666;        display:block;        float:right;}

.pic a:hover{float:left;}

fieldset {background:#ececec; padding:10px; border:1px solid #ccc; margin-bottom:36px; width:890px;}

fieldset.action {background:#9da2a6; margin-top:-15px;}

input, textarea, select {font-size:16px;padding:0;}

legend {background:#fff; color:#000; padding:5px 15px; margin:-26px 0 0 -11px; font-size:18px; border:1px solid #ccc;}

label {font-size:11px; font-weight:bold; color:#666;}

label.opt {font-weight:normal;}

dl {clear:both;}

dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}

dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;}

.editableText:hover {outline: 1px dashed grey;}

.editableToolbar:hover + * {outline: 1px dashed grey;}

.editableToolbar a{display:block;width:17px; height:15px; float:left; margin: 2px;}

.editableToolbar .edit {background:url("/internal/images/edit_icons.png");}

.editableToolbar .save {background:url("/internal/images/edit_icons.png") -16px 0;}

.editableToolbar .cancel {background:url("/internal/images/edit_icons.png") 25px 0;}

.tDnD_whileDrag {background-color:#ececec;}

#wiring tr{height:20px;}

#wiring .box-wires {width:120px;}

#wiring .box-wires .wire {width:120px;height:6px;border:1px solid #666;margin:7px -1px 10px 0px;}

#wiring .box-wires .bl {background:#33C url('/internal/images/wiring/wire_blue.png') no-repeat;}

#wiring .box-wires .bk {background:#000 url('/internal/images/wiring/wire_black.png') no-repeat;}

#wiring .box-wires .br {background:#630 url('/internal/images/wiring/wire_brown.png') no-repeat;}

#wiring .box-wires .gr {background:#0C0 url('/internal/images/wiring/wire_green.png') no-repeat;}

#wiring .box-wires .or {background:#F60 url('/internal/images/wiring/wire_orange.png') no-repeat;}

#wiring .box-wires .re {background:#C00 url('/internal/images/wiring/wire_red.png') no-repeat;}

#wiring .box-wires .wh {background:#FFF url('/internal/images/wiring/wire_White.png') no-repeat;}

#wiring .box-wires .ye {background:#FF0 url('/internal/images/wiring/wire_yellow.png') no-repeat;}

#wiring .labels {float:left;width:120px;height:20px;margin:2px 0px 0px 5px;font-family:consolas;font-size:15px;color:#000;vertical-align:middle;text-transform:uppercase;}

#wiring td.pin {background:#FFF url('/internal/images/wiring/wire_connector.png') no-repeat;width:30px;height:20px;border:1px solid #666;text-align:center;}

#wiring .wire-dimensions {width:150px;font-size:20px;font-family:consolas;text-align:center;}

#wiring td.type {width:20px;font-family:consolas;font-size:15px;color:#000;}

.wiring-diagram {float:left;}

#wiring-info {width:300px;float:left;margin-left:20px;}

#wiring-info ul {padding:0px;margin:0px;}

.box_rotate {

     -moz-transform: rotate(-90deg);  /* FF3.5+ */

       -o-transform: rotate(-90deg);  /* Opera 10.5 */

  -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */

             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);  /* IE6,IE7 */

         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-3)"; /* IE8 */

}

/************* GENERAL BODY ***********/

body {background:url(/internal/images/header_bg.png) repeat-x;background-color:#eeeeee;}

#general{margin:0px auto;padding:0px;font:13px Lucida Sans, Arial, Verdana, Sans-Serif;color:#000066;width:990px;height:100%;

        list-style:none;text-decoration:none;position:relative;top:-7px;}

#top {background: url(/internal/images/header_bg.png) 0px -1px repeat-x;width:990px;height:79px;margin-bottom:13px;}

#top-navigation {float:right;padding-right:10px;margin-top:18px;font-size:12px;font-weight:bold;color:#ececec;}

#top-navigation a {font-size: 12px;font-weight:bold;color:#fff;margin-left:20px;text-decoration:none;width:48px;}

#top-navigation a:hover {border-bottom: 2px solid #0000CC;}

#top-navigation .nav-icon {width:48px;height:48px;float:right;margin-right:20px;}

#top-navigation #parts {background:url('/internal/images/nav_parts.png') no-repeat;}

#top-navigation #assembly {background:url('/internal/images/nav_assembly.png') no-repeat;}

#top-navigation #inventory {background:url('/internal/images/nav_inventory.png') no-repeat;}

#top-navigation #wiring {background:url('/internal/images/nav_wiring.png') no-repeat;}

#top-navigation        #active {float:right;background:url('/internal/images/nav_slider.png') no-repeat;

        position:relative;left:29px;top:48px;height:13px;width:9px;}

#top-search {float:right;margin-right:-40px;position:relative;top:50px;}

#body {width:990px;background:#eeeeee;height:100%;display:table;margin:0;padding-bottom:20px;margin-bottom:-40px;}

#footer-box { border-top:2px solid #999999; width:100px; height:40px; margin:0; padding:0; z-index:100; display:table;}

#footer p {font-size:11px; color:#666666; padding:8px 8px 8px 8px; display:block;}

#footer a {color: #666666; text-decoration:none;}

img {border:none;}

p {width:950px;}

a {text-decoration:none;}

h1, h2, h3 {display:inline;padding-right: 8px;font-family: Calibri, Lucida Sans, Verdana, Sans-Serif;z-index:1;} /*set z-index behind auto-complete box*/

h1 {color:#000099;}

h3 {margin:10px 8px 0px 10px;}

/************* BODY CLASSES ***********/

#body-boxes{margin:0;padding:0;padding-bottom:80px;}

.box-row {float:left;clear:both;display:block;}

.topmargin {margin-top:10px;}

.white-top {background:url(/images/20100124main.png) 0px 0px no-repeat;clear:both;display:block;height:12px;width:990px;margin-left:5px;}

.white-body {background:url(/images/20100125white_body.png) repeat-y;float:left;clear:both;height:auto;width:990px;margin-left:5px;}

.white-bottom {background:url(/images/20100124main.png) 0px -12px no-repeat;clear:both;display:block;height:20px;width:990px;margin-left:5px;}

.text-box {padding:0px 8px 0px 24px;display:block;}

#reference-box {border:1px solid #ccc;background-color:#efefef;width:930px;margin:10px;font-size:11px;color:#333;}

.content-box {width:680px;float:left;margin-bottom: 5px;}

.content-box p {width:670px;}

.content-box .hr {width:680px;}

.side-box {border: 1px solid #ccc;background-color:#66F;width:250px;margin:0px 10px 5px 10px;color: #fff;float:left;clear:right;}

.side-box p {width:230px;text-align:justify;margin-left:10px;}

.side-box img {margin:10px 10px -10px 10px;}

.gray{background-color:#EFF;color:#666}

#disqus_thread {width: 750px;margin:0px auto;}

table.intro {border:1px solid #CCC;width:940px;}

table.intro th, td {border:none;}

table.intro th {background-color:#66F;color:white;}

table.price {border:none;width:150px;text-align:right;}

table.part-content{width:500px;}

table.part-content td {border:1px solid #ececec;}

th, td {border:none;}

th {background-color:#66F;color:white;}

.bot-gray {display:block;border-bottom:1px solid #DDD; width:940px;clear:both;}

.hr {width: 940px;height: 1px;border: 1px solid #CCC;margin-bottom: 10px;}

img.box-img {float:left;margin-right:10px;}

.box-img-side {display:block;height:130px;width:950px;}

div.box-part-img {float:left;width:200px;}

div.box-part-title {float:left;width:650px;margin-left:25px;margin-bottom:10px;}

div.box-part-text {float:left;width:500px;margin-left:25px;}

video {width:464px;height:261px;}

.video-box {width:465px;float:left;margin-right:15px;}

.img-box {width:226px;margin:15px 8px 15px 0px;float:left;}

#bottom-nav {float: left;clear: both;}

#pagenav {clear: both;width: 940px;float: left;padding: 1.83em 0 0;}

#pagenav li {width: 50%;font-size: 14px;list-style: none;}

#pagenav .previous {float: left;}

#pagenav .previous a {padding-left: 20px;background: url(/images/arrow_prev.gif) no-repeat 0 50%;}

#pagenav .next {float: right;text-align: right;}

#pagenav .next a {padding-right: 20px;background: url(/images/arrow_next.gif) no-repeat 100% 50%;}

#navcontainer ul{margin: 0px auto;list-style-type: none;text-align: center;}

#navcontainer ul li { display: inline; }

#navcontainer ul li a{        text-decoration:none;padding:.1em 0.5em;background:none;border:none;color: #fffff;}

#navcontainer ul li a:hover{border:#9999FF solid 1px;text-decoration:underline;}

#navcontainer li.currentpage{text-decoration: none;padding: .1em 0.5em;background-color: #0066CC;border:#9999FF solid 1px;color: #fff;}

/************* FONT STYLES ***********/

a.small {font-size: 14px;color:#000033;text-decoration:none;}

a.sm-em {color: #fff;}

a.sm-em:hover {font-style: italic;color: #666;}

.description {font-size:14.5px;text-shadow: #ECECEC 0.5px 1px;}

.center {margin-left: auto;margin-right: auto}

.super {font: bold 6pt Arial;vertical-align: super;}

.blue {color:#003399;}

/* 3.2 =Image Grid

---------------------------------------------------------------------- */

.image-grid {

  margin: -20px 0 0 -40px;

  padding-left: 45px;

  width: 920px;

}

.image-grid:after {

  content: "";

  display: block;

  height: 0;

  overflow: hidden;

  clear: both;

}

.image-grid li {

  width: 140px;

  margin: 20px 0 0 35px;

  float: left;

  text-align: center;

  font-family: "Helvetica Neue", sans-serif;

  line-height: 17px;

  height:255px;

  color: #686f74;

  overflow: hidden;

}

.image-grid li img,

.image-grid li strong {

  display: block;

}

.image-grid li strong {

  color: #fff;

}