/* CSS Document */

/********** Generic Classes ************/

body {
   min-width: 1000px;
   background-color: #ffffff;
   text-align:center;
   }
   
.wrapper {
  width: 1000px;
  text-align:left;
  margin-left: auto;
  margin-right: auto;
}
.navBox {
width: 94px;
height: 33px;
border-right: 1px solid #ffffff;
float:left;
}
p {
width: 95%;
color: #5d5e5e;
font-size: 12px;
font-family: Helvetica, sans-serif;
text-align:justify;
}
li {

font-size: 12px;
font-family: Helvetica, sans-serif;
font-weight: normal;
color: #5d5e5e;


}

h1 {

font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #5d5e5e;

}

h2 {
font-family: Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #181818;
}

h3 {
font-family: Helvetica, sans-serif;
font-size: 16px;
text-align:justify;
font-weight: bold;
color: #181818;
width:95%;
}

/**************** Pseudo classes ****************/
.normal {
font-family: Helvetica, sans-serif;
font-size: 12px;
}
a:link {
color: #4c4b4b;
text-decoration: underline;
font-weight: normal;
}

li :link {

color: #4c4b4b;

text-decoration: underline;

font-weight: normal;

}

a:visited {

color: #4c4b4b;

text-decoration: underline;

font-weight: normal;

}

li a:visited {

color: #4c4b4b;

text-decoration: underline;

font-weight: normal;

}

a:hover {

color: #000000;

font-weight: normal;



}

li a:hover {
color: #000000;
font-weight: normal;


}

a:active {
color: #999999;
font-weight: normal;
}

/************* Layout Classes ************/

#top {
height:100px;
width:1000px;
background:url(images/header.jpg) no-repeat;
}
#top_cz {
height: 100px;
width: 1000px;
background:url(images/header_cz.jpg) no-repeat;
}
#top_store {
height: 100px;
width: 1000px;
background: url(images/store/header_store.jpg) no-repeat;
border-bottom:1px solid;
}
#headLogin {
height: 130px;
width: 200px;
float:left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
}
#columnLeft {
height: 390px;
width: 200px;
background: url(images/school_nav.jpg) no-repeat;
float:left;  
}
#columnLeft_text {
height: 370px;
width: 180px;
float:left;  
}

#columnCentre {
height: 425px;
width: 400px;
float:left; 
}

#columnRight {
height: 425px;
width: 150px; 
float:left;  
}
#column_Right {
height: auto;
width: 239px;
border-left:1px solid #5d5e5e;
float:left;  
}
#bottomLeft {
height:30px;
width : 280px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
float:left;
}

#bottomCentre {
height:30px;
width : 400px;
text-align: center;
float:left;
}
#bottomRight {
height:30px;
width : 150px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
float:left;
}
#footer {
width:1000px;
height:100px;
padding-top:40px;
float:left;
}
#navText{
padding-top:1px;
}
#image {
padding-left: 20px;
padding-top: 25px;
}
#logo {
float:left;
}
#comicRelief {
float:left;
}
.imageFloatRight {

float:right;

}
#photoholder {
width:auto;
height:auto;
background: url(images/ajax-loader.gif) 50% 50% no-repeat;
float:left;
}
#thephoto {
width:auto;
height:auto; 
}

#navBar {
width:1000px;
height:33px;
padding-top:5px;
padding-bottom:5px;
}

#africaWindow {
width:1000px;
height:390px;
}
#cartWindow {
width:1000px;
height:390px;
overflow: scroll;
}
#kiteWindow {
width:760px;
height:420px;
float:left;
}
#courseWindow {
width:1000px;
height:auto !important;
float:left;
}
#courseWindow_1 {
width:1000px;
height:420px;;
float:left;
background: url(images/LF_1.jpg) no-repeat;
}
#courseWindow_2 {
width:1000px;
height:500px;
float:left;
background: url(images/LF_2.jpg) no-repeat;
}
#courseWindow_3 {
width:1000px;
height:auto !important;
float:left;
background: url(images/snow_land_sea.jpg) no-repeat;
}
#courseWindow_girl {
width:1000px;
height:450px;
float:left;
background: url(images/girlkitesurf.jpg) no-repeat;
}
#courseWindow_girl_cz {
width:1000px;
height:450px;
float:left;
background: url(images/girlkitesurf_scale_1_cz.jpg) no-repeat;
}
#holidayWindow {
width:760px;
height:auto;
float:left;
}
#strapWindow {
width:1000px;
height:390px;
float:left;
background: url(images/strap_back.jpg) no-repeat;
}
#desc2 {
height:265px;
width:370px;
padding-left:0px;
padding-top:4px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-align: justify;
float:left;
overflow: scroll;
}
#desc3 {
height:265px;
width:370px;
padding-left:0px;
padding-top:4px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-align: justify;
float:left;
}
#desc2_outer {
height:300px;
width:400px;
float:left;
background: url(images/desc2back.jpg) 50% 50% no-repeat;
}
#school_desc2_outer {
height:300px;
width:400px;
float:left;
background: url(images/school_desc2back.jpg) 50% 50% no-repeat;
}
#school_desc2_outer_new {
height:300px;
width:400px;
float:left;
background: url(images/school_desc2back_new.jpg) 50% 50% no-repeat;
}
#africaText {
height:auto;
width:440px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-align: justify;
float:left;
}
#costText {
height:auto;
width:450px;
color: #000000;
text-align: justify;
float:left;
}
#faqText {
height:390px;
width:420px;
color: #000000;
text-align: justify;
float:left;
padding-left:8px;
padding-top:8px;
overflow: scroll;
background-image:  url(images/faqback.jpg);
background-repeat: no-repeat;
}
#photoWindow {
width:760px;
height:390px;
background-repeat: no-repeat;
float:left;
}

.galleryImage {
width:auto;
height:100px;
padding:1px;
padding-left:20px;
padding-top:20px;
float:left;
}
#photoGallery {
height: 325px;
width: 170px; 
text-align:justify;
float:left;
}
#Cart{
height:50px;
width:55px;
float:left;
}
#cartText{
height:50px;
width:200px;
text-align:right;
float:left;
}
#contactWindow {
width:1000px;
height:390px;
background-repeat: no-repeat;
float:left;
}
#indexWindow {
width:1000px;
height:380px;
background-image:  url(images/main.jpg);
background-repeat: no-repeat;
}
#indexWindow_1 {
width:1000px;
height:380px;
background-image:  url(images/main_1.jpg);
background-repeat: no-repeat;
}
#indexWindow_new {
width:1000px;
height:1000px;
background-image:  url(images/main.gif);
background-repeat: no-repeat;
}
#indexWindow_winter {
width:1000px;
height:390px;
background-image:  url(images/main_winter.jpg);
background-repeat: no-repeat;
}
#indexWindow_winter_holiday {
width:1000px;
height:390px;
background-image:  url(images/main_winter_holiday.jpg);
background-repeat: no-repeat;
}
#indexText {
height:auto;
width:330px;
font-family: Helvetica, serif;
font-size: 12px;
color: #000000;
text-align: justify;
float:left;
position:relative; 
left:280px;
top:200px;
}
.index_box {
height:150px;
width:300px;
color: #000000;
text-align: justify;
float:left;
position:relative;
left:330px;
top:235px;
}
.index_box_1 {
height:275px;
width:230px;
color: #000000;
text-align: justify;
float:left;
background-image: url(images/index_announce_back_split_1.jpg);
position:relative;
left:240px;
top:20px;
}

.kiteBox {
height:390px;
width:250px;
color: #000000;
text-align: justify;
float:left;
}
#kite_description {
height:auto;
width:760px;
}
.kitePicture {
height:auto;
width:auto;
float:left;
}
.kite_text {
position:relative;
left:10px;
top:3px;
padding-top:1px;
padding-left:5px; 
background-image:  
url(images/kite_text.jpg);
background-repeat: no-repeat;
height:150px;
width:230px;
}
.harness_text {
position:relative;
left:10px;
top:3px;
padding-top:1px;
padding-left:5px; 
background-image:  
url(images/harness_text.jpg);
background-repeat: no-repeat;
height:150px;
width:230px;
}
#right_column {
height:390px;
width:240px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-align: justify;
float:left;
background-image:  url(images/right_back.jpg);
background-repeat: no-repeat;
}
#right_column_school {
height:800px;
width:240px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-align: justify;
float:left;
background-image:  url(images/right_back_large.jpg);
background-repeat: no-repeat;
}
#right_column_text {
height:360px;
width:210px;
padding-left:15px;
padding-top:10px;
float:left;
}
#page_indicator {
width: 234px;
height: 33px;
border-left: 3px solid #ffffff;
background-image:  url(images/buttons/cart.jpg);
background-repeat: no-repeat;
float:left;
}
#school_button_box {
width: 234px;
height: 33px;
border-left: 3px solid #ffffff;
float:left;
}
#cart_text {
width: 135px;
height: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
float:left;
}
  span.checkbox {
      width: 19px;
      height: 25px;
      padding: 0 5px 0 0;
      background: url(checkbox.gif) no-repeat;
      display: block;
      clear: left;
      float: left;
    }
   span.radio {
     width: 19px;
     height: 25px;
     padding: 0 5px 0 0;
     background: url(radio.gif) no-repeat;
     display: block;
     clear: left;
     float: left;
   }
   span.select {
     position: absolute;
     width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
     height: 21px;
     padding: 0 24px 0 8px;
     color: #fff;
     font: 12px/21px arial,sans-serif;
     background: url(images/select.gif) no-repeat;
     overflow: hidden;
  }
#myPageElement {
height:200px;
width:200px;
}
.calendar {
font-family: Helvetica, sans-serif;
font-size: 12px;
}

/********lightbox styles************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }