* {
margin:0;
padding:0;
}

a {
color:#0266FD;
font-weight:bold;
text-decoration: none;
}

a:hover{
/*color:#014AB8;*/
text-decoration: underline;
}

p {
font-size:12px;
color:#000000;
line-height:14px;
/*text-shadow: 3px 3px 3px rgb(193, 193, 193);*/
}

sup{
color:#99FF00
}



.light_text{
color:#C0C0C0
}

.norm{
font-weight:normal
}

.bold{
font-weight:bold
}

body {
color:#000000;
background-color:#D5E3FD;
font: 11px Verdana, sans-serif;
background-image: url(../images/bg-light-2.gif);
background-repeat:repeat-x;
font-weight:normal;
}

#wrap{
position:relative;
margin:0 auto;
width:1000px;
}

a:focus { 
-moz-outline-style: none; 
}

td, .sub li{
line-height:12px
}

#logo{
position:absolute;
width:170px;
height:117px;
right:50%;
margin-right:328px;
z-index:100;
background-image: url(../images/logo.gif);
}

#menu{
position:absolute;
top:68px;
width:746px;
left:50%;
margin-left:-276px;
z-index:500;
}

#frame{
position:absolute;
left:50%;
width:960px;
margin-left:-480px;
top:125px;
z-index:1;
margin-bottom:100px;
padding-bottom:100px;
}

/*#frame{
width:960px;
margin:125px auto 100px auto;
padding-bottom:100px;
}
*/

#content_top{
width: 960px;
height: 38px; 
background-color:transparent;
background-repeat:no-repeat;
float: left;
background-image: url(../images/content-top.gif);
background-repeat: no-repeat;
}

#content_mid{
width: 960px;
height:446px;
float: left;
background-color:transparent;
background: url(../images/content-mid.gif) repeat-y;
}

#content_btm{
width: 960px;
height: 15px; 
background-color:transparent;
background-repeat:no-repeat;
float: left;
background-image: url(../images/content-btm.gif);
background-repeat: no-repeat;
}

#footer{
height:30px;
width:100%;
float:left;
background-image: url(../images/footer-logo.gif);
background-position:right;
background-repeat:no-repeat;
font-weight:bold;
}

#footer p{
color:#666666;
padding:14px 0 0 446px;
font-size:11px;
line-height:18px
}

.title{
background-image:url(../images/title-right.gif);
background-position:right top;
background-repeat:no-repeat;
position:absolute;
padding-right:24px;
}

.title h1{
background-image:url(../images/title.gif);
background-position:left top;
background-repeat:no-repeat;
color:#CCCCCC;
font-size:17px;
font-weight:bold;
line-height:38px;
padding-left:18px;
}

#viewer{
height:446px;
width:520px;
float:left;
margin:0 9px 0 15px;
display:inline;
}

/*main nav-------------------------------------------------------*/

.nav, .nav * {
margin:0;
padding:0;
font-weight:bold;
text-decoration:none;
}

.top a{
color:#C0C0C0;
padding: 6px 14px 6px 14px;
font-size:17px;/*!!!!!!!!!!!!!!!*/
}

.sub a{
font-size:10px;
background-image:url(../images/sub.gif);
background-repeat: repeat-x;
background-position: bottom;
color:#CCCCCC;
padding: 34px 10px 9px 10px;
}


.nav {
background-color:#060606;/*top*/
height:29px;/*top*/
width:746px;
float: left;
position:relative;
font-size:17px;
}

a.blue{color:#0290fE;
}

.nav ul {
background-image:url(../images/sub.gif);/*IE6 needs this*/
background-repeat: repeat-x;
background-position: bottom;
float: left;
position:relative;
margin-top:6px;
font-size:10px;
height:55px;/*sub*//*change if font size is changed*/

}

.nav li {
background-color:transparent;
float: right;
list-style:none;
z-index:999;
height:26px;
}

.nav li.current ul {
z-index: 999;
}

.nav li.sfHover ul,
ul.nav li:hover ul {
z-index: 1000;
}

.nav a {
display:block;
}

.nav li ul {
left:0;
top:-999em;
position:absolute;
/*width:700px;*/
width:746px;
}
.nav li:hover,
.nav li.sfHover,
.nav li.current,
.nav a:focus, .nav a:hover, .nav a:active {
background:transparent;
color: #F3F3F3;
text-decoration: none;
}

.nav li li.current a {
font-weight: bold;
color:#3183FD;
}

.nav li li.current a{
background-image:url(../images/sub-pill-left.gif);
background-position: left;
background-repeat:no-repeat;
}

.nav li li.current a:hover{
background-image:url(../images/sub-pill-left.gif);
background-position: left;
background-repeat:no-repeat;
color:#3183FD;
}

.nav li li.current {
background-image:url(../images/sub-pill-right.gif);
background-position: right;
z-index:1999;
height:55px;
}

.nav li li:hover,
.nav li li a:focus, .nav li li a:hover, .nav li li a:active {
/*background:transparent;*//*(subrollover)*/
}
.nav li:hover ul, /* pure CSS hover is removed below */
body .nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul {
top:2.5em;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
top:2.5em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
top: -999em;
}

/*accordion----------------------------------------------------*/

.accordion-4, .accordion-3, .accordion-2 {
width: 401px;
color:#000000;
background-color:#FFFFFF;
position:relative;
overflow:hidden;
margin-right:15px;
display:inline;
float:right;
background: url(../images/bg-light-2.gif) 0 -330px; 
}

.accordion-4, .accordion-3, .accordion-2 {
height:446px;
} 

.topcurve {
background-image:url(../images/top-curve-light.gif);
border:0;
} 

.lowercurve {
background-image:url(../images/lower-curve-light.gif);
border:0;
} 

.accordion-4 h3, .accordion-3 h3, .accordion-2 h3 {
margin: 0;
padding:0 0 0 30px;
background-color: #1f1f1f;
border-top: 1px solid #000000;
cursor: pointer;
font-size:11px;
font-weight:bold;
line-height:21px;
height:22px;
display:block;
color:#C0C0C0;
}

.accordion-4 div {
height:355px;
}

.accordion-3 div {
height:378px;
}

.accordion-2 div {
height:401px;
}

.accordion-4 p, .accordion-3 p, .accordion-2 p {
margin-top: 0;
padding:16px 20px 0 20px;
}

.accordion-4 ul {
margin-top: 0;
font-size:12px;
padding:10px 20px 0 40px;
list-style-position: outside;
}

.accordion-4 li {
margin-top: 0;
font-size:12px;
padding:4px 0 0 4px;
}

#curveright{
background-image:url(../images/basic-btm-right.png);
position:relative;
height:6px;
width:6px;
top:-12px;
margin-left:459px;
left:50%;
z-index:2000;
font-size:0px;
}

#curveleft{
background-image:url(../images/basic-btm-left.png);
position:relative;
height:6px;
width:6px;
top:-6px;
margin-left:64px;
left:50%;
z-index:2000;
font-size:0px;
}

.hover {
cursor: pointer;
}

.price{
}

.price a{
background-image: url(../images/price-button-2.png);
background-position:left top;
background-repeat:no-repeat;
position:absolute;
height:27px;
width:195px;
left: 50%;
line-height:27px;
top: 336px;
margin-left:-103px;
display:block;
font-size:14px;
color:#CCCCCC;
font-weight:bold;
padding-left:12px;
}

.price a:hover{
background-image:url(../images/price-button-2.png);
background-position:left bottom;
text-decoration:none
}

/*colour table------------------------------------------------*/

#colours {
}

#colours table{
width: 340px;
border-collapse:collapse;
font-size: 11px;
font-weight: normal;
position: relative;
top: 0px;
margin:auto;
text-align:center;
}

#colours td { 
}

.kite td{
padding:16px 4px 0 4px;
}

#colours img{
width:176px;
height:78px
}

/*spec table-----------------------------------------------------*/

#spec {
width:358px;
margin:auto;
height:auto;
position:relative;
top:21px;
}

#spec table{
width: 100%;
border-collapse:collapse;
font-size: 11px;
font-weight: normal;
background: url(../images/bg-light-2.gif) 0 -500px;
}

#spec .wide {
width:75%;
border-width: 1px 1px 1px 0; 
border-style:solid;
border-color:#303030;
padding:6px 6px 6px 12px;
}

#spec .narrow{
font-weight:bold;
width:25%;
border-width: 1px 0 1px 1px; 
border-style:solid;
border-color:#303030;
padding:6px 12px 6px 6px;
background: url(../images/bg-light-2.gif) 0 -400px;
text-align:right
}

#spec tr {
}

#spec p{
padding:18px 0 0 0;
}

/*flash player---------------------------------------------------*/

#flashplayer {
position: relative;
width:358px;
height:282px;
top: 21px;
margin:auto;
}

#flashplayer2 {
position: relative;
width:480px;
height:400px;
top: 16px;
margin:auto;
}

.vid_caption{
float:left;
color:#000000;
margin: 30px 0 0 24px;
font-weight: bold
}

/*home----------------------------------------------------------*/

#mainpic {
height:273px;
width:930px;
float:left;
margin-left:15px;
display:inline;
}

#featured {
height:164px;
width:930px;
float:left;
display:inline;
margin: 9px 0 0 15px;
background-image: url(../images/featured-split.gif);
}

h2 {
position:absolute;
color:#CCCCCC;
font-size:13px;
font-weight:bold;
/*line-height:39px;*/
padding:4px 0 0 0;
}

.featuredbox{
float:left;
display:inline;
height:160px;
width:243px;
float:left;
margin: 0 0 0 6px;
}

.welcomebox{
float:left;
height:160px;
width:397px;
float:left;
margin: 0 0 0 18px;
}

.welcomebox p{
font-size:11px;
margin-top: 28px;
color:#C0C0C0;
}

.welcomebox a{
font-size:11px;
}

img.featured{
border:0;
margin-top: 26px;
}

img{border:0}

#news {
width:398px;
margin:auto;
height:auto;
position:relative;
top:28px;
}

#news table{
width: 100%;
border-collapse:collapse;
font-size: 11px;
font-weight: normal;
}

.newswide {
width:80%;
padding:5px 0 8px 8px;
background-position:center left;
background-repeat:no-repeat;
border-bottom:1px solid #444444;
}

.newsnarrow{
font-weight:bold;
color:#C0C0C0;
width:20%;
padding:5px 0 8px 0px;
border-bottom:1px solid #444444;
background-position:center right;
background-repeat:no-repeat;
}

/*basic------------------------------------------------------*/

.basic{
float:left;
height:446px;
width:930px;
background-color:#CAD7FO;
padding:0;
margin-left:15px;
display:inline;
background: url(../images/bg-light-2.gif) 0 -330px;
}

#basic_top_right, #basic_top_left, 
#basic_btm_right, #basic_btm_left  {
position:relative;
height:6px;
width:6px;
z-index:2000;
font-size:0px;
}

#basic_top_right {
background-image:url(../images/basic-top-right.png);
top:32px;
margin-left:459px;
left:50%;
}

#basic_top_left{
background-image:url(../images/basic-top-left.png);
top:38px;
left:15px;
}

#basic_btm_right{
background-image:url(../images/basic-btm-right.png);
top:-12px;
margin-left:459px;
left:50%;
}

#basic_btm_left{
background-image:url(../images/basic-btm-left.png);
top:-6px;
left:15px;
}

.basic ul{
padding-left: 20px;
}

.basic li{
padding: 2px 0;
font-size:12px;
}

h3.country {
font-size: 16px;
padding:4px 0;
}

.suppliers{
position:relative;
width:470px;
left:50%;
margin-left:-225px;	
}

.suppliersleft{
float:left;
text-align:left;
width:200px;
margin-left:70px;
display:inline;
}

.suppliersright{
float:left;
text-align:left;
width:200px;
}

.basic p {
text-align:center;
padding:20px;
clear:both;
}

/*prices----------------------------------------------------------*/

#prices {
position:relative;
width:300px;
left:50%;
margin-left:-150px;
padding:4px;
}

#prices table{
width: 100%;
border-collapse:collapse;
font-size: 11px;
font-weight: normal;
font-weight:bold;
text-align:center;
background: url(../images/bg-light-2.gif) 0 -500px;
}

#prices .wide {
width:50%;
border-width: 1px 1px 1px 0; 
border-style:solid;
border-color:#303030;
padding:5px 0;
}

#prices .narrow {
width:50%;
padding:5px 0;
border-width: 1px 0 1px 1px; 
border-style:solid;
border-color:#303030;
background: url(../images/bg-light-2.gif) 0 -400px;
}

#prices td{
padding:5px 0;
}

#prices .left{
border: 1px solid #303030;
background-color:#000000;
color:#C0C0C0;
}

#prices .right{
border: 1px solid #303030;
background-color:#000000;
color:#C0C0C0;
}

/*spares----------------------------------------------------------*/

.spares {
position:relative;
width:500px;
margin:24px auto 0 auto;
}

.spares table{
float:left;
width: 500px;
border-collapse:collapse;
font-size: 11px;

font-weight: normal;
font-weight:bold;
text-align:left;
background: url(../images/bg-light-2.gif) 0 -480px;
}

.spares .wide {
width:17%;
border-width: 1px 1px 1px 0; 
border-style:solid;
border-color:#303030;
padding:5px 10px 5px 20px;
}

.spares .narrow {
width:83%;
padding:5px 10px 5px 5px;
border-width: 1px 0 1px 1px; 
border-style:solid;
border-color:#303030;
background: url(../images/bg-light-2.gif) 0 -400px;
}

.spares td{
padding:5px 0;

}

.spares .left{
border: 1px solid #303030;
background-color:#000000;
color:#C0C0C0;
padding:5px 10px 5px 20px;
}

.spares .right{
border: 1px solid #303030;
background-color:#000000;
color:#C0C0C0;
padding:5px 0px 5px 20px;
}

/*frames---------------------------------------------------------*/

#frames {
position:relative;
width:870px;
left:50%;
margin-left:-435px;
margin-top:25px;
}

#frames table{
width: 100%;
border-collapse:collapse;
font-size: 11px;
font-weight:normal;
text-align:left;
background: url(../images/bg-light-2.gif) 0 -500px;
}

#frames .narrow {
font-weight:bold;
background: url(../images/alpha-10.png);
}

#frames td{
width:13%;
padding:4px 0 4px 10px;
border: 1px solid #303030;
}

#frames #top td{
background-color:#000;
font-weight:bold;
color:#CCCCCC
}

/*contact---------------------------------------------------------*/

#contact_logo{
text-align:center;
margin-top:24px;
}

#contact_logo img{
width:420px;
height:59px
}

.basic_info h1{
text-align:center;
padding:10px 0;
font-size:20px;
}

.basic_info p.upper{
padding:4px 0 5px 0
}


.basic_info p.lower{
padding:15px 0 15px 0
}


/*kites---------------------------------------------------------*/

.container_ds {
float:left;
width:304px;
margin-left:15px;
display:inline;
}

.container_ab {
float:left;
width:304px;
margin:9px 0 0 15px;
display:inline;
clear:left;
}

.container_gems {
float:left;
width:304px;
margin-left:9px;
display:inline;
}

.container_os {
float:left;
width:304px;
margin-left:9px;
display:inline;
}

.kitestop{
float:left;
height:23px;
width:100%;
background-color:#242424;
display:inline;
background-image:url(../images/top-curve-light.gif);
background-position:right top;
}

.container_ds .kitesmid{
float:left;
height:126px;
width:100%;
display:inline;
background-color:#ACB7CB;
}

.container_gems .kitesmid{
float:left;
height:354px;
width:100%;
display:inline;
}

.container_os .kitesmid{
float:left;
height:354px;
width:100%;
display:inline;
}

.kitesmid{
background-color:#C5D1E9;
}

.kitesbtm{
float:left;
height:69px;
width:100%;
background-color:#242424;
display:inline;
background-image:url(../images/kites-btm-lighter.gif);
background-position:left bottom;
border-top:1px #000000 solid;
}

.kitesbtm p{
padding:6px;
color:#C0C0C0;
font-size:11px
}

.kitestop h3{
color:#C0C0C0;
width:200px;
padding-left:30px;
font-size:11px;
line-height:21px;
background-image:url(../images/top-curve-light.gif);
background-position:left top;
}

.kitesmid img{
float:left;
}

/*content2*****************************************************/

.basic_pic{
float:left;
height:446px;
width:465px;
background-color:#CAD7FO;
padding:0;
margin-left:15px;
display:inline;
}

.basic_info{
float:left;
height:446px;
width:465px;
background-color:#CAD7FO;
padding:0;
display:inline;
background: url(../images/bg-light-2.gif) 0 -330px;
}

.basic_info p {
text-align:center;
padding:15px;
clear:both;
line-height:16px;
}

.basic_info h1{
text-align:center;
margin-top:10px;
font-size:20px;
}

.basic_info ul{
padding-left: 20px;
}

.basic_info li{
padding: 2px 0;
font-size:12px;
}

/*featured carousel**********************************************/

#divTabPhotos {
 width:504px;  
 margin:0; 
 display:inline;
 float:left;
}

#divTabPhotos .divTabWrapper {
 width:498px;
 height:165px;
 padding:0x;
 background:#222 url(../images/featured-split.gif) no-repeat 0 0;
 position:relative;
 float:left;
 overflow:hidden
}

#divTabPhotos .divTabContent {
 width:492px;
 height:104px;
 padding:26px 6px 0 6px;
 float:left;
}

.divCarousel-1 li
 {
 width:243px; 
 height:135px; 
 margin:0 6px 0 0;
 display:inline;
 border:0px solid #fff;
 float:left;
}

.divCarousel-1 li img
{float:left;}


/*photos*********************************************************/

#photos{
height:447px;
width:693px;
float:left;
margin:0 9px 0 15px;
display:inline;
}

#photos_menu{
float:left;
padding:18px 12px 12px 12px;
width:204px;
height:417px;
background-color:#555A64;
background-image:url(../images/photosmenu-bg.gif);
}

#photos_menu p{
color: #CCCCCC;
padding:0 0 12px 0;
}

/*movies**********************************************************************/

#videos{
height:447px;
width:600px;
float:left;
margin:0 0 0 15px;
display:inline;
}

#videos #flashplayer{
position: relative;
width:358px;
height:282px;
top: 61px;
margin:auto;
}

.jcarousel-container-vertical #navbar  {
padding:0;
text-align: left;
width:330px;
}

.jcarousel-container-vertical #navbar ul {
list-style-type: none;
}

li.courtesy {
font-weight:normal;
font-size:11px;
text-decoration: none;
padding: 16px 0 16px 24px;
width:282px;
list-style-type: none;
position: relative;
color: #CCCCCC;
line-height:10px
}

li.courtesy a {
color:#000000;
font-weight:bold;
text-decoration:underline;
}

li.courtesy a:hover {
color:#CCCCCC;
font-weight:bold;
text-decoration:underline;
}

li.playdot a:link, li.playdot a:visited{
font-weight:normal;
font-size:12px;
display: block;
text-decoration: none;
padding: 6px 0 2px 24px;
margin-top:2px;
width:282px;
list-style-type: none;
position: relative;
color: #DDDDDD;
/*line-height: 20px;*/
background: url(../images/playdot.png) left top no-repeat;
/*height:auto;*/
}

li.playdot a:hover {
color: #FFFFFF;
text-decoration: none;
padding-left: 24px;
background: url(../images/playdot-hover.png) left top no-repeat;
}

li.photos a:link, li.photos a:visited{
font-weight:normal;
font-size:12px;
display: block;
text-decoration: none;
padding: 6px 0 2px 24px;
margin-top:10px;
width:282px;
list-style-type: none;
position: relative;
color: #CCCCCC;
background: url(../images/playdot.png) left top no-repeat;
}

li.photos a:hover {
color: #CCCCCC;
text-decoration: none;
padding-left: 24px;
background: url(../images/playdot-hover.png) left top no-repeat;
}

.length{
color: #000000;
font-size:11px;

}

li.vid_details{
padding: 0 0 0 24px
}

li.vid_details a{
color:#000000;
font-weight:normal;
text-decoration:underline;
}

li.vid_details a:hover{
color:#CCCCCC;
}


.vidthumbs{
width:90px;
height:50px;
margin:7px 100px 3px 0;
/*float:left;
display:inline*/
}

.vidsection h5{
background-image: url(../images/vid-section.png);
background-position:left top;
background-repeat:no-repeat;
float:left;
height:21px;
/*width:151px;*/
padding-left:11px;
line-height:20px;
font-size:11px;
color:#CCCCCC;
font-weight:bold;
}

.vidsection{
diplay:inline;
background-image: url(../images/vid-section-right.png);
background-position:right top;
background-repeat:no-repeat;
float:left;
height:21px;
padding-right:11px;
/*line-height:20px;*/
font-size:11px;
margin:10px 0 6px 0;
}

.vidwrap{

float:left;
width:200px;
text-align:center;
margin:auto;
float:left
}

.section_padd{
padding-top:10px
}




/*trick or treat************************************************************/

a.tot {
color:#DDDDDD;
font-weight:bold;
text-decoration:none;
}

 a:hover.tot {
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

p.tot{
padding-top:6px; 
color:#DDDDDD
}

p.tot_price {
text-align:center;
font-size:14px;
color:#DDDDDD;
font-weight:bold;
padding-top:20px;
}


/*carousel*******************************************************************/

.jcarousel-container-vertical {
float:left;
width: 330px;
height: 446px;
background-color:#555A64;
background-image:url(../images/photosmenu-bg-ltr.gif);
}

.jcarousel-clip-vertical {
top: 26px;
width: 330px;
height: 395px;
z-index: 20;
}

#navbar ul li,
.jcarousel-item-vertical,
.jcarousel-item-placeholder-vertical {
	width: 282px;
	height: auto;
	line-height:12px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 12px;
	list-style-type: none;
}

.jcarousel-next-vertical {
position: absolute;
bottom: 0;
left: 0;
width: 330px;
height: 22px;
cursor: pointer;
background-image:url(../images/vid-arrow-down.gif);
background-position:left bottom;
}

.jcarousel-next-disabled-vertical {
cursor:pointer;
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
}

.jcarousel-prev-vertical {
position: absolute;
top: 0;
left: 0;
width: 330px;
height: 22px;
cursor: pointer;
background-image:url(../images/vid-arrow-up.gif);
background-position:left top;
}

.jcarousel-prev-disabled-vertical {
cursor: pointer;
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
}

.loading {
background: transparent url(../images/loading.gif) 50% 50% no-repeat;
}

/*bridles********************************************************************/

.basic_pic_bridles{
float:left;
height:446px;
width:600px;
background-color:#CAD7FO;
padding:0;
margin-left:15px;
display:inline;
background: url(../images/bg-light-2.gif) 0 -120px;
}

.basic_info_bridles{
float:left;
height:446px;
width:330px;
background-color:#CAD7FO;
padding:0;
display:inline;
background: url(../images/bg-light-2.gif) 0 -240px;
}

.bridles td {
width:290px;
padding:4px 0 4px 30px;
margin-left:18px;
border-bottom:1px solid #666666;
}

.basic_info_bridles h3{
position:relative;
float:left;
text-align:left;
padding:18px 0 4px 0;
font-size:17px;
width:290px;
color:#000000;
border-bottom:solid #333333 2px;
margin-left:18px;
display:inline;
}

.basic_info_bridles h4{
position:absolute;
top:333px;
text-align:left;
padding:0px 0 4px 0;
font-size:17px;
width:290px;
color:#000000;
border-bottom:solid #333333 2px;
margin-left:18px;
left:617px
}

.basic_info_bridles a{
font-weight:normal;
color:#000000
}

.bridles{
width:290px;
float:left;
margin-left:18px;
display:inline;
padding-bottom:10px
}

.basic_info_bridles p{
float:left;
text-align:left;
padding:8px 0 0 0;
width:290px;
margin-left:18px;
display:inline;
}

.current{
background:url(../images/arrow-white2.png) no-repeat left top;
}

.knots_red{
background:url(../images/bridles/knot-red-s.png) no-repeat left top;
}

.knots_blue{
background:url(../images/bridles/knot-blue-s.png) no-repeat left top;
}

.knots_green{
background:url(../images/bridles/knot-green-s.png) no-repeat left top;
}

.knots_purple{
background:url(../images/bridles/knot-purple-s.png) no-repeat left top;
}

.knots_yellow{
background:url(../images/bridles/knot-yellow-s.png) no-repeat left top;
}

/*css tip************************************************************/

.balloon { 
width:290px;
position:absolute;
top:365px;
left:617px
}

.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}

.balloon ul li {
width:260px;
padding:3px 0 3px 30px;
margin-left:18px;
border-bottom:1px solid #666666;
}

.balloon ul li a, .balloon ul li a:visited {
color:#000; 
font-weight:normal;
}
.balloon ul li a img, .balloon ul li a:visited img {
border:0;
}

.balloon ul li dl {
visibility:hidden;
position:absolute;
}

table {
border:0;
padding:0;
border-collapse:collapse;
}

.balloon dl {
width:204px; 
padding:0 0 0 10px; 
background:transparent url(../images/arrow_left.gif) no-repeat bottom left;
}

.balloon dt {
background-color: #3f4145;
text-align: left;
padding-left: 8px;
padding-bottom: 5px;
padding-top: 2px;
font-weight:bold;
color:#FFF
}


.balloon dd {
margin:0; 
padding:0; 
color:#000; 
border:2px solid #3f4145;  
background-color: transparent;
background: url(../images/bg-light-2.gif) 0 -440px; /*-280px*/
}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
color:#000; 
position:relative;
/*cursor: pointer;
cursor:help;*/
}

.balloon ul li:hover dl,
.balloon ul li a:hover dl {
/*balloon position...*/
visibility:visible;
color:#000;
top:-105px;
left:120px;
cursor:default;
}

/*colourizer*************************************************************/





/*IEPNGFIX********************************************************************/
img, a, div, td, #basic_top_left, #basic_top_right, #basic_btm_left, #basic_btm_right, #curveleft, #curveright, .current, .knots_red, .knots_blue, .knots_green, .knots_purple, .knots_yellow, li.playdot a:link, li.playdot a:hover { behavior: url(../css/iepngfix.htc) }