@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px; }
body { background:#4a4a4a url(../images/bkground.jpg) no-repeat top center; font:11px Arial, Helvetica, sans-serif; }
hr { width:100%; border:0; color:#888; background-color:#888; height:1px; }
a:active { outline:none; }
a:focus { -moz-outline-style: none; }
.red { color:red; padding-left:8px; }
.strike { text-decoration:line-through; }

img { border-style:none; }
img#cmt-logo { position:relative; top:34px; left:313px; }
img#contact-phone { position:absolute; top:93px; right:65px; z-index:10; }
img#butt-home { position:absolute; top:94px; right:130px; z-index:10; }

div#intro { width:860px; margin:0 auto; text-align:center; }
div#intro h1 { color:#fff; }
div#intro p { color:#fff; font-size:14px; padding:6px 0 6px 0; }
div#showcase { position:relative; margin:8px auto 20px; width:860px; background:url(../images/show-bkg-mid.jpg) repeat-y; }
div#newrelease { width:548px; float:left; }
div#newrelease table { margin-top:0px; }
div#newrelease td { color:#fff; padding:4px 20px 10px 14px; font-size:13px; }
div#comingsoon { width:295px; float:left; margin-left:17px; }
div#comingsoon table { margin-top:0px; }
div#comingsoon td { color:#fff; padding:4px 8px 10px 14px; font-size:13px; }

div#container { position:relative; margin:0 auto; width:1000px; }
div#content-area { position:relative; top:60px; margin:0 auto; width:920px; background:#4a4a4a url(../images/content-mid.jpg) repeat-y; clear:both; }
div#footer { text-align:center; color:#888; height:45px; margin-top:40px;  }
#footer hr { width:80%; margin-left:90px; margin-bottom:15px; }

div#arrow-box { float:left; width:34px; height:500px; background-color:#e0e0e0; }
div.prod_wrapper { padding:20px; height:380px; width:530px; margin-top:10px; overflow:auto; }
div.prod_wrapper a { width:330px; }
ul.prod_list { list-style-image: url(../images/cd-icon.jpg); padding-left:34px; }
ul.prod_list li { position:relative; height:35px; }
ul.prod_list li a { position:absolute; top:8px;  margin-bottom:10px; color:#4d4d4d; text-decoration:none; }
ul.prod_list li a:hover { color:#8d1019; }
table.prices { position:absolute; top:8px; right:0px; }

/* Tabs */
ul.navigation { list-style:none; float:left; width:210px; margin-left:30px; margin-top:20px; }
ul.navigation li { margin-bottom:7px; margin-left:1px; }

/* Product Overlay */
body#product { background: #fff; font-size:12px; }
body#product table { padding:8px; width:96%; margin:0 auto; }
#prod-code-tab { width:230px; margin-top:40px; margin-left:420px; height:37px; background:url(../images/prod-code-tab.gif) bottom left no-repeat; }
#prod-code-tab p{ margin-left:100px; padding-top:15px; } 
#prod-title { background:#8b1019 url(../images/prod-name-arw.gif) top left no-repeat; width:96%; height:56px; margin:0 auto; }
#prod-title p { color:#fff; font-size:18px; padding-left:60px; padding-top:7px; }
#prod-price { border-top:1px solid #ededed; border-bottom:1px solid #ededed; width:390px; height:50px; color:#54b561; font-family:tahoma,sans-serif; font-size:20px; font-weight:bold; }
#prod-features { margin-left:20px; background:#ededed url(../images/head-features.gif) top left no-repeat; width:288px; }
#prod-features p { padding:12px; padding-top:40px; }
#prod-desc { padding:12px; }
#prod-footer { margin:0 auto; height:30px; width:50%; text-align:center; margin-top:10px; padding-top:20px; margin-bottom:10px; border-top:1px solid #ededed; }

/* Contact Form */
div#details { float:left; width:220px; height:300px; margin-left:44px; margin-top:0px; }
div#contactform { float:left; width:475px; height:500px; margin-left:50px; margin-top:20px; }

img#phone-icon { margin-top:20px; }
img#thankyou { margin:90px 50px; }

#frmcontact fieldset { border:none; margin-top:8px; }
#frmcontact input { border:1px solid #d2d1d1; font-size:18px; padding:5px; }
#frmcontact textarea { border:1px solid #d2d1d1; font-size:18px; padding:5px; }
#frmcontact .submit { background:url(../images/butt-send.gif); width:72px; height:35px; float:right; margin-right:80px; margin-top:15px; }
#frmcontact p, legend { clear:both; font-size:12px; }
#frmcontact p { color:#666; }
#frmcontact label { width:120px; float:left; text-align:right; margin-right:10px; font-size:12px; }
#frmcontact label.error {  text-align:left; float:left; color:red; margin-left:130px; padding-bottom:4px; font-size:10px; width:180px; }
#frmcontact em { padding-left:5px; vertical-align:top; }
#frmcontact p { padding:10px 8px; }

input, textarea { font-size:11px; font-family: Helvetica, Arial, Verdana, sans-serif; }


/* Slider */
#slider {
	float:right;
	padding-right:30px;
	width: 616px;
	margin: 0 auto;
	position: relative;
}

.scroll {
  height:500px;
  overflow:auto;
  position:relative; /* fix for IE to respect overflow */
  clear:left;
  background:#e0e0e0 url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
	float:right;
	padding:20px;
	height:500px;
	width:616px; /* change to 560px if not using JS to remove rh.scroll */
}



.boxgrid{ 
	width:34px; 
	height:68px; 
	margin:0px 0px 10px 0px; 
	float:left;   
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
		position:absolute; 
		top:0; 
		left:-34px; 
		border:0; 
}