/* CSS Document */

* {
	margin: 0,0,0,0;
	padding: 0;
}

body {
	font-family: Tahoma, Arial;
	font-size: 11px;
	text-align: left;
	
	vertical-align:bottom;
	background-color:#534741;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
.body_webnotice
{
	font-family: Tahoma, Arial ;
	font-size: 11px;
	color: #333;
	margin: 0px;
	background-color: White ;
	}
a {
	color: #555555;
	text-decoration: none;}

a:hover {
	color: #AAD100;}

.font_SignUp
{
	font-family: Tahoma, Arial, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	  }
	  
.font_black_bold
{
	font-family: Tahoma, Arial;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	vertical-align: middle;
	  }

.font_black_bold_15
{
	font-family: Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	vertical-align: middle;
	  }
	  
.font_black_bold_top
{
	font-family: Tahoma, Arial;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	vertical-align: top;
	  }
	  
a.side_menu_index
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #666;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-weight: normal;
	  }

a.side_menu_index:hover
{   
	color : #ABD601;
}

a.line {
	color: #555555;
	text-decoration: underline;
}

a.line:hover {
	color: #AAD100;}

a.black {
	color: #555555;
	text-decoration: none;
	font-family: Tahoma, Arial;
	font-size: 10px;
}
	
a.black:hover{
	color: #000000;
}

a.side_menu
{
	font-family: Tahoma, Arial;
	font-size: 13px;
	color: #666;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-weight: normal;
	  }

a.side_menu:hover
{
	color: #A2D702;
}

.button_gray2
  {
	display: block;
	width: 100px;
	height: 27px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-style: normal;
	background-image: url(http://www.printfac3.com/images/button_gray.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	color: #FFF;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 27px;
	font-weight: bold;
	text-decoration: none;
  }

.button_gray2:hover
  {
	background-image: url(http://www.printfac3.com/images/button_green.jpg);
	color: #333;
}
	
.button_gray2_long
  {
	display: block;
	width: 140px;
	height: 27px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-style: normal;
	background-image: url(http://www.printfac3.com/images/button_gray_long.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	color: #FFF;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 27px;
	font-weight: bold;
	text-decoration: none;
  }

.button_gray2_long:hover
  {
	background-image: url(http://www.printfac3.com/images/button_green_long.jpg);
	color: #333;
}
	  
a.order
  {
	display: block;
	width: 185px;
	height: 29px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-style: normal;
	background-image: url(http://www.printfac3.com/images/order_off.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: right;
	color: #5D5D5D;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 27px;
	font-weight: bold;
	text-decoration: none;
	background-color: #DBDAD8;
	left: 100px;
  }

a.order:hover
  {
	background-image: url(http://www.printfac3.com/images/order_on.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: right;
	color: #333;
	font-weight: bold;
	background-color: #A5CD39;
	right: 15px;
	  }
	  
a.ready_design
  {
	display: block;
	width: 185px;
	height: 29px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-style: normal;
	background-image: url(http://www.printfac3.com/images/ready_design_off.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: right;
	color: #5D5D5D;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 27px;
	font-weight: bold;
	text-decoration: none;
	background-color: #DBDAD8;
	left: 100px;
  }

a.ready_design:hover
  {
	display: block;
	width: 185px;
	height: 29px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	background-image: url(http://www.printfac3.com/images/ready_design_on.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: right;
	vertical-align: middle;
	color: #333;
	vertical-align: baseline;
	font-weight: bold;
	background-color: #A5CD39;
	right: 15px;
	  }
	  
a.count
  {
	display: block;
	width: 185px;
	height: 29px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-style: normal;
	background-image: url(http://www.printfac3.com/images/count_off.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: right;
	color: #5D5D5D;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 27px;
	font-weight: bold;
	text-decoration: none;
	background-color: #DBDAD8;
	right: 15px;
  }

a.count:hover
  {
	background-image: url(http://www.printfac3.com/images/count_on.jpg);
	color: #333;
	background-color: #A5CD39;
	  }

a.start
  {
	display: block;
	width: 185px;
	height: 29px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-style: normal;
	background-image: url(http://www.printfac3.com/images/start_off.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: right;
	color: #5D5D5D;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 27px;
	font-weight: bold;
	text-decoration: none;
	background-color: #DBDAD8;
  }

a.start:hover
  {
	background-image: url(http://www.printfac3.com/images/start_on.jpg);
	color: #333;
	background-color: #A5CD39;
	  }
	  

a.redbuttons_S{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 12px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(pic/CSS/roundedge-red-left_s.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

a:link.redbuttons_S, a:visited.redbuttons_S, a:hover.redbuttons_S, a:active.redbuttons_S{
	color: #FFFFFF; /*button text color*/
	cursor: pointer;
}

a.redbuttons_S span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(pic/CSS/roundedge-red-right_s.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 22px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 0px;
}
a:hover.redbuttons_S span {
	background-image: url(pic/CSS/roundedge-grey-right_small.png);
	color: #4d4d4d;
}


a:hover.redbuttons_S{ /* Hover state CSS */
	text-decoration: none;
	color: #4d4d4d;
	background-image: url(pic/CSS/roundedge-grey-left_small.png);
}

a.redbuttons{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 28px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(pic/CSS/roundedge-red-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	height: 30px;
	font-style: normal;
	width: 143px;
	padding-left: 17px;
}

a:link.redbuttons, a:visited.redbuttons, a:hover.redbuttons, a:active.redbuttons{
	color: #FFFFFF; /*button text color*/
	cursor: pointer;}

a.redbuttons span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(pic/CSS/roundedge-red-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	line-height: 30px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
a:hover.redbuttons span {
	background-image: url(pic/CSS/roundedge-grey-right.png);
	color: #4d4d4d;
}


a:hover.redbuttons{ /* Hover state CSS */
	color: #4d4d4d;
	background-image: url(pic/CSS/roundedge-grey-left.png);
}

a.boldbuttons{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 30px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(pic/CSS/roundedge-grey-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	font-style: normal;
	width: 143px;
	padding-left: 17px;
	text-align: center;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
	color: #4d4d4d; /*button text color*/
	cursor: pointer;
}

a.boldbuttons span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(pic/CSS/roundedge-grey-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	padding-right: 10px;
}
	
	
a:hover.boldbuttons{ /* Hover state CSS */
	color: #FFFFFF;
	background-image: url(pic/CSS/roundedge-red-left.png);
}
a:hover.boldbuttons span {
	background-image: url(pic/CSS/roundedge-red-right.png);
	color: #FFFFFF;
	text-align: center;
}

a.buttons{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 12px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(pic/CSS/roundedge-grey-left_small.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}

a:link.buttons, a:visited.buttons, a:hover.buttons, a:active.buttons{
	color: #4d4d4d; /*button text color*/
	cursor: pointer;
}

a.buttons span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(pic/CSS/roundedge-grey-right_small.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 0px;
}

a:hover.buttons{ /* Hover state CSS */
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(pic/CSS/roundedge-red-left_s.png);
	padding-left: 12px;
}
a:hover.buttons span {
	background-image: url(pic/CSS/roundedge-red-right_s.png);
	color: #FFFFFF;
}


/*as below is css for Ordring Tab*/

#JMenuTabStand {
	font-family: Tahoma, Arial;
	font-size: 14px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #333;
	padding: 2px;
}
#JMenuTabStand .oInnerline {
	background-color: #FFFFFF;
}
#JMenuTabStand .oTitleOutline {
	height: 24px;
	color: #FFFFFF;
	overflow:hidden;
}

#JMenuTabStand .oTitleOutline .oTopLeft {
	width:3px;
	background-image: url(http://www.printfac3.com/images/ordering_tab/left.png);
	background-repeat: no-repeat;
}
#JMenuTabStand .oTitleOutline .oTitleArea {
	background-image: url(http://www.printfac3.com/images/ordering_tab/mid.png);
}
#JMenuTabStand .oTitleOutline .oTopRight {
	width:3px;
	background-image: url(http://www.printfac3.com/images/ordering_tab/right.png);
	background-repeat: no-repeat;
}
/*--------------------------------------------*/
#JMenuTabStand .oTabBtn {
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
}
#JMenuTabStand .oTabBtn a{
	text-decoration:none;
	color: #FFFFFF;	
}
#JMenuTabStand .oTabBtn .oTabBtnLeft{
	float:left;
}
#JMenuTabStand .oTabBtn .oTabBtnCenter{
	line-height:24px;
	float:left;
	padding-right: 6px;
}
#JMenuTabStand .oTabBtn .oTabBtnRight{
	float:left;
}

/*------------------------------------------*/

#JMenuTabStand .oTabBtnActive {
	float: left;
	height: 24px;
}

#JMenuTabStand .oTabBtnActive a{
	text-decoration:none;
	color:#666666;
}

#JMenuTabStand .oTabBtnActive .oTabBtnRight {
	background-image: url(http://www.printfac3.com/images/ordering_tab/activeRight.png);
	float: left;
	height: 100%;
	width: 3px;
}
#JMenuTabStand .oTabBtnActive .oTabBtnLeft {
	background-image: url(http://www.printfac3.com/images/ordering_tab/activeLeft.png);
	background-repeat: no-repeat;
	float: left;
	width: 3px;
	height:100%;
}
#JMenuTabStand .oTabBtnActive .oTabBtnCenter {
	background-image: url(http://www.printfac3.com/images/ordering_tab/activeMid.png);
	float:left;
	height:100%;
	color: #666666;
	line-height:24px;
	padding-left:8px;
	padding-right:8px;
	cursor:pointer;
}

/*-----------------------------------*/
#JMenuTabStand .oTabBtnHover {
	float: left;
	height: 24px;
}
#JMenuTabStand .oTabBtnHover a{
	text-decoration:none;
	color:#666666;
}
#JMenuTabStand .oTabBtnHover .oTabBtnLeft{
	background-image: url(http://www.printfac3.com/images/ordering_tab/activeLeft.png);
	background-repeat: no-repeat;
	float: left;
	width: 3px;
	height:100%;
}
#JMenuTabStand .oTabBtnHover .oTabBtnCenter{
	background-image: url(http://www.printfac3.com/images/ordering_tab/activeMid.png);
	float:left;
	height:100%;
	color: #666666;
	line-height:24px;
	padding-left:8px;
	padding-right:8px;
	cursor:pointer;
}
#JMenuTabStand .oTabBtnHover .oTabBtnRight{
	background-image: url(http://www.printfac3.com/images/ordering_tab/activeRight.png);
	float: left;
	height: 100%;
	width: 3px;
}
/*------------------------------------*/

#JMenuTabStand .oPageOutline .oBottomLeft {
	background-image: url(http://www.printfac3.com/images/ordering_tab/bottomLeft.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 3px;
}
#JMenuTabStand .oPageOutline .oPageArea {
	background-image: url(http://www.printfac3.com/images/ordering_tab/bottomMid.png);
	background-repeat: repeat-x;
	padding:10px 10px 5px 10px;
}
#JMenuTabStand .oPageOutline .oBottomRight {
	background-image: url(http://www.printfac3.com/images/ordering_tab/bottomRight.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 3px;
}
#JMenuTabStand .oPageOutline .oBottomCenter {
	background-image: url(http://www.printfac3.com/images/ordering_tab/bottomMid.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 3px;
}
/*end css*/







/*as below is css for ordering Tab - price | product spec | upload tips*/

 
#navigation a
{
	color: #000;
	text-decoration: none;
	padding-left: 17px;
	background-image: url(pic/CSS/Product_tab/tab_off_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	font-family: Tahoma, Arial;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	display: block;
	line-height: 30px;
}

#navigation a:visited
{
	color: #000;
	text-decoration: none;
	padding-left: 17px;
	background-image: url(pic/CSS/Product_tab/tab_off_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	font-family: Tahoma, Arial;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
}

#ul navigation a 
{
	display: block;
	float: left;
}

#ul navigation a span
{
	display: block;
	float: left;
}

#ul navigation a 
{
	float: none;
}

#ul navigation a span
{
	float: none;
}

#navigation a span
{
	padding-right: 15px;
	background-image: url(pic/CSS/Product_tab/tab_off_02.gif);
	background-repeat: repeat-x;
	background-position: right top;
	height: 30px;
}

#navigation a:visited span
{
	padding-right: 15px;
	background-image: url(pic/CSS/Product_tab/tab_off_02.gif);
	background-repeat: repeat-x;
	background-position: right top;
	height: 30px;
}

#navigation a, #navigation a span
{
	display: block;
	float: left;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
	float: none;
}
/* End hide */

#navigation a:hover
{
	color: #333333;
	padding-left: 17px;
	background-image: url(pic/CSS/Product_tab/over_tab_off_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
}

#navigation a:active 
{
	color: #333333;
	padding-left: 17px;
	background-image: url(pic/CSS/Product_tab/over_tab_off_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
}

#navigation a:focus
{
	color: #333333;
	padding-left: 17px;
	background-image: url(pic/CSS/Product_tab/over_tab_off_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
}

#navigation a:hover span
{
	padding-right: 15px;
	background-image: url(pic/CSS/Product_tab/over_tab_off_02.gif);
	background-repeat: repeat-x;
	background-position: right top;
	height: 30px;
}

#navigation a:active span
{
	padding-right: 15px;
	background-image: url(pic/CSS/Product_tab/over_tab_off_02.gif);
	background-repeat: repeat-x;
	background-position: right top;
	height: 30px;
}

#navigation a:focus span
{
	padding-right: 15px;
	background-image: url(pic/CSS/Product_tab/over_tab_off_02.gif);
	background-repeat: repeat-x;
	background-position: right top;
	height: 30px;
}



#navigation ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navigation li
{
float: left;
margin: 0;
} 

/*end ordering tab*/


/*css tab for info*/
.content {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/*end css*/




/*as below is order | spec | calculator button css*/

a.order_b001{
	display: block;
	float: left;
	height: 19px;
	background-image: url(http://www.printfac3.com/images/products_button/order001.gif);
	background-repeat: no-repeat;
	width: 56px;
}

a:link.order_b001, a:visited.order_b001, a:hover.order_b001, a:active.order_b001{
	color: #FFFFFF; /*button text color if need*/
	cursor: pointer;
}

a.order_b001 span{
	display: block;
}

a:hover.order_b001{ /* Hover state CSS */
	background-image: url(http://www.printfac3.com/images/products_button/order001_over.gif);
	height: 19px;
	width: 56px;
}

a.spec_b001{
	background-image: url(http://www.printfac3.com/images/products_button/spec001.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 19px;
	width: 39px;
	display: block;
}

a:link.spec_b001, a:visited.spec_b001, a:hover.spec_b001, a:active.spec_b001{
	color: #FFFFFF; /*button text color if need*/
	cursor: pointer;
}

a:hover.spec_b001{
	background-image: url(http://www.printfac3.com/images/products_button/spec001_over.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 39px;
}

a.calculator_b001{
	background-image: url(http://www.printfac3.com/images/products_button/calculator001.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 19px;
	width: 72px;
	display: block;
}

a:link.calculator_b001, a:visited.calculator_b001, a:hover.calculator_b001, a:active.calculator_b001{
	color: #FFFFFF; /*button text color if need*/
	cursor: pointer;
}

a:hover.calculator_b001{
	background-image: url(http://www.printfac3.com/images/products_button/calculator_over.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 72px;
}
/*end css button*/


/*as below is button css edit | view larger*/

a.edit_b001{
	display: block;
	float: left;
	height: 19px;
	background-image: url(http://www.printfac3.com/images/products_button/edit_up.jpg);
	background-repeat: no-repeat;
	width: 48px;
}

a:link.edit_b001, a:visited.edit_b001, a:hover.edit_b001, a:active.edit_b001{
	color: #FFFFFF; /*button text color if need*/
	cursor: pointer;
}

a.edit_b001 span{
	display: block;
}

a:hover.edit_b001{ /* Hover state CSS */
	background-image: url(http://www.printfac3.com/images/products_button/edit_over.jpg);
	height: 19px;
	width: 48px;
}

a.view_b001{
	background-image: url(http://www.printfac3.com/images/products_button/view_up.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 19px;
	width: 79px;
	display: block;
}

a:link.view_b001, a:visited.view_b001, a:hover.view_b001, a:active.view_b001{
	color: #FFFFFF; /*button text color if need*/
	cursor: pointer;
}

a:hover.view_b001{
	background-image: url(http://www.printfac3.com/images/products_button/view_over.jpg);
	background-repeat: no-repeat;
	height: 19px;
	width: 79px;
}

/*end css button*/


/*as below is edit css buttom*/

/*as below is button css edit | view larger*/

a.edit_b002{
	display: block;
	float: left;
	height: 19px;
	background-image: url(http://www.printfac3.com/images/products_button/edit_s_up.jpg);
	background-repeat: no-repeat;
	width: 49px;
}

a:link.edit_b002, a:visited.edit_b002, a:hover.edit_b002, a:active.edit_b002{
	color: #FFFFFF; /*button text color if need*/
	cursor: pointer;
}

a.edit_b002 span{
	display: block;
}

a:hover.edit_b002{ /* Hover state CSS */
	background-image: url(../..//Images/products_button/edit_s_over.jpg);
	height: 19px;
	width: 49px;
}


/*end css*/


/*as below is button css edit | view larger*/

a.front_design_b001{
	display: block;
	float: left;
	height: 19px;
	background-image: url(http://www.printfac3.com/images/products_button/front_design_up.jpg);
	background-repeat: no-repeat;
	width: 85px;
}

a:link.front_design_b001, a:visited.front_design_b001, a:hover.front_design_b001, a:active.front_design_b001{
	color: #FFFFFF; /*button text color if need*/
	cursor: pointer;
}

a.front_design_b001 span{
	display: block;
}

a:hover.front_design_b001{ /* Hover state CSS */
	background-image: url(http://www.printfac3.com/images/products_button/front_design_over.jpg);
	height: 19px;
	width: 85px;
}

a.back_design_b001{
	background-image: url(http://www.printfac3.com/images/products_button/back_desgn_up.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 19px;
	width: 83px;
	display: block;
}

a:link.back_design_b001, a:visited.back_design_b001, a:hover.back_design_b001, a:active.back_design_b001{
	color: #FFFFFF; /*button text color if need*/
	cursor: pointer;
}

a:hover.back_design_b001{
	background-image: url(http://www.printfac3.com/images/products_button/back_desgn_over.jpg);
	background-repeat: no-repeat;
	height: 19px;
	width: 83px;
}

/*end css button*/







/*as below is dynamic font css*/
.Title_H1
{
	text-align: left;
	background-image: url(pic/CSS/Title_Bg.jpg);
	background-attachment: scroll;
	border-collapse: collapse;
	height: 35px;
	font-family: "Trebuchet MS", Tahoma;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	color: #333;
	font-weight: bold;
	background-repeat: repeat-x;
	padding-left: 17px;
	vertical-align: middle;
	background-position: top;
}
.Dyn_H1
{
	font-family: Tahoma, Arial;
	font-size: 15px;
	font-weight: bold;
	color: #86A82B;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 25px;
}

.Dyn_12px
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #86A82B;



}

.Dyn_Subhead
{
    margin: 50px;
    font-family: Tahoma, Arial;
    font-size: 12px;
    font-weight: lighter;
    text-align: left;
}

.Dyn_description
{
	margin: 50px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: lighter;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
	text-align: right;
} 

.Dyn_description_light_left
{
	margin: 50px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: lighter;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
	background-color: #FFF;
}

.Dyn_description_dark_left
{
	margin: 50px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: lighter;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
}

.Dyn_description_light_right
{
	margin: 50px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
	background-color: #FFF;
}

.Dyn_description_dark_right
{
	margin: 50px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
}

.Dyn_description_dark_center
{
	margin: 50px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
}

.Dyn_8Grey
{
	font-family: Tahoma, Arial;
	font-size: 8px;
	font-weight: lighter;
	text-align: left;
    
}
.Dyn_9Grey
{
	font-family: Tahoma, Arial;
	font-size: 9px;
	font-weight: lighter;
	text-align: left;
    
}
.Dyn_10Grey
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	line-height: 15px
    
}

.Dyn_10Grey_bold
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
}

.Dyn_11Grey
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	font-weight: normal;
	color:#000
    
}

.Dyn_12Grey
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: lighter;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
    
}

.Dyn_12Justify
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: lighter;
	text-align: justify;
	padding-top: 5px;
	padding-bottom: 5px;
    
}
.Dyn_10red
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: lighter;
	text-align: left;
	color: #F03;
}

.Dyn_10Grey_L
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #666;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-right: 8px;
	padding-left: 0px;
}

.Dyn_12Grey_L
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #666;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-right: 10px;
	padding-left:10px;
}

.Dyn_10Grey_R
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #666;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-right: 5px;
}

.Dyn_12Grey_R
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	color: #666;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-right: 10px;
	padding-left:10px;
}

.Dyn_Content
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #666;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-right: 8px;
	padding-left: 25px;
}

/*end css button*/

.etemplate_18  {
	font-size: 18px;
	color: #89bb00;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Tahoma, Arial;
}

.etemplate_red_12 {
	font-size: 12px;
	color: #FF0066;
	font-style: normal;
	font-weight: bolder;
	font-family: Tahoma, Arial;
}

/*as below is content font css*/

.font_content
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333;
	text-align: left;
	font-weight: normal;

	  }

.font_content_33
{
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333;
	font-weight: normal;

	  }
	  
.etemplate_green_12 {
	font-size: 12px;
	color: #006600;
	font-style: normal;
	font-weight: bolder;
	font-family: Tahoma, Arial;
 }
 	  

.font_content_small
{
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333;
	text-align: left;
	font-weight: normal;

	  }
	  
.font_footer
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #666;
	text-align: left;
	  }
	  
.font_forgot
{
	font-family: Tahoma, Arial;
	font-size: 9px;
	font-weight: bold;
	color: #9BCC3D;
	  }
/*end css button*/

/*as below is ordering css*/

.order_font_center
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
    
}

.order_font_left
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
    
}

.order_font_right
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
    
}
.order_font_center_gray
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-color: #EFEFEF;
    
}

.order_font_left_gray
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	background-color: #EFEFEF;
    
}

.order_font_right_gray
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	background-color: #EFEFEF;
    
}

a.order_tab{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: normal; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 44px; /* Height of button background height */
	padding-left: 12px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(pic/CSS/ordering/ordering_tab_big_01_off.jpg);
	background-repeat: no-repeat;
	background-position: 2px top;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	width: 137px;
	color: #666;
	vertical-align: middle;
	text-align: center;
	
}


a:hover.order_tab{ /* Hover state CSS */
	text-decoration: none;
	color: #333;
	background-image: url(pic/CSS/ordering/ordering_tab_big_01.jpg);
}

a:link.order_tab, a:order_tab, a:order_tab, a:order_tab{
	color: #FFFFFF; /*button text color*/
	cursor: pointer;
}

a.order_tab span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(pic/CSS/ordering/ordering_long_gray_1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 44px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 0px;
}
a:hover.order_tab span {
	background-image: url(pic/CSS/ordering/ordering_long_green_1.jpg);
	color: #333;
}

a.order_tab2{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 16px;
	height: 44px; /* Height of button background height */
	padding-left: 12px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(pic/CSS/ordering/ordering_tab_big_01_off.jpg);
	background-repeat: no-repeat;
	background-position: 2px top;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	width: 137px;
	color: #666;
	vertical-align: middle;
	text-align: center;
}

a:hover.order_tab2{ /* Hover state CSS */
	text-decoration: none;
	color: #333;
	background-image: url(pic/CSS/ordering/ordering_tab_big_01.jpg);
}

a:link.order_tab2, a:order_tab2, a:order_tab2, a:order_tab2{
	color: #FFFFFF; /*button text color*/
	cursor: pointer;
}

a.order_tab2 span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(pic/CSS/ordering/ordering_long_gray_1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 44px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 0px;
}
a:hover.order_tab2 span {
	background-image: url(pic/CSS/ordering/ordering_long_green_1.jpg);
	color: #333;
}

.order_still_left
{
	background-image: url(pic/CSS/ordering/ordering_tab_big_01.jpg);
	height: 44px;
	width: 10px;
	background-repeat: no-repeat;
	  }
	  
	  
.order_still_middle
{
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #333;
	background-image: url(pic/CSS/ordering/ordering_tab_big_02.jpg);
	background-repeat: repeat-x;
	height: 44px;
	vertical-align: middle;
	line-height: normal;
	text-align: center;
	  }
	  	  
.order_still_right
{
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background-image: url(pic/CSS/ordering/ordering_tab_big_03.jpg);
	background-repeat: no-repeat;
	  }
.order_still_left1
{
	background-image: url(pic/CSS/ordering/ordering_tab_big_01_off.jpg);
	height: 44px;
	width: 10px;
	background-repeat: no-repeat;
	  }
	  
	  
.order_still_middle1
{
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #333;
	background-image: url(pic/CSS/ordering/ordering_tab_big_02_off.jpg);
	background-repeat: repeat-x;
	height: 44px;
	vertical-align: middle;
	line-height: normal;
	text-align: center;
	  }
	  	  
.order_still_right1
{
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background-image: url(pic/CSS/ordering/ordering_tab_big_03_off.jpg);
	background-repeat: no-repeat;
	  }  
	  
.title_font
{
	font-family: Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #FFF;
	background-image: url(pic/CSS/ordering/ordering_tab_big_02.jpg);
	background-repeat: repeat-x;
	height: 30px;
	vertical-align: middle;
	line-height: normal;
	text-align: left;
	padding-left: 17px;
	  }

.title_for_table
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #FFF;
	background-image: url(pic/CSS/ordering/ordering_tab_big_02.jpg);
	background-repeat: repeat-x;
	height: 40px;
	vertical-align: middle;
	line-height: normal;
	text-align: center;
	  }

/*end css button*/

a.hyperlink {
	color: #555555;
	text-decoration: underline;
	font-family: Tahoma, Arial;
	font-size: 12px;
}


a.hyperlink:hover{
	color: #A5CD39;
	text-decoration: none;

}

a.hyperlink_10px {
	color: #0052A4;
	font-family: Tahoma, Arial;
	font-size: 10px;
}

a.hyperlink_10px:hover{
	color: #0052A4;
	text-decoration: underline;
	font-family: Tahoma, Arial;
	font-size: 10px;
}


a.hyperlink_12px_b {
	color: #0052A4;
	font-family: Tahoma, Arial;
	font-size: 12px;
}

a.hyperlink_12px_b:hover{
	color: #0052A4;
	text-decoration: underline;
	font-family: Tahoma, Arial;
	font-size: 12px;
}


a.hyperlink_12px_underline {
	color:#333333;

	font-family: Tahoma, Arial;
	font-size: 11px;
}

a.hyperlink_12px_underline:hover {
	color: #A5CD39;

	font-family: Tahoma, Arial;
	font-size: 11px;
}



/*as below is product spec button css*/

a.product_our_design{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 50px; /* Height of button background height */
	padding-left: 55px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_2-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #999;
	width: 135px;
}

a:link.product_our_design, a:visited.product_our_design, a:hover.product_our_design, a:active.product_our_design{
	color: #4d4d4d; /*button text color*/
	cursor: pointer;
}

a.product_our_design span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_repeat.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	height: 50px;
	padding-left: 0px;
	color: #999;
	line-height: 50px;
}

a:hover.product_our_design{ /* Hover state CSS */
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(http://www.printfac3.com/images/products_button/button_green_2-01.jpg);
}
a:hover.product_our_design span {
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_repeat.jpg);
	color: #575757;
	background-repeat: repeat-x;
}

a.product_upload{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 40px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 50px; /* Height of button background height */
	padding-left: 55px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_1-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #999;
	width: 135px;
}

a:link.product_upload, a:visited.product_upload, a:hover.product_upload, a:active.product_upload{
	color: #4d4d4d; /*button text color*/
	cursor: pointer;
}

a.product_upload span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_repeat.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	height: 50px;
	color: #999;
	line-height: 50px;
}

a:hover.product_upload{ /* Hover state CSS */
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(http://www.printfac3.com/images/products_button/button_green_1-01.jpg);
}
a:hover.product_upload span {
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_repeat.jpg);
	color: #575757;
	background-repeat: repeat-x;
}

a.product_download{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 40px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 50px; /* Height of button background height */
	padding-left: 55px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_3-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #999;
	width: 135px;
}

a:link.product_download, a:visited.product_download, a:hover.product_download, a:active.product_download{
	color: #4d4d4d; /*button text color*/
	cursor: pointer;
}

a.product_download span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_repeat.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	height: 50px;
	padding-left: 0px;
	color: #999;
	line-height: 50px;
}

a:hover.product_download{ /* Hover state CSS */
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(http://www.printfac3.com/images/products_button/button_green_3-01.jpg);
}
a:hover.product_download span {
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_repeat.jpg);
	color: #575757;
	background-repeat: repeat-x;
}

a.product_order{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 50px; /* Height of button background height */
	padding-left: 55px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_4-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #999;
	width: 135px;
}

a:link.product_order, a:visited.product_order, a:hover.product_order, a:active.product_order{
	color: #4d4d4d; /*button text color*/
	cursor: pointer;
}

a.product_order span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_repeat.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	height: 50px;
	padding-left: 0px;
	color: #999;
	line-height: 50px;
}

a:hover.product_order{ /* Hover state CSS */
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(http://www.printfac3.com/images/products_button/button_green_4-01.jpg);
}
a:hover.product_order span {
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_repeat.jpg);
	color: #575757;
	background-repeat: repeat-x;
}

a.product_count{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 50px; /* Height of button background height */
	padding-left: 55px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_5-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #999;
	width: 135px;
}

a:link.product_count, a:visited.product_count, a:hover.product_count, a:active.product_count{
	color: #4d4d4d; /*button text color*/
	cursor: pointer;
}

a.product_count span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_repeat.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	height: 50px;
	padding-left: 0px;
	color: #999;
	line-height: 50px;
}

a:hover.product_count{ /* Hover state CSS */
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(http://www.printfac3.com/images/products_button/button_green_5-01.jpg);
}
a:hover.product_count span {
	background-image: url(http://www.printfac3.com/images/products_button/button_gray_repeat.jpg);
	color: #575757;
	background-repeat: repeat-x;
}

/*end css button*/

/*as below is help button css*/

.green_tittle_point
{
	font-family: Tahoma, Arial;
	background-image: url(pic/CSS/tittle-01.jpg);
	height: 32px;
	background-repeat: no-repeat;
	width: 40px;
	background-position: center;
}
.green_tittle
{
	text-align: left;
	background-image: url(pic/CSS/tittle-02.jpg);
	border-collapse: collapse;
	height: 31px;
	font-family: "Trebuchet MS", Tahoma;
	font-size: 16px;
	font-style: normal;
	line-height: 32px;
	color: #333;
	font-weight: bold;
	background-repeat: no-repeat;
	vertical-align: middle;
	background-position: right center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	margin: 0px;
	left: 10px;
	clip: rect(auto,auto,auto,auto);	
	}
	
.Dny_bg1 {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #666666;
	background-color: #EAF3CF;
	margin-left: 5px;
	margin-top: 5px;
}

.Dny_bg2 {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #666666;
	margin-left: 5px;
	margin-top: 5px;
}
.tab_bg {
	background-image: url(http://www.printfac3.com/images/tab_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.guideline_full_bleed {
	font-family: Tahoma, Arial;
	font-size: 14px;
	color: #0CA650;
	font-weight: bold;
}
.guideline_trim_size {
	font-family: Tahoma, Arial;
	font-size: 14px;
	color: #EB2427;
	font-weight: bold;
}
.guideline_save_zone {
	font-family: Tahoma, Arial;
	font-size: 14px;
	color: #2CAAE1;
	font-weight: bold;
}


/*as below is Pro_spec css*/

.Gredient_bac {
	font-family: Tahoma, Arial;
	font-size: 14px;
	color: #2CAAE1;
	background-repeat: repeat-y;
	background-position: left;
	height: 150px;
	text-align: left;
}

.Big_product{
	font-family: Tahoma, Arial;
	font-size: 16px;
	color: #8EB32F;
	padding-left: 8px;
	font-weight: bold;
	padding-top: 0px;
}

/*end css Pro_spec */

/*as below is footer css*/

.footer_bac{
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #666;
	padding-left: 10px;
	font-weight: normal;
	background-image: url(http://www.printfac3.com/images/footer/footer_mid.png);
	background-repeat: repeat-x;
	padding-top: 2px;
	text-align: left;
}
.footer_bac_bold{
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #666;
	padding-left: 0px;
	font-weight: bold;
	padding-top: 5px;
}

.font_bold_with_bg {
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #DDE2E6;
}

.font_with_bg {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	background-color: #EAF3CF;
	font-weight: normal;
}
.font_with_bg1 {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	background-color: White ;
	font-weight: normal;
}

/*as below is help font css*/

.font_help {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	background-color: #E8E8E8;
	font-weight: normal;
}

.CollapsiblePanel {
 margin: 0px;
 padding: 0px;
 border: 0px none #CCC;}

.CollapsiblePanelTab {
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size: 10pt;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333;
	font-family: Tahoma, Arial;
}
 
.CollapsiblePanelContent {
	color: #555555;
	margin: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 35px;
	background-color: #F3F3F3;
	font-family: Tahoma, Arial;
}
 
.CollapsiblePanelTab a {
 color: black;
 text-decoration: none;}
 
.CollapsiblePanelOpen .CollapsiblePanelTab {
 background-color: #EEE;}
 
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
 background-color: #F3F3F3;
 color: #aed606;}
 
.CollapsiblePanelFocused {
	background-color: #cbea44;
	color: #000;
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size: 9pt;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
 
/*end font css*/

/*as below is Error message css*/

.font_error {
	font-family: Tahoma, Arial;
	font-size: 18px;
	color: #555555;
	font-weight: normal;
	padding-left: 20px;
	padding-bottom: 5px;
}

/*end Error message css*/

/*as below is download Template css*/

.font_with_bg_download {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333;
	background-color: #EAF3CF;
	font-weight: bold;
	padding-left: 10px;
}

.font_download_template {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333;
	background-color: #FFF;
	font-weight: normal;
	padding-left: 10px;
}
/*end download Template css*/



/*As below is css for tool tip big*/

#text {
	MARGIN: 50px auto;
	WIDTH: 500px;
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 16px;
	FONT-WEIGHT: bold
}
.hotspot {
	COLOR: #900; CURSOR: pointer
}
#tt {
	POSITION: absolute; DISPLAY: block; 
	/*BACKGROUND: url(images/xx_left.gif) no-repeat left top*/
}
#tttop {
	DISPLAY: block;
	HEIGHT: 6px;
	MARGIN-LEFT: 5px;
	OVERFLOW: hidden;
	background-image: url(http://www.printfac3.com/images/tooltip/top001.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#ttcont {
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 12px;
	DISPLAY: block;
	COLOR: #333333;
	PADDING-TOP: 5px;
	margin-left: 5px;
	background-color: #D5E8A2;
}
#ttbot {
	DISPLAY: block;
	HEIGHT: 30px;
	MARGIN-LEFT: 5px;
	OVERFLOW: hidden;
	background-image: url(http://www.printfac3.com/images/tooltip/bottom001.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*end css*/


/*As below is css for tool tip small*/

#text2 {
	MARGIN: 50px auto; 
	WIDTH: 500px; 
	FONT-FAMILY: Arial, Helvetica, Verdana; 
	FONT-SIZE: 16px; 
	FONT-WEIGHT: bold
}
.hotspot2 {
	COLOR: #900; 
	CURSOR: pointer
}
#tt2 {
	POSITION: absolute; 
	DISPLAY: block;
    /* BACKGROUND: url(images/xx_left.gif) no-repeat left top */
}
#tt2top {
	DISPLAY: block; 
	HEIGHT: 5px; 
	MARGIN-LEFT: 5px; 
	OVERFLOW: hidden
	/*BACKGROUND: url(images/xx_top.gif) no-repeat right top; */
	
}
#tt2cont {
	PADDING-BOTTOM: 3px;
	PADDING-LEFT: 7px;
	PADDING-RIGHT: 12px;
	DISPLAY: block;
	BACKGROUND: #D5E8A2;
	COLOR: #333333;
	MARGIN-LEFT: 5px;
	PADDING-TOP: 2px
}
#tt2bot {
	DISPLAY: block; 
	HEIGHT: 5px; 
	MARGIN-LEFT: 5px; 
	OVERFLOW: hidden
	/*BACKGROUND: url(images/xx_bottom.gif) no-repeat right top; */
	
}

/*end css*/

/*As below is css for Esay_process*/

a.link_button
{
	font-family: Tahoma, Arial;
	font-size: 13px;
	color: #666;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-weight: normal;
	  }

a.link_button:hover
{
	color: #FFFFFF;
	  }
	  
.font_gray_middle
{
	font-family: Tahoma, Arial;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	vertical-align: middle;
	  }
	  
.font_black_bold_big
{
	font-family: Tahoma, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	vertical-align: middle;
	text-align: center;
	  }
	  

/*end css*/

/*As below is css for link*/

a.word_link
{
	font-family: Tahoma, Arial;
	color: #666;
	text-align: left;
	vertical-align: baseline ;
	text-decoration: none;
	font-weight: normal;
	  }

a.word_link:hover
{
	color: #39F;
}

a.tittle_link
{
	font-family: Tahoma, Arial;
	color: #333;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

a.tittle_link:hover
{
	color: #A3CE38;
}
	  
/*end css*/
.font_underconstruction{
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333;
	text-align: left;
}

.font_underconstruction_b{
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333;
	text-align: left;
	font-weight: bold;
}

a.tittle_link_under
{
	font-family: Tahoma, Arial;
	color: #E1FF0F;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	  }

a.tittle_link_under:hover
{
	color: #FFF;
	font-style: italic;
}

.Grid {
 border: 1px solid #999999; 
}

.Grid td{ 
 margin: 5px;
 padding: 5px;
 }
 
 .blue
{
 font-family: Tahoma, Arial;
 font-size: 11px;
 color: #0052A4;
 font-weight: normal;

   }
 .font_red10px {
	font-family: Tahoma, Arial ;
	font-size: 10px;
	color: #FF0000;
}
.font_red10px_italic {
	font-family: Tahoma, Arial ;
	font-size: 10px;
	color: #FF0000;
	font-style: italic;
}
.font_main {
	font-family: Tahoma, Arial ;
	font-size: 11px;
	color: #333333;
}
.font_w11px_bold {
	font-family: Tahoma, Arial ;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.font_gray36px {
	font-family: Tahoma, Arial ;
	font-size: 36px;
	color: #333333;
}



a.fl_br_hyperlink_10px {
	color: #333333;
	font-family: Tahoma, Arial ;
	font-size: 11px;
	text-decoration: none;
}

a.fl_br_hyperlink_10px:hover{
	color: #333333;
	font-family: Tahoma, Arial ;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

a.fl_br_hyperlink_10px_blod {
	color: #FF0000;
	font-family: Tahoma, Arial ;
	font-size: 11px;
	text-decoration: none;
}

a.fl_br_hyperlink_10px_blod:hover{
	color: #FF0000;
	font-family: Tahoma, Arial ;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/*As below css for bottom*/

a.web_notic_b001{
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 38px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/Webnotice/Webnotice2009/010_Oct/1510_Whatta_Deal/price_list/bottom/up_left.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial ;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	height: 41px;
	font-style: normal;
	width: 126px;
	padding-left: 21px;
}

a:link.web_notic_b001, a:visited.web_notic_b001, a:hover.web_notic_b001, a:active.web_notic_b001{
	color: #FFFFFF; /*button text color*/
	cursor: pointer;}

a.web_notic_b001 span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/Webnotice/Webnotice2009/010_Oct/1510_Whatta_Deal/price_list/bottom/up_right.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 41px;
	line-height: 40px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
a:hover.web_notic_b001 span {
	background-image: url(http://www.printfac3.com/images/Webnotice/Webnotice2009/010_Oct/1510_Whatta_Deal/price_list/bottom/over_right.png);
	color: #4d4d4d;
}


a:hover.web_notic_b001{ /* Hover state CSS */
	color: #4d4d4d;
	background-image: url(http://www.printfac3.com/images/Webnotice/Webnotice2009/010_Oct/1510_Whatta_Deal/price_list/bottom/over_left.png);
}


/*end css*/  


/*As below is css for e-temp*/   

a.e-temp_our_design{
 display: block;
 float: right; /* Change 13px as desired */
 line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
 height: 30px; /* Height of button background height */
 padding-left: 35px; /* Width of left menu image */
 text-decoration: none;
 background-color: transparent;
 background-image: url(http://www.printfac3.com/images/e-template/use_our_design.jpg);
 background-repeat: no-repeat;
 font-family: Tahoma, Arial;
 font-size: 12px;
 font-weight: bold;
 font-style: normal;
 color: #333;
 width: 150px;
 background-position: left;
 clear: both;
}

a:link.e-temp_our_design, a:visited.e-temp_our_design, a:hover.e-temp_our_design, a:active.e-temp_our_design{
 color: #4d4d4d; /*button text color*/
 cursor: pointer;
}

a.e-temp_our_design span{
 display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
 background-color: #FFF;
 background-image: none;
 height: 30px;
 padding-left: 0px;
 color: #666;
 line-height: 30px;
}

a:hover.e-temp_our_design{ /* Hover state CSS */
 text-decoration: none;
 color: #A5CD39;
 background-image: url(http://www.printfac3.com/images/e-template/use_our_design_on.jpg);
}
a:hover.e-temp_our_design span {
 color: #A5CD39;
}


a.e-temp_artwork{
	display: block;
	float: right; /* Change 13px as desired */
	line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 40px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(http://www.printfac3.com/images/e-template/artwork_bank.jpg);
	background-repeat: no-repeat;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333;
	width: 135px;
	background-position: left;
}

a:link.e-temp_artwork, a:visited.e-temp_artwork, a:hover.e-temp_artwork, a:active.e-temp_artwork{
	color: #4d4d4d; /*button text color*/
	cursor: pointer;
}

a.e-temp_artwork span{
	display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: #FFF;
	background-image: none;
	height: 30px;
	padding-left: 0px;
	color: #666;
	line-height: 30px;
}

a:hover.e-temp_artwork{ /* Hover state CSS */
	text-decoration: none;
	color: #A5CD39;
	background-image: url(http://www.printfac3.com/images/e-template/artwork_bank_on.jpg);
}
a:hover.e-temp_artwork span {
	color: #A5CD39;
}

a.close{
	background-image: url(http://www.printfac3.com/images/ordering/moden_pop_up/close_button-03.jpg);
	display: block;
	height: 20px;
	width: 20px;	
	}

a.close:hover{
	background-image: url(http://www.printfac3.com/images/ordering/moden_pop_up/close_button-02.jpg);
	height: 20px;
	width: 20px;
	}
a.dialog
{
	color:#333; 
	text-decoration:none
}
a.dialog:hover {color:#ccc; text-decoration:none}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:Black  ;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0 ;
  width:600px;
  height:500px;
  display:none;
  z-index:9999;
  padding:0px;
}

#boxes #dialog {
  width:600px; 
  height:270px;
  padding:0px;
  background-color:#ffffff;
}

#boxes #dialog2 {
  width:600px; 
  height:250px;
  padding:0px;
  background-color:#ffffff;
}
 
#boxes #dialog3 
{
  width :870px; 
  height:570px;
  padding:0px;
  background-color: #ffffff  ;
  display:none;
}
.Dyn_description_modal
{
	margin:  0,0,0,0;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: lighter;
	text-align: right;
	padding-right: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #666;
} 
.Dyn_description_modal_left
{
	margin:  0,0,0,0;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: lighter;
	text-align:  left ;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	color: #666;
} 
select 
{
	font-family: Tahoma, Arial ;
	font-size: 11px;
	color: #333;
	
}

input
{
    font-family: Tahoma, Arial ;
	font-size: 12px;
	color: #333;
}
/* Dialog box (add by catherine on 12/01/2010)*/
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(http://www.printfac3.com/images/dialog/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #A4CC38; background: #A4CC38 url(http://www.printfac3.com/images/dialog/bg_DGreen.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(http://www.printfac3.com/images/dialog/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #A4CC38; background: #fdf5ce url(http://www.printfac3.com/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(http://www.printfac3.com/images/dialog/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(http://www.printfac3.com/images/dialog/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #A4CC38; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(http://www.printfac3.com/images/dialog/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(http://www.printfac3.com/images/dialog/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(http://www.printfac3.com/images/dialog/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(http://www.printfac3.com/images/dialog/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon {background-image: url(http://www.printfac3.com/images/dialog/ui-icons_222222_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(http://www.printfac3.com/images/dialog/ui-icons_222222_256x240.png); }
.ui-state-active .ui-icon {background-image: url(http://www.printfac3.com/images/dialog/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(http://www.printfac3.com/images/dialog/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(http://www.printfac3.com/images/dialog/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }



/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/

/*NyroModal Jquery (New added on 01/03/2010)
--------------------------------------- */
a.nyroModal
{
    color: #555555;
	font-family: Tahoma, Arial;
	font-size: 12px;
	text-decoration: underline;
    }
   
DIV#nyroModalFull {
	COLOR: #777; FONT-SIZE: 12px
}
DIV#nyroModalLoading
{
    border-bottom: #777 4px solid;
    border-left: #777 4px solid;
    text-indent: -9999em;
    width: 150px;
    background: url(http://www.printfac3.com/images/loading/loadinfo_net.gif) #fff no-repeat center 50%;
    height: 150px;
    border-top: #777 4px solid;
    border-right: #777 4px solid;
}
DIV.error#nyroModalLoading {
	BORDER-BOTTOM: #f66 4px solid; BORDER-LEFT: #f66 4px solid; PADDING-BOTTOM: 20px; LINE-HEIGHT: 20px; TEXT-INDENT: 0px; PADDING-LEFT: 20px; WIDTH: 300px; PADDING-RIGHT: 20px; BACKGROUND: #fff; HEIGHT: 100px; BORDER-TOP: #f66 4px solid; BORDER-RIGHT: #f66 4px solid; PADDING-TOP: 20px
}
DIV#nyroModalWrapper {
	BORDER-BOTTOM: #777 4px solid; BORDER-LEFT: #777 4px solid; BACKGROUND: #73777A; BORDER-TOP: #777 4px solid; BORDER-RIGHT: #777 4px solid
}
A#closeBut {
	POSITION: absolute; TEXT-INDENT: -9999em; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; WIDTH: 12px; DISPLAY: block; BACKGROUND: url(http://www.printfac3.com/images/loading/close.gif) no-repeat; HEIGHT: 12px; TOP: -13px; RIGHT: -13px
}
H1#nyroModalTitle {
	POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #ddd; FONT-SIZE: 12px; TOP: -22px; PADDING-TOP: 0px; LEFT: 5px
}
DIV#nyroModalContent {
	OVERFLOW: auto
}
DIV.wrapper DIV#nyroModalContent {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
DIV.wrapperImg DIV#nyroModalContent {
	POSITION: relative; TEXT-ALIGN: center; OVERFLOW: hidden
}
DIV.wrapperImg IMG {
	VERTICAL-ALIGN: baseline
}
DIV.wrapperImg DIV#nyroModalContent DIV {
	BORDER-BOTTOM: white 1px dotted; POSITION: absolute; FILTER: alpha(opacity=20); BORDER-LEFT: white 1px dotted; PADDING-BOTTOM: 10px; MARGIN: 10px; PADDING-LEFT: 10px; BOTTOM: 0px; PADDING-RIGHT: 10px; BACKGROUND: black; OVERFLOW: hidden; BORDER-TOP: white 1px dotted; BORDER-RIGHT: white 1px dotted; PADDING-TOP: 10px; LEFT: 0px; opacity: 0.2
}
DIV.wrapperImg DIV#nyroModalContent DIV:hover {
	FILTER: alpha(opacity=50); CURSOR: help; opacity: 0.5
}
A.nyroModalPrev {
	Z-INDEX: 105; POSITION: absolute; TEXT-INDENT: -9999em; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 40%; BACKGROUND: url(data:image/gif;base64,AAAA) no-repeat left 20%; HEIGHT: 100%; TOP: 0px; CURSOR: pointer
}
A.nyroModalNext {
	Z-INDEX: 105; POSITION: absolute; TEXT-INDENT: -9999em; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 40%; BACKGROUND: url(data:image/gif;base64,AAAA) no-repeat left 20%; HEIGHT: 100%; TOP: 0px; CURSOR: pointer
}
DIV.wrapperSwf A.nyroModalPrev {
	WIDTH: 20%; HEIGHT: 60%
}
DIV.wrapperSwf A.nyroModalNext {
	WIDTH: 20%; HEIGHT: 60%
}
/*DIV.wrapper A.nyroModalPrev {
	WIDTH: 20%; HEIGHT: 60%
}
DIV.wrapper A.nyroModalNext {
	WIDTH: 20%; HEIGHT: 60%
}*/
A.nyroModalPrev {
	LEFT: 0px
}
A.nyroModalPrev:hover {
	BACKGROUND-IMAGE: url(../img/prev.gif)
}
A.nyroModalNext {
	BACKGROUND-POSITION: right 20%; RIGHT: 0px
}
A.nyroModalNext:hover {
	BACKGROUND-IMAGE: url(../img/next.gif)
}

/* End NyroModal Jquery 
-------------------------------------------*/


/*Css below is for coda-slider (New added on (08/03/2010))
----------------------------------------------------------------------------------------- */
	
 a.slider, li a  
{
 color: #39c; 
 font-family : Tahoma, Arial;
 font-size : 12px;
 text-decoration: none ;
		    
 }

a:focus { outline:none }
		
img { border: 0 }
		
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}
		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 5px 0;
	position: relative;
	width: 150px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 250px; height: 150px; background: #fff;}
.csw .loading {margin: 0 0 0 0; text-align: center}


.stripViewer { /* This is the viewing window */
  position : relative;
  overflow : hidden; 
  border : 0px solid #000; /* this is the border. should have the same value for the links */
  margin : auto;
  width :  200px; /* Also specified in  .stripViewer .panelContainer .panel  below */
  height :280px;
  clear : both;
  background : none;
  vertical-align :top ;
}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
 position: relative;
 left: 10px; 
 top: 0;
 width: 250px;
 list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
 float:left;
 height:250px;
 position: relative;
 width: 700px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
 padding: 5px;
}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
 margin: auto;
}
		
.stripNav ul { /* The auto-generated set of links */
 list-style: none;
}
		
.stripNav ul li {
float: left;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
		
.stripNav a { /* The nav links */
 font-size: 10px;
 font-weight: bold;
 text-align: center;
 line-height: 32px;
 background: #c6e3ff;
 color: #fff;
 text-decoration: none;
 display: block;
 padding: 0 15px;
			 	
}
	
.stripNavL {/*	 The Previous arrows */
 position: absolute;
 left: 20px;
 top: 0px;
 width:90px;
 text-align:center ;
 font-weight: bold;
}

.stripNavR /*	 The Next arrows */
{
  position: absolute;
  right :-20px;
  top :0px;
  width :90px;
  text-align :center ;
  font-weight: bold;
}	
	
/*End Css for code-slider 
------------------------------------------------------------------------*/
/* CSS title home */

.font_gray_24pt
{
	font-family: Tahoma, Arial;
	font-size: 16pt;
	font-weight: bold;
	color: #666;
	vertical-align: middle;
	  }

.font_gray_16pt
{
	font-family: Tahoma, Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #666;
	vertical-align: middle;
	  }
	  
.font_gray_15pt
{
	font-family: Tahoma, Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #93B92F;
	vertical-align: middle;
	  }
	  
.font_pink_33pt
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 22pt;
	font-weight: bold;
	color: #FB5E8C;
	vertical-align: middle;
	  }
	  
.font_pink_21pt
{
	font-family: Tahoma, Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #EC287E;
	vertical-align: middle;
	  }
	  
.font_pink_10pt
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #666;
	vertical-align: middle;
	  }
	
.font_gray_11pt_line
{
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #666;
	vertical-align: middle;
	text-decoration: line-through;
	  }
	  
.font_gray_11pt
{
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #666;
	vertical-align: middle;
	  }
.font_pink_11pt
{
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #F36;
	vertical-align: middle;
	  }
.watermarked
{
	border-bottom:  #bebebe 1px solid;
	border-left: #bebebe 1px solid;
	padding-bottom: 0px;
    background-color:#f0f8ff;
    padding-left:2px;
    padding-right:0px;
    color:gray;
    border-top:#bebebe 1px solid;
    border-right:#bebebe 1px solid;
    padding-top:2px;
} 

.home_product_tittle
{
	font-family: Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #333;
	line-height: normal;
	  }
.home_product_text_bold
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333;
	line-height: normal;
	  }
.hot_promo_gray
{
	font-family: Tahoma, Arial;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #555;
	height: 30px;
	line-height: normal;
	  }
.hot_promo_pink
{
	font-family: Tahoma, Arial;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	color: #ED287A;
	height: 30px;
	line-height: normal;
	  }
	  
a.home_order {
	color: #FFF;
	line-height: 30px;
	background-image: url(http://www.printfac3.com/images/home/2010_may/order_off.jpg);
	height: 37px;
	width: 100px;
	background-repeat: no-repeat;
	display: block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

a.home_order:hover {
	color: #595A5C;
	background-image: url(http://www.printfac3.com/images/home/2010_may/order_on.jpg);
}
.font_form
{
	font-family: Tahoma;
	font-size: 12px;
	color: #666;
} 

.site_banner_comment
{
	font-family: Tahoma;
	font-size: 13px;
	background-repeat:no-repeat;
	background-image: url(http://www.printfac3.com/images/home/2010_may/side_title_big.jpg);
	color: #333;
	font-weight: bold;
	vertical-align  :middle;
	height: 45px;
	width: 181px;
	padding-left: 20px;
} 
.site_banner_small
{
	font-family: Tahoma;
	font-size: 13px;
	background-repeat:no-repeat;
	background-image: url(http://www.printfac3.com/Images/home/2010_may/side_title_small.jpg);
	color: #333;
	font-weight: bold;
    vertical-align  :middle;
	height: 34px;
	width: 185px;
	padding-left: 20px;
	
} 
.site_banner_order
{
	font-family: Tahoma;
	font-size: 13px;
	background-image: url(http://www.printfac3.com/Images/home/2010_may/side_title_big.jpg);
	color: #333;
	vertical-align: middle;
	font-weight: bold;
	height: 35px;
	width: 181px;
	padding-left: 20px;
} 
/*-----------------------------------------
 New Added (20/04/2010) for website touch up 
--------------------------------------------*/
a img {
border : 0;
}
div.wrap {
	width : 763px;
	margin : 0 auto;
	text-align : left;
}
div#top div#nav {
	float : left;
	clear : both;
	width : 763px;
	height : 46px;
	margin-top: 22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
div#top div#nav ul {
	float : left;
	width : 763px;
	height : 46px;
	list-style-type : none;
}
div#nav ul li {
	float : left;
	height : 46px;
}
div#nav ul li a {
	border : 0;
	height : 46px;
	display : block;
	line-height : 46px;
	text-indent : -1111px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
	height : 208px;
	margin : -1px 0 0;
}
div#header div.wrap {
	height : 208px;
/*background : url(images/header-bg.png) no-repeat 50% 0;*/
}
div#header div#slide-holder {
	z-index : 40;
	width : 763px;
	height : 208px;
	position : absolute;
}
div#header div#slide-holder div#slide-runner {
	top : 0px;
	left : 0px;
	width : 763px;
	height : 215px;
	overflow : hidden;
	position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
	left : 0;
	bottom : 5px;
	width : 763px;
	height : 38px;
	display : none;
	position : absolute;
	background-image: url(http://www.printfac3.com/Images/home/webnotice_flash/slide-bg.png);
	background-position: 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
	float : left;
	color : #fff;
	display : inline;
	font-size : 11px;
	line-height : 16px;
	text-transform : uppercase;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	font-family: Arial;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
	float : right;
	height : 24px;
	display : inline;
	margin-top: 11px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
	float : left;
	display : inline;
	font-size : 11px;
	line-height : 24px;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	background-repeat : no-repeat;
	height: 24px;
	width: 24px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
	background-image: url(nav/nav.png);
	color: #FFFFFF;
	font-family: Arial;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
	background-image : url(nav/silde-nav.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial;
}
div#nav ul li a {
	background-image: url(nav/nav.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial;
}
/*-----------------------------------------
 End New Added (20/04/2010) for website touch up 
--------------------------------------------*/
.expandticker
{
      padding: 7px;
    background: white;
    width: 155px;
    height: 100px; 
    position: relative;
}

.expandcontent{
display:none;
}

ul.dropdownlist{
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;

list-style-type: none;
background: white;
border: 1px solid #ca431a;
padding: 3px;
}


ul.dropdownlist li a{
display: block;
background: #ffdb8d;
color: black;
text-decoration: none;
padding: 3px 5px 3px 3px;
}

ul.dropdownlist li a:hover{
background: #ffbf6d;
color: black;
}

ul.dropdownlist li.selected a{
background: #ca431a;
color: white;
}

 .modalBackground {  background-color:black; filter:alpha(opacity=70); opacity:0.7;}

.font_white_bg{
 font-family: Arial;
 font-size: 12px;
 color: #FFFFFF;
 background-color: #ADC42B;
 padding: 5px;
}

.font_white_bg_gray{
 font-family: Arial;
 font-size: 12px;
 color: #FFFFFF;
 background-color: #58595B;
 padding: 5px;
}

.font_gray_16px_bold {
 font-family: Tahoma, Arial;
 font-size: 15px;
 font-weight: bolder;
 color: #333133;
}

/*-----------------------------------------
 End New Added (11/06/2010) for website toolbar
--------------------------------------------*/
/*Yaner added*/
div#toolbar, div#toolbarbut {
  position: fixed; /* set fixed position for the bar */
  bottom: 0px;
  right: 0px;
  z-index: 9999; /* keep the bar on top  */
  height: 35px;
  background: url(images/bcktool.png);
  /* CSS3 */
  -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4; /* inset creates a inner-shadow */
  -khtml-box-shadow: 0px 1px 10px #666;
  -webkit-box-shadow: 0px 1px 10px #666;
  /* CSS3 end */
	border-top: 1px solid #eee;
  border-left: 1px solid #eee; 
  border-right: 1px solid #eee;  
}

div#toolbar
{
    width: 410px; /* min-width: 700px; to limit the width when an excessive window resize */
    margin: 0px auto; /* centered toolbar */
    left: 36%;
    background-color: #ffffff;
}

div#toolbarbut { /* div for the 'hide status' */
  width: 60px;
  height: 15px;
  margin-right: 3%;
  display: none;
  background-color: #ffffff;
}

span.showbar a
{
    /* show button */
    padding: 5px;
    font-size: 12px;
    color: #989898;
    
}

.leftside {
  float: left;
}


/*-- Left Side --*/

ul#social li {
  display: inline;
}


a.facebook, a.twitter, a.digg, a.delicious, a.stumble,a.buzz {
  display: inline-block;
  width: 40px;
  height: 35px;        
  margin-top: 1px;
  
}

a.digg:hover, a.facebook:hover, a.twitter:hover,  a.delicious:hover, a.stumble:hover,a.buzz:hover {
  background-position: 1px 1px; /* simple css hover effect */
}

a.facebook
{
    background: url(Images/imagesToolbar/facebook.png) no-repeat;
  
}

a.twitter {
  background: url(Images/imagesToolbar/twitter.png) no-repeat;
}

a.delicious {
  background: url(Images/imagesToolbar/delicious.png) no-repeat;
}


a.stumble {
  background: url(Images/imagesToolbar/stumble.png) no-repeat;
}

a.digg {
  background: url(Images/imagesToolbar/digg.png) no-repeat;
}

a.buzz {
  background: url(Images/imagesToolbar/google-buzz.png) no-repeat;
}

.tip
{
    position: absolute; /* important */
    top: -60px;
    width: 250px;
    height: 78px;
    float: left;
    display: none;
}

/* custom distances for the icons */
#tipfacebook {
  left: -30px; 
}

#tiptwitter {
  left: 10px; 
}

#tipdelicious {
  left: 50px; 
}


#tipstumble {
  left: 90px; 
}

#tipdigg {
  left: 130px; 
}

#tipbuzz {
  left: 170px; 
}
.tip ul {
 text-align: right;

 padding-top: 22px;

}

.tip ul li {
  display: inline;
 
}

.tip ul li a 
{
  font-family: Tahoma, Arial;
  font-size: 11px;
  color: #989898;
}       

.tip ul li a:hover {
  color: #666;
}

.tip ul li small {
  font-size: 10px;
}

/*-- Right Side --*/

span.downarr { /* hide button */ 
  float: right;
  border-left: 1px solid #a4a4a4;
}

span.downarr a {
  display: block;
  width: 36px;
  height: 26px;
  padding: 25px 0 0 10px;
  background: url(Images/imagesToolbar/downarrow.png) no-repeat 5px 7px;
}

span.menu_title
{

   
   text-align:center;
  padding-left:20px;

}

span.menu_title a {
  font-size: 14px;
  line-height: 34px;
  color: #9a9a9a;

}

.quickmenu {
  position: absolute; /* important */
  top: -120px;
  right: 20px;
  width: 150px;
  height: 120px;
  background: #e4e4e4;
  border-top: 1px solid #a4a4a4;
  border-left: 1px solid #a4a4a4; 
  border-right: 1px solid #a4a4a4;
  /* CSS3 */
  -moz-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -khtml-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -webkit-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  /* CSS3 end */
  display: none; /* important */
}

.quickmenu ul {
  padding-top: 20px;
}

.quickmenu ul li {
  border-bottom: 1px solid #989898;    
  padding: 5px 10px;
  margin: 0 15px 0 15px;
  list-style:none;
}

.quickmenu ul li a {
  font-size: 12px;
  color: #989898;
  display: block;
}

.quickmenu ul li a:hover {
  color: #666;
}