@charset "UTF-8";
::-moz-selection{background: #541d81;  color:#FFFFFF;!important} 

::selection {background: #541d81; color:#FFFFFF; !important} 

@font-face {
font-family: "Eurostile";
src: url("http://www.yourdesigner.com/yd_new/fonts/Eurostile.ttf");
}


@font-face {
font-family: "RaspoutineDemiBold";
src: url("http://www.yourdesigner.com/yd_new/fonts/RaspoutineDemiBold_TB.otf");
}



body {
	background-image:url(../images/sub_bg.png);
	background-repeat: repeat-x;

 }
 
 
 blockquote {
  background: transparent url(../images/quoleft.png) left top no-repeat;
}
blockquote div {
  padding: 0 48px;
  background: transparent url(../images/quoright.png) right bottom no-repeat;
}
 
#tour_next_button {
height:40px;
	color: #CCCCCC;
	font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	clear:both;
	padding:30px 0 0;
	background-color: #000000;
	background-image: url(../images/footer_tour.png);
	background-repeat: repeat-x;
	background-position: 0 0;

} 
 
#footermainPan{
	/*height:420px;*/
	color: #CCCCCC;
	font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	clear:both;
	padding:30px 0 0;
	background: #000000 url(../images/footer_bg.png) repeat-x;
	text-align:left;
	font-weight:normal;
	min-height:500px;
	height:auto !important;
	height:500px;


	
}
#footermainPan a {
	color:#565163;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
			font-weight:normal;

}
#footermainPan a:hover { color:#E68A1C; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#legal_footer {
	font-family:Arial, Helvetica, sans-serif;
	color: #565163;
	font-size:11px;
	maring-right:-150px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #434345;
	padding-top: 10px;
	margin-top: 20px;
		text-align:left;
		font-weight:normal;

}

#legal_footer a {
	font-family:Arial, Helvetica, sans-serif;
	color: #636C76;
	font-size:11px;
	maring-right:-150px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #434345;
	padding-top: 10px;
	margin-top: 20px;
}


#legal_footer a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #636C76;
	font-size:11px;
	maring-right:-150px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #434345;
	padding-top: 10px;
	margin-top: 20px;
}


div#purple {
height:350px;

}

div#index_links01 a, div#index_links02 a{ color:#565163; text-decoration:none; font-size:19px; line-height:1.6em; font-family: Arial, Helvetica, sans-serif;}
div#index_links01 a:hover, div#index_links02 a:hover{ color:#E68A1C; text-decoration:none; font-size:19px;}




div#categorynav a{ font-family: "Eurostile", Arial, Helvetica, sans-serif; text-decoration:none; font-size: 35px; color:#9D9FA2; font-weight:bold; line-height:1.8em; }
div#categorynav a:hover{ font-family: "Eurostile", Arial, Helvetica, sans-serif; text-decoration:none; font-size: 35px; color:#E68A1C; line-height:1.8em; }


.toolbar_nav a { font-family: "Eurostile" Arial, Helvetica, sans-serif; color:#999999; font-size:15px;  text-decoration:none; text-align:right;}
.toolbar_nav a:hover { font-family: "Eurostile" Arial, Helvetica, sans-serif; color:#E68A1C; font-size:15px; text-decoration:none; text-align:right;}



.website_nav a { font-family: "Eurostile", Arial, Helvetica, sans-serif; color:#544e62; font-size:23px; font-weight:bold; text-decoration:none; text-align:right;}
.website_nav a:hover { font-family: "Eurostile", Arial, Helvetica, sans-serif; color:#E68A1C; font-size:23px; font-weight:bold; text-decoration:none ; text-align:right;}

.page_title {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:30px;
	margin-top:5px;
	font-weight: bold;
}

.page_title_LARGE {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:46px;
	margin-top:5px;
	font-weight: bold;
	line-height: 1em;
}

.submenu { font-family: "Eurostile", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:17px; margin-top:3px; font-weight:bold; text-decoration:none;}
.submenu a { font-family: "Eurostile", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:17px; margin-top:3px; font-weight:bold; text-decoration:none;}
.submenu a:hover { font-family: "Eurostile", Arial, Helvetica, sans-serif; color:#E68A1C; font-size:17px; margin-top:3px; font-weight:bold; text-decoration:none;}

.page_title_subtitle { font-family: "RaspoutineDemiBold", Arial, Helvetica, sans-serif; color:#58595B; font-size:28px; margin-top:5px;}
.product_title { font-family: "RaspoutineDemiBold", Arial, Helvetica, sans-serif; color:#653494; font-size:28px; margin-top:5px;}
.text01 { font-size: 11pt; font-family:Arial, Helvetica, sans-serif; color:#58595B;}
.text01 a { font-size: 11pt; font-family:Arial, Helvetica, sans-serif; color:#E68A1C; text-decoration:underline;}
.text01 a:hover { font-size: 11pt; font-family:Arial, Helvetica, sans-serif; color:#58595B; text-decoration:underline;}



.text02 {  font-family:Arial, Helvetica, sans-serif; color:#58595B; font-weight:bold; font-size: 13px;}
.text03 { font-family:Arial, Helvetica, sans-serif; color: #939598; font-size: 13px;}
.text04 { color:#979A9C;font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; }
.text05 { color:#77787B;font-family:Arial, Helvetica, sans-serif; font-size:23px; font-weight:bold; }
.text06 { color:#A6A6A6;font-family:"RaspoutineDemiBold", Arial, Helvetica, sans-serif; font-size:20px;  }
.grey_text {
	color:#565163;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.normal_blacktext { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000;}
.subtitle_blacktext { font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#000000
}

.white_text { color:#FFFFFF; font-size:16px; margin-left:10px;}
.white_text a{ color:#FFFFFF; font-size:16px; text-decoration:underline;}
.white_text a:hover { color:#FFFFFF; font-size:16px; text-decoration:none;}

.large_grey_text { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#808285; font-size:16px;}
.product_sidebar{
	display: block;
	padding-left:10px;
	padding-top:5px;
	background-image: url(../images/side_bar01.png);
	background-repeat: no-repeat;
	height: 30px;
	text-decoration:none;
	cursor: pointer;

font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#565163;
}
.product_sidebar_selected{
	display: block;
	padding-top:5px;
	background-image: url(../images/side_bar03.png);
	background-repeat: no-repeat;
	height: 30px;
		font-size:17px;
padding-left:10px; color:#ffffff;
font-weight:bold;
	text-decoration:none;
	
}

.product_sidebar_selected a {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#ffffff;
	padding-left:10px;
	background-repeat: no-repeat;
	text-decoration:none;
}
.product_sidebar a { 
display: block;
font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#565163;
	padding-left:0px;
	background-repeat: no-repeat;
	


	text-decoration:none;
	}
	
	.product_sidebar a:hover { 
display: block;
font-family:Arial, Helvetica, sans-serif;
height:35px;
	font-size:17px;
	color:#ffffff;
	padding-left:0px;
	background-repeat: no-repeat;


	text-decoration:none;
	}


#productsamples 
{
	position:absolute;
	width:115px;
	height:22px;
	z-index:10;
	left: 10px;
	top: 169px;
}
/*
 a img {padding:2px;
	border: thin solid #DCDDDE;
	
}
 a img:hover {
	border: 3px solid #E68A1C;
	padding:0px;
	
}

*/
div.product_sidebar:hover {
display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#ffffff;
	padding-left:15px;
	background-image: url(../images/side_bar02.png);!important;
	background-repeat: no-repeat;
	text-decoration:none;
	font-weight:bold;
}




.productsamples a { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration:none;}


a.sample {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FF9900;
}

#newsletter_box { background-image:url(../images/newsletter_boxbg.png);  width:304px; height:96px;}



input.text { 
width: 300px; 
background-color: yellow; 
} 

.footeR_telephone {color:#BCBEC0; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}

#twitter_link { color:#565163;  }
#twitter_link a { color:#565163; text-decoration:underline; }
#twitter_link a:hover { color:#E68A1C; text-decoration:underline; }

#terms { color:#565163; border:0px; }
#terms a { color:#565163; text-decoration:none; border:0px;}
#terms a:hover { color:#E68A1C; text-decoration:none ; border:0px; }

.textInput
{
border: 1px solid #565163;
background: none;
color: #565163;
font-size:  11px;;
}
.textInput:hover
{
border: 1px solid #565163;
background: #565163;
color: #000000;

font-size: 11px;;
}

.image{
	border-style: solid;
	border-color: #F5F5F5;
	border-width:3px;
	
      }
	  
	  .image:hover{
	border-style: solid;
	border-color: #E68A1C;
	border-width:3px;
      }
	  
	  
	  
	  
	  /* -------------------------contact form -------------------------*/
	  
.name_email
{
-moz-border-radius: 5px;

	-webkit-border-radius: 5px;  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000; border-style:solid; width:260px; padding:5px; border-color:#999999; border-width:1px;
}
.name_email:hover
{
-moz-border-radius: 5px;

	-webkit-border-radius: 5px;  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000; border-style:solid; width:260px; padding:5px; border-color:#E68A1C; border-width:1px;
}

.message_input
{
-moz-border-radius: 5px;

	-webkit-border-radius: 5px;  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000; border-style:solid; width:260px; padding:5px; border-color:#999999; border-width:1px;
}
.message_input:hover
{
-moz-border-radius: 5px;

	-webkit-border-radius: 5px;  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000; border-style:solid; width:260px; padding:5px; border-color:#E68A1C; border-width:1px;

}


	
	  
	  /* -------------------------end contact form------------------------- */
	  
	  
	  /*-------------------------get more info form------------------------- */
	  
	  
	  .textbox
{
-moz-border-radius: 5px;

	-webkit-border-radius: 5px;  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000; border-style:solid; width:400px; padding:5px; border-color:#999999; border-width:1px;
}
.textbox:hover
{
-moz-border-radius: 5px;

	-webkit-border-radius: 5px;  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000; border-style:solid; width:400px; padding:5px; border-color:#E68A1C; border-width:1px;
}

.messagebox
{
-moz-border-radius: 5px;

	-webkit-border-radius: 5px;  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000; border-style:solid; width:400px; padding:5px; border-color:#999999; border-width:1px;
}
.messagebox:hover
{
-moz-border-radius: 5px;

	-webkit-border-radius: 5px;  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000; border-style:solid; width:400px; padding:5px; border-color:#E68A1C; border-width:1px;

}
	  
	  /*-------------------------end get more info form-------------------------*/

.yellow_notice a { color:#887856; text-decoration:underline; }

.yellow_notice a:hover { color:#887856; text-decoration:none; }

.tablehead { background-image:url(../images/table_head.png); padding:5px; background-repeat:no-repeat;}


/*-----------------------------------TOOLTIPSB for get.html-------------------------*/

a.tip {
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:20px;
	color:#000000;
	text-decoration:none;
	padding:5px;
		width: 450px;
		display:block;
		background-image:url(../images/checkmark.png);


}

a.tip span {
	display: none;
	position: absolute;
	top: 30px;
	left: 20px;
	width: 180px;
	padding:15px;
	z-index: 100;
	background: #FFFBCF;
	color: #887856;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px;
	border: thin solid #E3C78E;
	background-image:url(../images/checkmark.png);

}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
		font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
		padding-left:20px;
	color:#000000;
	text-decoration:none;
	padding:5px;
background-color:#FFFBCF;
background-image:url(../images/checkmark.png);
	
}
a:hover {font-size: 99%;}

a:hover.tip span {
	display: block;
}


/*---------------------------End TOOLTIPSB for get.html-------------------------*/



/*---------------------------Testimonials-------------------------*/

#testimonials {
	background-image: url(../images/testimonials_bg.png);
	background-repeat:no-repeat;
	height:171px;
}

/*---------------------------Testimonials-------------------------*/


.login_input { -moz-border-radius: 5px; /* this works only in camino/firefox */

	-webkit-border-radius: 5px;  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#999999; padding:5px; border-style:solid; border-color:#999999; border-width:1px;}
	
	
	.forgotpass a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:underline; }
	
	
		.forgotpass a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; }
		
		
		

.illustration_selection {background: url(../images/highlited_lllustration.png) no-repeat; width:120px; height:57px; display:inline; float:right; margin-right:10px; margin-left:10px; }
.web_selection {background: url(../images/highlited_web.png) no-repeat; width:50px; height:57px; display:inline; float:right; margin-left:10px; }

.logos_selected {background: url(../images/highlited_logos.png) no-repeat; width:69px; height:57px; display:inline; float:right; margin-right:10px; margin-left:10px; }

.print_selected {background: url(../images/highlited_logos.png) no-repeat; width:69px; height:57px; display:inline; float:right; margin-right:10px; margin-left:10px; }