/**
 * Layout for shop.sporesculptor.de
 * (c) CLICKSPORTS DIGITAL SOLUTIONS
 * http://www.clicksports.de
 * 
 * $Rev: 187 $
 * $Author: cs $
 * $Date: 2010-01-28 15:09:09 +0100 (Do, 28 Jan 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: 100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Basic Layout Section */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../../../layout/sporesculptor.eu/bg_body.jpg);
} 

div#page {
	width: 1025px;
	margin: 0px auto;
}

div#content_wrapper { padding: 0px 8px; }

/* Header Section */
div#header { height: 90px; position: relative; }

ul#navigation {
	height: 90px;
	background-image: url(../../../layout/sporesculptor.eu/bg_navigation.png);
	background-repeat: repeat-x;
	list-style: none;
}
ul#navigation li {
	height: 90px;
	float: left;
}
ul#navigation li a {
	padding: 57px 25px 15px 25px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: right;
	font-weight: 800;
	outline: none;
	text-decoration: none;
	display: block;
}

ul#navigation li:hover,
ul#navigation li:active,
ul#navigation li.active {
	background-image: url(../../layout/sporesculptor.eu/bg_navigation_li_right.png);
	background-position: top right;
	background-repeat: no-repeat;
}
ul#navigation li:hover a,
ul#navigation li:active a,
ul#navigation li.active a {
	background-image: url(../../layout/sporesculptor.eu/bg_navigation_li_left.png);
	background-position: top left;
	background-repeat: no-repeat;
}

ul#navigation li:active,
ul#navigation li.active { background-position: right bottom; }

ul#navigation li:active a,
ul#navigation li.active a { color: #01588F; background-position: left bottom; }

ul#navigation li.nav-1 { width: 175px; }
ul#navigation li.nav-1 a { margin: 0px; background-image: url(../../layout/sporesculptor.eu/bg_navigation_01.png); text-align: left; text-indent: -9000px; }

ul#navigation li.nav-2 { width: 119px; }
ul#navigation li.nav-2 a { margin: 0px; background-image: url(../../layout/sporesculptor.eu/bg_navigation_02.png); }
ul#navigation li.nav-2.active:hover a { color: #FFFFFF; }
ul#navigation li.nav-2 { background: none; }
ul#navigation li.nav-2 a:hover { margin: 0px; background-position: 0px -90px; }

ul#navigation li.nav-6 { width: 152px; float: right; }
ul#navigation li.nav-6 a { background-position: -136px 0px; margin-left:-16px; background-image: url(../../layout/sporesculptor.eu/bg_navigation_66.png); text-align: left; text-indent: -9000px; }

/* Customer Navigation */
ul#customer_navigation {
	top: 8px;
	right: 18px;
	list-style: none;
	position: absolute;
}
ul#customer_navigation li {
	padding: 0px 8px 0px 7px;
	border-left: 1px solid #FFFFFF;
	float: left;
}
ul#customer_navigation li:first-child { padding-left: 0px; border-left: none; }

ul#customer_navigation li a {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	display: block;
}
ul#customer_navigation li a:hover { text-decoration: underline; }

ul#subnavigation li a { padding: 0px 1px 0px 5px; border-left: 1px solid #143C78; }
ul#subnavigation li:first-child a { padding-left: 0px; border: none; }

/* Default Typo */
.Headings,
.CenterHeadings,
#content_wrapper h1,
#content_wrapper h1 a {font-size:16px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#e2001a; margin-bottom: 20px; padding:0; text-decoration:none; }
#content_wrapper h2,
#content_wrapper h2 a {font-size:14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#143c78; margin:0; padding:0; text-decoration:none;}
#content_wrapper h3,
#content_wrapper h3 a {font-size:24px; line-height: 30px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#143c78; margin:0; padding:0; text-decoration:none;}

#content_wrapper h3 a { color: #157DBF; }

.Content {line-height:18px; font-size:12px; color:#000; text-align:left; padding: 0 8px;}
.Content a {color:#000; text-decoration:underline;}
.Content a:hover {text-decoration:none;}
#content_wrapper p {font-size:12px; margin:0 0 15px 0;}
#content_wrapper p.top {text-align:right;}
#content_wrapper p.top a {padding-left:20px; background:url(images/design/c-top.gif) no-repeat 0 50%;}
.feature-text {clear: both; font-size:11px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#143c78; margin:0; padding:0; }
#content_wrapper ul { margin: 15px 35px; }

/* Content Section (Startpage) */
div#main-image {
	width: 655px;
	height: 435px;
	margin-top: 24px;
	float: left;
}

div#get-yours {
	width: 312px;
	height: 300px;
	margin-top: 26px;
	float: right;
}

div#learn-more {
	width: 318px;
	height: 299px;
	margin-top: -90px;
	margin-right: -10px;
	float: right;
}

div#features { width: 644px; }
div.feature-left {
	width: 314px;
	height: 196px;
	background: url(../../layout/sporesculptor.eu/feature-box.png) no-repeat;
	float: left;
	clear: both;
}
div#register {
	width: 653px;
	height: 196px;
	margin-bottom: 10px;
	float: left;
	clear: both;
}

form#register-form {
	width: 300px;
	float: left;
}

div#register-text {
	float: right;
	margin: 50px 50px 0 0;
	width: 250px;
}

div.left-feature-image {
	width: 112px;
	height: 111px;
	margin: 58px 0px 0px 42px;
	background: url(../../layout/sporesculptor.eu/feature-one.jpg) no-repeat;
}
div.left-feature-text {
	width: 118px;
	height: 131px;
	clear: both;
	vertical-align: top;
	margin-left: 170px;
	margin-top: -175px;
}

div.feature-right:first-child { margin-right: 10px; }
div.feature-right {
	width: 314px;
	height: 196px;
	background: url(../../layout/sporesculptor.eu/feature-box.png) no-repeat;
	float: left;
}
div.right-feature-image {
	background: url(../../layout/sporesculptor.eu/feature-two.jpg) no-repeat;
	width: 112px;
	height: 111px;
	margin-top: 58px;
	margin-left: 42px;
}
div.right-feature-text { width: 118px; height: 131px; vertical-align: top; margin-left: 170px; margin-top: -125px;}

div#content_wrapper .left-feature-text h1, div#content_wrapper .right-feature-text h1 { font-size: 14px; margin-bottom: 0; color: #FF7F00;}
div#content_wrapper .left-feature-text h2, div#content_wrapper .right-feature-text h2 { font-size: 14px; display: inline;}
div#content_wrapper .left-feature-text h3, div#content_wrapper .right-feature-text h3 { font-size: 14px; display: inline;}
div#content_wrapper .feature-headings { display: block; width: 112px; font-size: 14px; }
div#content_wrapper .feature-right a { color: #FF7F00; }

/* Footer Section */
#FooterCell {text-align: center; clear: both; }
.FooterWrap { margin: 0 auto; width: 724px; margin-top: 35px;}
.lineone {font-size:11px; text-align: center; line-height: 14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#143c78; text-decoration: none;}
ul.linefour {margin: 0 auto; margin-top: 20px; }
ul.linefour li {display: inline; }
ul.linefour li a:hover {text-decoration: underline; }
.linefour a {font-size:11px;  vertical-align:top; text-align: center; line-height: 14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#143c78; text-decoration: none;}
.divider {font-size:11px; text-align: center; vertical-align:top;  line-height: 14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#143c78; text-decoration: none;}
.trademarks { clear: both; height: 83px; display: block; margin-top: 30px; }
.maxis, .e-e, .EA, .Zcorp {padding: 0 10px;}

.clearer { clear: both; }

/* Subpage Section */
div.singlecol {
	width: 457px;
	margin: 12px auto;
	margin-top: -42px;
	line-height: 18px;
	position: relative;
	clear: both;
}

div.singlecol_wide {
	width: 975px;
	margin: 0px 0px 0px -8px;
	padding: 30px 25px;
	background-color: #FFFFFF;
	line-height: 18px;
}

/* Form Styling */
input,
select,
option,
textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

label { cursor: pointer; }

div.input { margin-bottom: 5px; }
div.input label {
	width: 90px;
	display: inline-block;
}
div.input input {
	width: 130px;
	padding: 0px 3px;
}

div.submit { margin-top: 10px; }

div.submit input {
	width: 137px;
	height: 22px;
	border: none;
	font-size: 13px;
	font-weight: 800;
	color: #FFFFFF;
	text-align: center;
	background-color: transparent;
	background-image: url(../../layout/sporesculptor.eu/bg_button.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

div.validation-advice {
	width: 227px;
	margin-top: 3px;
	padding: 2px;
	border: 1px solid #ff7f00;
	background-color: #FFFFFF;
}

div#register form { margin:  50px 0px 0px 50px; }
div#register p.error,
div#register p.notice {
	margin: 50px 0px 0px 40px;
	font-weight: 800;
}

/* Gallery */
ul.images { margin-top: 27px; list-style: none; }
ul.images li { margin: 0px 12px 13px 0px; float: left; }