html, body {
height: 100%;

}
html {
overflow-y: scroll;
}
body {
margin: 0;
padding: 0;
color:rgb(102,102,102);  	
font: 13px Verdana, Helvetica, Verdana, sans-serif;
background: url("./images/pyr_web_bg.jpg") top center no-repeat;
background-attachment: fixed;
text-align: center;
height: 100%;
z-index:1;
}

a:active
{
outline: none;
}

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

img {
border: none;
}

p {
margin: 3px;
padding: 2px;
}

#wrapper{
position:relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -120px;
width: 920px;

}


#aboutPic{

}

#footer{
background: 0px 5px url('./images/footer.gif') no-repeat ; /*#030d1b 10px 0 repeat-x;*/
height: 63px;
width: 920px;
margin: 0px auto;
margin-bottom: 0px;
bottom:0px;
position:relative;
}


.pageHeader{
font: 18px Arial Black , Helvetica, Verdana, sans-serif;
float:left;
margin-left:13px;
}

.shopHeader{
font: 18px Arial Black , Helvetica, Verdana, sans-serif;
float:middle;
display:inline;
}

.shopSplash{
margin-left:35px;
}

.shopSplash img{
margin-left:20px;
margin-right:20px;
float:left;
margin-bottom:20px;
}


.pageHeaderTm a{
text-decoration: none; 
color:rgb(102,102,102);  
}
.pageHeaderTm{
font: 15px Arial Black , Helvetica, Verdana, sans-serif;
float:left;
margin-left:13px;
}
.clear {
background:white;
clear: both;
}
.brands{
float:left;
margin-top:10px;
margin-left: 8px;
}

.links{
display:inline;
font-size:10px;
color: white;
text-color:white;
float:right;
margin-top:25px;
text-align:center;
margin-right:10px;
}

.links a{
color:white;
}

#content {
background: #FFFFFF;
width: 920px;
overflow-x:hidden;
min-height:660px;
height:auto;
*height:660px;
position: relative;
z-index:0;
margin-bottom: 0px; 
float:left;
}

#header {
display:block;
}
#search {
width:250px;
float: right;
}


#flash{
poistion:relative;
z-index:10;
float:left;
width: 920px;
height: 330px;
}

#home_images2{
position:relative;
z-index:3;

}

#homeContent {
width: 920px;
}

#pyrLogo{
position:relative;
z-index: 4;
}
#logo{
width:93px;
height:69px;
float:left;
margin-left:-68px;
margin-top:30px;
*margin-top:30px;
}

#nav{
position:relative;
text-align:left;
margin-top:20px;
float: left;
height:105px;
*height:05px;
width:920px;
background:white url("./images/band2.gif") top left no-repeat;
background-position: 0px 40px;
font: Impact, Helvetica, Verdana, sans-serif;
color:black;
z-index:6;
}

#nav img{
position:relative;
border:0px;
margin-top:5px;
*margin-top:-10px;
margin-left:5px;
text-align:left;
float: left;

}

#sddm
{	margin: 0;
	margin-top:35px;
	*margin-top:32px;
	padding: 0;
	z-index: 30;
	}

#sddm li
{	margin: 0;
	display:inline;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: inline;
	margin: 0 1px 0 0;
	padding: 4px 0px;
	height:18px;
	text-decoration: none}

#sddm div
{	
position: absolute;
visibility: hidden;
margin: 0px;
margin-left:10px;
*margin-left:-90px;
margin-top:2px;
*margin-top:20px;
padding: 0px;
	}
	
.webkit #sddm div{	
position: absolute;
visibility: hidden;
margin: 0px;
margin-left:10px;
margin-top:18px;
padding: 0px;
	}	

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		margin-bottom:-5px;
		*margin-bottom:2px;}

.menuLink{
height:18px;
width:148px;
overflow:visible;
position:relative;
z-index:208;
text-decoration:none;
margin:0px;
margin-right:0px;
}

#homeNews {
width:920px;
float: left;
background: white url("./images/home_news.gif") top left no-repeat;
margin-top:15px;
*margin-top:0px;
}

#homeNews p {
margin: 5px 0 0 0;
}

#homeNews h3 {
margin: 0 0 5px 0;
text-transform: uppercase;
border-bottom: 2px dotted #abacae;
color: #092243;
background: #ccc;
z-index: 180;
}

#homeNews ul {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
clear: both;
z-index: 181;
}

#homeNews ul a {
color: #092243;
font-weight: bold;
}

#homeNews ul li {
margin: 0 0 10px 0;
overflow: hidden;
position: relative;
}


#link1 {
position:relative;
float: left;
margin-top:30px;
margin-left:15px;
margin-right:28px;
}

#link1Txt{
display:block;
position:relative;
float:left;
top:-40px;
left:0px;
height:0px;
display:inline;
font-size:22px;
}

#link2Txt{
position:relative;
float:left;
top:-40px;
left:0px;
height:0px;
display:inline;
font-size:22px;
}

#link2 {
float: left;
margin-top:30px;
margin-left:15px;
}

#aboutUs{
float: right;
margin-top:30px;
margin-right:0px;
width:290px;
background: url('./images/home_history.gif') no-repeat ; /*#030d1b 10px 0 repeat-x;*/
}

#aboutTxt{
position:relative;
display:inline;
width:280px;
float:left;
margin-top:-180px;
left:0px;
font-size:26px;
text-align:left;
height:0px;
}

#aboutTxt2{
position:relative;
width:280px;
float:left;
top:-80px;
left:0px;
text-align:left;
height:0px;
display:inline;
}

.quickNews{
float: left;
margin-left:140px;
text-align:left;
margin-top:5px;
width:600px;
}
#socialnetwork {
float: right;
margin-top:10px;
margin-right:15px;
}
#socialnetwork img {
margin: 0 0 0px 10;
padding: 0;
display: inline;
}

.promotion {
width: 245px;
margin: 0 0 0 12px;
float: left;
}

#unknown1 strong, #unknown2 strong, .promotion strong {
text-transform: uppercase;
line-height: 2.2em;
}
#unknown1 a, #unknown2 a, .promotion a {
font-weight: bold;
font-size: 10px;
display: inline;
margin: 0 0 0 3px;
}

#homelinks{
float:left;
}
#language{
float:right;
}
.divider {
clear: both;
width: 100%;
height: 5px;
border-bottom: 1px dotted #FFF;
margin: 0 0 10px 0;
}

#contactInfo{
background:white;
float:left;
width:50%;
height:550px;
}
#contactForm{
background: #FFFFFF;
float:right;
width:49%;
height:550px;
}

#contacts{
background: #FFFFFF;
margin-left:8px;
}

#dealer{
float: right;
margin-top:-5px;
margin-right:10px;
*margin-top:10px;
}
#headerSearch {
width:250px;
height:0px;
float: right;
margin-top:5px;
}
#search {
float: right;
width: 130px;
}
#search input {
width: 112px;
padding: 0;
margin: 0;
}
input#txtSearch {
height: 16px;
width: 92px;
padding: 0px 0 0 10px;
overflow: hidden;
border: none;
font-size: 9px;
color: #092143;
float: left;
background: url("./images/search_bg.gif") top left no-repeat;
}


/**************************************** NEWS CSS ****************************************************/
#newsThumbs{
float:left;
width:690px;
}
#newsArchive{
float:right;
width:210px;
margin-right:20px;
background: url("./images/newsarc-border.gif") left repeat-y;
}

#newsArchive2{
float:left;
text-align:left;
width:300px;
margin-right:20px;
left:-4px;
background: url("./images/newsarc-border.gif") left repeat-y;
}
#newsThumbs2{
float:left;
width:600px;

}
#newsImages{
width:330px;
float:left;
margin-left:5px;
}


#newsHeader{

text-align:left;
}
.newsListItem{
text-align:left;
width:155px;
float:left;
}



#newsText{
float:left;
text-align:left;
width:550px;
margin-right:15px;
margin-left:15px;
display:wrap;
}


#newsTitle{
font: 15px Arial Black , Helvetica, Verdana, sans-serif;
margin-bottom:10px;
}


.newsimg{
float:left;
margin-right:30px;
width:230px;
margin-left:20px;
}

.newsText a{
float:left;
width:405px;
font-size:12px;
margin-right:5px;
color:black;
text-decoration:none;
font-weight:bold;
margin-bottom:5px;
}

.newsText div{
text-align:left;
width:650px;
*width:395px;
font-size:12px;
}

.newsLink{
text-align:left;
/*text-align:center;
width:185px;
height:250px;
float:left;
margin-right:40px;
*margin-right:35px;
border:1px rgb(0,164,228) solid;*/
}
.readMore{
font-size:10px;
}
/**********************************************************************************************************/



/**************************************** KAYAK PAGE CSS ****************************************/

.kayakListBoat{
margin-right:8px;
text-align:left;
}


div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	width: 100%;
	color: #FFF;
	background: #999;


}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		_filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
	_filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: white;
	padding: 8px;
	text-align:center;
	background-image: url("../images/zoomloader.gif");
	background-repeat: no-repeat;
	background-position: 43px 30px;
	width:90px;
	height:43px;
	z-index:10;
	position:absolute;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
	margin-left:100px;   /*POSITION THE ZOOM WINDOW */
}


ul#tabnav { 
text-align: left; 
margin: 1em 0 1em 0; 
font: bold 11px verdana, arial, sans-serif;
border-bottom: 2px solid rgb(0,164,228);
list-style-type: none;
padding: 3px 10px 8px 10px;
padding-bottom:8px;
}
 
ul#tabnav li { 
display: inline;
}
 
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { 
border-bottom: 1px solid #fff; 
background-color: #fff; 
}
 
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { 
background-color: #fff; 
color: #000;
position: relative;
top: 1px;
padding-top: 4px; 
}
 
ul#tabnav li a { 
padding: 5px 8px;
border: none; 
background-color: rgb(102,102,102); 
color: White; 
margin-right: 7px;
text-decoration: none;
border-bottom: none;
}
 
ul#tabnav a:hover { 
background: rgb(51,51,51);
color: rgb(0,164,228);
}

#Textnav{
margin-left: 10px;
float:left;
color:rgb(0,164,228);
}
#textNavTxt{
color:black;
}

#productText{
margin-left:10px;
text-align:left;
color:rgb(102,102,102);
}

#kayakLogo{
position:relative;
float:right;
background-image: url("./images/hr.gif");
background-repeat: repeat-x;
margin-right:20px;
z-index:999;
}

#Kayaks_left{
float:left;
width:34%;
margin-left:10px;

}

#Kayaks_right{
position:relative;
z-index:100;
margin-right:15px;
float:right;
width:60%;
}

#menuChange a{
display:inline;
padding:0px;
margin-left:0px;
margin-right:-5px;
text-align:left;
}

.specHeader{
color:black;
font: 12px Verdana, Helvetica, Impact, sans-serif;
text-align:center;
}
.specValues{
font: 11px Verdana, Helvetica, Impact, sans-serif;
}

.keyFeatHead{
color:black;
font-weight:bold;
font: 12px Verdana, Helvetica, Impact, sans-serif;
text-align:left;
margin-bottom:-6px;
}

.tabHeader{
color:black;
font: 12px Verdana, Helvetica, Impact, sans-serif;
text-align:left;
}

.keyFeatInfo{
font: 11px Verdana, Helvetica, Impact, sans-serif;
text-align:justify;
margin-bottom:10px;
}

#customerComments{
font: 13px Verdana, Helvetica, Impact, sans-serif;
text-align:left;
}

.paddlerQuote{
background:rgb(166,201,255);
}

.accInfoTable{
border: 1px solid rgb(0,164,228);
margin-right:8px;

}
.accInfoTable th{
text-align:left;
color:white;
font: 12px Verdana, Helvetica, Impact, sans-serif;
background:rgb(0,164,228);
}

.accInfoTable ol{
margin-left:0px;
margin: 0px;
padding: 0px;
}

.accInfoTable li{
font-weight:bold;
padding: 2px 0 2px 0;
}

.accThumb{
margin:8px;
cursor:pointer;
}

.accImage{
width:295px;
height:170px;
}

#accthumbInfo{
float:left;
}

.accDesc{
font: 12px Verdana, Helvetica, Impact, sans-serif;
height:150px;
width:300px;
}

.accFit{
text-align:left;
}
.accSubHead{
font: 14px Arial Black, Helvetica, Impact, sans-serif;
}

#otherProducts{
margin-left:12px;
margin-right:2px;
}

#keyHoleImg{
float:left;
}
#keyHoleTxt{
float:right;
}

#largeImg{
float:left;
}
#largeTxt{
float:right;
}
/**********************************************************************************************************/


/****************************************Youtube PLayer FOR KAYAK PAGE CSS /****************************************/

.MyTube_container{
	display:block;
	width:400px;
	float:right;
	background:#000000; 
}
.MyTube_container a.toggle{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	position:relative;
	margin:10px;
	text-align:right;
}
.MT_youtube_player{
	display:block;
	position:relative;
	width:400px;
	height:350px;
	background:#000000;
	margin:0px;
}

.MT_playlist{
	display:block;
	position:relative;
	width:400px;
	float:left;
	color:#FFFFFF;
}
.loading{
	background:url("images/spinner.gif") left center no-repeat;
	height:20px;
	padding-left:20px;
	font-family:Century Gothic, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
	.MT_playlist .MyTube_video{
		display:block;
		position:relative;
		float:left;
		text-align:center;
		width:120px;
		height:90px;
		overflow:hidden;
		border:1px #333333 solid;
		margin:0px 12px 20px 15px;
		font-size:11px;
	}
	
.MyTube_Tips{
	background:#333333;
	color:#FFFFFF;
	font-size:11px;
	padding:10px;
	width:150px;
}	
	.MyTube_Tips .tip-text{
		display:none;
	}
	
	
/*****************************************	accessories ************************************/

		
.deck{
position:relative;
float:left;
display:inline;
margin-left:10px;
margin-right:10px;
border-top:2px rgb(0,164,228) solid;
border-bottom:2px rgb(0,164,228) solid;
width:30%;
height:320px;
}
.accPic	{
float:right;
}

.accName{
font: 14px Arial Black , Helvetica, Verdana, sans-serif;
color:rgb(0,164,228);
float:left;
}
#accClose{
position: absolute; 
right:0pt; 
top:0pt;
}

.accFullDiv{
height:auto;
width:auto;
}
#border{
border:2px rgb(0,164,228) solid;
height:100%;
width:900px;
padding:5px;
}


	/***************************************** DEALERS STOCK ************************************/
#stockMap{
float:right;
width:440px;
height:440px;
border: 1px rgb(0,164,228)  solid;
margin-right:10px;
}

#stockDealerInfo{
float:left;
text-align:left;
clear:left;
width:450px;
}

.stockDealerInfoTxt{
font: 14px Verdana, Helvetica, Verdana, sans-serif;
float:left;
margin-left:13px;
}

.stockDealerInfoTxt a{
color:rgb(0,164,228);
}

#stockTable{
font: 12px Arial , Helvetica, Verdana, sans-serif;
float:left;
margin-left:13px;
}

#stockTable td{
width:189px;
text-align:center;
}
#stockTable th{
width:189px;
text-align:center;
}
.stockName{
float:left;
align:left;
text-align:left;
font-weight:bold;
}


.connectDealer{
float:left;
}
.connectImg{
position:relative;
top:95px;
left:120px;
}

	/***************************************** DEALERS MAP ************************************/
#searchBar{
float:left;
}

.countrys{
text-align:left;
margin-left:15px;
width:210px;
float:left;
}
#searchButtons{
float:left;
margin-top:1px;
margin-left:10px;
}

#dealersList{
margin-left:260px;
*margin-left:290px;
}

#map{
float:right;
width:570px;
height:660px;
border: 1px rgb(0,164,228)  solid;
margin-right:10px;
}
#data_list{
background:white;
height:602px;
width:318px;
float:left;
}
.dealerInfo{
float:left;
text-align:left;
clear:left;
width:300px;
border: 2px rgb(0,164,228)  solid;
margin-bottom:5px;
margin-left:10px;
height:124.5px;
*height:128px;
}

.dealerInfo2{
float:left;
text-align:left;
clear:left;
width:300px;
border: 2px rgb(0,164,228)  solid;
margin-bottom:5px;
margin-left:10px;
height:auto;
*height:128px;
background:url('./images/connect_dealer_bg.gif') no-repeat;
background-position:right bottom;
}

.dealerInfo3{
float:left;
text-align:left;
width:290px;
border: 2px rgb(0,164,228)  solid;
margin-bottom:5px;
margin-left:10px;
height:150px;
background:url('./images/connect_dealer_bg2.gif') no-repeat;
background-position:right top;
cursor:hand;
text-decoration:none;
color:rgb(102,102,102);  
}


.dealerInfo4{
float:left;
text-align:left;
width:290px;
border: 2px rgb(0,164,228)  solid;
margin-bottom:5px;
margin-left:10px;
height:150px;
}


#addressInput{
margin-left:12px; 
}
/**************************************** Events CSS ****************************************************/
.eventDate{
float:left;
width:100px;
}

.eventName{
float:left;
width:250px;
}

.eventDescription{
font-size:11px;
float:left;
width:195px;
}

.eventLocation{
float:left;
width:240px;
}

.monthHeader{
text-align:left;
margin-left:15px;
margin-bottom:7px;
}

.eventHeader{
margin-left:8px;
margin-bottom:0px;
}

.event{
height:auto;
width:auto;
margin-bottom:3px;
margin-top:4px;
border-top: 2px grey solid;
margin-left:15px;
margin-right:15px;
}


.eventDesc{
text-align:justify;
float:left;
margin-left:15px;
margin-right:8px;
}

.eventImage{
float:right;
width:35%;
}

.eventDDate{
width:55%;
float:left;
text-align:left;
margin-left:15px;
}


.eventDContact{
width:65%;
float:left;
text-align:left;
margin-left:15px;
}
/********************************************************************************************************/


/**************************************** Team Page CSS ****************************************************/


#paddlerInfo{
background:white;
float:left;
text-align:left;
width:65%;


}

#paddlerBio{
background:white;
float:right;
width:30%;
margin-right:10px;
text-align:left;
}

#paddlerImage{
background:white;
float:left;
margin-left:10px;

}

#paddlerQnA{
background:white;
float:left;
margin-left:10px;
}


#teamTheBoys{
float:left;
margin-left:10px;
font: 14px Arial Black , Helvetica, Verdana, sans-serif;
}
#teamTheGirls{
float:right;
margin-right:10px;
font: 14px Arial Black , Helvetica, Verdana, sans-serif;
}


.paddlerName{
width:170px;
float:left;
margin:5px;
}
/*********************************************************************************************************/

/**************************************** Gallery Page CSS ****************************************************/
.clsBigScreenArea{
margin-top:16px;
}


#mainVideoDiv{
margin-top:16px;
}

.paperLink{
background:white;
}

.wallPaperTitle{
text-align:center;
}

.wallRes {
margin-left:10px;
}

.wallInstructions{
text-align:left;
}

#brochureText{
background:white;
width:100%;
text-align:left;
float:left;
}

#brochure{
poistion:relative;
z-index:10;
float:left;
width: 920px;
height: 720px;
text-align:left;
float:left;
}

#credit{
font: 12px Arial Black , Helvetica, Verdana, sans-serif;
}
/*********************************************************************************************************/

/**************************************** Contact Us Page CSS ****************************************************/
.label{
margin-left:25px;
float:left;
width:100px;
text-align:left;
}

.contactInput{
float:left;
}

.starText{
text-align:left;
font-size:10px;
font-style:italic;
}
/*********************************************************************************************************/

/**************************************** Manuals Page CSS ****************************************************/
.manuals{
float:left;
text-align:left;
margin-left:13px;
}
/*********************************************************************************************************/
/**************************************** Kayak Reg Page CSS ****************************************************/
.regInfo{
float:left;
text-align:left;
margin-left:13px;
width:73%;
}
.regImg{
float:right;
margin-right:8px;
}

.regForm{
margin-left:5px;
font: 13px Verdana, Helvetica, Verdana, sans-serif;
}
.regSmall{
font: 10px Verdana, Helvetica, Verdana, sans-serif;
display:inline;
}
/*********************************************************************************************************/

/**************************************** Merchandise Page CSS ****************************************************/
.merch{
position:relative;
float:left;
display:inline;
text-align:left;
margin-left:10px;
margin-right:10px;
border-top:2px rgb(0,164,228) solid;
border-bottom:2px rgb(0,164,228) solid;
width:45%;
}

.merPic{
float:left;
width:150px;
display:inline;
margin-bottom:8px;
}

#merToFit{
float:right;
width:250px;
}

#merDesc{
display:inline;
float:right;
width:250px;
}

#merColour{
display:inline;
float:right;
width:250px;
}
/*********************************************************************************************************/


/**************************************** RSS Page CSS ****************************************************/
#rssTxt{
float:left;
width:82%;
text-align:left;
}

#rssImg{
float:left;
margin-left:8px;
margin-right:10px;
}
/*********************************************************************************************************/

/**************************************** Reviews Page CSS ****************************************************/
#review{
float:left;
width:50%;
height:750px;
text-align:left;
background:white;
}

#reviewList{
float:right;
width:150px;
margin-left:8px;
margin-right:10px;
background:white;
}
/*********************************************************************************************************/
		  .accFullDiv{ }          
		   div#zoom h2               {margin:10px 0 10px;}
  div#zoom p                {line-height:1.6;}
  
  /**************************************** Trips Page CSS ****************************************************/
.trips{
float:left;
text-align:left;
margin-left:13px;
}
.trip{
float:left;
text-align:left;
margin-left:13px;
margin-bottom:15px;
}

#tripName{
display:inline;
float:left;
font-weight:bold;
}
#tripDate{
margin-left:20px;
display:inline;
float:left;
}
/*********************************************************************************************************/

#compTxt{
text-align:left;
font-size:15px;
}

.sitemap{
margin-left:50px; 
}
#sitemap{
margin-left:50px; 
}
#questions{
margin-left:10px;
text-align:left;
}
#newsletterTxt{
margin-left:15px;
text-align:left;
}

.QA{
margin-right:5px;
}

#productAccs li{
list-style:number;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:-10; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:20px; right:70px; display:block; background:url(images/closelabel.png) no-repeat top center; width:128px; height:40px; text-indent:-9999px; z-index:1000;}
        #cboxClose.hover{background-position:top center;}