/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*	
*   Company:    Cutting Systems, Inc.
*   Email:      webmaster@cuttingsys.com
*   Website:    http://www.cuttingsys.com
*   
*   File:       csi.css
*   Version:    1.4
*   Purpose:    The main style sheet used on the latest website design.
*   
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


/*-=-=-=-=- UNIVERSAL TOOL KIT -=-=-=-=-
	Sorted alphabetically by 
	TAG, DIV, then CLASS 
	whenever possible
*/

html { height:100%; margin-bottom:1px; }

body{ background:#333; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; margin:0; min-width:840px; padding:0; }

img{ border:none; }
img.center{ margin:0 5em; }

p{ font-family:Arial, Helvetica, sans-serif; font-size:.8em; }

#content{ clear:both; font-size:1em; margin:0 20px 0 20px; }

#page-container{ background:#E0C71C; border:1px solid #770; border-left:2px solid #770; border-right:2px solid #770; margin:auto; width:800px; min-width:800px; }

.text-center{ text-align:center; }
.text-mono{ font-family:"Courier New", Courier, mono; white-space:pre; }
.text-small{ font-familY:Arial, Verdana, Helvetica, sans-serif; font-size:0.8em; }
.text-smaller{ font-familY:Arial, Verdana, Helvetica, sans-serif; font-size:0.7em; }
.text-indent{ text-indent:1.5em; }

.float-left{ float:left; }
.float-right{ float:right; }

.hidden{ display:none; }

#gmap{ border:1px solid #770; clear:both; height:427px; margin:3em auto 3em auto; width:570px; }


/*-=-=-=-=- SITE SPECIFIC THEME COLORS -=-=-=-=-*/

.csi-yellow{ color:#E0C71C; background:inherit; }
.csi-orange{ color:#EC891E; background:inherit; }
.csi-drkgray{ color:#222; background:inherit; }


/*-=-=-=-=- General Elements -=-=-=-=-*/

h4{ color:#EA5E00; font-family:Arial, Helvetica, sans-serif; }
h5{ text-decoration:underline; }

li{ list-style:circle; }
li.no-style{ list-style:none; }

#counter{ float:left; margin-top:7px;}

#header{ background:#eaeaea url(images/gfx_header_fill.gif) repeat-x 0 0; height:115px; min-height:115px; }

#footer{
	border-top: 1px solid #550;
	clear: both;
	color: #550;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	height: 43px;
	margin: 30px 20px 10px 20px;
	min-height: 90px;
	padding-top: 0px;
	text-align: center;
}
#footer img#logo{ float:right; margin-top:5px; }
#footer p{ margin-left: 100px; }

#footer ul.nav li{ display:inline; }
#footer ul.nav li a{ border-bottom:1px dotted #635510; color:#770; padding:0 2px; text-decoration:none; }
#footer ul.nav li a:hover{ background:#635510; color:#E5D791; }

#text-pad{ display: block; margin: auto; width: 80%; margin-top: 25px; }
  .dark-bg{ background: #D7BF1B; border: 1px solid #770; padding:0 1.5em; }

#text-pad a{ border-bottom:1px dotted #635510; color: #222; padding:0 2px; text-decoration: none; }
#text-pad a:hover{ background: #635510; color: #e5d791; padding:0 2px; text-decoration: none; }
#text-pad ul{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; }
#text-pad li{ line-height: 2em; }

.flash{ display: block; margin: auto; text-align: center; z-index: -1; }

	/** Container block for all item/row items listed **/
#index{ background:#D7BF1B; display:block; margin:auto; padding:.5em; width:80%; }

	/** Individual containing block for a specific listed item/row **/
#index .block{ clear:both; margin-bottom:20px; padding:10px 5px; min-height:160px; }
#index .block h2{ margin-top:0; }

	/** The image specific to the listed item/row within .block **/
#index img{ float:left; }

	/** Container block for all text listed for each item/row within .block **/
#index .text{ font-family:Arial, Helvetica, sans-serif; margin-left:272px; min-width:300px; width:300px; }


/*-=-=-=-=- Dealers Tables -=-=-=-=-*/

table.dealers{ background: #D7BF1B; border: 1px solid #770; font-family: Arial, Helvetica, sans-serif; font-size: .9em; margin: 1em auto; padding:3px; width:50%; }
table.dealers a{ border-bottom:1px dotted #635510; color: #EA5E00; padding:0 2px; text-decoration: none; }
table.dealers a:hover{ background: #635510; color: #e5d791; padding:0 2px; text-decoration: none; }
table.dealers tr.name{ font-size: 1em; }
table.dealers tr.addr{ color:black; }
table.dealers tr.pobox{ color:black; }
table.dealers tr.cszip{ color:black; }
table.dealers tr.phone{ color:#039; font-family:"Courier New", Courier, mono; }
table.dealers tr.fax{ color:#039; font-family:"Courier New", Courier, mono; }

#dealer_form{ font-family: Arial, Helvetica, sans-serif; font-size:.9em; margin: auto; width:700px; }
#dealer_form .select{ margin-left:10px; }
#listings{ clear:both; }
.float{ float:left; width:250px; }

	/*- Layout for alternating dealer list blocks - [ON-HOLD]*/
	.dealers-left{ display:block; margin-left:10%; width: 30%; }
	.dealers-right{ display:block; margin-right:10%; width: 30%; }
	.dealers-row{ border: 1px solid blue; }

/*-=-=-=-=- Equipment Specific Display Page -=-=-=-=-*/

#product-container{ display: block; margin:auto; margin-top:25px; }
#product-container .top{ background: url(images/gfx_top_display.gif) no-repeat; height: 50px; min-height: 50px; min-width: 450px; margin: auto; width: 450px; }
#product-container .top .text{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 18pt; margin-left: 50px; width: 350px; white-space:nowrap;  }

#product-container .middle{ background: url(images/gfx_bg_display.gif) repeat-y 0 0; }
#product-container .middle img#product{ margin-left: 150px; margin-right: 150px; }
#product-container .middle p{ color: #aaa; display: inline; font-size:.7em; margin-left: 175px;	 }
#product-container .image{ background: #fff; display: table-cell; }
#product-container .image p{ color:#999; font-size:.7em; }

#product-container .bottom{ background: url(images/gfx_bottom_display.gif) no-repeat; display: table-cell; height: 50px; min-height: 50px; min-width: 450px; margin:auto; width: 450px; }
#product-container .bottom .content{ color: #000; display: table-cell; font-family: Arial, Helvetica, sans-serif; margin-left: 50px; text-align: right; width: 350px; }
#product-container .bottom .content img{ cursor:pointer; margin:7px 8px; }

#image-block{ margin:auto; }

#details{ background: #D7BF1B; border: 1px solid #770; font-size:.9em; }
#details li{ font-family:"Courier New", Courier, mono; line-height:1.5em; white-space:pre; }
#details p{ margin-left:20px; }
#details h5{ font-family:reset; margin-left: 1em; }

#menu{ /* RESERVED */ }


/*-=-=-=-=- Originated from http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm -=-=-=-=-
  -=-=-=-=- [ menu.php ] -=-=-=-=-*/

.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(images/gfx_blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: #000;
background: transparent url(images/gfx_blockactive.gif) center center repeat-x;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: 0;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: 0;
}

.tabcontent{
	background: #CDB322;
	border-bottom:1px solid #BEA818;
	display: none;
	min-width:800px;
	width:800px;
}

.tabcontainer a{
	background: inherit;
	color: #333;
	text-decoration: none;
}

.tabcontainer a:hover{
	color: #FFF2AA;
}

.tabcontainer li{
	display: inline;
	font-family: Tahoma Helvetica, sans-serif;
	font-size: .9em;
	margin: 0 7px;
}
	
.tabcontent ul{
	margin: 3px;
	padding: 3px;
}

#sb1.tabcontent ul{
	margin-left: 55px;
}

#sb2.tabcontent ul{
	margin-left: 200px;
}

#sb3.tabcontent ul{
	margin-left: 230px;
}


/*-=-=-=-=- Show Dates Page -=-=-=-=-*/

table.show-table{ font-family: "Times New Roman", Times, serif; margin: 0 auto; width:75%; }
table.show-table th{ font-family: Arial, Helvetica, sans-serif; }
table.show-table td{ font-size: .9em; text-align: center; }

/* .dark-bg-ss{ background: #D7BF1B url(images/show_sign.jpg) no-repeat top right; border: 1px solid #770; min-height: 530px; padding:0 1.5em; } */
.dark-bg-ss{ background: #D7BF1B; border: 1px solid #770; min-height: 530px; padding:0 1.5em; }

img.show_header{margin-left:-24px;}
img.show_footer{margin-top:15px; margin-left:-24px;}


/*-=-=-=-=- Authorized CSI Dealers Part Prices -=-=-=-=-*/

body#authorized_CSI_dealers { /* RESERVED */ }
body#authorized_CSI_dealers #text-pad{ font-family:Arial, Helvetica, sans-serif; font-size:.8em; width:95%; }
body#authorized_CSI_dealers #text-pad p{ font-family: inherit; font-size: inherit; }

table#part_prices{ width: 100%; }

table#part_prices th{ background: #444; border: 1px solid #000; color: #eaeaea; }
table#part_prices td{ border: 1px solid #BEA818; padding-top: 7px; padding-bottom: 7px; }

table#part_prices tr.alt0 td{ background:#E0C71C; } /* Alternate colors */
table#part_prices tr.alt1 td{ background:#DCC000; } /* for each row     */

table#part_prices td.pn{ font-family: "Courier New", Courier, mono; text-align: center; white-space: pre; }
table#part_prices td.crn{ font-family: "Courier New", Courier, mono; text-align: center; white-space: pre; }
table#part_prices td.desc{ font-family: inherit; padding-left: 9px; }
table#part_prices td.price{ font-family: "Courier New", Courier, mono; padding-right: 9px; text-align:right; white-space: pre; }


/*-=-=-=-=- Ajax XML Ticker -=-=-=-=-*/

#ticker-container div.title{
  background:#eaeaea;
  border:1px solid #777700;
  border-bottom:none;
  display:inline;
  float:right;
  margin-bottom:-1px;
  margin-right:3px;
  padding:0 1em;
}

#ticker-container #ajaxticker1{ background:#eaeaea; border:1px solid #777700; clear:both; height:50px; padding:5px; width:745px; }

/* IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV */
#ticker-container #ajaxticker1 div{ background:#eaeaea; clear:both; }

#ticker-container #ajaxticker1 span.heading{ color:black; font-weight:bold; padding:0 2px; }

#ticker-container #ajaxticker1 a{ border-bottom:1px dotted #635510; color:black; text-decoration:none; }
#ticker-container #ajaxticker1 a:hover{ background:#635510; color:#e5d791; padding:0 2px; text-decoration:none; }