/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

#wrapper {position:relative}

#rollover a {
border:none;
text-decoration:none;
/**space between icons**/
padding: 0 0.5em 0 0.5em;
/**Opacity of icons**/ 
filter:alpha(opacity=50);
opacity:0.5;
}

#rollover a span {
visibility:hidden;
background-color: #FFF;
display:block;
position: absolute;
/**adjust position of full size images**/
left: 250px;
top: 425px;
/**optional full size image captions**/ 
font-size: 12px; 
line-height: 1.2;
color:#666;
text-align: center;
/**optional full size image borders, padding**/
border: 0px solid black;
padding: 5px;
}

#rollover a:hover span, #rollover a:active span, #rollover a:focus span {visibility:visible;}

#rollover a:hover, #rollover a:focus
{visibility:visible;
/**Opacity**/
filter:alpha(opacity=100);
opacity:10;}



/* rest */
#wrapper1 {position:relative}

#rollover1 a {
border:none;
text-decoration:none;
/**space between icons**/
padding: 0 0.5em 0 0.5em;
/**Opacity of icons**/ 
}

#rollover1 a span {
visibility:visible;
background-color: #FFF;
display:block;
position: absolute;
/**adjust position of full size images**/
left: 250px;
top: 425px;
/**optional full size image captions**/ 
font-size: 12px; 
line-height: 1.2;
color:#666;
text-align: center;
/**optional full size image borders, padding**/
border: 0px solid black;
padding: 5px;
}

#rollover1 a:hover span, #rollover1 a:active span, #rollover1 a:focus span {visibility:visible;}

#rollover1 a:hover, #rollover1 a:focus
{visibility:visible;
/**Opacity**/
filter:alpha(opacity=100);
opacity:100;}