


.tn_pages { color:#d9ff20; font-size:13px; line-height:10px;}


.tn_left {float:left; height:91px; width:33px; border:0;
background:url(../images/thumbs_goleft.gif) 0 0; cursor:pointer;}
.tn_left:hover {background-position: 33px 0;}
.tn_left span { display:none;}

.tn_right {float:left; height:91px; width:33px; border:0;
background:url(../images/thumbs_goright.gif) 33px 0; cursor:pointer;}
.tn_right:hover {background-position: 0 0;}
.tn_right span {display:none;}

#gallery_box {float:left; height:80px; width:577px; background-color:#FFFFFF; text-align:left; padding-top:11px; padding-left:13px;}
#gallery_box a {cursor:pointer;margin:0 0 0 11px;}

.viewer {margin-top:20px; width:426px; float:left; text-align:left;}

.painting_left { 
	display:block;
	height:33px;
	width:34px;
	border:0;
	background:url(../images/painting_goleft.gif) 0 0;
	margin: 150px 0 0 0;
	cursor:pointer;}
.painting_left:hover {background-position: 34px 0;}
.painting_left span { display:none;}
.bg_left {float:left;background-image:url(../images/painting_goleft_background.gif); background-repeat:repeat-y; height:323px; width:34px;}

.painting_right { 
	display:block;
	height:33px;
	width:34px;
	border:0;
	background:url(../images/painting_goright.gif) 34px 0;
	margin: 150px 0 0 0;
	cursor:pointer;}
.painting_right:hover {background-position: 0 0;}
.painting_right span {display:none;}
.bg_right {float:left;background-image:url(../images/painting_goright_background.gif); background-repeat:repeat-y; height:323px; width:34px;}

.painting_zoom { 
	display:block;
	height:33px;
	width:34px;
	border:0;
	background:url(../images/painting_zoom.gif) 0 0;
	margin: 0 auto;}
.painting_zoom:hover {background-position: 34px 0; cursor:pointer;}
.painting_zoom span {display:none;}
.bg_zoom {display:block; background-image:url(../images/painting_zoom_background.gif); background-repeat:repeat-x; height:34px; width:406px; margin:0 0 0 10px; padding:0px;}


.table {float:left; height:323px; width:358px; background-color:#FFFFFF;}

.details {float:left; width:220px; margin-top:20px; text-align:left; padding-left:10px;}

#painting_he {color:#ff0075; font-size:16px; line-height:20px; height:40px; margin-bottom:10px;}

.size {font-size:13px; color:#999; line-height:18px;}
#medium {font-size:13px; color:#999; line-height:18px;}

#info_box_original, #info_box_print, #info_box_original_sold {width:200px; height:106px; background-image:url(../images/forsale.gif); background-repeat:no-repeat; padding:27px 10px 10px 10px; margin:0px}
#info_box_print{background-image:none; background-color:#FFF; width:190px; padding-top:15px; margin-top:15px;display:none;}
/*#info_box_original_sold {width:190px; height:auto; padding:10px; background:#fff url(../images/red_dot.gif) right no-repeat; margin-top:20px;}*/

#info_box_original_sold p { padding:0 65px 0 0}
	

#info_box_original h4, #info_box_original_sold h4 {font-size:16px; line-height:16px;color:#08a7ff; font-weight:normal; margin:0;}
.details p {font-size:13px; color:#999; margin:5px 0 0 0; line-height:18px;}

.price, #p_price {font-size:24px; color:#96d600; margin:5px 0 9px 0;}

#info_box {background-color:#fff; width:190px; margin: 20px 0 0 0; padding:10px;}
#info_box p {margin-top:7px;}
.details h4 {font-size:16px; line-height:10px;color:#08a7ff; font-weight:normal; margin:0;}

.btn_right {text-align:right; margin-top:5px;}

#page_turn {padding: 0 10px 0 10px;}

.tsandcs {font-size:10px; line-height:12px; color:#999}
.tsandcs a {font-size:10px; line-height:12px; color:#08a7ff; text-decoration:none;}

/*---------------drop down menu-------------*/

#sort_menu {width:148px; height:24px; position:relative; text-align:center; margin:0;}
/* hack to correct IE5.5 faulty box model */
* html #sort_menu {width:149px; w\idth:148px;}

#base {display:block;font-size:12px;text-decoration:none; color:#BCBCBC; width:148px; height:10px;  background: url(../images/sort_menu_base.gif) no-repeat; line-height:20px; }

/* remove all the bullets, borders and padding from the default list styling */
#sort_menu ul {padding:0;margin:0;list-style-type:none;}
#sort_menu ul ul {width:148px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#sort_menu li {float:left;width:148px;position:relative;}

/* style the links for the top level */
#sort_menu a, #sort_menu a:visited {display:block;font-size:12px;text-decoration:none; color:#999; width:148px; height:24px;  background: url(../images/sort_menu.gif) 0 -24px no-repeat; line-height:23px; cursor:pointer;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #sort_menu, * html #sort_menu a:visited {width:148px; w\idth:148px;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#sort_menu ul ul {visibility:hidden;position:absolute;height:0;top:23px;left:0; width:148px;}
/* another hack for IE5.5 */
* html #sort_menu ul ul {top:22px;t\op:23px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#sort_menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
 
/* style the second level links */
#sort_menu ul ul a, #sort_menu ul ul a:visited {background:#fff; width:144px; height:23px; line-height:20px; border:solid #f0f0f7; border-bottom-width:0px; border-top-width:0px; border-right-width:2px; border-left-width:2px;}
/* yet another hack for IE5.5 */
* html #sort_menu ul ul a, * html #sort_menu ul ul a:visited {width:148px; w\idth:148px;}
 
/* style the top level hover */
/*IE*/ #sort_menu ul a:hover{ background: url(../images/sort_menu.gif) 0 0 no-repeat;color:#08a7ff;}
/*other*/ #sort_menu ul :hover > a { background: url(../images/sort_menu.gif) 0 0 no-repeat;color:#08a7ff;}

/* style the second level hover (about us and left of portfolio) */
/*IE*/#sort_menu ul ul a:hover{ background:#fff;color:#96d600;}
/*other*/#sort_menu ul ul :hover > a { background:#fff;color:#96d600;}


 
/* make the second & third level visible when you hover on first level list OR link */
#sort_menu ul li:hover ul,
#sort_menu ul a:hover ul, 
#sort_menu ul :hover ul ul, 
#sort_menu ul :hover ul :hover ul{visibility:visible;}



