/* c:\Websites\Computronics\pub\global\css\default.css */
/*

COMPUTRONICS

*/
@font-face {
	font-family: 'ScriptinaRegular';
	src: url('/global/fonts/scriptina.eot');
	src: local('Scriptina Regular'), local('Scriptina'), url('/global/fonts/scriptina.woff') format('woff'), url('/global/fonts/scriptina.ttf') format('truetype'), url('/global/fonts/scriptina.svg#Scriptina') format('svg');
}

/* Normalize elements between browsers */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
ol,ul { list-style-type: none; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }

/* =ADMIN (mgmt.css) ============================================= */

/* =BASIC LAYOUT=============================================================================================== */

html 
{
 font: 62.5% Georgia,serif;
}

body
{
 background: #73B7FE url(/global/images/bg-blue.jpg) 50% 0 scroll no-repeat;
 font-size: 2.4em;
 line-height: 1.4em;
}

a:link { color: #00f; }
a:visited { color: #009; }

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.ar { text-align: justify; }

em { font-style: italic; }

.hide { display: none; }

#wrapper
{
 margin: 0 auto;
 display: block;
 width: 960px;
}


#header h1
{
 display: block;
 background: transparent url(/global/images/computronics-logo-small.png) no-repeat;
 height: 186px;
 width: 555px;
 margin: 30px 0 0 0;
 text-indent: -9999px;
 float: left;
}
#header img { margin-top: 30px; }
#header h1 a /* not ued on / page */
{
 display: block;
 height: 292px;
 width: 877px;
}
#header div.navigation
{
font-size: 0.6em;
line-height: 1.5em;
 width: 360px;
 text-align: center;
 margin: 2em 0 0 0;
 padding: 1px 1em;
 background-color: rgba(0, 0, 100, 0.05);
 -moz-border-radius: 17px;
 -webkit-border-radius: 17px;
 border-radius: 17px;
-moz-box-shadow: #999 0 0 5px;
float: right;
}
#header div.navigation #side
{ 
 width: 130px;
 float: right;
 padding-left: 1em; 
 border-left: 1px solid #bbf;
 padding-top: 5px;
 padding-bottom: 5px;
}
#header div.navigation #side img { margin-top: 10px; }

#header .tel 
{
 font: bold 1.8em georgia,serif;
 text-shadow: #666 1px 1px 4px;
 color: #2B33B2;
 margin: 0.3em 0;
}

#index #header h1
{
 display: block;
 background: transparent url(/global/images/logo-ccinc.png) no-repeat;
 height: 292px;
 width: 877px;
 margin: 30px auto 0;
 text-indent: -9999px;
}
#index #header h1 a /* not used on / page */
{
 display: block;
 height: 292px;
 width: 877px;
}

span.amp
{
font-style: normal;
}

/* =SELFCLEAR================== */

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

.c
{
display: inline-block; /* IE 7 */
}

.c
{
display: block;
}

* html .c
{
height: 1px; /* IE < 7 */
}

/* =FORMS========================= */

form
{
background-color: rgba(0, 0, 0, 0.05);
padding: 10px;
border: solid 2px rgba(0, 0, 0, 0.10);
-moz-border-radius: 20px;
}

div.ctrlHolder label
{
 display: block;
 font-style: italic;
}
div.ctrlHolder input,
div.ctrlHolder select,
div.ctrlHolder textarea
{
 font: normal normal 1em Georgia,serif;
}
/* #content is to raise specificity */
#content div.ctrlHolder.checkbox input { width: auto; }

div.buttonHolder { margin-top: 1em; }
div.buttonHolder input,
div.buttonHolder button
{
 padding: 10px 20px;
 font: 2em Georgia;
}

html #content div.ctrlHolder .multi input { width: auto; display: inline; }
html #content div.ctrlHolder .multi label { width: auto; display: inline; }

/* =CONTENT========================= */

#content p, #content li, #content td, #content dd, #content dt
{
text-shadow: rgba(0, 0, 0, .3) 0 1px 1px;
}

#content
{
 position: relative;
}

#content h1,#content h2
{
 font-size: 2.0em;
 line-height: 1.2em;
 font-weight: normal;
 text-align: center;
 margin: 0.25em 0;
 color: #2B33B2;
 text-shadow: #666 0 2px 3px;
}
#content h3 
{ 
 font-size: 1.4em;
 color: #1f277f; 
 text-shadow: #999 0 2px 3px;
 margin-bottom: .5em;
}

#content p 
{
 margin-bottom: 1em;
}

#content a
{
 font-weight: bold;
 font-style: italic;
}

#content strong { font-weight: bold; }

#content li { margin-bottom: .75em; }

#content img { padding: .25em; }

#content dt { font-weight: bold; }
#content dd { margin-bottom: .75em; }


#content p a:hover,#content p a:active, 
#content dd a:hover,#content dd a:active, 
#footer a:hover,#footer a:active 
{ 
 color: #fff;
 background-color: #006;
 background-color: rgba(0, 0, 151, 0.7);
 padding: 2px 5px;
 margin: -2px -5px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
 text-shadow: #000 2px 1px 0;
}
body.ie #content p a:hover,#content body.ie p a:active
{
 background-color: #006;
}

#content blockquote
{
 font: bold italic 1em/1.5em georgia,serif;
}
/*#content blockquote:before,
#content blockquote:after { content: '"'; }*/

#content cite
{
 display: block;
 font: 3em "ScriptinaRegular","zapfino",serif;
 line-height: 1.3em;
 color: #006;
}
#content cite span
{
font: 0.25em georgia,serif;
color: #999;
}

/* =NAVIGATION======================= */

#navigation
{
 text-align: center;
 margin: 1em 0;
 background-color: #2B33B2;
 margin-bottom: 1em;
 padding: 0;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 -moz-box-shadow: rgba(0,0,0,.4) 0 1px 5px;
}

#navigation li 
{
 display: inline;
 margin: 2px 0;
}

#navigation a
{
 font: 0.7em/1em Georgia,serif;
 line-height: 2em;
 margin: 10px 0;
 color: #fff;
 padding: 5px 7px 3px 7px;
margin: 0 2px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
text-shadow: rgba(0, 0, 0, .7) 0 1px 1px;
text-decoration: none;
}

#navigation a:hover
{
 background-color: #F5DE06;
 color: #000;
}

#navigation li.active a
{
 background-color: #F5DE06;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 color: #000;
}

/* =FOOTER=========================== */

#footer 
{
 margin: 4em 0 1em 0;
 padding: 1.5em 0 0 0;
 background: url(/global/images/brands-ftr.png) no-repeat center 0;
 clear: both;
}

#copyright, #webmaster
{
 text-align: center;
 font-weight: bold;
 margin: .5em 0 0 0;
 font-size: 0.8em;
}
#webmaster
{
 font-size: 0.5em;
font-style: italic;
}

#footer ul
{
 width: 800px;
 clear: both;
 margin: 0 auto;
}

#footer li
{
 display: block;
 float: left;
 width: 200px;
 text-align: center;
 font: 0.7em verdana,arial,sans-serif;
}

#footer div.vcard {
 clear: both;
 font: italic .5em georgia,serif;
 text-align: center;
 margin: 1em;
}
#footer div.vcard *
{
 display: inline; 
 margin-left: 0.5em;
}

/* hide unnecessary v-card stuff */
body .adr .country-name, 
body .adr .type,
body .tel .type
 { display: none; }

#browsers
{
text-align: center;
font-size: .5em;
font-weight: bold;
}
#browsers span { display: block; margin: 0; padding: 0; }
#browsers p { font-weight: normal; margin: 0 0 2em 0; padding: 0; line-height: 1em; }

/* =LIGHTBOX==== */

#lightbox-image-details-caption
{
 font: 30px georgia,serif;
}
#lightbox-image-details-currentNumber
{
 font: 20px georgia,serif;
}

/* =INTERNAL============================= */

.internal #content 
{
background-color: #fff;
padding: 0 15px 15px 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: solid 3px #00C;
font-size: 0.7em;
-moz-box-shadow: rgba(0,0,0,0.5) 0 5px 15px;
}
.internal table
{
width: 100%;
}
.internal thead th
{
background-color: #00c;
color: #fff;
font-weight: bold;
border-right: solid 3px #fff;
padding: 0 3px;
}
.internal tbody td
{
border-bottom: dotted 1px #000;
}

.internal #content #addCustomer
{
padding: 15px;
border: solid 2px #ddd;
background-color: #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
margin-top: 15px 0;
}

.internal #content h3 { margin-top: 15px; }

.internal #content div.ctrlHolder { clear: both; }
.internal #content div.ctrlHolder label { width: 300px; display: block; float: left; }
.internal #content div.ctrlHolder input,
.internal #content div.ctrlHolder select,
.internal #content div.ctrlHolder textarea
{
 width: 550px;
padding: 3px;
}

.internal div.buttonHolder input { width: 100%; clear: both; }
.internal div.buttonHolder a { line-height: 2em; padding: 0 1em; }
.internal #content p.formHint { margin-left: 300px; }

.internal table td span { display: block; font: italic 0.7em/1.2em georgia,serif; margin: 0 0 5px 0; }
.internal form div.errors
{
background-color: #900;
color: #fff;
padding: 0 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.internal form div.errors p { font-weight: bold; }
.internal form div.errors ul { list-style-type: disc; margin-left: 1em; line-height: 1em; padding-bottom: 0.1em; margin-bottom: 1em; }

.internal input.error { border: solid 2px #f00; }

.internal #filter { font-size: 1.3em; width: 650px; }
.internal #taskEditForm { margin: 1em 0; }

.internal #basicInfo { width: 300px; float: left;  position: relative; }
.internal #log { width: 590px; float: right; }
.internal #log table { width: 100%; }

.internal #basicInfo dt { line-height: 0.9em; }
.internal #basicInfo dd { font-style: italic; margin-left: 1em; }

.internal #updateStatus { line-height: 1em; border-bottom: dotted 1px #000; padding-bottom: 1em; }
.internal #updateStatus #status { width: 600px; float: left; border-right: dotted 1px #000; }
.internal #updateStatus #status li { width: 300px; float: left; }
.internal #updateStatus li:hover { background: yellow; }

.internal #updateStatus #admin { float: right; font-size: 2.4em; }
.internal #updateStatus #notes { width: 100%; font-size: 2em; height: 3.3em; }
.internal #quickStatus { text-align: center; font-size: 2em; }
.internal #quickStatus span { text-align: center; font-size: 0.5em; display: block; margin: 0 auto; font-style: italic; }

.internal #updateStatus #status { font-size: 1.5em; }
.internal #updateStatus #status em { font-size: 0.5em; line-height: 1.5em; display: block; margin-left: 1.5em; }

.internal #content #source, .internal #content #sourceSpecify { width: 250px; }

/* =PAGES================================== */

#indexn #sg { position: relative; margin-top: -50px }
#indexn .photos li { float: left; }
#indexn .photos img 
{ 
-moz-box-shadow: #000 0 2px 10px;
padding: 0;
margin: 10px;
}

#directions .map { width: 960px; height: 500px; border: 0; margin: 0 auto; }

#productListing>li
{
 background-color: #fff;
 padding: 20px;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 -moz-box-shadow: #999 0 2px 6px;
}
#productListing .price 
{ 
float: right; 
display: block;
color: #090; 
font: bold italic 2em georgia,serif;
}
#productListing .price .tax,
#productListing .price .total
{
 display: block;
 font: normal normal .3em georgia,serif;
 text-align: center;
}

#productListing .notes { color: #999; font: bold italic .5em georgia,serif; }


#productListing ul li
{
padding: 0;
font: .6em/.7em georgia;
line-height: 1.2em;
}

p.disclaimer
{
 color: #333;
font: normal normal .5em arial,sans-serif;
font-variant: small-caps;
 
}

#testimonialsPage blockquote
{
 border-top: 5px dotted #B1D9FD;
 padding-top: 5px;
 margin-top: 5px;
}

#about #content img { width: 75px; }
#about img.fr { margin: 0 0 1em 1em; }
#about img.fl { margin: 0 1em 1em 0; }

#contactUs div.ctrlHolder input,
#contactUs div.ctrlHolder select,
#contactUs div.ctrlHolder textarea,
#webmasterpage div.ctrlHolder input,
#webmasterpage div.ctrlHolder select,
#webmasterpage div.ctrlHolder textarea
{
 width: 570px;
}

#contactUs form, #webmasterpage form
{
 width: 580px;
}


#price-list .photos { width: 230px; float: left; }
#partListing { font-size: 1em; margin-bottom: 2em; }
#partListing td { padding: 0.25em; border-bottom: 1px dotted #999; }
#partListing td { color: #093; font: bold italic 1em georgia,sserif; }
#partListing td+td { color: #000; font: normal normal 0.75em georgia,sserif; }
#partListing td+td+td { color: #666; font: italic 0.75em georgia,sserif; }
#partListing th { padding-top: 1em;  border-bottom: 1px dotted #999; }

.legalese { font: small-caps 0.7em georgia,serif; color: #666; }

/* c:\Websites\Computronics\pub\global\css\print.css */
#price-list #navigation,
#price-list #footer,
#price-list .ac,
#price-list #header .navigation
{
    display: none;
}

a img { border: 0; }
 
#productListing>li
{
 background-color: #fff;
 padding: 20px;
}
#productListing .price 
{ 
float: right; 
display: block;
color: #090; 
font: bold italic 2em georgia,serif;
}
#productListing .price .tax,
#productListing .price .total
{
 display: block;
 font: normal normal .3em georgia,serif;
 text-align: center;
}

#productListing .notes { color: #999; font: bold italic .5em georgia,serif; }


#productListing>li
{
font: 1.3em/1.2em georgia;
line-height: 1.2em;
page-break-before: always;
page-break-after: always;
padding: 200px 0 0 0;
background: transparent url(/global/images/computronics-logo-small.png) no-repeat 50% 0;
}
#productListing { list-style-type: none; }

#productListing .photos { float: left; width: 220px; }