/* CSS Document */
/*CTL services main web site*/
/*revised 05/10/07*/

/* default styles */
html{margin:0;padding:0;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:small; 
color:#333366;
margin:0;padding:0;
background-color:#333399;
background-color:rgb(143,188,237);
background-image:url(side-menu-bkg5.gif);
background-repeat:repeat;}
img { border:0;}
h4{margin:0;padding:0;}
h5 {margin:0;padding:0; font-size: xx-small;}

a:link img, a:visited img {border:solid 1px transparent;}
a:hover img, a:active img, a:focus img {border: solid 1px #0033FF;}

a { color:#000000;}
a:link, a:visited {color:#000000; }
a:hover, a:active {color:#3333CC; }

table {
width:95%;
/*border:solid 1px #0033FF;*/
}

th {
border:solid 1px #0033ff;
/*0033ff*/
padding:3px;margin:0;
border-collapse:collapse;
}


td {
border:solid 1px #0033ff;
color:#000000;/*0033ff*/
padding:3px;margin:0;
border-collapse:collapse;
}

caption {
font-size:small;
text-decoration:underline;
padding-bottom:.5em;
margin-top:1em;
}

th { text-align:left;}

.reallyHidden {
display:none
}

.hidden {
position:absolute;
	left: -990em;
	width:900em;
}
.separatorInvisible{display:none; clear:both;}
.redtext{color:#FF0000}
.red{color:#FF0000}
img.menu{z-index:0}


#column1 p.fabricName {color:#FF0000;}

#center {position: relative; left:10%; right:10%;}

/*heading menu styles*/
#headmenu {font-size:105%;height:76px;
/*background-image:url(side-menu-bkgA.gif);
background-repeat:repeat-x;*/
position:absolute;
top:10px;left:200px;}
#headmenu img {border:0;padding:0;margin:0;}
#headmenu h1 {
padding:0;margin:0;
font-size:170%;line-height:1.5em;
padding-bottom:5px;
color:#FFFFFF;
}
#headmenu ul {
list-style-type:none;
float:none;clear:both;
z-index:2;
margin:0;padding:0;

}
#headmenu li {display:inline;float:left;}
#headmenu a:link, #headmenu a:visited {color:#333366; background-color:#ffffff; text-decoration:underline;padding:.2em 1em;margin:.1em;}
#headmenu a:hover, #headmenu a:active, #headmenu a:focus {color:#ffffff; text-decoration:none; background-color:#333366; padding:.2em 1em;margin:.1em;}

/*contents section subheading lists
#subhead li{display:inline;}
#subhead ul{ list-style-type:none; margin:0;padding:0;}*/



/*contents section*/
#content {position: absolute; top:76px; left:200px;
padding:0 20px 0 10px;
width:75%;
border-left:1px solid rgb(81,159,220);
background-color:#ffffff}
#content h2 {padding:0;margin:0;margin-top:10px; font-size:140%; padding-bottom:5px;}
#content caption{font-size:150%;font-weight:bold; line-height:1em;}
#content p {}
#content a {padding:0;margin:0;}
#content a:link, #content a:visited {color:#000000;	text-decoration:underline; background-color:#FFFFFF}
#content a:hover, #content a:active {color:#3333CC; text-decoration:underline; background-color:#FFFFFF}
#content a:focus {color:#000000; text-decoration:underline; background-color: #33CCFF}

#content ul {margin:0;margin-left:10px; list-style-position:outside}
#content li {padding-bottom:10px;}
#content li a:link, #content li a:visited {color:#000000; text-decoration:underline; background-color: #FFFFFF}
#content li a:hover, #content li a:active {color:#3333CC; text-decoration:underline; background-color:#FFFFFF}
#content li a:focus {color:#000000; text-decoration:underline; background-color: #33CCFF}

#content ul.address{list-style:none;}

#content dt{ font-weight:bold}
#content dd{ position:relative;left:7em;top:-1em; width:500px;}
#content dd a:link, #content dd a:visited {color:#000000; text-decoration:underline; background-color: #FFFFFF}
#content dd a:hover, #content dd a:active {color:#3333CC; text-decoration:underline; background-color:#FFFFFF}
#content caption {font-size:small;
text-decoration:underline;}

/*contents section side menu subsection*/
#sidemenu{width:180px;padding-top:5px;background-color:rgb(2,126,197); color:#000000; font-size:x-small;height:100%;padding-left:20px; 
background-color:rgb(143,188,237);
background-color:rgb(81,159,220);
background-image:url(side-menu-bkg5.gif);
background-repeat:repeat-y;}
#sidemenu ul{list-style-type:none;margin-left:-40px;width:150px;padding-bottom:20px;}
#sidemenu li {line-height:1.5em;margin-bottom:10px;
background-color:#333366;
border-bottom:1px solid #333333;border-right:1px solid #333333;
border-top:1px solid #dddddd;border-left:1px solid #dddddd;}
#sidemenu li:hover, #sidemenu li:focus{background-color:transparent;
border-top:1px solid #333333;border-left:1px solid #333333;
border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;}
#sidemenu a:link, #sidemenu a:visited {color:#ffffff; text-decoration:none; padding:0;margin:5px;}
#sidemenu a:hover, #sidemenu a:active {color:#333366; text-decoration:underline;padding:0;margin:5px;}
#sidemenu a:focus { background-color:#FFFFFF;color:#333366; text-decoration:underline;padding:0;margin:5px;}
#sidemenu a.nopad {margin:0;padding:0;}
#sidemenu img {border:0;margin:0;padding:0;margin-left:-5px}

/* contents section left hand column subsection */
#column1{
float:left;
width:50%;}
#column1a label, #column1a form{display:block; padding:0.2em 0;}


/*contents section right hand column subsection */
#column2 {
float:right;
width:45%;
margin-left:10px;}

/*forms throughout the site*/
form{width:460px;}
fieldset {
border: 1px dashed #555555;
padding: 5px;
margin: 0;
margin-bottom:10px;
width: 100%;
}
 legend {
padding: 0 10px;
font: 12px Verdana, Arial, sans-serif;
color: #000000;
background-color: #ffffff;
text-transform: uppercase;
}
.formField, select {
border: 1px solid #333333;
background-color: #cccccc;
font: 12px Verdana, sans-serif;
width: 200px;
}

select {float:right;margin-right:20px; width:auto;}
#column1 select {float:none;}

 td.formTable  {
padding: 0 0 5px 0;
}
.formLabel {
float: left;
text-align: right;
font-weight: bold;
width: 220px;
}

.formControl {
float: right;
width: 220px;
}
.row {
clear: both;
padding-top: 5px;
}
.spacer {
clear: both;
height: 10px;
}
th.order, td.order{
padding:0;margin:0;
border:1px solid black;
border-collapse:collapse;
}
th.order{padding-left:2px;padding-right:2px;text-align:center;}
table.order { border-collapse:collapse;}
input { margin-bottom:5px; margin-top:5px;}
/*input.order {margin:0;border:none;}*/

.note{font-size:80%;}
div.swatch {width:40%;clear:left;}
div.swatch img {padding:3px;float:left;}