/*MENU CSS START*/
#conash3D0{display:none}
.menu{
	width:890px;
	margin:0 auto;
	background:url(../images/menu_bg.jpg) center no-repeat;
	text-align:center;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
}


.creat_photoart{
	float:left;
	font:bold 16px "Myriad Pro" Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
}

 .creat_photoart a{
	display:block;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 0px;
	width:188px;

}

 .creat_photoart a:hover{
	display:block;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/menu_on.jpg) no-repeat 0px  3px;
}

.creat_photoart{
	float:left;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
}
/*****************************************************************/

.art_examples {
	float:left;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:43px;
}
.art_examples a{
	display:block;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 0px 10px 0px;
	width:188px;
	
	
}

 .art_examples  a:hover{
	display:block;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/menu_on.jpg)  no-repeat -230px  3px;
}

/*****************************************************************/


.customer_service {
	float:left;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:43px;
}
.customer_service a{
	display:block;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 0px 10px 0px;
	width:148px;
	
}

.customer_service a:hover{
	display:block;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
    background:url(../images/menu_on.jpg) no-repeat -460px  3px;
}




/*****************************************************************/


.about {
	float:left;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:40px;
}
.about a{
	display:block;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 0px 10px 0px;
	width:97px;
	
}

.about a:hover{
	display:block;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
    background:url(../images/menu_on.jpg) no-repeat -650px  3px;
}


/*****************************************************************/


.contact {
	float:left;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:35px;
}
.contact a{
	display:block;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 0px 10px 0px;
	width:104px;
	
}

.contact a:hover{
	display:block;
	font:16px "Myriad Pro"  Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
    background:url(../images/menu_on.jpg) no-repeat -788px  3px;
}

/*****************************************************************/

/*MENU CSS END*/


#shadows { position:absolute; top:150px; left:50%; margin-left:-473px; width:947px; height:636px; background:url(../images/main_bg.jpg) no-repeat 0 0; z-index:0; }

/* elements forming the tabbed container */
.tabbed-pane {
	z-index:2;
	width:900px;
	height:34px;
	position:absolute;
	top:270px;
	left:50%;
	margin-left:-450px;
	background:url(../images/alphabets_bg.jpg) no-repeat 0 0;
}

.tabbed-pane-sepia {
	z-index:2;
	width:900px;
	height:34px;
	position:absolute;
	top:270px;
	left:50%;
	margin-left:-450px;
	background:url(../images/alphabets_bg_sepia.jpg) no-repeat 0 0;
}

ul#categories { list-style:none; margin:4px 0 0 6px; }
#categories li { float:left; margin:0 0px 0 0; width:29px; height:20px; text-align:center; }
#categories li a { display:block; width:29px; height:15px; padding:6px 0 4px 0; color:#fff; font:11px Arial; font-weight: bold; text-decoration:none; }
#categories li a:hover { background:#828282 url(../images/letter-select-hover.png) no-repeat 2px 0; }
#categories li a.active, .tabbed-pane ul#categories li a.on { background:url(../images/alphabets_bg.gif) no-repeat 0 0; }

#categories li a.active, .tabbed-pane-sepia ul#categories li a.on { background:url(../images/alphabets_bg.gif) no-repeat 0 0; }

#categories li.misc { margin:0 -6px 0 0; width:43px; height:20px; }
#categories li.misc a { width:43px; height:20px; }
#categories li.misc a:hover { background:url(../images/letter-select-large-hover.png) no-repeat 4px 0; }
#categories li.misc a.active { background:url(../images/letter-select-large-on.png) no-repeat 2px 0; }

#categories li.numbers { margin:0 -6px 0 0; width:43px; height:20px; }
#categories li.numbers a { width:43px; height:20px; }
#categories li.numbers a:hover { background:url(../images/letter-select-large-hover.png) no-repeat 4px 0; }
#categories li.numbers a.active { background:url(../images/letter-select-large-on.png) no-repeat 2px 0; }

#categories-overlay { z-index:5; width:900px; height:50px; position:absolute; top:0; left:0; background:url(../images/alphabets_bg.jpg) no-repeat 0 0; }
/* end elements forming the tabbed container */

/* elements in the letter-carousel */
#letter-carousel {
	width:900px;
	height:400px;
	position:absolute;
	top:300px;
	left:50%;
	margin-left:-450px;
	z-index:1;
}

/* letter-container is important, it wraps the carousel and word block */
#letter-container {
	width:900px;
	height:400px;
	overflow:hidden;
	position:absolute;
	top:5px;
	left:0px;
	z-index:2;
	
	
}
#letter-container ul#letter-list { list-style:none; margin:0 0 0 2px; width:100000px; position:absolute; top:6px; left:0; height:120px; padding:0 0 0 30px; z-index:1002; }

#letter-container ul#letter-list li { width:80px; height:120px; margin:0 4px 0 0; float:left; display:block; z-index:1000; }
#letter-container img { width:80px; height:120px; border:0; cursor:move; }

#letter-container #letter-list-background {
	/*background:#fff url(../images/carousel-background.png) no-repeat bottom left;*/
	position:absolute;
	top:-3px;
	left:-39px;
	height:136px;
	width:901px;
	z-index:2;
}
.debug-bg { background-color:Red !important; }

.next_button { background:#fff url(../images/right.jpg) no-repeat 0 -121px; cursor:pointer; position:absolute; top:11px; left:872px; z-index:5; width: 28px; height: 120px;  }
.next_button:hover { background-position:0 -242px; }
.next_button:active { background-position:0 -363px; }
.next_button_disabled { background:#fff url(../images/right.jpg) no-repeat 0 0 !important; cursor:default; }

.previous_button { background:#fff url(../images/left.jpg) no-repeat 0 -121px; cursor:pointer; position:absolute; top:11px; left:0px; z-index:5; width: 28px; height: 120px; }
.previous_button:hover { background-position:0 -242px; }
.previous_button:active { background-position:0 -363px; }
.previous_button_disabled { background:#fff url(../images/left.jpg) no-repeat 0 0 !important; cursor:default; }

#pane-overlay { position:absolute; z-index:5; top:6px; left:27px; width:847px; height:98px; padding:35px 0 0 0; text-align:center; font:40px Georgia; font-style:italic; color:#fff; background-color:#fff; }
/* end elements in the letter-carousel */

/* elements for the background toggler */
#background-options {
	position:absolute;
	top:160px;
	left:0;
	width:900px;
	height:27px;
	z-index:1;
	/*background:url(../images/bg-option-background.png)*/;
}
#background-options ul { list-style:none; padding:0 0 0 11px; }
#background-options ul li { margin:0 2px 0 0; float:left; height:27px; width:120px; text-indent:-5000px; }
#background-options ul li.first { }
#background-options ul li.last { }

#background-options ul li a { display:block; height:27px; width:120px; }

a#bg0 { background:url(../images/bg-option-0.jpg) no-repeat 0 0; }
a#bg1 { background:url(../images/bg-option-1.jpg) no-repeat 0 0; }
a#bg2 { background:url(../images/bg-option-2.jpg) no-repeat 0 0; }
a#bg3 { background:url(../images/bg-option-3.jpg) no-repeat 0 0; }
a#bg4 { background:url(../images/bg-option-4.jpg) no-repeat 0 0; }
a#bg5 { background:url(../images/bg-option-5.jpg) no-repeat 0 0; }
a#bg6 { background:url(../images/bg-option-6.jpg) no-repeat 0 0; }
a#bg7 { background:url(../images/bg-option-7.jpg) no-repeat 0 0; }
a#bg8 { background:url(../images/bg-option-8.jpg) no-repeat 0 0; }
a#bg9 { background:url(../images/bg-option-9.jpg) no-repeat 0 0; }

#background-options ul li a:hover { background-position:0 -27px !important; }
#background-options ul li a.on { background-position:0 -54px !important; }
/* end elements for the background toggler */

/* word block elements */
#word-block {
	background:url(../images/main_background.jpg) no-repeat 0 0;
	position:absolute;
	top:181px;
	left:0px;
	height:198px;
	padding:0;
	border-top:solid 0px #424242;
	width:901px;
	text-align:center;
	z-index:2;
}
#word-block .wb-letter { cursor:move; z-index:50; }
#word-block .floating { width:60px !important; height:90px !important; margin:58px 0 0 0; padding:0px 0px 0px 0px; margin-right:4px; background:url(../images/letter-block-background.png) no-repeat 0 -3px; border:1px solid #FFFFFF; }


#word-block .framed { width:56px !important; height:86px !important; margin:55px 6px 0 0; padding:1px; background:url(../images/framed-letter-bg.gif) no-repeat 0 0; }
#word-block .last { margin-right:0 !important; }

#word-block img.up { position:relative; top:-7px; }
#word-block img.down { position:relative; top:7px; }

/* add-a-letter turns on when the user picks up a letter from the carousel */ 
#add-a-letter { position:absolute; width:900px; height:150px; padding:50px 0 0 0; top:132px; left:0; background:url(../images/pick-up-indicator.png) no-repeat 0 0; z-index:2; }
#add-a-letter.cart-active { background:url(../images/pick-up-indicator-on.png) no-repeat 0 0; }
#add-a-letter #letter-drop-indicator { display:none; }
#add-a-letter.cart-active #letter-drop-indicator { display:block; width:66px; height:118px; background:url(../images/drop-indicator.png) no-repeat 0 0; position:relative; top:0; left:0; z-index:3; }

#word-block #instructions { position:absolute; top:80px; left:50%; margin-left:-320px; width:640px; height:40px; background:url(../images/instructions.png) no-repeat 0 0; text-indent:-5000px; }
#word-block-updating { position:absolute; top:136px; left:0; height:140px; width:900px; padding:60px 0 0 0; text-align:center; font:40px Georgia; font-style:italic; color:#fff; background:#ccc; z-index:2; }

/*--------------------------------------------------frame mat css start  from here----------------------------------------------------------*/

#letter-frame { height:190px; left:50%; position:absolute; top:10px; z-index:1; }
#letter-mat { height:147px; left:50%; position:absolute; top:22px; z-index:2; }

.frame-0  { width:120px; margin-left:-63px; }
.frame-1  { width:120px; margin-left:-63px; }
.frame-2  { width:186px; margin-left:-96px; }
.frame-3  { width:252px; margin-left:-128px; }
.frame-4  { width:318px; margin-left:-160px; }
.frame-5  { width:384px; margin-left:-196px; }
.frame-6  { width:450px; margin-left:-227px; }
.frame-7  { width:516px; margin-left:-261px; }
.frame-8  { width:582px; margin-left:-294px; }
.frame-9  { width:648px; margin-left:-326px; }
.frame-10 { width:714px; margin-left:-360px; }
.frame-11 { width:780px; margin-left:-392px; }
.frame-12 { width:846px; margin-left:-425px; }
/*---------------changed by sonali bacground:-----------------------*/
.b-b0  { background:url(../Frame_s/frame_h.gif) center no-repeat; }
.b-b1  { background:url(../Frame_s/frame_h.gif) center no-repeat; }
.b-b2  { background:url(../Frame_s/frame_h_a.gif) center no-repeat; }
.b-b3  { background:url(../Frame_s/frame_h_b.gif) center no-repeat; }
.b-b4  { background:url(../Frame_s/frame_h_c.gif) center no-repeat; }
.b-b5  { background:url(../Frame_s/frame_h_d.gif) center no-repeat; }
.b-b6  { background:url(../Frame_s/frame_h_e.gif) center no-repeat; }
.b-b7  { background:url(../Frame_s/frame_h_f.gif) center no-repeat; }
.b-b8  { background:url(../Frame_s/frame_h_g.gif) center no-repeat; }
.b-b9  { background:url(../Frame_s/frame_h_h.gif) center no-repeat; }
.b-b10 { background:url(../Frame_s/frame_h_i.gif) center no-repeat; }
.b-b11 { background:url(../Frame_s/frame_h_j.gif) center no-repeat; }
.b-b12 { background:url(../Frame_s/frame_h_k.gif) center no-repeat; }

/*---------------changed by sonali bacground:-----------------------*/
.a-a0  { background: url(../Frame_s/frame_g.gif) center no-repeat; }
.a-a1  { background: url(../Frame_s/frame_g.gif) center no-repeat; }
.a-a2  { background: url(../Frame_s/frame_g_a.gif) center no-repeat; }
.a-a3  { background: url(../Frame_s/frame_g_b.gif) center no-repeat; }
.a-a4  { background: url(../Frame_s/frame_g_c.gif) center no-repeat; }
.a-a5  { background: url(../Frame_s/frame_g_d.gif) center no-repeat;}
.a-a6  { background: url(../Frame_s/frame_g_e.gif) center no-repeat; }
.a-a7  { background: url(../Frame_s/frame_g_f.gif) center no-repeat; }
.a-a8  { background: url(../Frame_s/frame_g_g.gif) center no-repeat;}
.a-a9  { background: url(../Frame_s/frame_g_h.gif) center no-repeat; }
.a-a10 { background: url(../Frame_s/frame_g_i.gif) center no-repeat;}
.a-a11 { background: url(../Frame_s/frame_g_j.gif) center no-repeat; }
.a-a12 { background: url(../Frame_s/frame_g_k.gif) center no-repeat;}

/*---------------changed by sonali bacground:-----------------------*/
.c-c0  { background: url(../Frame_s/frame_c.gif) center no-repeat; }
.c-c1  { background: url(../Frame_s/frame_c.gif) center no-repeat; }
.c-c2  { background: url(../Frame_s/frame_c_a.gif) center no-repeat; }
.c-c3  { background: url(../Frame_s/frame_c_b.gif) center no-repeat; }
.c-c4  { background: url(../Frame_s/frame_c_c.gif) center no-repeat; }
.c-c5  { background: url(../Frame_s/frame_c_d.gif) center no-repeat; }
.c-c6  { background: url(../Frame_s/frame_c_e.gif) center no-repeat; }
.c-c7  { background: url(../Frame_s/frame_c_f.gif) center no-repeat; }
.c-c8  { background: url(../Frame_s/frame_c_g.gif) center no-repeat; }
.c-c9  { background: url(../Frame_s/frame_c_h.gif) center no-repeat; }
.c-c10 { background: url(../Frame_s/frame_c_i.gif) center no-repeat; }
.c-c11 { background: url(../Frame_s/frame_c_j.gif) center no-repeat; }
.c-c12 { background: url(../Frame_s/frame_c_k.gif) center no-repeat; }

/*---------------changed by sonali bacground:-----------------------*/
.d-d0	{ background: url(../Frame_s/frame_d.gif) center no-repeat; }
.d-d1	{ background: url(../Frame_s/frame_d.gif) center no-repeat; }
.d-d2	{ background: url(../Frame_s/frame_d_a.gif) center no-repeat; }
.d-d3 	{ background: url(../Frame_s/frame_d_b.gif) center no-repeat; }
.d-d4	{ background: url(../Frame_s/frame_d_c.gif) center no-repeat; }
.d-d5 	{ background: url(../Frame_s/frame_d_d.gif) center no-repeat;}
.d-d6   { background: url(../Frame_s/frame_d_e.gif) center no-repeat; }
.d-d7   { background: url(../Frame_s/frame_d_f.gif) center no-repeat; }
.d-d8   { background: url(../Frame_s/frame_d_g.gif) center no-repeat;}
.d-d9   { background: url(../Frame_s/frame_d_h.gif) center no-repeat; }
.d-d10  { background: url(../Frame_s/frame_d_i.gif) center no-repeat;}
.d-d11  { background: url(../Frame_s/frame_d_j.gif) center no-repeat; }
.d-d12  { background: url(../Frame_s/frame_d_k.gif) center no-repeat;}

/*---------------changed by sonali bacground:-----------------------*/
.e-e0 { background: url(../Frame_s/frame_e.gif) center no-repeat; }
.e-e1 { background: url(../Frame_s/frame_e.gif) center no-repeat; }
.e-e2 { background: url(../Frame_s/frame_e_a.gif) center no-repeat; }
.e-e3 { background: url(../Frame_s/frame_e_b.gif) center no-repeat; }
.e-e4 { background: url(../Frame_s/frame_e_c.gif) center no-repeat; }
.e-e5 { background: url(../Frame_s/frame_e_d.gif) center no-repeat; }
.e-e6 { background: url(../Frame_s/frame_e_e.gif) center no-repeat; }
.e-e7 { background: url(../Frame_s/frame_e_f.gif) center no-repeat; }
.e-e8 { background: url(../Frame_s/frame_e_g.gif) center no-repeat;}
.e-e9 { background: url(../Frame_s/frame_e_h.gif) center no-repeat; }
.e-e10 { background: url(../Frame_s/frame_e_i.gif) center no-repeat;}
.e-e11 { background: url(../Frame_s/frame_e_j.gif) center no-repeat; }
.e-e12 { background: url(../Frame_s/frame_e_k.gif) center no-repeat;}

/*---------------changed by sonali bacground:-----------------------*/
.f-f0	{ background:url(../Frame_s/frame_f.gif) center no-repeat; }
.f-f1	{ background:url(../Frame_s/frame_f.gif) center no-repeat; }
.f-f2	{ background:url(../Frame_s/frame_f_a.gif) center no-repeat; }
.f-f3 	{ background:url(../Frame_s/frame_f_b.gif) center no-repeat; }
.f-f4	{ background:url(../Frame_s/frame_f_c.gif) center no-repeat; }
.f-f5 	{ background:url(../Frame_s/frame_f_d.gif) center no-repeat; }
.f-f6	{ background:url(../Frame_s/frame_f_e.gif) center no-repeat; }
.f-f7 	{ background:url(../Frame_s/frame_f_f.gif) center no-repeat; }
.f-f8 	{ background:url(../Frame_s/frame_f_g.gif) center no-repeat; }
.f-f9	{ background:url(../Frame_s/frame_f_h.gif) center no-repeat; }
.f-f10 	{ background:url(../Frame_s/frame_f_i.gif) center no-repeat; }
.f-f11	{ background:url(../Frame_s/frame_f_j.gif) center no-repeat; }
.f-f12 	{ background:url(../Frame_s/frame_f_k.gif) center no-repeat; }

/*------------------------for mat---------------------------------------*/
.mat-0{ width:90px; margin-left:-45px; }
.mat-1{ width:90px; margin-left:-45px; }
.mat-2{ width:156px; margin-left:-78px; }
.mat-3{ width:222px; margin-left:-111px; }
.mat-4{ width:288px; margin-left:-144px; }
.mat-5{ width:354px; margin-left:-177px; }
.mat-6{ width:420px; margin-left:-210px; }
.mat-7{ width:486px; margin-left:-243px; }
.mat-8{ width:552px; margin-left:-276px; }
.mat-9{ width:618px; margin-left:-309px; }
.mat-10{ width:683px; margin-left:-341px; }
.mat-11{ width:750px; margin-left:-375px; }
.mat-12{ width:816px; margin-left:-408px; }

/* white*/
.mat-a0{ background:url(../mat-color/Bright%20White.jpg)}
.mat-a1{ background:url(../mat-color/Bright%20White.jpg)}
.mat-a2{ background:url(../mat-color/Bright%20White.jpg)}
.mat-a3{ background:url(../mat-color/Bright%20White.jpg)}
.mat-a4{ background:url(../mat-color/Bright%20White.jpg)} 
.mat-a5 {background:url(../mat-color/Bright%20White.jpg)}
.mat-a6{ background:url(../mat-color/Bright%20White.jpg)}
.mat-a7 { background:url(../mat-color/Bright%20White.jpg)}
.mat-a8 { background:url(../mat-color/Bright%20White.jpg)}
.mat-a9{ background:url(../mat-color/Bright%20White.jpg)}
.mat-a10 { background:url(../mat-color/Bright%20White.jpg)}
.mat-a11{ background:url(../mat-color/Bright%20White.jpg)}
.mat-a12 { background:url(../mat-color/Bright%20White.jpg)}
/*black*/
.mat-b0,.mat-b1,.mat-b2,.mat-b3{ background:url(../mat-color/Black.jpg)}
.mat-b4, .mat-b5 {background:url(../mat-color/Black.jpg)}
.mat-b6, .mat-b7 { background:url(../mat-color/Black.jpg) }
.mat-b8 { background:url(../mat-color/Black.jpg)}
.mat-b9, .mat-b10 { background:url(../mat-color/Black.jpg)}
.mat-b11, .mat-b12 { background:url(../mat-color/Black.jpg)}
/***/
/*Tan*/
.mat-c0,.mat-c1,.mat-c2,.mat-c3{ background:url(../mat-color/Tan.jpg)}
.mat-c4, .mat-c5 {background:url(../mat-color/Tan.jpg)}
.mat-c6, .mat-c7 { background:url(../mat-color/Tan.jpg)}
.mat-c8 { background:url(../mat-color/Tan.jpg)}
.mat-c9, .mat-c10 { background:url(../mat-color/Tan.jpg)}
.mat-c11, .mat-c12 { background:url(../mat-color/Tan.jpg)}
/*Cream Marble*/
.mat-d0,.mat-d1,.mat-d2,.mat-d3{ background:url(../mat-color/Cream-Marble.jpg)}
.mat-d4, .mat-d5 {background:url(../mat-color/Cream-Marble.jpg)}
.mat-d6, .mat-d7 { background:url(../mat-color/Cream-Marble.jpg)}
.mat-d8 { background:url(../mat-color/Cream-Marble.jpg)}
.mat-d9, .mat-d10 { background:url(../mat-color/Cream-Marble.jpg)}
.mat-d11, .mat-d12 { background:url(../mat-color/Cream-Marble.jpg)}
/*Gray*/
.mat-e0,.mat-e1,.mat-e2,.mat-e3{ background:url(../mat-color/Grey.jpg)}
.mat-e4, .mat-e5 {background:url(../mat-color/Grey.jpg)}
.mat-e6, .mat-e7 { background:url(../mat-color/Grey.jpg)}
.mat-e8 { background:url(../mat-color/Grey.jpg)}
.mat-e9, .mat-e10 { background:url(../mat-color/Grey.jpg)}
.mat-e11, .mat-e12 { background:url(../mat-color/Grey.jpg)}
/*Baby Blue*/
.mat-f0,.mat-f1,.mat-f2,.mat-f3{ background:url(../mat-color/Baby%20Blue.jpg)}
.mat-f4, .mat-f5 {background:url(../mat-color/Baby%20Blue.jpg)}
.mat-f6, .mat-f7 { background:url(../mat-color/Baby%20Blue.jpg)}
.mat-f8 { background:url(../mat-color/Baby%20Blue.jpg)}
.mat-f9, .mat-f10 { background:url(../mat-color/Baby%20Blue.jpg)}
.mat-f11, .mat-f12 { background:url(../mat-color/Baby%20Blue.jpg)}
/*Navy*/
.mat-g0,.mat-g1,.mat-g2,.mat-g3{ background:url(../mat-color/Navy.jpg)}
.mat-g4, .mat-g5 {background:url(../mat-color/Navy.jpg)}
.mat-g6, .mat-g7 { background:url(../mat-color/Navy.jpg)}
.mat-g8 { background:url(../mat-color/Navy.jpg)}
.mat-g9, .mat-g10 { background:url(../mat-color/Navy.jpg)}
.mat-g11, .mat-g12 { background:url(../mat-color/Navy.jpg)}

/*Green*/
.mat-h0,.mat-h1,.mat-h2,.mat-h3{ background:url(../mat-color/Green.jpg)}
.mat-h4, .mat-h5 {background:url(../mat-color/Green.jpg)}
.mat-h6, .mat-h7 { background:url(../mat-color/Green.jpg)}
.mat-h8 { background:url(../mat-color/Green.jpg)}
.mat-h9, .mat-h10 { background:url(../mat-color/Green.jpg)}
.mat-h11, .mat-h12 { background:url(../mat-color/Green.jpg)}

/*pink*/
.mat-i0,.mat-i1,.mat-i2,.mat-i3{ background:url(../mat-color/Pink.jpg)}
.mat-i4, .mat-i5 {background:url(../mat-color/Pink.jpg)}
.mat-i6, .mat-i7 { background:url(../mat-color/Pink.jpg)}
.mat-i8 { background:url(../mat-color/Pink.jpg)}
.mat-i9, .mat-i10 { background:url(../mat-color/Pink.jpg)}
.mat-i11, .mat-i12 { background:url(../mat-color/Pink.jpg)}

/*red*/
.mat-j0,.mat-j1,.mat-j2,.mat-j3{ background:url(../mat-color/Red.jpg)}
.mat-j4, .mat-j5 {background:url(../mat-color/Red.jpg)}
.mat-j6, .mat-j7 { background:url(../mat-color/Red.jpg)}
.mat-j8 { background:url(../mat-color/Red.jpg)}
.mat-j9, .mat-j10 { background:url(../mat-color/Red.jpg)}
.mat-j11, .mat-j12 { background:url(../mat-color/Red.jpg)}

/*Yellow*/
.mat-k0,.mat-k1,.mat-k2,.mat-k3{ background:url(../mat-color/Yellow.jpg)}
.mat-k4, .mat-k5 {background:url(../mat-color/Yellow.jpg)}
.mat-k6, .mat-k7 { background:url(../mat-color/Yellow.jpg)}
.mat-k8 { background:url(../mat-color/Yellow.jpg)}
.mat-k9, .mat-k10 { background:url(../mat-color/Yellow.jpg)}
.mat-k11, .mat-k12 { background:url(../mat-color/Yellow.jpg)}

/*White Cloud*/
.mat-l0,.mat-l1,.mat-l2,.mat-l3{ background:url(../mat-color/White%20Cloud.jpg)}
.mat-l4, .mat-l5 {background:url(../mat-color/White%20Cloud.jpg)}
.mat-l6, .mat-l7 { background:url(../mat-color/White%20Cloud.jpg)}
.mat-l8 { background:url(../mat-color/White%20Cloud.jpg)}
.mat-l9, .mat-l10 { background:url(../mat-color/White%20Cloud.jpg)}
.mat-l11, .mat-l12 { background:url(../mat-color/White%20Cloud.jpg)}

/*------------------------------------end frame mat section-----------------------------------------------------------------------*/

.b-c0, .b-c1, .b-c2, .b-c3 { background:url(../images/frame-b-c-03.png); }
.b-c4, .b-c5 { background:url(../images/frame-b-c-04-05.png); }
.b-c6, .b-c7 { background:url(../images/frame-b-c-06-07.png); }
.b-c8 { background:url(../images/frame-b-c-08.png); }
.b-c9, .b-c10 { background:url(../images/frame-b-c-09-10.png); }
.b-c11, .b-c12 { background:url(../images/frame-b-c-11-12.png); }

.w-b0, .w-b1, .w-b2, .w-b3 { background:url(../images/frame-w-b-03.png); }
.w-b4, .w-b5 { background:url(../images/frame-w-b-04-05.png); }
.w-b6, .w-b7 { background:url(../images/frame-w-b-06-07.png); }
.w-b8 { background:url(../images/frame-w-b-08.png); }
.w-b9, .w-b10 { background:url(../images/frame-w-b-09-10.png); }
.w-b11, .w-b12 { background:url(../images/frame-w-b-11-12.png); }

.w-c0, .w-c1, .w-c2, .w-c3 { background:url(../images/frame-w-c-03.png); }

.w-c4, .w-c5 { background:url(../images/frame-w-c-04-05.png); }
.w-c6, .w-c7 { background:url(../images/frame-w-c-06-07.png); }
.w-c8 { background:url(../images/frame-w-c-08.png); }
.w-c9, .w-c10 { background:url(../images/frame-w-c-09-10.png); }
.w-c11, .w-c12 { background:url(../images/frame-w-c-11-12.png); }

#word-block.bg0 { background-position: 0 0px; }
#word-block.bg1 { background-position: 0 -198px; }
#word-block.bg2 { background-position: 0 -396px; }
#word-block.bg3 { background-position: 0 -594px; }
#word-block.bg4 { background-position: 0 -792px; }
#word-block.bg5 { background-position: 0 -990px; }
#word-block.bg6 { background-position: 0 -1188px; }
/*#word-block.bg7 { background-position: 0 -1386px; }*/
/*#word-block.bg8 { background-position: 0 -1386px; }
#word-block.bg9 { background-position: 0 -1801px; }*/
/*#word-block.bg0 { background-position: 0 0; }
#word-block.bg1 { background-position: 0 -201px; }
#word-block.bg2 { background-position: 0 -396px; }
#word-block.bg3 { background-position: 0 -594px; }
#word-block.bg4 { background-position: 0 -792px; }
#word-block.bg5 { background-position: 0 -990px; }
#word-block.bg6 { background-position: 0 -1188px; }
#word-block.bg7 { background-position: 0 -1398px; }
#word-block.bg8 { background-position: 0 -1598px; }
#word-block.bg9 { background-position: 0 -1798px; }*/

#vertical-alert { width:620px; height:23px; text-align:center; padding:9px 0 0 20px; position:absolute; top:324px; left:50%; margin-left:-320px; color:#fff; background:url(../images/vertical-alert-box.png) no-repeat 0 0; z-index:2; }
#letter-options #icon-vertical-alert { width:16px; height:16px; position:absolute; top:4px; right:10px; background:url(../images/icon-alert.png) no-repeat 0 0; z-index:2; }

#reset-word {
	position:absolute;
	top:194px;
	left:820px;
	z-index:8;
}
#reset-word a { background:url(../images/reset.gif) no-repeat 0 0; display:block; width:66px; height:28px; }
/*#reset-word a:hover { background:url(../images/reset-hover.png) no-repeat 0 0; }
#reset-word a:active { background:url(../images/reset-active.png) no-repeat 0 0; }
*/
#trash-can {
	position:absolute;
	top:306px;
	left:835px;
	z-index:8;
	width:55px;
	height:70px;
	background:url(../images/delete.png) no-repeat bottom right;
}
#trash-can.trash-can-active, #trash-can:hover { background:urlbackground:url(../images/delete.png) no-repeat bottom right; }
/* end word block elements */

#product-tabs {
	position:absolute;
	top:768px;
	left:50%;
	margin-left:-39px;
	z-index:3;
}
#product-tabs ul { list-style:none; }
#product-tabs ul li { width:119px; height:54px; text-indent:-5000px; }

#product-tabs a { display:block; width:119px; height:54px; outline:none; }
#product-tabs #floating { background:url(../images/sprite-floating.png) no-repeat 0 0; }
#product-tabs #framed { background:url(../images/sprite-framed.png) no-repeat 0 0; }
#product-tabs #photos-only { background:url(../images/sprite-photos.png) no-repeat 0 0; }

#product-tabs a:hover { background-position:0 -54px !important; } 
#product-tabs a.on, #product-tabs a.on:hover { background-position:0 -108px !important; }

/* add-to-cart - 'word configurator' elements */
.configurator {
	position:absolute;
	top:589px;
	left:416px;
	z-index:1;
	margin-left:80px;
	width:433px;
	height:161px;
}
.floating { background:url(../images/add-to-cartbg.gif) no-repeat; }
.framed { background:url(../images/add-cart-background-framed.png) no-repeat; }
.photos-only { background:url(../images/add-cart-background-photos.png) no-repeat; }

#cart-options { position:absolute; top:176px; left:0; z-index:2; list-style:none; }
#add-button {
	position:absolute;
	top:-60px;
	left:109px;
	width:267px;
	height:30px;
	text-indent:-5000px;
}
#add-button a { display:block; width:267px; height:30px; background:url(../images/add-to-cart.gif) no-repeat 0 0; outline:none; }
#add-button a:hover { background-position:0 0px; }
#add-button a:active { background-position:0 0px; }

#view-cart {
	position:absolute;
	top:-59px;
	left:9px;
	width:90px;
	height: 29px;
}
#view-cart a { font:bold 11px Arial; }
#view-cart a:hover { text-decoration:none; }

#product-region {
	position:absolute;
	top:3px;
	left:0;
	height:38px;
	width:330px;
	padding:0 14px 0 14px;
	z-index:1;
}
#product-region .current-word { position:relative; top:2px; left:0; font:18px Arial; letter-spacing:0.1em; color:#009cff; }
#product-region .attributes { position:relative; top:4px; left:0; font-size:10px; color:#666666; }
#product-region .price {
	position:absolute;
	top:5px;
	left:332px;
	font:bold 24px Arial;
	color:#666666;
	width:75px;
	text-align:right;
}

#product-region .sub-total { position:absolute; top:80px; left:80px; width:330px; text-align:right; }
#product-region .sub-total strong { text-transform:uppercase; display:block; margin:0 35px 0 0; }

#product-region .easels-price { position:absolute; top:49px; left:304px; width:40px; text-align:right; font:bold 12px Arial; color:#666666; }
#product-region span.price { position:absolute; top:0px; left:255px; font:bold 12px Arial; color:#666666; }

.configurator-updating {
	position:absolute;
	top:835px;
	left:704px;
	margin-left:80px;
	height:50px;
	width:200px;
	color:#fff;
	z-index:10;
	/*background:url(../images/add-cart-loading.gif) no-repeat 0 0;*/
	color:#000000;
	font:bold 18px Arial, Helvetica, sans-serif;
}

/*
unneeded as of phase 3
.update-floating { background:url(../images/add-cart-loading.gif) no-repeat 0 0; }
.update-framed { background:url(../images/phase2/add-cart-loading-framed.gif) no-repeat 0 0; }
.update-between { background:url(../images/phase2/add-cart-loading-between.gif) no-repeat 0 0; }
*/

#number-easels {
	position:absolute;
	top:51px;
	left:10px;
	padding:1px 0 0 0;
}
#number-easels select { width:40px; position:absolute; z-index:2; top:-1px; left:150px; font:10px Arial; }
#number-easels .recommended { font:10px Arial; position:relative; top:-1px; }

#letter-options {
	position:absolute;
	top:141px;
	left:-4px;
	width:358px;
	height:30px;
	z-index:2;
	margin:0 0 0 4px;
}
#letter-options ul li { list-style:none; float:left; text-indent:-5000px;  }
#letter-options ul li a { display:block; width:49px; height:41px; }

/* these are the specific buttons for the floating frame word */
#b-w a { background:url(../images/option-b-w.jpg) no-repeat 0 0; margin:0 2px 0 8px; }
#sepia a { background:url(../images/option-sepia.jpg) no-repeat 0 0; margin:0 0 0 0; }

#stagger a { background:url(../images/option-stagger.gif) no-repeat 0 0; margin:0 2px 0 17px; }
#straight a { background:url(../images/option-straight.gif) no-repeat 0 0; margin:0 0 0 0; }

#horizontal a { background:url(../images/option-horizontal.gif) no-repeat 0 0; margin:0 2px 0 17px; }
#vertical a { background:url(../images/option-vertical.gif) no-repeat 0 0; margin:0 0 0 0; }

#frame-black a { background:url(../images/option-frame-black.gif) no-repeat 0 0; margin:0 2px 0 17px; }
#frame-walnut a { background:url(../images/option-frame-walnut.gif) no-repeat 0 0; margin:0 0 0 0; }

#mat-black a { background:url(../images/option-mat-black.gif) no-repeat 0 0; margin:0 2px 0 17px; }
#mat-cream a { background:url(../images/option-mat-cream.gif) no-repeat 0 0; margin:0 0 0 0; }

#letter-options ul li a:hover { background-position:0 -41px !important; }
#letter-options ul li.on a { background-position:0 -82px !important; }
/* end add-to-cart - 'word configurator' elements */

/* old promo styles *//*
.promo { width:133px; height:118px; padding:20px 10px 0 100px; }
.promo h2 { font:16px Georgia; color:#000; font-style:italic; }
.promo p { font:10px Arial; }

#fancy-options { position:absolute; top:690px; left:50%; margin-left:-440px; background:url(../images/promo-fancy-options.png) no-repeat 0 0; z-index:2; }
#easels {  position:absolute; top:690px; left:50%; margin-left:-190px; background:url(../images/promo-easels.png) no-repeat 0 0;  z-index:2; }
/* end old promo styles 

#framed-promo { width:168px; padding:15px 30px 0 160px; height:123px; background:url(../images/phase2/promo-framed.png); position:absolute; top:675px; left:50%; margin-left:-440px; z-index:3; }
#framed-promo h2 { font:italic 20px Georgia; color:#009cff; text-transform:uppercase; }
#framed-promo h3 { font:italic 16px Georgia; color:#222222; }
#framed-promo p { font:10px Arial; }*/

/* NEW promo styles */
.promo { width: 150px; height: 100px; padding: 110px 15px 0 15px; }
.promo-1 {
	position:absolute;
	top:806px;
	left:50%;
	margin-left:-437px;
	z-index:2;
}
.promo-2 {
	position:absolute;
	top:806px;
	left:50%;
	margin-left:-247px;
	z-index:2;
}
.promo h2 { font:italic 20px Georgia; color:#009cff; text-transform:uppercase; }
.promo h3 { font:italic 16px Georgia; color:#222222; }
.promo p  { font:10px Arial; }

#promo-easels { background:url(../images/promo2-easels.png) no-repeat 0 0;  }
#promo-framed { background:url(../images/promo2-framed.png) no-repeat 0 0;  padding: 105px 15px 0 15px; }
#promo-note-cards { background:url(../images/promo2-note-cards.png) no-repeat 0 0; padding: 128px 15px 0 15px; }
#promo-gift-cert { padding-top:80px; height:130px; background:url(../images/promo-gift-certificate.png) no-repeat 0 0; }

#promo-sorry { position:absolute; top:675px; left:50%; margin-left:-247px; background:url(../images/promo-sorry.png) no-repeat 0 0;  z-index:2; padding: 95px 15px 0 15px; height:120px; }
#promo-sorry h3 { color:#CD452F; font-size:20px; }
#promo-sorry p { font-size:12px; font-family:Georgia; font-style:italic; }
#promo-sorry a { font-size:10px; display:block; margin-top:8px; font-family:Arial; font-style:normal; font-weight:normal; }
/* End NEW promo styles */

#color-disclaimer {
	width:900px;
	padding:0 0 15px 0;
	position:absolute;
	top:1116px;
	left:50%;
	margin-left:-445px;
	z-index:3;
	text-align:center;
}
#color-disclaimer em { font-size:10px;  }
#color-disclaimer em span { display:block; }

/*#footer {
	width:900px;
	padding:0 0 15px 0;
	position:absolute;
	top:1033px;
	left:50%;
	margin-left:-450px;
	background:url(../images/footer-hr.gif) no-repeat 0 20px;
}
#footer .copyright { color:#999999; font:12px Georgia; font-style:italic; display:block; height:24px; text-align:center; }
#footer .copyright img { position:relative; top:2px; padding:0 6px 0 6px; height:24px; width:157px; }

#footer ul { margin:0 0 0 135px; list-style:none; }
#footer ul li { float:left; margin:15px; }
#footer ul li a { color:#dddddd; text-decoration:none; }
#footer ul li a.email-to-friend { color:#009cff; }
#footer ul li a:hover { text-decoration:underline; }
*/
hr.clear { clear:left; height:0; visibility:hidden; }

.mat-cart { position:absolute; top:150px; left:50%; margin-left:-473px; width:947px; height:300px; background:url(../images/main_bg.jpg) no-repeat 0 0; z-index:0; }




.frame {
	background:url(../images/mat_bg.gif) center top no-repeat;
	position:absolute;
	width:210px;
	height:162px;
	left: 19px;
	top: 589px;
	z-index:2000;
}
.mat-bg
{
	background:url(../images/mat_bg.gif) center top no-repeat;
	position:absolute;
	width:210px;
	height:162px;
	left: 258px;
	top: 589px;
}

.mat-title{
	font:bold 18px  Verdana, Arial, Helvetica, sans-serif ;
	color:#33b3f5;
	position:absolute;
	width:150px;
	height:20px;
	left: 10px;
	top: 8px;
}


.mat-bg1{
background:url(../mat-color/Bright%20White.jpg) center no-repeat;
	position:absolute;
	width:50px;
	height:45px;
	left: 8px;
	top:45px;
	cursor:pointer;


	
	

}
.active-off{border:1px solid #000000;}
.active-on{	border:1px solid #FF0000; opacity:0.4;filter:alpha(opacity=40);}


.mat-bg2{
background:url(../mat-color/Black.jpg) center no-repeat;
	position:absolute;
	width:50px;
	height:45px;
	left: 79px;
	top:45px;
	cursor:pointer;


	
	
	
}


.mat-bg3{
	background:url(../mat-color/Tan.jpg) center no-repeat;
	position:absolute;
	width:42px;
	height:24px;
	left: 110px;
	top:45px;
	
	cursor:pointer;
	display:none;
}


.mat-bg4{
	background:url(../mat-color/Cream-Marble.jpg) center no-repeat;
	position:absolute;
	width:50px;
	height:45px;
	left: 151px;
	top:45px;
	
	cursor:pointer;
}



.mat-bg5{
	background:url(../mat-color/Grey.jpg) center no-repeat;
	position:absolute;
	width:42px;
	height:24px;
	left: 8px;
	top:80px;

	cursor:pointer;display:none;
}


.mat-bg6{
	background:url(../mat-color/Baby%20Blue.jpg) center no-repeat;
	position:absolute;
	width:42px;
	height:24px;
	left: 60px;
	top:80px;
	cursor:pointer;display:none;
	
}



.mat-bg7{
	background:url(../mat-color/Navy.jpg) center no-repeat;
	position:absolute;
	width:50px;
	height:45px;
	left: 8px;
	top:100px;
	cursor:pointer;
	
}

.mat-bg8{
	background:url(../mat-color/Green.jpg) center no-repeat;
	position:absolute;
	width:50px;
	height:45px;
	left: 79px;
	top:100px;
	cursor:pointer;
	
}



.mat-bg9{
	background:url(../mat-color/Pink.jpg) center no-repeat;
	position:absolute;
	width:42px;
	height:24px;
	left: 8px;
	top:115px;
	cursor:pointer;display:none;
	
}


.mat-bg10{
	background:url(../mat-color/Red.jpg) center no-repeat;
	position:absolute;
	width:50px;
	height:45px;
	left: 151px;
	top:100px;
	cursor:pointer;
	
}

.mat-bg11{
	background:url(../mat-color/Yellow.jpg) center no-repeat;
	position:absolute;
	width:42px;
	height:24px;
	left: 110px;
	top:115px;
	cursor:pointer;display:none;
	
}

.mat-bg12{
	background:url(../mat-color/White%20Cloud.jpg) center no-repeat;
	position:absolute;
	width:42px;
	height:24px;
	left: 159px;
	top:115px;
	cursor:pointer;
	cursor:pointer;display:none;
	
}








.frame-title{
	font:bold 18px  Verdana, Arial, Helvetica, sans-serif ;
	color:#33b3f5;
	position:absolute;
	width:150px;
	height:20px;
	left: 15px;
	top: 8px;
}

.frame-bg1{

	background:url(../images/thumb3.gif) center bottom no-repeat;
	position:absolute;
	width:54px;
	height:94px;
	left: 15px;
	top:45px;
	cursor:pointer;
	



}


.frame-bg2{
	background:url(../images/thumb4.gif) center top no-repeat;
	position:absolute;
	width:52px;
	height:32px;
	left: 79px;
	top:45px;
	cursor:pointer;display:none;
	



}


.frame-bg3{
	background:url(../images/thumb8.gif) center bottom no-repeat;
	position:absolute;
	width:54px;
	height:94px;
	left: 79px;
	top:45px;
	cursor:pointer;
	



}

.frame-bg4{
	background:url(../images/thumb7.gif) center bottom no-repeat;
	position:absolute;
	width:54px;
	height:94px;
	left: 143px;
	top:45px;
	cursor:pointer;
	



}

.frame-bg5{
	background:url(../images/thumb5.gif) center top no-repeat;
	position:absolute;
	width:56px;
	height:76px;
	left:79px;
	top:90px;
	cursor:pointer;
	display:none;


}

.frame-bg6{
	background:url(../images/thumb6.gif) center top no-repeat;
	position:absolute;
	width:56px;
	height:76px;
	left:143px;
	top:90px;
	cursor:pointer;display:none;
	


}


.footer { position:absolute; top:930px; left:50%; margin-left:-473px; width:947px; height:80px; z-index:0; font:12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; }


.footer a{ font:12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;  }
.footer a:hover {  text-decoration:underline;  }

/************************CART CSS**********************************/


.innerpage_menu{ width:925px; height:69px; position:absolute; top:150px; left:50%; margin-left:-463px; z-index:1; background:url(../images/innerpage_menu.jpg) center no-repeat; }

/*.page-mid{ margin:0px auto; margin-top:218px; width:888px; background: #FFFFFF url(../images/page_bot.jpg) center bottom no-repeat;padding-bottom:20px; }*/
.page-mid{ position:absolute; top:219px; left:50%; margin-left:-444px;  width:888px; background: #FFFFFF url(../images/page_bot.jpg) center bottom no-repeat;padding-bottom:20px; }

.cart{ margin:0px auto; width:850px;}

.cart h3{ margin:0px auto; width:850px; font:20px Helvetica, sans-serif,Arial; color:#009cff; margin:0px 0px 5px 0px; padding:5px 0px;}

.title { background-color:#666666; font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 5px }
.cart-table { background-color:#dedede; font:12px Arial, Helvetica, sans-serif; color:#333333; padding:5px 8px }
.cart-table-gallery{ background-color:#dedede; font:12px Arial, Helvetica, sans-serif; color:#333333; padding:5px 8px }
.qyt-text-box { width:50px; font:12px Arial, Helvetica, sans-serif; color:#333333; }
.cat-button {  font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#009cff; padding:2px 8px; border:0px solid #000000; cursor:pointer;}
.apply-button {  font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#666666; padding:2px 8px; border:0px solid #666666; cursor:pointer;}


/**********************Enter your Information CSS *******************/

.ordersummary{float:left; width:100%; padding-bottom:10px; }
.ordersummary p{padding-bottom:10px; margin:0px;}
.ordersummary h2{padding:10px 0px; margin:0px; font:bold 16px Arial, Helvetica, sans-serif;}
.ordersummary h4{padding:10px 0px; margin:0px; font:bold 12px Arial, Helvetica, sans-serif;}
.ordersummary ul {padding-bottom:0px; margin:0px; padding-left:0px;}
.ordersummary li {padding:5px 0px; margin:0px;font:12px Arial, Helvetica, sans-serif; list-style:none; }


.order-title { background-color:#666666; font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 5px } 
.order-title a{font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;} 
.order-title a:hover{text-decoration:underline;} 
.information-left{ float:left; width:420px; }
.information-left h2{ display:block; clear:both; font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; background:#666666; padding:5px 5px; margin:0px;   }
.address{float:left; width:410px; padding:5px 5px; background:#dedede; margin-bottom:10px; }
.address-table{padding:5px 5px; font: bold 12px Arial, Helvetica, sans-serif; color:#666666;}
.address-textbox{padding:1px 2px; font:12px Arial, Helvetica, sans-serif; color:#666666; width:213px;}
.city-textbox{padding:0px 0px; font:12px Arial, Helvetica, sans-serif; color:#666666; width:150px;}

.information-right{ float:right; width:420px; }
.information-right h2{ display:block; clear:both;  font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; background:#666666; padding:5px 5px; margin:0px;   }

.gift-card-textbox{ width:395px; height:80px; font:12px Arial, Helvetica, sans-serif; color:#666666;  }
.gift-card-table{padding:5px 5px; font:12px Arial, Helvetica, sans-serif; color:#666666;}
.date-textbox{ padding:0px 0px; font:12px Arial, Helvetica, sans-serif; color:#666666; width:100px; }
.check-out-button { display:block; float:right;  font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#009cff; padding:2px 8px; border:0px solid #000000; cursor:pointer;}

.footer-inerpage { margin-top:30px; position:absolute;  width:888px; height:80px; z-index:2; font:12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; }
.footer-inerpage a {  font:12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; }
.footer-inerpage a:hover{text-decoration:underline; }

/****************************************Conatct CSS************************/
.contact-table { background-color:#dedede; font:bold 12px Arial, Helvetica, sans-serif; color:#333333; padding:5px 8px }
.contact-textbox { font:12px Arial, Helvetica, sans-serif; color:#333333;width:300px;}
.comments-textbox { font:12px Arial, Helvetica, sans-serif; color:#333333;width:300px; height:80px;}

/****************** image Gallery*****************/



.b_and_w1{width:83px;position:absolute;z-index:10;left:90px;top:-80px;}
.b_and_w2{width:83px;position:absolute;z-index:10;left:0px;top:-80px;}
.text_edit{ width:700px;  position:absolute; z-index:10; left:190px; top:-80px; font:12px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.text_edit h2{  font:14px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0px; padding:0px;}
.letter-images-bg{position:absolute;z-index:1;width:900px; height:135px; left:0px; top:4px; background:#FFFFFF url(../images/image_gallery-bot.gif) center bottom no-repeat;}


.photo-gallery { margin:15px 50px 50px 110px; }
 .photo-gallery ul { padding:0; list-style:none; }
 .photo-gallery ul li img { border:0; }
.photo-gallery ul li p { padding:2px 0 0 0; height:122px; width:189px; text-align:center; margin-bottom:0; }
 .photo-gallery ul li { background:url(/_res/img/photo-gallery-shadow.png) top center no-repeat;   margin:0 14px 24px 0; float:left; width:189px; height:139px; text-align:center; }
.photo-gallery ul li a { text-decoration:none; }
 .photo-gallery ul li span { font-size:12px; margin-top:6px; color: #009cff; display:block; letter-spacing: 0.2em; text-transform:uppercase; }