/*
Theme Name: RBsails Theme
Theme URI: 
Description: A basic theme to recreate a non-blog website based around a table format
Version: 0.01
Author: Martin France
Tags: non-blog website theme

USED TO RECREATE AN OLD NON-WORDPRESS & NON-CSS WEBSITE THAT USES JAVASCRIPT MENUs ONLY USING:
Header
Page
Footer
*/

/* ------------------------------------------ */
/* Force a constant vertical scrollbar to stop page jumping around when go betwenn long and short pages (page shift)
html {overflow-y: scroll;}
or
html {
min-height:100%;
margin-bottom:0.1px;
}
*/

/* Remember - # indicates an ID and . indicates a class */


/* ------------------------------------------ */
/* Reset All Styles first */
H1 {
  font-size: 100%;
}
/* ------------------------------------------ */


/* Default stuff for the whole site */
/*CHANGE*/
body {
  /* font-family: Arial, Helvetica, sans-serif; */
  margin:0; padding:0;
  font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;
  font-size: 18px;
}
/* @Gulim NO, Arial Unicode MS YES, Bookman Old Style MAYBE
Lucida Sans
Arial Rounded MT Bold MAYBE (all bold), Comic Sans MS (NO), Tahoma NO
What about verdana?
*/


/* H1 used for in page headers */
H1 {
  /*color: #8080FF;*/
  /*color: #8282FF;*/
  color: #0056BC;
 }

/*Stop borders around images (when used as links*/ 
 img
{  border-style: none;
}
 
/* Use this instead of an H tag where a gap below a header is not needed */
.detailPageTitle {
  color: #0056BC; 
  font-weight: bold; 
}

.detailPageSubTitle {
  color: #0056BC; 
  font-weight: bold;
  font-size: 15px;  
}


/* Used for descriptive text */
.smallText {
  font-size: 14px;  
}

.smallTextBold {
  font-size: 14px;
  font-weight: bold;  
}

.smallTextBlue {
  font-size: 14px;
  color: #0056BC;    
}


/* ------------------------------------------------------------------------------- */
/* CSS for Multiple level navigation plugin (uses Suckerfish CSS (its pre-decessor)
Generated from: http://pixopoint.com/suckerfish_css/ */

/*Top level menu settings*/
#suckerfishnav {
    background:#ffffff repeat-x;  /* Top level background */
    font-size:14px; /*Top level font size */
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }

/*Settings for top list display*/   
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:20px; /*Controls height of top level menu*/
    padding:0;
    border:0px solid #aaa; /*This puts a border around whole menu*/
    margin:0;
    width:100%;
    }

/*Link settings for top level*/
#suckerfishnav a {
    display:block;
    color:#0056BC; /*Top level menu colour (non-hover or active)*/
    text-decoration:none;
    padding:0px 10px;
    }
    
#suckerfishnav li {
    float:left;
    padding:0;
    }

#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px; /*Sets dropdown width*/
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666; /*Sets line on top of dropdown menu items*/
    }
    
/*Format of dropdown list items*/
#suckerfishnav li li {
    width:99px; /*width of drop down items*/
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:normal; /*Font weight of dropdown items*/
    font-family:verdana,sans-serif;
    }

/*Dropdown item formatting*/
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:14px; /*Drop down font size*/
    color:#0056BC; /*Drop down colour (use with hover links below)*/
    }
    
#suckerfishnav li ul ul {
    margin:-23px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#ffffff;
    }

/*Format of lower level links on hover*/
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#990000;
    font-weight:bold;
    }

/*Format of lower level links*/    
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#990000;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#0056BC;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#ffffff;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#ffffff;
    }
/* ---------------------------------------------------------------------- */

/* ------------------------------------------ */
/* Styles for Ross Windsurf site */
/* The first container definitions allow a fixed, full size non-scrolling background image*/
#ross_container{margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
#ross_background{position:absolute; z-index:1; width:100%; height:100%;}

/* All content appears in a full screen block with auto scrollbar*/
#ross_scroller{position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}

/*Site content in 950 block centred on screen, again with background image fixed in viewport,but still
tiled for anyone with a massive monitor!*/
#ross_950_pane{position:relative;width:950px;height:1000px;overflow:visible;margin: 0 auto;}
/*background-image: url("/wp-content/uploads/rbsails/ross-windsurf/ross_background.jpg");
background-attachment: fixed;background-repeat: repeat-y; */


/*Container to hold the menu
#ross_menu{position:absolute;top:200px;width:190px;height:422px;}
*/

/* ******************************************************* */
/*Styles for the imagemap main menu*/
ul#main_menu {
	list-style: none;
	background: url(/wp-content/uploads/rbsails/ross-windsurf/ross_menu_matte.gif) no-repeat 0 0;
	position: absolute;
	top:200px;
    left:0px;
    width: 190px;
	height: 422px;
	margin: 0;
	padding: 0;
}

/*Common styles for menu list items */
ul#main_menu li {
	/*border: 1px solid #000;*/
	position: absolute;
    overflow: hidden;/*This stops Firefox putting a red dotted line to left edge on selection*/    
}

/*Individual list item styles */
#home {width:140px; height:45px; top:20px; left:20px; } 
#sails{width:140px; height:45px; top:67px; left:20px; }
#design{width:140px; height:45px; top:115px; left:20px; }
#team{width:140px; height:45px; top:162px; left:20px; }
#gear{width:140px; height:45px; top:208px; left:20px; }
#gallery{width:140px; height:45px; top:257px; left:20px; }
#news{width:140px; height:45px; top:305px; left:20px; }
#contact{width:140px; height:45px; top:355px; left:20px; }

/*Style the achnor elements to highlight the whole block and hide the anchor text off screen (leave text for
non-css and accessibility*/
ul#main_menu li a{
	display: block;
	height: 100%;
	text-indent: -9000px;
}

/*Hover styles for list items*/
ul#main_menu li#home:hover {border: 3px ridge #AF0B0B; } 
ul#main_menu li#sails:hover {border: 3px ridge #AF0B0B; } 
ul#main_menu li#design:hover {border: 3px ridge #AF0B0B; } 
ul#main_menu li#team:hover {border: 3px ridge #AF0B0B; } 
ul#main_menu li#gear:hover {border: 3px ridge #AF0B0B; } 
ul#main_menu li#gallery:hover {border: 3px ridge #AF0B0B;; } 
ul#main_menu li#news:hover {border: 3px ridge #AF0B0B; } 
ul#main_menu li#contact:hover {border: 3px ridge #AF0B0B;; } 
/* ******************************************************* */

/*Styles for the imagemap bottom menu*/
ul#bottom_menu {
	list-style: none;
	background: url(/wp-content/uploads/rbsails/ross-windsurf/bottom_menu.gif) no-repeat 0 0;
	position: absolute;
	bottom:0px;
    width: 950px;
	height: 70px;
	margin: 0;
	padding: 0;
}

/*Common styles for menu list items */
ul#bottom_menu li {
	/*border: 1px solid #000;*/
	position: absolute;
    overflow: hidden;/*This stops Firefox putting a red dotted line to left edge on selection*/
}

/*Individual list item styles */
#bhome {width:80px; height:40px; top:10px; left:0px; } 
#bsails{width:80px; height:40px; top:10px; left:100px; }
#bdesign{width:95px; height:40px; top:10px; left:215px; }
#bteam{width:80px; height:40px; top:10px; left:350px; }
#bgear{width:80px; height:40px; top:10px; left:465px; }
#bgallery{width:105px; height:40px; top:10px; left:575px; }
#bnews{width:80px; height:40px; top:10px; left:720px; }
#bcontact{width:115px; height:40px; top:10px; left:830px; }

/*Style the achnor elements to highlight the whole block and hide the anchor text off screen (leave text for
non-css and accessibility*/
ul#bottom_menu li a{
	display: block;
	height: 100%;
	text-indent: -9000px;
}

/*Hover styles for list items*/
ul#bottom_menu li#bhome:hover {border: 3px ridge #AF0B0B; } 
ul#bottom_menu li#bsails:hover {border: 3px ridge #AF0B0B; } 
ul#bottom_menu li#bdesign:hover {border: 3px ridge #AF0B0B; } 
ul#bottom_menu li#bteam:hover {border: 3px ridge #AF0B0B; } 
ul#bottom_menu li#bgear:hover {border: 3px ridge #AF0B0B; } 
ul#bottom_menu li#bgallery:hover {border: 3px ridge #AF0B0B;; } 
ul#bottom_menu li#bnews:hover {border: 3px ridge #AF0B0B; } 
ul#bottom_menu li#bcontact:hover {border: 3px ridge #AF0B0B;; }

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


/*Contianer for main (black) content box*/
#ross_main_content{position:absolute;top:170px;left:260px;width:650px;height:500px;
background:#000000; overflow:auto; color:white;font-family:inherit;font-size: 14px;border: 3px ridge #AF0B0B;}

/*Heading graphic for the main content box*/
#ross_main_panel_heading{position:absolute;top:10px;left:0px;width:630px;height:50px;overflow-x:hidden;}

/*Place the text in the main (black) content box*/
#ross_main_panel_text{position:relative;top:60px;margin-top:0px;left:10px;width:600px;height:auto;
background:#000000; overflow-x: hidden; color:white;font-family:inherit;font-size: 14px;border: 0px;
}

/*Home page graphic container (inside the ross_main_content box)*/
#ross_home_page_graphic{position:absolute;top:60px;left:0px}


/*Layout for the main gallery page (to select pics or films)*/
#ross_gallery_chooser_pix{position:absolute;top:70px;left:20px;width:300px;height:310px;}
#ross_gallery_chooser_films{position:absolute;top:90px;left:330px;width:300px;height:300px;}

/*Layout for Sails chooser page*/
#ross_sails_1{position:absolute;top:60px;left:41px;width:161px;height:400px;}
#ross_sails_2{position:absolute;top:60px;left:243px;width:161px;height:400px;}
#ross_sails_3{position:absolute;top:60px;left:445px;width:161px;height:400px;}

/*Container for individual sail page information (tabbed layout, toggled with Javascript*/
#sails_tabbed_box{position:absolute;top:60px;left:210px;width:420px;height:400px;border: 0px solid #AF0B0B;overflow:visible;}
#tab1 {display:block; } /*Display first tab by default*/
#tab2,#tab3 {display: none;}  

/*Container for pic gallery items within main content block*/
/*#ross_pic_holder{position:relative;top:40px;margin-top:10px;width:auto;height:auto;
background:#000000; overflow:auto; color:white;font-family:inherit;font-size: 14px;border: 0px;}
}*/
.ross_pic_holder{position:relative;top:60px;margin-top:0px;margin-left:10px;margin-bottom:10px;width:200px;height:228px;
float:left; border: 0px solid #AF0B0B;overflow:hidden;}

/*Team pics*/
.ross_team_pic{position:relative;top:00px;margin-top:0px;margin-left:10px;margin-bottom:10px;width:180px;height:180px;
float:left; border: 0px solid #AF0B0B;overflow:hidden;}



/* ************************************************ */
/*Styles for sail tab menu*/
/*Basic tab menu container style*/
#tabmenu {
		color: #000;
		border-bottom: 2px solid #AF0B0B;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 0px }
        
/*Styles for the list item (keep on one line)*/
#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }
 
/*Syles for the actual tabs both active and inactive*/
#tabmenu a, a.active {
		color: #DEDECF;/*#text colour, slightly off white*/
		background: #898B5E; /*default background of tab898B5E*/
		font: bold 1em "Trebuchet MS", Arial, sans-serif;
		border: 2px solid #AF0B0B;
		padding: 2px 5px 0px 5px;
		margin: 0;
		text-decoration: none; }

/*selected tab format*/
#tabmenu a.active {
		background: #000000;/*was #ABAD85, background of active tab;*/
		border-bottom: 3px solid #000000;  /*was #ABAD85, the border bottom on active tab*/
        outline:none; /*Stop the dotted box around active tab*/
 }
 
#tabmenu a:hover {
		color: #fff;
		background: #ADC09F; }
 
#tabmenu a:visited {
		color: #E8E9BE; }
 
#tabmenu a.active:hover {
		background: #ABAD85;
		color: #DEDECF; }

/*#tabmenu #selected {background: #red;
		color: #blue; }*/
/* **************************************************** */


/*Arrow page marker*/
#home_arrow1{position:absolute;top:230px;left:125px;width:80px;height:40px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_right_arrow.gif) no-repeat 0 0;}

#home_arrow2{position:absolute;bottom:0px;left:0px;width:80px;height:20px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_underscore.gif) no-repeat 0 0;}

#sails_arrow1{position:absolute;top:280px;left:105px;width:80px;height:80px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_right_arrow.gif) no-repeat 0 0;}
#sails_arrow2{position:absolute;bottom:0px;left:100px;width:80px;height:20px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_underscore.gif) no-repeat 0 0;}

#design_arrow1{position:absolute;top:323px;left:142px;width:80px;height:80px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_right_arrow.gif) no-repeat 0 0;}
#design_arrow2{position:absolute;bottom:0px;left:225px;width:80px;height:20px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_underscore.gif) no-repeat 0 0;}

#team_arrow1{position:absolute;top:372px;left:120px;width:80px;height:80px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_right_arrow.gif) no-repeat 0 0;}
#team_arrow2{position:absolute;bottom:0px;left:360px;width:80px;height:20px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_underscore.gif) no-repeat 0 0;}

#gear_arrow1{position:absolute;top:420px;left:110px;width:80px;height:80px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_right_arrow.gif) no-repeat 0 0;}
#gear_arrow2{position:absolute;bottom:0px;left:470px;width:80px;height:20px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_underscore.gif) no-repeat 0 0;}

#gallery_arrow1{position:absolute;top:470px;left:147px;width:80px;height:80px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_right_arrow.gif) no-repeat 0 0;}
#gallery_arrow2{position:absolute;bottom:0px;left:590px;width:80px;height:20px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_underscore.gif) no-repeat 0 0;}

#news_arrow1{position:absolute;top:520px;left:115px;width:80px;height:80px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_right_arrow.gif) no-repeat 0 0;}
#news_arrow2{position:absolute;bottom:0px;left:720px;width:80px;height:20px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_underscore.gif) no-repeat 0 0;}

#contact_arrow1{position:absolute;top:565px;left:170px;width:80px;height:80px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_right_arrow.gif) no-repeat 0 0;}
#contact_arrow2{position:absolute;bottom:0px;left:850px;width:80px;height:20px;
background: url(/wp-content/uploads/rbsails/ross-windsurf/menu_underscore.gif) no-repeat 0 0;}


/*Style class to align an image (in a div)*/
.leftImage{
    text-align:left;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
 }
.centerImage{
    text-align:left;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
 }
 
 
 /*Table styles for sail specifications*/
table.spec_table{
 /*border: 1px dashed white;*/
 padding:0px;
 width:80%;
}
table.spec_table td {border: none; text-align:center; padding: 0px;}

/*Twitterbox container*/
/*Contianer for main content box*/
#twitterbox{position:absolute;top:610px;left:25px;}

/*Daily Picture container*/
#dailypicbackground{position:absolute;top:700px;left:260px;width:200px;height:228px;
background-image: url("/wp-content/uploads/rbsails/ross-windsurf/daily_pic.gif");
overflow:hidden;
}

/*Daily picture itself (sits inside the daily picture container)*/
#dailypic{position:relative;top:39px;left:16px;width:142px;height:113px;background-color:#000000;
overflow:hidden;
}


/*Panel for holding items on the news page*/
.news_item{position:relative;top:60px;margin-top:20px;left:10px;width:600px;height:auto;
background:#000000; overflow:auto; color:white;font-family:inherit;font-size: 14px;border: 0px solid #AF0B0B;
}

/*Style for news item title*/
.news_item_title{color:#AF0B0B;font-weight: bold; font-style: italic; 
}


/*Wave bouy report conainer*/
#windreport{position:absolute;top:708px;left:480px;width:300px;height:228px;padding:0px;z-index: 2;
overflow:auto; color:black;font-family:inherit;font-size: 12px;border: 0px;
}

/*Watermark logo*/
#faintlogo{position:absolute;top:700px;left:680px;width:246px;height:238px;padding:0px;z-index: 1;
background-image: url("/wp-content/uploads/rbsails/ross-windsurf/celtic_logo_faint.gif");
}

/*Place the map on the contact page*/
#mapbox{position:absolute;top:120px;left:270px;width:350px;height:300px;
}

/*Container for the for sale sign*/
#forsale{position:absolute;top:835px;left:50px;width:150px;height:86px;
overflow:hidden;
}

/*Gallery picture container, use float left to make divs sit next to each other*/
.gallerypicbackground{position:relative;top:60px;margin-top:0px;margin-left:0px;width:200px;height:228px;
background-image: url("/wp-content/uploads/rbsails/ross-windsurf/gallerypicbackground.gif");
float:left; border: 0px solid #AF0B0B;overflow:hidden;
}

.gallerypic{position:relative;top:39px;left:16px;width:142px;height:113px;background-color:#000000;
overflow:hidden;z-index: 1;
}

.gallerypictitle{position:relative;top:65px;left:20px;width:157px;height:36px;
overflow:hidden;z-index: 2;
}

/* ----------------------------------------------------------------- */
/*Styling for the sail features Definition List*/

/*Define the outline of the imagemap to match the background graphic (using image already on page
so no background image*/
#sail_features_imap {display:block; position:absolute; top:-15px;left:-170px;width:161px;height:400px;
 border: 0px solid #AF0B0B;
}

/*Define definition list area (same area as graphic) Top padding, hidden overflow and height 0 moves
 the text nicely out of view*/
#sail_features_imap a#sail_features {display:block; width:161px; height:0; padding-top:400px; overflow:hidden;
 position:absolute; left:0; top:0; cursor:default;border: 0px solid #ffffff;
}

/* the hack for IE pre IE6 to correct box model problem */
* html #sail_features_imap a#sail_features {
  height:400px;
  he\ight:0;
  }


/*This is for main image hover if want to swap in another image when hover anywhere (not used here)*/
/*#sail_features_imap a#sail_features:hover {background-position: 0 0; z-index:10;}*/


/*Style the defintion list items (common attributes)*/
#sail_features_imap dd {position:absolute; padding:0; margin:0;}


/*Set position for the hotspots (z index puts them on top) - ONE LINE FOR EACH HOTSPOT*/
#sail_features_imap #sail_head {left:40px; top:2px; z-index:20;}
#sail_features_imap #sail_edging {left:5px; top:260px; z-index:20;}
#sail_features_imap #kevlar_reinforcement {left:90px; top:150px; z-index:20;}
#sail_features_imap #leech_logo {left:110px; top:50px; z-index:20;}
#sail_features_imap #personalised_logo {left:60px; top:50px; z-index:20;}
#sail_features_imap #radical_colours {left:20px; top:100px; z-index:20;}
#sail_features_imap #tough_mast_protector {left:2px; top:330px; z-index:20;}
#sail_features_imap #rocket_batten_tensioners {left:115px; top:2px; z-index:20;}
#sail_features_imap #clew_reinforcement {left:128px; top:235px; z-index:20;}

/*Style the links for each definition list item (the hotspot) - ONE LIST FOR EACH IF USE DIFFERENT SHAPES
Z-order should always put on top
display block sets hotspot to enclosed area
Seems to needs a dummy background image for IE to count the whole block as a hotspot*/
#sail_features_imap a#link_sail_head {display:block; width:58px; height:30px; text-decoration:none; 
z-index:20;border: 2px solid #AF0B0B;
background:transparent url(/wp-content/uploads/rbsails/ross-windsurf/dummy.gif) 00px 00px no-repeat;
}
#sail_features_imap a#link_sail_edging {display:block; width:30px; height:58px; text-decoration:none; 
z-index:20;border: 2px solid #AF0B0B;
background:transparent url(/wp-content/uploads/rbsails/ross-windsurf/dummy.gif) 00px 00px no-repeat;
}
#sail_features_imap a#link_kevlar_reinforcement {display:block; width:58px; height:30px; text-decoration:none; 
z-index:20;border: 2px solid #AF0B0B;
background:transparent url(/wp-content/uploads/rbsails/ross-windsurf/dummy.gif) 00px 00px no-repeat;
}
#sail_features_imap a#link_leech_logo {display:block; width:30px; height:58px; text-decoration:none; 
z-index:20;border: 2px solid #AF0B0B;
background:transparent url(/wp-content/uploads/rbsails/ross-windsurf/dummy.gif) 00px 00px no-repeat;
}
#sail_features_imap a#link_personalised_logo {display:block; width:30px; height:58px; text-decoration:none; 
z-index:20;border: 2px solid #AF0B0B;
background:transparent url(/wp-content/uploads/rbsails/ross-windsurf/dummy.gif) 00px 00px no-repeat;
}
#sail_features_imap a#link_radical_colours {display:block; width:30px; height:58px; text-decoration:none; 
z-index:20;border: 2px solid #AF0B0B;
background:transparent url(/wp-content/uploads/rbsails/ross-windsurf/dummy.gif) 00px 00px no-repeat;
}
#sail_features_imap a#link_tough_mast_protector {display:block; width:58px; height:30px; text-decoration:none; 
z-index:20;border: 2px solid #AF0B0B;
background:transparent url(/wp-content/uploads/rbsails/ross-windsurf/dummy.gif) 00px 00px no-repeat;
}
#sail_features_imap a#link_rocket_batten_tensioners {display:block; width:30px; height:30px; text-decoration:none; 
z-index:20;border: 2px solid #AF0B0B;
background:transparent url(/wp-content/uploads/rbsails/ross-windsurf/dummy.gif) 00px 00px no-repeat;
}
#sail_features_imap a#link_clew_reinforcement {display:block; width:30px; height:58px; text-decoration:none; 
z-index:20;border: 2px solid #AF0B0B;
background:transparent url(/wp-content/uploads/rbsails/ross-windsurf/dummy.gif) 00px 00px no-repeat;
}


/*Don't display anything until the hotspot gets hovered*/
#sail_features_imap a em {display:none;}
#sail_features_imap a span, #sail_features_imap a:visited span {display:none;}



/*NEED TO ALTER What to do to hotspot when over it*/
#sail_features_imap a#link_sail_head:hover,
#sail_features_imap a#link_sail_edging:hover,
#sail_features_imap a#link_kevlar_reinforcement:hover,
#sail_features_imap a#link_leech_logo:hover,
#sail_features_imap a#link_personalised_logo:hover,
#sail_features_imap a#link_radical_colours:hover,
#sail_features_imap a#link_tough_mast_protector:hover,
#sail_features_imap a#link_rocket_batten_tensioners:hover,
#sail_features_imap a#link_clew_reinforcement:hover
{
border:1px solid #fc0;
}



/*Define the text appearance when hovering over item (display block makes it appear)
make it same width as graphic to force text underneath*/
#sail_features_imap a:hover span {position:absolute; overflow:visible; display:block; color:#fff;
 width:400px; height:270px; line-height:1.8em; font-size:0.9em; text-align:justify;border: 0px solid #AF0B0B;
 font-style:italic;
 }
/* the hack for IE pre IE6 */
* html #sail_features_imap a:hover span {
  width:290px; w\idth:290px;
  }




/*This positions the whole detail section, RELATIVE TO EACH HOTSPOT*/
#sail_features_imap a#link_sail_head:hover span {left:135px; top:105px;}
#sail_features_imap a#link_sail_edging:hover span {left:170px; top:-155px;}
#sail_features_imap a#link_kevlar_reinforcement:hover span {left:85px; top:-40px;}
#sail_features_imap a#link_leech_logo:hover span {left:65px; top:55px;}
#sail_features_imap a#link_personalised_logo:hover span {left:120px; top:55px;}
#sail_features_imap a#link_radical_colours:hover span {left:160px; top:5px;}
#sail_features_imap a#link_tough_mast_protector:hover span {left:175px; top:-225px;}
#sail_features_imap a#link_rocket_batten_tensioners:hover span {left:60px; top:105px;}
#sail_features_imap a#link_clew_reinforcement:hover span {left:47px; top:-128px;}


/*This draws line from selected box to detail section*/
/*#sail_features_imap a#link_sail_head:hover em {position:absolute; display:block; left:60px; top:30px; width:250px; height:1px; overflow:hidden; font-size:1px; background:#f00;border: 1px solid #AF0B0B;}*/

/*Looks like this is for picture section of the detail section*/
#sail_features_imap a:hover span img {float:left; margin-right:1em; margin-bottom:0.5em; border:0px solid #fff;}

/*Mske the first line of text bold &italic (psuedo element)*/
/*#sail_features_imap a span:first-line {font-weight:bold; font-style:italic;}*/

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