@charset "UTF-8";
/*______________________________________
SPEEDO
Copyright (c)  All Rights Reserved.

text:#;
background:#fff;

theme color:#d52b1e;
______________________________________*/

/* ////////////////////////////////////////
default
//////////////////////////////////////// */
body,div,
dl,dt,dd,ul,ol,li,
pre,form,fieldset,input,textarea,p,blockquote,table,th,td { 
margin:0;
padding:0;
font-size:100%;
font-style:normal;
font-weight:normal;
line-height:1.6;
}

body {
font-family:Helvetica, Arial,san-serif;
font-size:12px;
color:#333;
background:url(../images/bg.gif) 0px 68px repeat-x;
text-align:center;
}

h1 {
color: #5E6A71;
margin:0px;
padding:0px;
}

h2 {
color: #D52B1E;
font-size:20px;
margin:0px;
padding:0px;
}

h3 {
margin:0px;
padding:0px;
}

img {
vertical-align:bottom;
border:none;
}

a {
text-decoration: none;
font-weight:bold;
}

a:link {
color:#d52b1e;
text-decoration: none;
font-weight:bold;
}

a:visited {
color:#de696e;
text-decoration: none;
font-weight:bold;
}

a:hover {
color:#999;
}


a img {
border: 0;
}

.error {
display: block;
color: #D52B1E;
font-size: 10px;
margin-left: 150px;
clear:both;
}

.mainError {
display: block;
color: #D52B1E;
}

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

.clearfix {
zoom: 100%; 
}

.left {
float:left;
}

.right {
float:right;
}


/* ////////////////////////////////////////
layout
//////////////////////////////////////// */
#layout_wrapper {
width:1020px;
margin:0px auto;
text-align:left;
}

/* header ------------------------------*/
#header {
width:1016px;
margin:0px auto;
}

#header h1 {
margin:0px;
padding:16px 0px 15px;
line-height:1em;
float:left;
}

#header div {
padding-top:25px;
float:right;
width:500px;
text-align:right;
}


/* menu ------------------------------*/
#menu {
clear:both;
font-size:11px;
background:url(../images/menu_bg.gif) 0px 1px no-repeat;
height:32px;
padding:13px;
line-height:1;
}

.menulist {
margin:0px;
width:100%;
color:#fff;
z-index:100;
}

.menulist ul {
position:absolute;
display:none;
margin:0px;
padding:6px 0px 0px;
list-style:none;
}

.menulist li {
display:block;
float:left;
margin:0px;
padding:0px 0px 0px;
position:relative;
list-style:none;
}

.menulist li a {
color:#fff;
font-weight:normal;
padding:8px 14px 8px 14px;
border-right:1px dotted #ddd;
font-size:1.2em;
font-weight:bold;
}

.menulist li a:link {
color:#fff;
}

.menulist li a:visited {
color:#fff;
font-weight:bold;
}

.menulist li a:hover {
color:#ccc;
}

.menulist li.menu_store a {
padding-left:40px;
background:url(../../images/menu_icon_cart.gif) 10px center no-repeat !important;
border-right:none;

}

.menulist ul>li:last-child {
margin-bottom: 1px; /* Mozilla fix */
}

.menulist li ul {
position:absolute;
left:0px;
top:14px;
width:730px;
padding:10x;
background:#000;
-moz-opacity:0.80;
opacity:0.80;
filter:alpha(opacity=80);
}

.menulist li ul.list_a {
width:550px !important;
}

.menulist li ul li {
float:left;
display:block;
width:160px;
padding:0px 10px 15px;
margin:0px;
color:#fff;
text-indent:0;
border:none;
font-size:10px;
font-weight:normal;
background-color:#000;
}

.menulist li ul li h3 {
font-size:11px;
margin:0px;
padding:0px 0px 5px;
width:160px;
}

.menulist li ul li h3 a {
font-size:11px;
font-weight:bold;
}

.menulist li ul li a {
border:none;
font-size:11px;
font-weight:normal !important;
cursor:pointer;
margin:0px;
padding:0px;
}

.menulist li ul li a strong {
font-weight:bold;
font-size:12px;
}

.menulist a .subind {
display: none;
}
.menulist ul a .subind {
display: block;
float: right;
}

.menulist a {
float: left;
}
.menulist ul a {
float: none;
}
/* _*/
.menulist a {
float: none;
}
/* */

*:first-child+html .menulist ul li {
float: left;
}

* html .menulist ul li {
float: left;
height: 1%;
}
* html .menulist ul a {
height: 1%;
}
/* End Hacks */

/* menulist .menu-box ------------------------------*/
.menulist .menulist-products {
width:640px;
padding:0px;
margin:0px;
_width:660px;
}

.menulist .menu-box {
padding:10px 10px 0px;
height:33em;
overflow:visible;
_padding-right:0px;
}

.menulist .menu-box p {
line-height:1.5;
font-size:10px;
_font-size:9px;
padding-bottom:7px;
}

.menulist .menu-box span em {
display:none;
}

.menulist .menu-box span a {
display:block;
padding:3px 4px 3px 12px;
background:url(../images/navi_arrow.gif) 2px 6px no-repeat;
line-height:1.3;
}

.menulist .menu-box span a.cld {
background:url(../images/navi_-.gif) 2px 6px no-repeat;
}


.menulist .menu-box span a:hover {
background:url(../images/navi_arrow.gif) 2px 6px no-repeat;
background:#d52b1e;
color:#fff;
}

.menulist .menu-box a img {
padding:0px;
margin:0px;
}

.menulist .menu-box h3 {
padding-bottom:10px;
}

.menulist .menu-box strong {
display:block;
padding-bottom:7px;

}

.menulist .menu-box h3 em {
font-size:10px;
font-weight:normal;
font-style:normal;
display:block;
}

.menulist .menu-swimware {
background:#000;
width:280px;
}

.menulist .menu-swimware span {
display:block;
width:140px;
float:left;
}

.menulist .menu-apparel {
background:#212121;
width:150px;
}

.menulist .menu-mind {
background:#333333;
width:140px;
}

.menulist .menu-equipment {
background:#424242;
width:150px;
}



/* path ------------------------------*/
#path {
clear:both;
padding:15px 0px;
}

#path a {
font-weight:normal;
}

#path a:hover {
color:#999;
}

/* contents ------------------------------*/
#contents {
width:1016px;
margin:0px auto;
padding:10px 0px;
margin-bottom:50px;
background:#fff url(../images/contetns_top.gif) left top no-repeat;
}

#contents h1 {
font-weight:bold;
font-size:3em;
margin-bottom:15px;
}

#contents h2 {
padding-left:20px;
margin:0px 0px 10px;
}


/* pagetop ------------------------------*/
.pagetop {
text-align:right;
font-size:11px;
margin:15px 0px;
}

.pagetop a {
font-weight:normal;
}

/* footer ------------------------------*/
#layout_footer {
text-align:left;
background:url(../images/footer_bg.gif) 0px 0px repeat-x;
height:48px;
margin-bottom:30px;
}

#footer {
width:1016px;
margin:0px auto;
height:48px;
}


.footerMenu {
clear:both;
padding-top:15px;
font-size:12px;
}

.footerMenu a {
font-weight:normal;
}

.footerMenu a:link {
color:#333;
font-weight:normal;
}

.footerMenu a:visited {
color:#333;
font-weight:normal;
}

.footerMenu a:hover {
color:#999;
}

.footerMenu ul {
float:left;
list-style:none;
}

.footerMenu .contact {
float:right;
}

.copyright {
margin:8px 0px;
padding-left:8px;
font-size:11px;
color:#a3a3a3;
}

.copyright a {
color:#a3a3a3;
}




/* ////////////////////////////////////////
athletes
//////////////////////////////////////// */
.athleteImageTD {
width: 96px;
background-color: #E1EDF4;
}

.athleteTD {
background-color: #E1EDF4;
}




/* end */
.reg_form label {
width: 11em;
float: left;
text-align: right;
margin-right: 1.5em;
display: block;
}


div#canceldiv {
background-color: #EEEEEF;
margin-top: 4px;
margin-left: 4px;
}
div#canceldiv a {
color: #D52B1E;
}

#mainlevellogin, #mainlevelfooter {
float: left;
margin: 0;
padding: 0;
}

#mainlevellogin li, #mainlevelfooter li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;

}

.formIndent {
margin-left: 150px;
display:block;
clear:both;
}

div.submenu {
display: none;
position: absolute;
background-color: white;
z-index: 2;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
min-width: 139px;
white-space: nowrap;
border-right: 2px solid #CDCDCD;
border-bottom: 2px solid #CDCDCD;
border-top: 1px solid #FAFAFA;	
}

div.submenu	a {
font-size: 11px;
color: #5E6A71;
display: block;
margin-right: 8px;
font-weight: normal;
}

div.submenu	a:hover {
color: #D6291F;
font-weight: normal;
}

#mainlevelmainLinks a  {
padding-right: 8px;
padding-left: 8px;
border-left: 1px solid white;
font-weight: normal;
}

#mainlevelmainLinks a.hasChildren  {
padding-right: 22px;
background-image: url(../../images/arrow_white.gif);
background-repeat: no-repeat;
background-position: right;
font-weight: normal;
}

#mainlevelmainLinks a.hasChildren:hover  {
background-image: url(../../images/arrow_red.gif);
font-weight: normal;
}
.search {
float:left;
}
.search	input {
font-size:11px;
width:80px;
border:1px solid white;
background-color: #D52B1E;
color: white;
margin-left: 8px;
margin-top: 4px;
}

#homeContent {
font-size: 14px;
}

#homeContent h1 {
font-size: 28px;
margin:0;
color: white;
}


/* RIBBON START */


#slideshow {
margin: 0;
width: 1016px;
height: 68px;
border: 0px solid red;
}

#slideshow_wrapper {
/* relative to catch the children */
position: relative;
/* overflow: scroll; */
/* change asked by the client -- breaks compatily with no-js browsers/users */
overflow: hidden;
width: 926px;
height: 51px;
border: 0px solid red;
top: 9px;
}

#slideshow_set {
position: absolute;
border: 0px solid red;
left: 0px;
}

#slideshow ul {
list-style:none;
}

#slideshow_set li {
list-style:none;
float: left;
height: 51px;
width: 98px;
margin-right: 16px;
}



#navigation {
position: absolute;
z-index: 10;
}

#previous_left {
left: 0;
top: 0;
background: url(../../images/blank.gif) no-repeat;
}

#next_right {
left: 996px;
top: 0;
background: url(../../images/blank.gif) no-repeat;
}

#previous_left, #next_right {
position: absolute;
overflow: hidden;
display: block;
padding: 0 0 0 20px;
height: 68px;
width: 0px !important; /* for most browsers */
width /**/: 20px; /* for IE5.5's bad box model */
}

#scroll_left {
left: 20px;
top: 0;
background: url(../../images/blank.gif) no-repeat;
}

#scroll_right {
left: 971px;
top: 0;
background: url(../../images/blank.gif) no-repeat;
}

#scroll_left, #scroll_right {
position: absolute;
overflow: hidden;
display: block;
padding: 0 0 0 25px;
height: 68px;
width: 0px !important; /* for most browsers */
width /**/: 25px; /* for IE5.5's bad box model */
}

#pngBg {
height:68px;
width:100%;
background-image:url(../../images/ribbon.png);
}

#overlayDiv {
position: absolute;
background-color: white;
width: 98px;
height: 67px;
z-index: 20;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
cursor: pointer;
font-size: 10px;
overflow: hidden;

}

#overlayDiv span {
display: block;
padding: 16px 8px;
font-size: 10px;
width: 82px;
height: 35px;
color: black;
}

#thumbSelected {
position: absolute;
z-index: 40;
width: 94px;
height: 47px;
border: 2px solid #D52B1E;
}

/* ////////////////////////////////////////
index
//////////////////////////////////////// */
.icon_new {
background:#ff9900;
color:#fff;
padding:2px 5px;
font-size:9px;
line-height:1em;
font-family:"Lucida Console", Monaco, monospace;
font-weight:normal;
}

#index {
width:1016px;
margin:0px auto;
}

#index_banner {
text-align:center;
margin-bottom:15px;
}

#index_wrapper {
clear:both;
}

/* #index_news------------------------------*/
#index_news {
width:720px;
float:left;
}

#index_news h2 {
padding-bottom:5px;
border-bottom:2px solid #999;
}

#index_news table.news {
width:100%;
}


#index_news table th,
#index_news table td {
padding:8px 0px;
border-bottom:1px dotted #ccc;
}

#index_news table th {
font-size:9px;
line-height:1em;
font-family:ProFont, Monaco, Verdana, Lucida, Arial, Helvetica, Sans-serif;
color:#666;
background:url(../../index/index_news_arrow.gif) right center no-repeat;
padding-right:15px;
}

#index_news table td {
padding-left:15px;
}

#index_news table td a:link {
font-weight:normal;
}

#index_news table td a:hover {
}

#index_news p {
padding:10px 0px;
text-align:right;
}

#index_news p a {
padding-left:15px;
background:url(../../index/index_news_arrow.gif) left center no-repeat;
}



/* #index_newsletter------------------------------*/
#index_newsletter {
width:273px;
float:right;
padding-bottom:6px;
background:url(../../index/newsletter_bottom.gif) left bottom no-repeat;
}

#index_newsletter img {
line-height:0.1px;
}

#index_newsletter div {
padding:10px 15px;
background:url(../../index/newsletter_body.gif) left top repeat-y;
}

#index_newsletter h2 {
	padding-bottom:10px;
}

#index_newsletter h3 {
padding:10px 0px;
}

#index_newsletter p {
padding:0px 0px 10px;
}

#index_newsletter dl {
}

#index_newsletter dt {
float:left;
width:110px;
text-align:center;
}

#index_newsletter dd {
float:right;
width:125px;
font-size:10px;
}

#index_newsletter br {
font-size:0.1px;
line-height:0.1px;
}




/* index_subbanner ------------------------------*/
#index_subbanner {
border:2px solid #ccc;
padding:14px 0px 2px 14px;
}
#index_subbanner a img {
cursor:pointer;
border:1px solid #999;
}

#index_subbanner a:hover img {
filter:alpha(opacity=70); 
-moz-opacity:0.70;
-khtml-opacity: 0.7;
opacity:0.70;
border:1px solid #c00;
}

#index_subbanner ul {
list-style:none;
text-align:center;
margin:0px auto;
}

#index_subbanner ul li {
float:left;
padding-right:18px;
padding-bottom:12px;

}

#index_subbanner ul li.last {
padding-right:0px;
}


/* this makes it possible to add next button beside scrollable */
div.scrollable {
width:976px;
border:1px solid #ccc;
float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
float:left;
display:block;
width:18px; height:18px;
background:#ccc;
float:left;
margin:100px 0px;
cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
background-position:0px -16px;
}
/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}

/* next button uses another background image */
a.prev, a.prevPage {
background:url(../../index/index-navi-prev.gif) left top no-repeat;
}


/* next button uses another background image */
a.next, a.nextPage {
background:url(../../index/index-navi-next.gif) left top no-repeat;
clear:right;
}


/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi {
width:100px; height:20px;
margin:0 auto; padding:0;
text-align:center;
}
/* items inside navigator */
div.navi a {
float:left;
width:8px;
height:8px;
margin:3px;
background:#ff0;
cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
background-position:0 -8px;
}
/* active state (current page state) */
div.navi a.active {
background-position:0 -16px;
}

/*********** root element ***********/
/* root element for the whole scrollable setup */
.scrollable {
position:relative;
overflow:hidden;
width:920px;
height:220px; /* 画像の幅×3 */
}
/* 
root element for scrollable items. It is 
absolutely positioned with large width. 
*/
#thumbs {
position:absolute;
width:20000em;
clear:both;
}

/* single item */
#thumbs div {
position:relative;
float:left;
width:244px; height:220px;
color:#333;
background:#f9f9f9;
}

#thumbs div.hover { }
#thumbs div.active { }

#thumbs span.blue {
position:absolute;
bottom:0; left:0;
font-size:10px;
}


/* ////////////////////////////////////////
banner
//////////////////////////////////////// */
#banner_body {
}

#banner_body h2 {
border-bottom:1px solid #000;
padding-bottom:5px;
margin-bottom:15px;
}

#banner_body p {
margin-bottom:30px;
}

#banner_body h3 {
float:left;
width:150px;
font-size:1em;
line-height:1.6;
}

#banner_body span {
font-size:0.9em;
font-weight:normal;
}

#banner_body ul {
display:block;
float:right;
padding-left:30px;
border-left:1px dotted #999;
width:820px;
}

#banner_body ul li {
margin-bottom:20px;
}

#banner_body h4 {
font-size:1.2em;
margin:0px 0px 5px;
}

#banner_body table {
}

#banner_body table  td {
padding-right:15px;
}

#banner_body table  td textarea {
height:60px;
width:300px;
}

/* ////////////////////////////////////////
news
//////////////////////////////////////// */
#news td {
border-bottom:1px dotted #ccc;
padding:15px;
}