/**
 * Layout for sigvaris-sports.com
 * (c) CLICKSPORTS DIGITAL SOLUTIONS
 * http://www.clicksports.de
 * 
 * $Rev: 1994 $
 * $Author: cs $
 * $Date: 2010-06-02 09:24:04 +0200 (Mi, 02 Jun 2010) $
 */

/* Reset Section */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset,img { border: 0px; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size: 130%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
ul { list-style: none; }
object, embed { outline: none; }
td { vertical-align: top; }

/* Basic Section */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #002E62;
}

a:link { color: #002E62; text-decoration: none; }
a:visited { color: #002E62; text-decoration: none; }
a:hover { color: #002E62; text-decoration: none; }
a:active { color: #002E62; text-decoration: none; }
a { outline: none; }

/* Layout Section */
div#page { width: 1024px; margin: 0px auto; }
div#header { height: 87px; position: relative; }

/* Header Section */
div#header h1 {
	padding: 29px 24px 0px 0px;
	text-align: right;
}

/* Search */
form#search {
	top: 30px;
	left: 24px;
	position: absolute;
}
input#search_field {
	width: 86px;
	top: -4px;
	margin: 0px 6px 0px 0px;
	padding: 2px;
	font-size: 10px;
	border: 1px solid #565555;
	color: #000000;
	background-color: #FFFFFF;
	position: relative;
}

/* Tab Interface */
div#tab_navigation {
	height: 55px;
	margin-bottom: 20px;
	position: relative;
}
ul#tabs {
	padding: 0px 90px;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
ul#tabs li { float: left; }
ul#tabs li a {
	margin-right: 30px;
	line-height: 55px;
	color: #FFFFFF;
	display: block;
}
ul#tabs li a:hover,
ul#tabs a.active {
	background-image: url(../layout/bg_tabs_active.gif);
	background-repeat: repeat-x;
	background-position: 0px 40px;
}

/* Main Navigation */
ul#navigation {
	font-family: Corbel, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	list-style: none;
}
ul#navigation li {
	padding-right: 22px;
	text-align: center;
	background-image: url(../layout/bg_navigation.gif);
	background-repeat: repeat-x;
	float: left;
	position: relative;
}
ul#navigation li:first-child { padding-left: 25px; }
ul#navigation li ul li:first-child { padding-left: 0px; }

ul#navigation li#language_switch {
	padding-left: 20px;
	background-image: url(../layout/bg_language_switch.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
ul#navigation li#language_switch a { font-weight: normal; }

ul#navigation li a {
	color: #FDFDFD;
	font-weight: 800;
	line-height: 37px;
	outline: none;
	display: block;
}

ul#navigation li:hover a,
ul#navigation li a.active,
ul#navigation li a:hover { color: #FDFDFD; }

ul#navigation li ul {
	top: 37px;
	left: -5000px;
	padding-bottom: 11px;
	background-image: url(../layout/bg_navigation_li_ul.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	list-style: none;
	position: absolute;
	z-index: 50;
}
ul#navigation li:hover ul { left: auto; }
ul#navigation li ul li {
	padding-right: 0px;
	text-align: left;
	background-image: url(../layout/bg_navigation_li_ul_li.png);
	background-repeat: repeat;
	float: none;
}
ul#navigation li ul li a {
	padding: 0px 16px;
	line-height: 28px;
	white-space: nowrap;
	font-size: 11px;
	color: #FDFDFD;
	background-image: none;
}

ul#footer_navigation {
	top: 240px;
	right: 27px;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	position: absolute;
}
div.doublecol ul#footer_navigation { top: auto; bottom: -75px; }
body#home ul#footer_navigation { top: 455px; }
ul#footer_navigation li { margin-left: 15px; float: left; }
ul#footer_navigation li a { color: #FFFFFF; }

/* Teaser Area */
div#teaser { background-color: #FFFFFF; position: relative; clear: both; }
body#home div#teaser { margin-bottom: 65px; }
div#teaser img { display: block; }
div.product { height: 431px; }

/* Content Area */
div#content_wrapper { margin-bottom: 20px; position: relative; }
div.doublecol { margin: 0px 40px 20px; background-color: #FFFFFF; border: 30px solid #FFFFFF; border-width: 30px 0px; }
div.doublecol div#scrollbar_track { width: 6px; background-color: #002e62; }
div.doublecol div#scrollbar_handle { margin-left: 1px; border: 1px solid #010101; background-color: #FFFFFF; }

div#content {
	width: 385px;
	margin-left: 90px;
}
div.doublecol div#content { width: 844px; margin: 0px 50px; }

div.contents { padding-right: 20px; font-size: 11px; color: #FFFFFF; }
div.doublecol div.article_wrap { width: 385px; float: left; }
div.doublecol div.contents { margin-right: 10px; color: #002E62; }
div.contents h1 {
	margin-bottom: 15px;
	font-size: 30px;
	font-weight: 800;
	color: #FDFDFD;
}
div.doublecol div.contents h1 { color: #002E62; }
div.contents p {
	margin-bottom: 15px;
}

div.contents ul {
	margin-bottom: 15px;
	margin-left: 14px;
	list-style: square;
}

div.contents ol {
	list-style-type: decimal;
	margin-left: 17px;
}

div.contents ol li {
	margin-bottom: 4px;
}

div.contents ol ol {
	list-style-type:upper-alpha;
	margin-left: 19px;
	margin-top: 3px;
}

div.tab div.anchors {
	width: 385px;
	float: right;
}
div.anchors div.contents h1 { font-size: 12px; }

/* Navigation Sock */
div#navigation_sock {
	width: 290px;
	top: -60px;
	left: 670px;
	position: absolute;
}

a#buy_now_button {
	top: 13px;
	right: 27px;
	position: absolute;
}

/* Scroller */
div#scrollbar_track {
	width: 6px;
	height: 100%;
	top: 0px;
	left: 472px;
	background-color: #FFFFFF;
	position: absolute;
	cursor: move;
}

div#scrollbar_handle { width: 2px; border: 1px solid #010101; background-color: #010101; margin-left: 1px; }


/* Start page specifics */
div#teaser-home {
	width: 360px;
	top: 165px;
	left: 90px;
	position: absolute;
}

/* Misc Section */
.clearfix:after, .container:after {
	height:0;
	content:"\0020";
	visibility:hidden;
	overflow:hidden;
	clear:both;
	display:block;
}
.clearfix, .container { display:block; }
.clear { clear:both; }

/* Form Styles */
input, select, option, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

div.checkbox { margin-left: 120px; margin-bottom: 10px; }

label { cursor: pointer; }

div.input label {
	width: 120px;
	vertical-align: top;
	top: 3px;
	display: inline-block;
}

div.input, div.checkbox-wrapper, div.checkbox-multiple { margin-bottom: 10px; }

div.input input,
div.input textarea,
div.input select {
	width: 200px;
	padding: 2px;
	border: 1px solid #002E62;
}
div.input select { width: 206px; }
div.input textarea { height: 90px; }

div.input input.required {
	background-image: url(../layout/required.gif);
	background-repeat: no-repeat;
	background-position: 192px 3px;
}

#contest div.input input.required { background-position: 140px 3px; }

div.submit input {
	padding: 3px;
	border: 1px solid #002E62;
	background-color: #FFFFFF;
}

.checkbox-multiple span.label { display: block; }
#contest div.checkbox-multiple ul { margin-left: 0; list-style: none; }
.checkbox-multiple li { margin: 3px 0; }
.checkbox-multiple input { margin-right: 3px; display: inline-block; }

.validation-failed { border: 1px solid #990000 !important; }
.validation-advice { display: none !important; }

/* Contest Form */
#contest { margin-bottom: 20px; }
#contest div label { width: 200px; }
#contest div.input input,
#contest div.input textarea { width: 145px; }
#contest div.input select { width: 151px; }

#contest .checkbox-wrapper span.label { width: 200px; display: inline-block; vertical-align: top; }

/* Flash Video Links */
span.start_video {
	padding-top: 1px;
	padding-left: 20px;
	background-image: url(../layout/play_video.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: 800;
	cursor: pointer;
	text-decoration: underline;
}

/* Sitemap */
ul#sitemap li {
	margin-bottom: 5px;
}

/* HTML Navigation Sock */
ul.navigation_sock,
ul.navigation_sock_recovery {
	width: 137px;
	height: 298px;
	list-style: none;
	background-image: url(../layout/bg_sock.png);
	background-repeat: no-repeat;
	position: relative;
	z-index: 30;
}

ul.navigation_sock_recovery {
	
	background-image: url(../layout/bg_sock_recovery.png);
}

ul.navigation_sock li {
	width: 29px;
	height: 30px;
	background-image: url(../layout/bg_sock_li.png);
	background-repeat: no-repeat;	
	position: absolute;
	z-index: 50;
}
ul.navigation_sock li div { display: none; }

/* Description Sock Points */
li#description_sock_1 { top: 5px; right: 1px; }
li#description_sock_2 { top: 160px; left: 0px; }
li#description_sock_3 { top: 212px; left: 15px; }
li#description_sock_4 { top: 215px; left: 107px; }

li#sock_wirkung_1 { top: 33px; left: 55px; }
li#sock_wirkung_2 { top: 75px; left: 40px; }
li#sock_wirkung_3 { top: 143px; left: 49px; }

li#sock_groessen_1 { top: 77px; left: 36px; }

/* Description Sock Points Recovery */
li#description_sock_recovery_1 { top: 158px; right: 21px; }

li#actions_sock_recovery_2 { top: 94px; right: 48px; }
li#actions_sock_recovery_3 { top: 62px; right: 72px; }
li#actions_sock_recovery_4 { top: 206px; right: 54px; }
li#actions_sock_recovery_5 { top: 178px; right: 100px; }

li#taillage_sock_recovery_1 { top: 33px; right: 54px; }
li#taillage_sock_recovery_2 { top: 178px; right: 100px; }

ul#social {}
ul#social li { margin-left: 5px; display: inline; }

body div#page div#content_wrapper ul#social {
	bottom: -100px;
	text-align: right;
	right: 27px;
	margin: 0px;
	position: absolute;
}

body div#page ul#social {
	margin-top: 50px;
	margin-right: 66px;
	text-align: right;
	position: relative;
	z-index: 100;
}

body div#page div#fl_wrapper ul#social {
	top: 260px;
	bottom: auto;
}

body#home div#page ul#social {
	margin: -20px 27px 0px 0px;
}

/* Newsticker Section */
div#newsticker {
	width: 980px;
	height: 120px;
	margin: 0px auto;
	position: relative;
	clear: both;
}

div#newsticker div.container {
	width: 900px;
	height: 120px;
	left: 40px;
	overflow: hidden;
	position: relative;
}
div#newsticker div.container ul {
	width: 100000px;
	height: 120px;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;	
}

div#newsticker div.container ul li {
	width: 300px;
	height: 120px;
	vertical-align: middle;
	float: left;
}
div#newsticker div.container ul li img { margin-right: 10px; float: left; }
div#newsticker div.container h3 { margin: 30px 0px 5px; color: #FFFFFF; font-size: 12px; font-weight: 800; text-transform: uppercase; }
div#newsticker div.container h4 { color: #FFFFFF; font-size: 10px; font-weight: 800; text-decoration: underline; }

div#newsticker div.previous_button,
div#newsticker div.next_button {
	width: 14px;
	height: 120px;
	top: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
}
div#newsticker div.previous_button { left: 0px; background-image: url(../layout/bg_newsticker_prev.gif); }
div#newsticker div.next_button { right: 0px; background-image: url(../layout/bg_newsticker_next.gif); }

div#newsticker div.previous_button_disabled,
div#newsticker div.next_button_disabled { opacity: 0.6; cursor: default; display: none; }

div.merchants h2 { font-weight: 800; }
div.merchants ul.merchant {
	margin: 5px 0 4px;
	padding: 3px 0;
	border-bottom: 1px solid #002E62;
	list-style: none;
}

select#departement { top: 0px; right: 508px; position: absolute; }
img#departement_map { margin-top: 20px; display: block; }