/* ================================================================ 
This copyright notice must be untouched at all times.

Copyright (c) 2005-2007 Stu Nicholls www.cssplay.co.uk. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#horizontal .photo ul.topic li a:link {border:0;}

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {padding:10px 10px 10px 25px; width:450px; height:270px; text-align:left; position:relative; overflow:hidden;}

.photo p {position:absolute; top:4px; left:75px; width:280px;}
.photo ul.topic {padding:0 0 0 5px; margin:0; list-style:none; width:218px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:inline; width:44px; height:30px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:44px; height:30px; background:url(trans.gif); text-align:center; line-height:18px; text-decoration:none; border:0;}
.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li:hover {color:#355; font-weight:bold;}

#horizontal .photo ul.topic li a:hover
{white-space:nowrap; color:#355; font-weight:bold;}

#horizontal .photo ul.topic li a:focus {outline:0;}

#horizontal .photo ul.topic li:hover > a {font-weight:bold; color:#355 !important;}

#horizontal .photo ul.topic li.default a {font-weight:bold; color:#577;}

.photo ul.topic :hover em
{display:block; position:absolute; left:-18px;top:-18px; width:280px; height:220px; z-index:-1;}


.photo ul.topic :hover ul,
.photo ul.topic li.default ul 
{display:block; position:absolute; left:5px; top:30px; list-style:none; padding:0; margin:0; width:177px; height:221px; background: #eae7d7 url(http://www.flowersbyvictoria.com/images/back1.jpg) repeat-y -175px 0;}


.photo ul.topic :hover ul li,
.photo ul.topic li.default ul li
{display:inline; width:40px; height:40px; float:left; margin:2px;}

 
.photo ul.topic :hover ul li a,
.photo ul.topic li.default ul li a
{display:block; width:40px; height:40px; cursor:default; background:url(arrow.gif) no-repeat center center; float:left; text-decoration:none;}


.photo ul.topic :hover ul li a img,
.photo ul.topic li.default ul li a img
{display:block; width:38px; height:38px; border:1px solid #eee; border-color:#eee #888 #888 #eee;}


.photo ul.topic :hover ul li a:hover 
{white-space:normal;position:relative;}


.photo ul.topic :hover ul li a.vert:hover img 
{position:absolute; left:-14px; top:-25px; width:66px; height:auto; border-color:#86d82b;}


.photo ul.topic :hover ul li a.hor:hover img 
{position:absolute; left:-25px; top:-14px; width:auto; height:66px; border-color:#86d82b;}

.photo ul.topic :hover ul li a:focus, 
.photo ul.topic :hover ul li a:active
{position:static; outline:0;}

.photo ul.topic :hover ul li a:focus.vert img, 
.photo ul.topic :hover ul li a:active.vert img
{position:absolute; left:200px; top:-5px; width:180px; height:auto; margin:4px 0 0 44px; padding:1px; border:1px solid #0c0; background:url(trans.gif); z-index:10;}

.photo ul.topic :hover ul li a:focus.hor img, 
.photo ul.topic :hover ul li a:active.hor img
{position:absolute; left:200px; top:-19px; width:240px; height:auto; margin:44px 0 0 4px; padding:1px; border:1px solid #0c0; background:url(trans.gif); z-index:10;}