/*
   CVS: $Id: interior.css,v 1.1 2007/10/22 18:32:00 cvsdevel Exp $
   Title: Cris Camera
   Copyright: (c) 2007
   Author: Dennis J. Fesemyer
   Company: Rhino Internet Solutions
   Description: Interior Site Controls
   */

/* header
   */

#camera-services-bg {
   margin: 0 auto;
   height: 161px;
   width: 720px; 
   background: transparent url(/images/headers/grandcanyon.jpg) top left no-repeat;
   text-align: left;
}

#about-employment-bg {
   margin: 0 auto;
   height: 161px;
   width: 720px; 
   background: transparent url(~/images/headers/grandcanyon.jpg) top left no-repeat;
   text-align: left;
}

#order-status-bg {
   margin: 0 auto;
   height: 161px;
   width: 720px; 
   background: transparent url(/images/headers/camerawoman.jpg) top left no-repeat;
   text-align: left;
}

#logo {
   float: left;
   height: 111px;
   margin: 0;
   padding: 0;
   width: 198px;
}

#logo a {
   background: transparent url(/images/logos/camera-services.gif) top left no-repeat;
   display: block;
   height: 111px;
   text-decoration: none;
   text-indent: -9999px;
   width: 198px;
   outline: none;
}

/* #about-employment #logo a {
   background: transparent url(/images/logos/camera-services.gif) top left no-repeat;
   display: block;
   height: 111px;
   text-decoration: none;
   text-indent: -9999px;
   width: 198px;
   outline: none;
} */

#logo a:hover {
   text-decoration: none;
}

/* content
   */

h1#pagetitle {
   font: bold 20px/24px "Trebuchet MS", arial, sans-serif; color: #2b709f;
   padding: 0; margin: 0;
   width: 470px; padding-top: 40px;
   float: left;
   vertical-align: bottom;
}

h1#pagetitle:after,
#left-form dl:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

h1#dealer-camera-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/dealer-camera-services.gif) bottom left no-repeat;
}

h1#retail-camera-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/retail-camera-services.gif) bottom left no-repeat;
}

h1#retail-camera-faq-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/retail-camera-services-faq.gif) bottom left no-repeat;
}

h1#camera-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/camera-services.gif) bottom left no-repeat;
}

h1#test-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/test-instruments.gif) bottom left no-repeat;
}

h1#multi-camera-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/multi-camera-testers.gif) bottom left no-repeat;
}

h1#calibrated-light-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/calibrated-light-sources.gif) bottom left no-repeat;
}

h1#collimators-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/collimators.gif) bottom left no-repeat;
}

h1#pattern-light-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/pattern-light-boxes.gif) bottom left no-repeat;
}

h1#mercury-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/mercury-battery-adapters.gif) bottom left no-repeat;
}

h1#logistics-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/third-party-logistics.gif) bottom left no-repeat;
}


h1#news-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/news.gif) bottom left no-repeat;
}

h1#help-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/help-site-map.gif) bottom left no-repeat;
}

h1#about-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/about.gif) bottom left no-repeat;
}

h1#marketing-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/marketing_process_video.gif) bottom left no-repeat;
}

h1#staff-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/staff-bios.gif) bottom left no-repeat;
}

h1#employment-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/employment.gif) bottom left no-repeat;
}

h1#press-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/press-releases.gif) bottom left no-repeat;
}

h1#blog-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/blog.gif) bottom left no-repeat;
}

h1#disclaimer-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/legal_disclaimer.gif) bottom left no-repeat;
}

h1#privacy-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/privacy_policy.gif) bottom left no-repeat;
}

h1#register-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/why_register.gif) bottom left no-repeat;
}

h1#register-now-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/register_now.gif) bottom left no-repeat;
}

h1#password-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/forgot_password.gif) bottom left no-repeat;
}

h1#links-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/links.gif) bottom left no-repeat;
}

#about-employment h1#title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/camera-services.gif) bottom left no-repeat;
}

h1#contact-title {
   font: normal 14px/14px "Trebuchet MS", arial, sans-serif; color: #64d0f8;
   margin: 0; padding: 15px 0 0 0;
   height: 64px;
   text-indent: -9999px;
   background: transparent url(/images/titles/contact.gif) bottom left no-repeat;
}

#store-title {
   clear: both;
   padding: 30px 0 0 0; margin: 0;
   width: 720px;
}

#store-title:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

#store-title h2{
   font: bold 20px/24px "Trebuchet MS", arial, sans-serif; color: #2b709f;
   padding: 0; margin: 0;
   width: 415px;
   float: left;
}

#store-title form{
   padding: 0; margin: 0;
   float: right;
}

#store-title form dl {
   padding: 0; margin: 0;
}

#store-title form dl dt {
   width: 52px;
   float: left;
   display: block;
   text-align: left;
   font: normal 10px/12px arial, sans-serif; color: #333;
   padding: 5px 0 0 0; margin: 0;
   text-transform: uppercase;
}

#store-title form dl dd {
   float: left;
   text-align: left;
   margin: 0; padding: 0;
}

#store-title form dl dd input.text {
   padding: 3px;
   width: 205px;
   width/**/:/**/ 199px;
   text-align: left;
   vertical-align: top;
   border: 1px solid #7bbad3;
   font: 10px arial, verdana, sans-serif; color: #333;
}

#store-title form dl dd input.submit {
   padding: 2px;
}

#left-cols {
   float: left;
   width: 469px;
   margin: 0; padding: 0;
}

blockquote {
   clear: both;
   width: 469px;
   width/**/:/**/ 399px;
   background: transparent url(/images/quote.gif) top left no-repeat;
   border-top: 3px double #ccc;
   padding: 28px 35px 0 35px; margin: 0;
   font: normal 16px/18px "Trebuchet MS", arial, sans-serif; color: #999;
}

blockquote.in-content {
   float:right;
   width: 200px; 
   background: transparent url(/images/quote.gif) top left no-repeat;
   border: none;
   padding: 28px 35px 0 35px; margin: 0;
   font: normal 16px/18px "Trebuchet MS", arial, sans-serif; color: #999;
}

blockquote .credit{
   font: bold 10px arial, sans-serif; color: #333;
}

#left-text {
   float: left;
   width: 236px;
   width/**/:/**/ 225px;
   padding: 20px 10px 0 0; margin-bottom: 20px;
   border-right: 1px solid #ccc;
   color: #666;
   font-size: 12px;
}

#left-text h2 {
   font: normal 16px/18px "Trebuchet MS", arial, sans-serif; color: #333;
   margin: 0; padding: 0;
}

.links {
   display: block;
   font-size: 12px;
   margin: 0 0 20px 0; padding: 0 0 10px 0;
   border-bottom: 1px solid #ccc;
}

#left-text .links {
   text-align: center;
   margin-top: -20px;
}

#left-form {
   float: left;
   width: 232px;
   width/**/:/**/ 222px;
   padding: 20px 0 0 10px;
}

#left-form h2 {
   font: normal 13px/18px "Trebuchet MS", arial, sans-serif; color: #333;
   border-bottom: 1px dotted #ccc;
   margin: 0 0 10px 0; padding: 0;
}

#left-form dt {
   float: left;
	clear: left;
   text-align: left;
   font: normal 11px/12px arial, sans-serif; color: #666;
   padding: 6px 0; margin: 0;
}

.eg {
   color: #2b709f;
   font-style: italic;
}

#left-form label {
	float: left;
	margin: 0 0 7px 0;
	}
	
#left-form .submit {
   clear: both;
   float: none;
   margin: 0 0 20px 90px;
   position: relative;
   }
	
.basic-form-box {
	float: right;
	margin: 3px 5px 8px 0;
	padding: 1px 0 2px 0;
	border: 1px solid #7bbad3;
	width: 125px;
	}
	
.long-form-box {
	margin: 3px 5px 8px 0;
	padding: 1px 0 2px 0;
	border: 1px solid #7bbad3;
	width: 125px;
	}
	
#sidebar {
   float: right;
   width: 241px;
   margin: 0; padding: 0;
}

#sidebar ul {
   margin: 0 0 10px 10px;
   padding: 0 0 5px 0;
   }
   
#sidebar a {
   color: #181818;
   }

#sidebar-top {
   background: transparent url(/images/sidebar-top.gif) top left no-repeat;
   padding: 20px 20px 10px 20px; margin: 0;
}

#sidebar-top h1{
   font: normal 16px/18px "Trebuchet MS", arial, sans-serif; color: #fff;
   border-bottom: 1px solid #79b8d1;
   margin: 0 0 10px 0; padding: 0;
}		

#sidebar-bottom {
   font: normal 11px/14px "Trebuchet MS", arial, sans-serif; color: #fff;
   background: #3575a2 url(/images/sidebar-bottom.gif) bottom left no-repeat;
   padding: 0 20px 5px 20px;
   border-left: 1px solid #fff;
}

#sidebar-bottom h5{
   font: bold 14px/16px "Trebuchet MS", arial, sans-serif; color: #ffffff;
   padding: 20px 0 0 0; margin: 0 0 10px 0;
   border-top: 1px solid #79b8d1;
}

#sidebar-bottom h5.no-border {
   padding: 0;
   padding: 0;
   border: none;
   }

#sidebar-bottom img {
   border: 1px solid #FFF;
   float: right;
   margin: 15px 0 10px 10px; padding: 0;
}

#sidebar-bottom p{
   xclear: left;
   margin: 0 0 15px 0; padding: 0;
}

.camera {
	margin: 15px 0;
	padding-left: 25px;
	background: transparent url(/images/sidebar/camera-icon.gif) top left no-repeat;
	text-transform: uppercase;
	}
	
	.camera a.learn,
	.camera a.learn:visited {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		}
		
		.camera a.learn:hover {
			text-decoration: underline;
			}


/* table
   */

table#order,
table.order {
   clear: both;
   width: 100%;
   padding: 0; margin: 0;
   border-collapse: collapse;
   border-bottom: 1px solid #2b709f;
}

td.top {
   padding: 20px 0 0 0; margin: 0;
   text-align: left;
   background-color: transparent;
}

.captiontitle {
   font: normal 14px "Trebuchet MS", arial, sans-serif; color: #666;
   width: 450px;
   float: left;
   padding: 0; margin: 0;
}

.requiresinfo {
   float: right;
   font: normal 11px/12px arial, sans-serif; color: #666;
   background: transparent url(/images/attention.gif) top left no-repeat;
   padding: 0 0 10px 20px; margin: 0;
}

table#order th,
table#order td,
table.order th,
table.order td {
   padding: 5px;
   text-align: left;
   font-size: 11px; line-height: 13px;
   vertical-align: top;
}

table#order th,
table.order th {
   background-color: #2b709f;
   color: #fff;
   line-height: 1.1em;
}

table#order th.sorted,
table.order th.sorted {
   background-color: #7cbad3;
}

table.specs {
   padding: 10px 0 10px 0;
   width: 100%;
   margin-bottom: 25px;
   font-weight: normal;
   border-top: solid 1px #ccc;
   border-bottom: double 3px #ccc;
   }

tr.grey {
   background-color: #efefef;
}

table#order td.attention,
table.order td.attention {
   background: transparent url(/images/attention.gif) 50% 50% no-repeat;
   width: 20px;
}

td {
   padding: 2px 4px;
   vertical-align: top;
   }

table.specs td.spec-title {
   padding: 0 10px 0 0;
   width: 150px;
   font-weight: bold;
   }
   
ul.gray-indent li {
   color: #666666;
   list-style: none;
   }

  
ul.highlights {
   margin: 0;
   padding: 10px 0 10px 15px;
   border-top: solid 1px #ccc;
   }
	
/* additional service links
   */

div#servicelinks {
   float: right;
   width: 520px;
   margin-top: 10px;
}

#servicelinks:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

div#servicelinks ul { 
   float: right;
   margin: 0; padding: 0;
   list-style: none none;
}

div#servicelinks ul li { 
   float: left;
   margin-left: 1px;
}

div#servicelinks ul li a { 
   font: bold 1em/20px arial, sans-serif; color: #fff;
   background-color: #7bbad3;
   text-transform: uppercase;
   display: block;
   padding: 0 10px;
}

div#servicelinks ul li a:visited {
   text-decoration: none;
   outline: none;
}

div#servicelinks ul li a:hover {
   background-color: #333;
   text-decoration: none;
}

/* page navigation
   */

.pager td table {
   margin: 0 auto;
}

div#pagenav ul {
   clear: both;
   margin: 0; padding: 1em 0 2em 0;
   list-style: none none;
   text-align: center;
}

div#pagenav ul li {
   margin-left: 0.6em;
   display: inline;
}

div#pagenav ul li strong {
   font-weight: bold; color: #7bbad3;
}

div#pagenav ul li a {
   color: #333;
   text-decoration: none;
   outline: none;
}

div#pagenav ul li a:hover {
   text-decoration: underline;
}

/* repair form
   */
.repairspace{
   padding: 15px;
}

dl.repairform {
   margin: 0;
   width: 630px;
}

dl.repairform:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

dl.repairform dt {
   width: 150px;
   display: block;
   clear: both;
   float: left;
   text-align: left;
   font: normal 11px/15px arial, sans-serif; color: #333;
   padding: 0; margin: 0 0 10px 0;
}

dl.repairform dd {
   width: 450px;
   float: left;
   text-align: left;
   margin: 0 0 10px 0;
   padding: 0;
}

dl.repairform dd input.text, 
dl.repairform dd select.text,
dl.repairform dd textarea {
   padding: 2px;
   width: 280px;
   text-align: left;
   vertical-align: top;
   border: 1px solid #7bbad3;
   font: 10px arial, verdana, sans-serif; color: #333;
}

dl.repairform dd input.smtext {
   padding: 2px;
   width: 150px;
   text-align: left;
   vertical-align: top;
   border: 1px solid #7bbad3;
   font: 10px arial, verdana, sans-serif; color: #333;
}

dl.repairform dd ul {
   float: left;
   margin: 0; padding: 0;
   list-style: none none;
}

dl.repairform dd ul li { 
   float: left;
   margin-right: 3em;
}

/* repair detail
   */

div#repairdetail {
   clear: both;
   float: left;
   width: 350px;
   padding: 0; margin: 20px 0;
   border-collapse: collapse;
}

table#repairdetail td {
   padding: 3px 5px;
   text-align: left;
   background-color: #efefef;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   vertical-align: top;
}

table#repairdetail td.value {
   background-color: #d2d2d2;
   width: 130px;
   font-weight: bold; color: #666;
}


/* repair display table
   */

div#righttables {
   float: right;
   width: 350px;
   padding: 0; margin: 0 0 20px 0;
   border-collapse: collapse;
}

table#repairdetail-shipping {
   clear: both;
   width: 350px;
   background-color: #fff;
   border-bottom: 1px solid #2b709f;
   padding: 0; margin: 20px 0;
   border-collapse: collapse;
}

table#repairdetail-shipping td, th {
   padding: 3px 5px;
   text-align: left;
}

table#repairdetail-shipping th {
   background-color: #2b709f;
   color: #fff;
   line-height: 1.1em;
}

td.status {
   font-weight: bold;
}

tr.grey {
   background-color: #efefef;
}

/* repair detail
   */

table.repairconfirmation {
   clear: both;
   float: left;
   width: 600px;
   background-color: #fff;
   padding: 0; margin: 10px 10px 20px 10px;
   border-collapse: collapse;
}

table.repairconfirmation caption{
   padding: 20px 0 0 0; margin: 0;
   text-align: left;
   border-bottom: 1px solid #efefef;
   font: bold 14px/18px arial, sans-serif; color: #999;
}

table.repairconfirmation td {
   padding: 3px 5px;
   text-align: left;
   vertical-align: top;
}

table.repairconfirmation td.value {
   width: 160px;
   font-weight: bold;
}


/* repair display inquiry form
   */

dl.repairinquiry {
   padding: 0; margin: 0;
   width: 350px;
}

dl.repairinquiry:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

dl.repairinquiry dt {
   width: 140px;
   display: block;
   clear: both;
   float: left;
   text-align: left;
   font: normal 11px/15px arial, sans-serif; color: #333;
   padding: 0; margin: 0 0 10px 0;
}

dl.repairinquiry dd {
   width: 210px;
   float: left;
   text-align: left;
   margin: 0 0 10px 0;
   padding: 0;
}

dl.repairinquiry dd textarea {
   padding: 2px;
   width: 210px;
   width/**/:/**/ 204px;
   text-align: left;
   vertical-align: top;
   border: 1px solid #7bbad3;
   font: 10px arial, verdana, sans-serif; color: #333;
}

dl.repairinquiry dd input.submit {
   float: right;
}

.attentionMsg {
   font-size: larger;
   color: red;
}

.order-detail-header {
	background-color: #2b709f;
	font: bold 11px arial, verdana, sans-serif; color: #FFF;
	}	
	
.order-detail-input {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background-color: #D2D2D2;
	font: bold 11px arial, verdana, sans-serif; color: #666;
   width: 140px;
	}

.order-detail-output {
	border-bottom: 1px solid #FFF;
	background-color: #EFEFEF;
	font: normal 11px arial, verdana, sans-serif; color: #333;
	}

.order-detail-output td div table tr td {
	font: normal 11px arial, verdana, sans-serif; color: #333;
   padding-left: 0;
	}

.order-detail-ship-row {
	background-color: #FFF;
	font-weight: normal;
	}
	
.order-detail-alt-row {
	background-color: #EFEFEF;
	}
	
.repair-status-header {
	background-color: #2b709f;	
	font: bold 11px arial, verdana, sans-serif; color: #FFF;
	}
	
	.repair-status-header a {
	font: bold 11px arial, verdana, sans-serif; color: #FFF;
	}
	
.repair-status a {
	font: normal 11px arial, verdana, sans-serif; color: #CC0000;
	}

#sitemap #left-col #left-text ul li {
   font-weight: bold;
   }
   
#sitemap #left-col #left-text ul li ul li {
   font-weight: normal;
   }