/* CSS Document */
.at_item span { color: #000!important; }

/* Links */
a { color:#f80606; text-decoration:none; }

a:hover { text-decoration:underline; }

div#footer a { color:#525253; text-decoration:none; }
div#footer a:hover { color:#f80606; }

div#testimonials a { color:#006837; text-decoration:none; }
div#testimonials a:hover { color:#8bc53e; }

h1.home { background:#f80606; font-size:16px; color:#fff; padding:10px 5px; clear:both; margin:25px 0; border:none; text-transform:none; font-weight:normal; top:10px; }
h2.proddetail {
	font-size:14px;
	color:#000;
	margin:0 0 16px 0;
	font-weight:bold;
	border-bottom:#000 1px solid;
	text-transform:uppercase;
}

/* End */

/* Typography */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#525253;
}
h1 {
	font-size:14px;
	color:#000;
	font-weight:bold;
	border-bottom:#000 1px solid;
	margin:15px 0;
	text-transform:uppercase;
}
h2 {
	font-size:13px;
	color:#000;
	margin:0 0 16px 0;
	font-weight:bold;
}
h3 {
	text-transform:uppercase;
		font-size:12px;
	color:#000;
	margin:0 0 16px 0;
	font-weight:bold;
	}
p {
	margin:0 0 14px 0;
}
div#footer {
	color:#000;
}
div#footer span {
	color:#006837;
}
div#header {
	position:relative;
	background:url(../images/bg_header.gif) no-repeat top left ;
	width:960px;
	height:175px;
}
body.homepage div#header {
	height:450px;
}
ul#topnavsm {
	position:absolute;
	top:20px;
	left:382px;
	z-index:200;
}
ul#topnavsm li {
	float:left;
	margin:0 5px;
	}
ul#topnavsm li a {
	color:#525253;
	}
ul#topnavsm li a:hover {
	border-bottom:2px solid red;
	text-decoration:none;
}
ul#topnav {
	position:absolute;
	top:65px;
	float:right;
	right:0;
	width:670px;
	height:36px;
	z-index:10000;
}

ul#topnav li {
	float:left;
}

ul#topnav li a {
	display:block;
	height:36px;
	text-indent:-9000px;
	background:url(../images/bg_topnav.gif) no-repeat 0 0;
}

ul#topnav li#link01 a { width:114px; background-position:0 0; }
ul#topnav li#link02 a { width:89px; background-position:-114px 0; }
ul#topnav li#link03 a { width:51px; background-position:-203px 0; }
ul#topnav li#link04 a { width:113px; background-position:-254px 0; }
ul#topnav li#link05 a { width:99px; background-position:-367px 0; }
ul#topnav li#link06 a { width:97px; background-position:-466px 0; }
ul#topnav li#link07 a { width:107px; background-position:-563px 0; }

ul#topnav li#link01 a:hover { background-position:0 -36px; }
ul#topnav li#link02 a:hover { background-position:-114px -36px; }
ul#topnav li#link03 a:hover { background-position:-203px -36px; }
ul#topnav li#link04 a:hover { background-position:-254px -36px; }
ul#topnav li#link05 a:hover { background-position:-367px -36px; }
ul#topnav li#link06 a:hover { background-position:-466px -36px; }
ul#topnav li#link07 a:hover { background-position:-563px -36px; }


body.link01 ul#topnav li#link01 a { background-position:0 -36px; }
body.link02 ul#topnav li#link02 a { background-position:-114px -36px; }
body.link03 ul#topnav li#link03 a { background-position:-203px -36px; }
body.link04 ul#topnav li#link04 a { background-position:-254px -36px; }
body.link05 ul#topnav li#link05 a { background-position:-367px -36px; }
ul#topnav a.products {
	width: 109px; 
}
ul#topnav li .sub {
	position: absolute;	
	top: 36px; 
	left: 0;
	background-color:rgba(24,24,26 0.9);
	background-color:#181a1a;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-khtml-opacity: 0.9;
	-moz-opacity:0.9;
	padding: 10px 10px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	background-color:rgba(24,24,26, 0.9);
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 190px;
	float: left;
}
#topnav #link02 li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	
}
ul#topnav .sub ul li h2 {
	padding: 5px 0;
	background-image: none;
	color: #c7c7c9;
	border-bottom:1px solid #525253;
}
#topnav #link01 .sub ul li h2 a {padding: 5px 0; background-image: none; }
#topnav #link02 .sub ul li h2 a {padding: 5px 0; background-image: none; }
#topnav #link03 .sub ul li h2 a {padding: 5px 0; background-image: none; }
#topnav #link04 .sub ul li h2 a {padding: 5px 0; background-image: none; }
#topnav #link05 .sub ul li h2 a {padding: 5px 0; background-image: none; }
#topnav #link06 .sub ul li h2 a {padding: 5px 0; background-image: none; }
#topnav #link01 .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/navlist_arrow.gif) no-repeat 5px 12px;
	padding: 4px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	width:185px;
}
#topnav #link02 .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/navlist_arrow.gif) no-repeat 5px 12px;
	padding: 4px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	width:140px;
}
#topnav #link03 .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/navlist_arrow.gif) no-repeat 5px 12px;
	padding: 4px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	width:185px;
}
#topnav #link04 .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/navlist_arrow.gif) no-repeat 5px 12px;
	padding: 4px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	width:185px;
}
#topnav #link05 .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/navlist_arrow.gif) no-repeat 5px 12px;
	padding: 4px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	width:185px;
}
#topnav #link06 .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/navlist_arrow.gif) no-repeat 5px 12px;
	padding: 4px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	width:185px;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 10px ;}
div#search {
	position:absolute;
	left:620px;
	top:15px;
	font-weight:bold;
	}
input {
	color: #f80606;
	background: #fff;
	border: 2px solid #f1f1f3;
	padding:5px 3px 3px 3px;
	right:0;
	}
.button {
	width:27px;
	height:25px;
	border:none;
	background:url(../images/submit_button.gif) no-repeat top left;
	text-indent: -999em;
	top:0;
	margin:-2px 0 0 -4px;
	cursor:pointer;
	}
.buttongo {
	padding: 5px 5px;
	border:none;
	background: #525253;
	top:0;
	margin:-3px 0 0 0px;
	cursor:pointer;
	color:#c7c7c9;
	}
div#google {
	position:absolute; right:65px; top:1px;
}
div#social {
	position:absolute;
	float:right;
	right:0;
	top:15px;
	}
div#social img {
	margin:0 2px;
	}
a.transeffect {
opacity:1;
filter:alpha(opacity=100);
filter: “alpha(opacity=100)”;
}
a.transeffect:hover {
opacity:.70;
filter:alpha(opacity=70);
filter: “alpha(opacity=70)”;
}
div#brandlogos {
	width:960px;
	height:45px;
	background:#f1f1f3;
	margin:5px 0 0 0;
	}
div#content {
	width:930px;
	margin:0 auto;
	}
div#slideshowhome {
	margin:0 0 15px 0;
	}
div#tiles {
	width:930px;
	margin:0 0 15px 0;
	clear:both;
	}
img.tile01 { float:left; margin:0; }
img.tile02 { float:left; margin:0 15px; }
img.tile03 { float:left; margin:0; }
div#homecol01 {
	width:458px;
	float:left;
	background: url(../images/bg_video.gif) no-repeat top;
	margin:15px 0 0 0;
	}
div#homecol02 {
	float:right;
	width:458px;
	background: url(../images/bg_blog.gif) no-repeat top;
	margin:15px 0 20px 0;
	border-bottom:#e0e0e1 1px solid;
	height:329px;
	clear:right;
	}
div#colcontent {
	padding:50px 0 0 0;
	}
div#col01 {
	background:#fff;
	float:left;
	width:693px;
	padding:0 15px;
	border:#f1f1f3 1px solid;
	margin-bottom:15px;
	}
div#col02 {
	float:right;
	right:0;
	margin-bottom:15px;
	}
div#prodcol01 {
	float:left;
	width:615px;
	padding:0;
	}
div#prodcol02 {
	float:right;
	width:300px;
	}
div#topcol02 {
	background:#000;
	height:472px;
	color:#fff;
	padding:20px;
	width:261px;
	margin-bottom:15px;
	}
div#topcol02 a {
	color:#fff;
	text-decoration:none;
	}
div#topcol02 h1 {
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	border:none;
	padding:0;
	}
div#botcol02 {
	background:#fff;
	height:440px;
	color:#000;
	padding:20px;
	width:260px;
	margin-bottom:15px;
	}
div#botcol02 a {
	color:#fff;
	text-decoration:none;
	}
div#botcol02 h1 {
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	}
div#smallcol01 {
	float:left;
	width:398px;
	padding:0;
	border:#f1f1f3 1px solid;
	margin:0 10px 0 0;
	background:#fff;
	}
div#smallcol02 {
	float:right;
	right:0;
	background:#fff;
	width:178px;
	border:#f1f1f3 1px solid;
	height:491px;
	padding:10px;
	}
div#smallcol02 h3 {
	color:#f80606;
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
	}
div#smallcolbot {
	float:left;
	width:553px;
	padding:30px;
	border:#f1f1f3 1px solid;
	background:#fff;
	margin:14px 0;
	}
div.feedburnerFeedBlock {
font-family: Arial, Helvetica, sans-serif;
padding:5px;
font-size: 11px;
color: #525253;
overflow:hidden; 
}
div.feedburnerFeedBlock p.feedTitle {
font-size: 100%;
font-weight: bold; 
}
div.feedburnerFeedBlock span.headline {
display: block;
margin: 0 15px 0 70px;
color:#000;
font-size: 12px;
width:360px;
}
div.feedburnerFeedBlock p.date {
font-size: 12px;
margin: -5px 12px 0 0;
color: #000 ;
float:left;
background:url(../images/blog_date.gif) no-repeat;
width:25px;
height:47px;
clear:both;
padding:2px 17px 0 13px;
text-align:center;
}
div.feedburnerFeedBlock li {
text-indent: 0px ;
margin:0 0 10px 15px;
width:420px;
}
div.feedburnerFeedBlock ul {
margin:0px;
padding-bottom:0px;
border-bottom:0px dotted #ccc;
list-style:none;}
div.feedburnerFeedBlock li a {
	text-decoration: none;
	color:#000;
 	}
div.feedburnerFeedBlock li a:hover {
	text-decoration: none;
	 }
#creditfooter {
	display: none;
	}
p.copyright {
	position:absolute;
	bottom:0;
	left:15px;;
	font-size:11px;
	color:#c7c7c9;
	}
.jimgMenu {
	width:681px;
	position:relative;
	height: 551px;
	overflow: hidden;
	margin: 0 0 15px 0;
}
.jimgMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 551px;
	width: 1340px;	
	}
.jimgMenu ul li {
	float: left;
}
.jimgMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:65px;
	height: 551px;
}
/* surfboard menu */
.jimgMenusurfboard {
	width:690px;
	position:relative;
	height: 551px;
	overflow: hidden;
	margin: 0 0 15px 0;
}
.jimgMenusurfboard ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 551px;
	width: 1340px;	
	}
.jimgMenusurfboard ul li {
	float: left;
}
.jimgMenusurfboard ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:74px;
	height: 551px;
}
.jimgMenusurfboard ul li.opt1 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/TIKI-PU-SLIDER.jpg) repeat scroll 0% ; height:551px;
}
.jimgMenusurfboard ul li.opt2 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/HB-SLIDER.jpg) repeat scroll 0%;
}
.jimgMenusurfboard ul li.opt3 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/TIKI-FF-SLIDER.jpg) repeat scroll 0%;
}
.jimgMenusurfboard ul li.opt4 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/TIKI-CLX-SLIDER.jpg) repeat scroll 0%;
}
.jimgMenusurfboard ul li.opt5 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/SURF-SERIES-SLIDER.jpg) repeat scroll 0%; min-width:170px;
}
.jimgMenusurfboard ul li.opt7 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/NSP-SLIDER.jpg) repeat scroll 0%;
}
.jimgMenusurfboard ul li.opt8 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/SOUTHPOINT-SLIDER.jpg) repeat scroll 0%;
}
.jimgMenusurfboard ul li.opt12 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/MCKEE-SLIDER.jpg) repeat scroll 0%;
}		
/* wetsuit menu */
.jimgMenuwetsuit {
	width:690px;
	position:relative;
	height: 551px;
	overflow: hidden;
	margin: 0 0 15px 0;
}
.jimgMenuwetsuit ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 551px;
	width: 1340px;	
	}
.jimgMenuwetsuit ul li {
	float: left;
}
.jimgMenuwetsuit ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:57px;
	height: 551px;
}
.jimgMenuwetsuit ul li.opt1 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/MENS-SUMMER-SLIDER.jpg&w=170&h=551) repeat scroll 0% ;
}
.jimgMenuwetsuit ul li.opt2 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/MENS-WINTER-SLIDER.jpg&w=170&h=551) repeat scroll 0%;
}
.jimgMenuwetsuit ul li.opt3 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/LADIES-SUMMER-SLIDER.jpg&w=170&h=551) repeat scroll 0%;
}
.jimgMenuwetsuit ul li.opt4 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/LADIES-WINTER-SLIDER.jpg&w=170&h=551) repeat scroll 0%;
}
.jimgMenuwetsuit ul li.opt5 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/KIDS-SUMMER-SLIDER.jpg&w=170&h=551) repeat scroll 0%;
}
.jimgMenuwetsuit ul li.opt6 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/KIDS-WINTER-SLIDER.jpg&w=170&h=551) repeat scroll 0%;
}
.jimgMenuwetsuit ul li.opt7 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/BOOTS-SLIDER.jpg&w=170&h=551) repeat scroll 0%;
}	
.jimgMenuwetsuit ul li.opt8 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/HOODS-SLIDER.jpg&w=170&h=551) repeat scroll 0%;
}	
.jimgMenuwetsuit ul li.opt9 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/GLOVES-SLIDER.jpg&w=170&h=551) repeat scroll 0%; min-width:170px;
}
.jimgMenuwetsuit ul li.opt10 a {
	background:url(/images/mckee-slide.jpg) repeat scroll 0%; min-width:170px;
}
/* sup menu */
.jimgMenusup {
	width:690px;
	position:relative;
	height: 551px;
	overflow: hidden;
	margin: 0 0 15px 0;
}
.jimgMenusup ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 551px;
	width: 1340px;	
	}
.jimgMenusup ul li {
	float: left;
}
.jimgMenusup ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:100px;
	height: 551px;
}
.jimgMenusup ul li.opt1 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/TIKI-SUP-SLIDER.jpg&w=170&h=551) repeat scroll 0% ;
}
.jimgMenusup ul li.opt2 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/SURF-SERIES-SUP-SLIDER.jpg&w=170&h=551) repeat scroll 0%;
}
.jimgMenusup ul li.opt3 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/SOUHTPOINT-SUP-SLIDER.jpg&w=170&h=551) repeat scroll 0%;
}
.jimgMenusup ul li.opt4 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/NSP-SUP-SLIDER.jpg&w=170&h=551) repeat scroll 0%;
}
.jimgMenusup ul li.opt5 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/SOFT-SUP-SLIDER.jpg&w=170&h=551) repeat scroll 0%;
}
.jimgMenusup ul li.opt7 a {
	background:url(http://www.tikisurf.co.uk/phpthumb/phpthumb.php?src=/images/sliders/HYDRA-SUP-SLIDER.jpg&w=170&h=551) repeat scroll 0%; min-width:170px;
}
p.breadcrumb {
	font-size:12px;
	color:#000;	
	}
p.breadcrumb a {
	text-decoration:none;
	color:#000;
	}
.breadcrumb span {
	text-decoration:none;
	color:#000;
	font-weight:bold;
	}
p.back {
	position:absolute;
	float:right;
	right:15px;
	top:175px;
	text-decoration:none;
	color:#000;
	}
p.back a {
	text-decoration:none;
	color:#000;
	}
div.prodlist {
	border:2px solid #f1f1f3;
	float:left;
	margin:0 40px 25px 0;
	padding:5px;
	text-align:center;
	width:190px;
	height:258px;
	}
div.prodlist a {
	color:#525253;
	font-size:11px;
	}
div.prodlistlast {
	border:2px solid #f1f1f3;
	float:right;
	margin:0 0 25px 0;
	padding:5px;
	text-align:center;
	width:190px;
	height:258px;
	}
div.prodlistlast a {
	color:#525253;
	font-size:11px;
	}
p.dotted {
	background:url(../images/bg_dotted.jpg) no-repeat top;
	margin:0;
	line-height:8px;
	}
img.buy {
	margin:15px 0;
	}
p.price {
	background:url(../images/bg_price.png) no-repeat;
	width:146px;
	height:32px;
	color:#fff;
	padding:6px 0 0 15px;
	text-transform:uppercase;
	}
p.price span {
	font-size:18px;
	}
div#footcol01 {
	float:left;
	width:585px;
	padding:15px;
	background:#fff;
	margin:0 0 0 15px;
	}
div#footcol02 {
	float:right;
	width:270px;
	background:#f1f1f3;
	padding:15px;
	margin:0 15px 0 0;
	}
div#footcol02 h2 {
	margin-bottom:0;
	}
div.foot01 {
	float:left;
	width:170px;
	margin:0 35px 0 0;
	color:#525253;
	}
div.foot02 {
	float:left;
	width:165px;
	margin:0;
	color:#525253;
	}
img.shops {
	float:left;
	margin:0 10px 0 0;
	border:3px solid #fff;
	}
p.tel {
	color:#f92e2e;
	font-weight:bold;
	}
.hr {
	width:587px;
	margin:16px auto;
	}
table.proddetail {
	color:#000;
	}
table.proddetail td {
	padding:5px;
	}
div#dimensions {
	margin:10px 0 10px 0;
	}
ul#sizes {
	clear:both;
	font-size:11px;
	}
ul#sizes li {
	float:left;
	background: url(../images/bg_sizes.gif) no-repeat;
	color:#fff;
	margin:0 6px 6px 0;
	width:31px;
	height:28px;
	padding:5px 0 0 0;
	text-align:center;
	}
div#related {
	margin:10px 0;
	}
div.features {
	width:80px;
	margin:0 auto;
	padding:0 5px 5px 5px;
	}
a.tip {
	text-decoration: none;
	color:#fff;
	font-size:10px;
}
a.tip:hover {
	position: relative;
	cursor: pointer;
}
a.tip span {
	display: none;
}
a.tip:hover span {
	display: block;
   	position: absolute; top: 10px; left: 0;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	border: 1px solid #f80606;
    text-decoration: none;
	padding-right: 10px;
	background-color:rgba(24,24,26 0.9);
	background-color:#181a1a;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-khtml-opacity: 0.9;
	-moz-opacity:0.9;	width: 280px;
	/* end formatting */
}
.shapes {
	margin:0;
	padding:0;
	}
#zoom {
	float:right;
	padding:5px;
	right:0;
	}
.smlogo {
	bottom: 0px;
	left: 0px;
	}
div#ukteam {
 	/*background: url(../images/bg_ukteam.png) no-repeat;*/
	width:303px;
	padding:3px;
	overflow:auto;
	margin:5px 0 0 10px;
 	}
div#ukteam img { border:solid 1px #525050; float:left; margin-right:2px; }
div#ukteam h2 { width:203px;}
div#ukteam p { border-bottom:solid 1px #525050; position:relative; margin:25px 0 0 0; }
div#ukteam p a { color:#000; }
div.teambox { float:left; width:149px; margin:2px 2px 2px 0; }

div#europe {
 	/*background: url(../images/bg_ukteam.png) no-repeat;*/
	width:303px;
	padding:3px;
	overflow:auto;
	float:right;
	margin:0 70px 0 0;
 	}
div#europe img { border:solid 1px #525050; float:left; margin-right:5px; }
div#europe h2 { width:203px;}
div#europe p { border-bottom:solid 1px #525050; position:relative; margin:25px 0 0 0; }
div#europe p a { color:#000; }

div#brazil {
 	/*background: url(../images/bg_ukteam.png) no-repeat;*/
	width:303px;
	padding:5px;
	overflow:auto;
	float:left;
	position:relative;
	margin:100px 0 0 10px;
 	}
div#brazil img { border:solid 1px #525050; float:left; margin-right:5px; }
div#brazil h2 { width:203px;}
div#brazil p { border-bottom:solid 1px #525050; position:relative; margin:25px 0 0 0; }
div#brazil p a { color:#000; }

div#australia {
 	/*background: url(../images/bg_ukteam.png) no-repeat;*/
	width:303px;
	padding:5px;
	overflow:auto;
	float:right;
	margin:30px 0 0 0;
 	}
div#australia img { border:solid 1px #525050; float:left; margin-right:5px; }
div#australia h2 { width:203px;}
div#australia p { border-bottom:solid 1px #525050; position:relative; margin:25px 0 0 0; }
div#australia p a { color:#000; }
.polaroid { width:147px; height:150px; background-image:url(../images/polaroid-bg.png); position:absolute; }
.polaroid img { width:134px; height:110px; margin:11px 0 0 7px; }
.polaroid p { text-align:center; font-family:Arial; font-size:9px; color:#2E2E2E; margin-top:6px; }
#polaroidcontainer { left:0; margin-left:-100px; width:690px; height:600px; }
div.surfcam {
	float:left;
	padding:0 5px 0 0;
	}
img.surfcamads {
	margin:5px 7px;
	}

img.portal {
	float:left;
	margin:5px;
	border: 1px solid #474748;
	}
div.portalteam {
	float:left;
	margin:5px;
	}
div.portalteam img {
	border: 1px solid #474748;
	padding:1px;
	margin:0 0 5px 0;
	}
div.portalteam p a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}
img.scnav {
		margin:0 38px 0 0;
}
div.vidtext {
	background:#000;
	color:#FFF;
	float:right;
	width:270px;
	padding:10px;
	height:205px;
}
div.vidtext h2 {
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:10000}
#fb-root #fb_dialog_ipad_overlay.hidden{display:none}
/* demo specific styles */


/* jquery-method */

span.roll {
    background:url(../images/mag.png) center center no-repeat #000;
    height: 479px;
    position: absolute;
    width: 398px;
    z-index: 10;	
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px  #000;
	box-shadow: 0px 0px 4px  #000; 
} 
 
 
 






/* css-method */


span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url(../images/mag.png) center center no-repeat #000;
	cursor: pointer;
	height: 479px;
	width: 398px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

span.rollover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}
