/* UNIVERSAL STYLES
================================================================================*/

html, body{
	padding:0;
	margin:0;
	background-color:#666;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#333;
	}
	
/*fixing firefox outline*/


a:link, a:active, a:visited{ color:#0033CC; }
a:hover{ color: #333; }

a:active{
	outline:none;
	}
	
:focus{
	outline:none;
	}
	
img, form{
	padding:0;
	margin:0;
	border:none;
	}
	
img a{
	border:none;
	}
	
	
	
	
	
	
	
	
	
/*TEXT STYLES
================================================================================*/

h1{
	padding:0 0 17px 0;
	margin:0;
	font:bold 39px Arial, Helvetica, sans-serif;
	line-height:110%;
	color:#c40c3e;
	}
	
h2{
	padding:0 0 8px 0;
	margin:0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#c30c3e;
	}
	
h3{
	padding:0 0 8px 0;
	margin:0;
	font:bold 15px Arial, Helvetica, sans-serif;
	line-height:100%;
	color:#c30c3e;
	}










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

#nav{
	float:left;
	width:626px;
	padding:9px 0 0 27px;
	}
	
#nav ul{
	padding:0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#nav ul li{
	margin:0 3px 0 0;
	float:left;
	font:normal 14px Arial, Helvetica, sans-serif;
	}
	
#home a:link, #home a:visited{
	text-decoration:none;
	color:#ffffcc;
	width:58px;
	height:20px;
	text-align:center;
	display:block;
	padding:4px 0 0 0;
	}
	
#home a:hover, #homepage #home a{
	background:url(../images/home_hover.jpg) no-repeat 0 0;
	width:58px;
	height:20px;
	}
	
#custom a:link, #custom a:visited{
	text-decoration:none;
	color:#ffffcc;
	width:127px;
	height:20px;
	text-align:center;
	display:block;
	padding:4px 0 0 0;
	}
	
#custom a:hover, #custompage #custom a{
	background:url(../images/custom_hover.jpg) no-repeat 0 0;
	width:127px;
	height:20px;
	}
	
#imprinting a:link, #imprinting a:visited{
	text-decoration:none;
	color:#ffffcc;
	width:83px;
	height:20px;
	text-align:center;
	display:block;
	padding:4px 0 0 0;
	}
	
#imprinting a:hover, #imprintingpage #imprinting a{
	background:url(../images/imprinting_hover.jpg) no-repeat 0 0;
	width:83px;
	height:20px;
	}
	
#order a:link, #order a:visited{
	text-decoration:none;
	color:#ffffcc;
	width:109px;
	height:20px;
	text-align:center;
	display:block;
	padding:4px 0 0 0;
	}
	
#order a:hover, #orderpage #order a{
	background:url(../images/order_hover.jpg) no-repeat 0 0;
	width:109px;
	height:20px;
	}
	
#sample a:link, #sample a:visited{
	text-decoration:none;
	color:#ffffcc;
	width:133px;
	height:20px;
	text-align:center;
	display:block;
	padding:4px 0 0 0;
	}
	
#sample a:hover, #samplepage #sample a{
	background:url(../images/samples_hover.jpg) no-repeat 0 0;
	width:133px;
	height:20px;
	}
	
#contact a:link, #contact a:visited{
	text-decoration:none;
	color:#ffffcc;
	width:72px;
	height:20px;
	text-align:center;
	display:block;
	padding:4px 0 0 0;
	}
	
#contact a:hover, #contactpage #contact a{
	background:url(../images/contact_hover.jpg) no-repeat 0 0;
	width:72px;
	height:20px;
	}









/* LAYOUT STYLES
================================================================================*/
	
#container{
	padding:25px 0 25px 0;
	margin:0 auto 0 auto;
	width:950px;
	position: relative;
	}
	
#header{
	width:950px;
	height:145px;
	}
	
#header_upper{
	background:#fff6c8 url(../images/header_bg.jpg) repeat-x 0 0;
	width:950px;
	height:102px;
	}
	
#logo{
	float:left;
	width:430px;
	height:102px;
	}
	
#header_right{
	float:right;
	background:url(../images/header_right_edge.jpg) no-repeat top right;
	width:465px;
	height:76px;
	padding:26px 35px 0 0;
	}
	
.cleardiv{
	clear:both;
	font-size:0;
	}

/*for ie6*/	
.cleardiv2{
	clear:both;
	font-size:0;
	height:0;
	}
	
#currency_div{
	width:148px;
	padding:0 0 17px 317px;
	}
	
#currency_left{
	float:left;
	width:63px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 0 0 0;
	}
	
#currency_right{
	float:left;
	width:85px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#292626;
	}
	
#currency_right a{
	text-decoration:none;
	color:#292626;
	}
				
#active-currency{ 
	display:block; 
	background:url(../images/current_on.jpg) no-repeat 0 0;
	cursor:pointer;
	}
					
#second-currency{ 
	display:none; 
	background:url(../images/current_off.jpg) no-repeat 0 0;
	cursor:pointer;
	position:absolute;
	top:76px;
	}
				
.art-ca{ 
	display:block; 
	background:url(../images/canada_flag.jpg) no-repeat 7px 6px;
	padding:6px 0 0 35px;
	width:50px;
	height:18px;
	}
						
.art-us{ 
	display: block; 
	background:url(../images/us_flag.jpg) no-repeat 7px 6px;
	padding:6px 0 0 35px;
	width:50px;
	height:18px;
	}
	
#header_right p{
	padding:0;
	margin:0;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#949184;
	line-height:100%;
	text-align:right;
	}
	
#nav_outer{
	background:url(../images/nav_bg.jpg) repeat-x 0 0;
	width:950px;
	height:43px;
	}
	
#search-box{
    position: absolute;
	width:285px;
	top: 135px;
	left: 650px;
	
	}
	
.search_txtbox{
	background:url(../images/search_txtbox_bg_off.jpg) no-repeat 0 0;
	width:177px;
	height:18px;
	border:none;
	padding:4px 10px 4px 10px;
	color: #000;
	font-weight: bold;
	float:left;
	margin:0 3px 0 0;
	font-size:14px;
	}
	
.search_btn{
	background:url(../images/search_btn.jpg) no-repeat 0 0;
	width: 63px;
	height: 26px;
	border: 0;
	font-size: 1px;
	color: #333;
	text-align: left;
	cursor: pointer;
	}
	
#bodyarea{
	width:950px;
	background-color:#fff;
	padding:0 0 37px 0;
	}
	
#content_outer{
	background:url(../images/bodyarea_bg.jpg) repeat-y 0 0;
	width:950px;
	}
	
#content{
	background:url(../images/bodyarea_bottom.jpg) no-repeat left bottom;
	width:950px;
	}
	
	#page-content{ padding: 0 15px 0 15px; }
	
	    #page-content h1{ font-size: 30px; }
	
	
#content_inside{
	background:url(../images/bodyarea_top.jpg) no-repeat 0 0;
	width:900px;
	padding:27px 20px 0 30px;
	}
	
#leftcol{
	float:left;
	width:205px;
	}
	
#leftcol ul{
	padding:0 0 14px 0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#leftcol ul li{
	padding:0 0 7px 0;
	margin:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#0033cc;
	}
	
#leftcol ul li a:link, #leftcol ul li a:visited{
	text-decoration:underline;
	color:#0033cc;
	}
	
#leftcol ul li a:hover{
	text-decoration:none;
	}
	
	
	.side-menu{}
	    .side-menu br{ line-height: 1px; display: inline; }
	
	
	
#rightcol{
	float:right;
	width:655px;
	}
	
	
	
#top_content{
	width:608px;
	padding:0 0 36px 21px;
	}
	
#top_content_left{
	float:left;
	width:305px;
	}
	
#top_content_right{
	float:left;
	width:303px;
	padding:18px 0 0 0;
	}
	
#quality_pro{
	padding:0 0 3px 0;
	margin:0;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#c30c3e;
	}
	
#heading{
	padding:0 0 3px 0;
	margin:0;
	font:bold 25px Arial, Helvetica, sans-serif;
	color:#333;
	}	

#middle_content{
	width:608px;
	padding:0 0 24px 0;
	}
	
#middle_content_top{
	background:url(../images/shadow_top.jpg) no-repeat 0 0;
	width:608px;
	height:22px;
	font-size:0;
	}

#middle_content_middle{
	width:573px;
	padding:6px 11px 15px 24px;
	}
	
#middle_content_bottom{
	background:url(../images/shadow_bottom.jpg) no-repeat 0 0;
	width:608px;
	height:22px;
	font-size:0;
	}
	
.middle_cell_left{
	float:left;
	width:270px;
	}
	
.middle_cell_pic{
	float:left;
	width:100px;
	}
	
.middle_cell_pic2{
	float:left;
	width:100px;
	padding:22px 0 0 0;
	}
	
.middle_cell_text{
	float:left;
	width:170px;
	padding:8px 0 0 0;
	}
	
.middle_cell_right{
	float:right;
	width:270px;
	}

.text{
	padding:0;
	margin:0;
	line-height:155%;
	}
	
.text a:link, .text a:visited{
	text-decoration:underline;
	color:#0033cc;
	}
	
.text a:hover{
	text-decoration:none;
	}

#bottom_content{
	width:588px;
	padding:0 0 0 20px;
	}
	
#bottom_content_left{
	float:left;
	width:172px;
	}
	
#bottom_content_right{
	float:left;
	width:380px;
	}
	
#footer{
	width:950px;
	height:45px;
	}
	
#footer_left{
	float:left;
	background:url(../images/footer_left.jpg) no-repeat 0 0;
	width:12px;
	height:45px;
	}
	
#footer_middle{
	float:left;
	background:url(../images/footer_bg.jpg) repeat-x 0 0;
	width:885px;
	height:30px;
	padding:15px 20px 0 20px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	}
	
#footer_right{
	float:left;
	background:url(../images/footer_right.jpg) no-repeat 0 0;
	width:13px;
	height:45px;
	}
	
#footer_middle_left{
	float:left;
	width:500px;
	}
	
#footer_middle_right{
	float:right;
	width:230px;
	text-align:right;
	}
	
#footer_middle_right a:link, #footer_middle_right a:visited{
	text-decoration:underline;
	color:#333;
	}
	
#footer_middle_right a:hover{
	text-decoration:none;
	}






.right-pic
{
	margin: 10px 0px 10px 10px;
}

.left-pic
{
	margin: 10px 10px 10px 0px;
}


/*** product styles ************************************************************/

.product-grid{
}

.product-grid-item{
	width: 140px;
	text-align: center;
	padding: 10px;
	padding-bottom: 20px;
}

.product-grid-nav{
	text-align: center;
	padding-top: 15px;
	font-weight: bold;
}

.product-title{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}

.product-description{
	padding-bottom: 10px;	
}

.product-description p{
	padding: 0;
	margin: 0;	
}

.pager-bar
{
	font-size: 12px;	
	font-weight: bold;
	color: #666;
	margin-top: 20px;
	padding: 5px; 
}

.form-input
{	font-family: Arial;
	font-size: 11px;
}

.picture-label
{
	font-size: 11px;
	font-weight: bold;
	background: #ebebeb;
	padding: 5px;
}

.picture-main
{
	padding-bottom: 15px;
}

.picture-thumb
{
	padding-top: 15px;
	text-align: center;
}

.product-price
{
	font-size: 12px;
	font-weight: bold;
}

.product-sale-price
{
	font-size: 12px;
	font-weight: bold;
	color: Red;
}

.product-colors-box
{
	background: #F9F9F9;
	padding: 15px 20px;
}

.product-colors-box-header
{
	font-weight: bold;
	padding-bottom: 7px;
}

.product-colors-box-item
{
	width: 75px;
	padding-bottom: 5px;
}


	.product-grid-pic{ display: block; width: 130px; margin-bottom: 8px; padding: 5px 0; }
		.product-grid-pic img{ vertical-align: middle; }
		




/* grid styles */


.results-grid
{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #fff;
}

.results-grid-title, .results-grid-title td{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	background-color: #F5D0A2;
	padding: 7px 6px 7px 6px;
	border: 1px solid #fff;
}

.results-grid-cell, .results-grid-cell td{
	font-family: Tahoma;
	font-size: 11px;
	color: #000;
	padding: 6px;
	border: 1px solid #fff;
	background: #FFF5C5;
}

.results-grid-totals, .results-grid-totals td{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	color: #4A5D6B;
	background-color: #F6F6F6;
	padding: 6px 5px 6px 5px;
	border: 1px solid #BABABA;
}

.results-grid-nav, .results-grid-nav td{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	color: #4A5D6B;
	background-color: #F6F6F6;
	padding: 6px 5px 6px 5px;
	border: 1px solid #BABABA;
}


/** pop up styles */

.popup-title
{
	padding: 6px 10px 7px 10px;
	font-size: 13px;
	font-weight: bold;
	background-color: #ebebeb;
	border-bottom: 1px solid #ccc;
}

.popup-title-link
{
	padding: 6px 10px 7px 10px;
	font-size: 11px;
	background-color: #ebebeb;
	border-bottom: 1px solid #ccc;
	text-align: right;
}

.popup-image-cell
{
	padding: 20px;
}


.FAQs
{
	border: 0;
	border-color: #fff;
}

.FAQ-Categories
{
	border: 0px solid #fff;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 10px;
}

.FAQ-Questions
{
	margin: 10px;
	padding-left: 5px;
	border:0;
}

.faq-detail-c
{
	border: 0;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 10px;
	border-bottom: 1px solid #999;
}

.faq-detail-q
{
	padding-bottom: 5px;
	color: #000;
	font-size: 12px;
}

.faq-detail-l
{
	padding-bottom: 5px;
}

.form
{
	border:solid 1px #ebebeb;
	padding: 20px;
	background-color:#FFF5C5;
}

    .form table td{padding: 5px 0; }
    
    .form .text, .form textarea{ width: 320px; font-size: 14px; padding: 3px 5px; }
    .form .label{ width: 120px; font-weight: bold; }  
    .form .button{ font-size: 15px; padding: 3px 10px; font-weight: bold; }

.bread-crumbs
{
	font-size: 10px;
	font-family: Tahoma;
	background-color: #f6f6f6;
	display: block;
	padding: 2px 0 4px 0;
	display: none;
}

.division-title
{
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #ccc;
	
		
}



    .search-results-message{ font-size: 15px; }
    
    
    
    .product-thumbs{ padding: 10px 0 0 20px;  }
        .product-thumbs img{ border: 1px solid #ebebeb; padding: 5px; background: #fff; }
        
        
        
        #catalog{ border: 2px solid #ebebeb; font-size: 15px; font-weight: bold; text-align: center; margin: 30px 0 0 0; padding: 10px 15px 15px 10px; }