/*---------------------------PrintSpark.com Css Style Sheet-----------------------------------*/ 
/*---------------------------Author: Tom Bang | Mindsinkmedia.com-----------------------------*/ 


html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family:Arial, Helvetica, sans-serif;
 background:url(images/bg_body.jpg) center repeat-y;
 background-color:#F0F0F0;
} 
 
#pagewidth{ 
 width:870px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:110px; 
 width:890px;
 background-image:url(images/bg_header.jpg);
 margin-left:-10px;
}

#header .title{
visibility:hidden;
height:10px;
overflow:hidden;}

#menu{
 position:relative; 
 width:100%;

}  
 
#leftcol{
 width:200px; 
 float:left; 
 position:relative;
 margin-left:10px;
 }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:645px;
 margin-right:2px;
 }
 
#footer{
height:150px;
 clear:both;
 border-top:#CCCCCC solid 1px;
 color:#999999;
 background-color:#F7F7F7;
 margin-left:-1px;
 }
  
 #footer p{ 
 font-size:10px;
 margin:10px;
 margin-top:5px;

 }
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


 /*---------------------TEXT STYLES-------------------------*/ 
 
 p{
 font-size:12px;
 }
 
 h1, h3{
 line-height:80%;
 margin-top:5px;
 margin-bottom:5px;
 }
 
  /*-------------------CUSTOMIZE TEXT----------------------*/ 
  
  .green{
  color:#000000;
 
  padding:5px;
  font-size:20px;
  }
  
  .blue{
  color:#0099CB;
  }
  
  .blockblack{
  color:#FFFFFF;
  background-color:#000000;
  padding:5px;
  font-size:14px;
  }
  
  
 /*------------------------LISTS-----------------------------*/
 
li{
font-size:12px;
list-style:none;
}


.templateul{
}

.templateul li{
list-style-image: url(images/icon_page.gif);
font-size: 14px;
border-bottom:#CCCCCC 1px solid;
width:100px;
}

.templateul li:hover{
background-color:#F7F7F7;
}

.templateul li a{
text-decoration:none;
}


/*--------------------Funkin Menu---------------------------*/ 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#blueblock{
width: 200px;
padding: 0 0 1em 0;
font-size: 12px;
color: #000;
}

* html #blueblock{ /*IE 6 only */
w\idth: 189px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid  #CCCCCC;
margin: 0;
}

#blueblock li a{
display: block;
padding: 7px 5px 7px 8px;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
background-color: #F1F1F1;
color: #000;
}



/*-------------------------TOP MENU------------------------------/
/*URL: http://www.dynamicdrive.com/style/ */

#underlinemenu{
margin: 0;
padding: 0;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 0;
padding-left: 0px;
float: left;
width: 100%;
border: 1px solid #CCC;
border-width: 1px 0 1px 0;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}

.quickorder{
height:21px;
width:110px;
background:url(images/bg_quickorder.gif);
border: none;
}

.quickorder:hover{
background:url(images/bg_quickorder.gif) 0 21px;
}


#underlinemenu ul li a{
font-size:12px;
float: left;
font-weight: normal;
padding: 5px 10px 6px 10px;
text-decoration: none;
color: #666666;
border: 1px solid #CCC;
border-width: 0 1px 0 0;
}


#underlinemenu .right a{
font-size:14px;
float: left;
font-weight: normal;
padding:0px;
text-decoration: none;
color:#000000;
border:none;
}



#underlinemenu ul li a:hover{
color: #000000;
background-color:#F7F7F7;
}

/*-----------------------FOOTER MENU------------------------------/
/*URL: http://www.dynamicdrive.com/style/ */

#footermenu{
margin: 0;
padding: 0;
margin-left:5px;
padding-bottom:10px;
}

#footermenu ul{
margin: 0;
margin-bottom: 0;
padding-left: 0;
float: left;
font-size:10px;
width: 100%;

}

* html #footermenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#footermenu ul li{
display: inline;
}


#footermenu ul li a{
font-size:10px;
float: left;
padding: 2px 6px 3px 6px;
text-decoration: underline;
color: #999999;
}

#footermenu ul li a:hover{
color: black;

}


/*------------------------TABLE STYLE-----------------------------*/



#mytable {
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:12px;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	text-align: right;
}

th {
	font:  Arial, Helvetica, sans-serif;
	color: #000000;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #FFFFF;
	font-size:10px;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CCCCCC;
	background: none;
	font-size:9px;
	letter-spacing:0px;
	color:#999999;
}

td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #000000;
}


td.alt {
	background: #F7F7F7;
	color: #000000;
}

th.spec {
	border-left: 1px solid #CCCCCC;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #CCCCCC;
	border-top: 0;
	background: #F7F7F7 url(images/bullet2.gif) no-repeat;
	font: bold 10px  Arial, Helvetica, sans-serif;
	color: #000000;
}


/*------------------------Order Bar-----------------------------*/

#orderbar{
width:100%;
margin-top:0px;
}


#orderbar p{
margin:0px;
}


/*---------------------Product Description----------------------*/


.productimage{
}

.productdesc{
background-color:#F7F7F7;
width:630px;
padding:10px 0 10px 0;
margin-bottom:15px;
border:1px solid   #E6E6E6;
}

.productdesc p{
margin:0 20px 0 20px;
}


.producttip{
 background:url(images/e_tip.jpg) no-repeat; 
width:630px;
padding:0 0 10px 0;
margin-bottom:15px;
}

.producttip p{
margin:0 20px 0 65px;
}




/*--------------------------Links-------------------------------*/

a{
color:#666666;}

a:hover{
color:#000000;
 }
 
 /*------------------------Featurelist--------------------------*/
 
 
.features{
font-size:12px;}


/*------------------------Front Page----------------------------*/

.frontdeals{
width:643px;
height:225px;
background-image:url(images/fp_deals.jpg);
background-repeat:no-repeat;
}

.frontdeals .product{
margin-top:25px;
margin-left:100px;
position:relative;
float:left;
width:215px;
cursor:pointer;
}

.frontdeals .product h3{
font-size:24px; 
}

.frontdeals .product h5{
font-size:10px;
font-weight: normal;
margin-top:5px;
}

.frontdeals a{
color: #CCCCCC;}

.frontdeals a:hover{
color: #FFFFFF;
}

.bottombox{
width:320px;
float:left;
}

.bottombox h2{
margin-top:5px;
margin-bottom:2px;
}


/*------------------------FORMS----------------------------*/

/* there is no form styles at this point  */

/*------------------------PORTFOLIO------------------------*/

.piecedesc{
background-color:#DDDDDD;
width:632px;
}

.piecedesc p {
font-size:11px;
color: #666666;
margin:0px;
padding:5px;}

.piece{
border:1px solid  #DDDDDD;
margin-bottom:20px;
}

#demo-container{ margin-bottom:18px;}
ul#simple-menu{list-style-type:none;position:relative;height:27px;font-family:Arial,sans-serif;font-size:13px;font-weight:normal;margin:0;padding:0px 0 0 0;
margin-top:8px; }
ul#simple-menu li{display:block;float:left;margin:0 0 0 0px;height:27px; border:1px solid #DDDDDD; border-width:1px 1px 1px 0;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color: #666666;background:#FFFFFF;line-height:27px;text-decoration:none;padding:0 13px 0 14px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#F7F7F7;}


#demo-container{ margin-bottom:18px;}
ul#simple-menu2{list-style-type:none;position:relative;height:27px;font-family:Arial,sans-serif;font-size:13px;font-weight:normal;margin:0;padding:0px 0 0 0;}
ul#simple-menu2 li{display:block;float:left;margin:0 0 0 0px;height:27px; border:1px solid #C6C6C6; border-width:1px 1px 1px 0;}
ul#simple-menu2 li.left{margin:0;}
ul#simple-menu2 li a{display:block;float:left;color: #666666;background:#F7F7F7;line-height:27px;text-decoration:none;padding:0 13px 0 14px;height:27px;}
ul#simple-menu2 li a.right{padding-right:19px;}
ul#simple-menu2 li a:hover{background: #000000 ; color:#FFFFFF;}


/*---------------------ORDER GRAPHIC DESIGN-------------------------*/