/*
	Theme Name:     Standardweb
	Theme URI:      http://example.ch/
	Author:         MySign AG
	Author URI:     http://www.mysign.ch
	Developer:		XYZ
	Template:       layout.css
	Version:        0.1.0
	Date:           01.05.2012
*/

html {
	overflow-y: scroll;
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	background: #eee;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}



/* Hide Text
------------------------------------------------------------------------ */
.hidetext {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* clearfix
------------------------------------------------------------------------ */
.clear:before, .clear:after {
	content: "";
	display: table;
}
.clear:after {
	clear: both;
}
.hidden {
	visibility: hidden;
	display: none;
}
.ie7 .clear {
	zoom:1;
}

/* reset
------------------------------------------------------------------------ */
.reset {
	margin: 0;
	padding: 0;
	border: 0;
}


/* NAV
------------------------------------------------------------------------ */
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
	margin: 0;
	padding: 0;
	
}

nav ul li,
nav ol li{
	float: left;
	display: inline;
}

/* IMAGE
------------------------------------------------------------------------ */
img { 
	border:none;
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}

/* FORM FIELDS
------------------------------------------------------------------------ */
form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

label {
	float: left;
	display: inline;
	width:135px;
}

button,
input,
select,
textarea {
   	font-size: 12px;
	color: #000;
	border: 1px solid #000;  
    margin: 0; 
    vertical-align: baseline; 
    *vertical-align: middle; 
	width: 400px;
}
select {
	display: inline;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input:focus, select:focus, textarea:focus {
	border: 1px solid #ccc;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    height: 13px;
    width: 13px;
	border: 0;
}
input[type="checkbox"]:focus,
input[type="checkbox"]:hover,
input[type="radio"]:focus,
input[type="radio"]:hover {
	border: 0;
}


input[type=hidden], input.hidden {	
	float: left;
	display: inline;
	border: none;
	background-color: transparent;
	height: 12px;
	width: 12px;
	padding: 0;
	position: absolute;
	top: -100px;
}

input::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder { color: #999; }

form fieldset p {
	clear: both;
}

label.salutation {
	width: 85px;
}
label.salutation input.radio{
	margin: 5px 3px 0 0;
}
label.salutation span.salutationLabel {
	margin-left: 16px;
}


input#zip {
	width: 50px;
	float: left;
	display: inline;
}

input#city {
	margin-left: 5px;
	width: 300px;
	float: left;
	display: inline;
}

.sky-hiddenfields {
    height: 0;
    padding: 0 !important;
    position: absolute;
    visibility: hidden;
}

input.error {
	background: red;
}

span.error {
	display: none;
	color: red;
}

label.error {
	float: none;
}

fieldset > div {
	clear: both;
}

label[for=city],
label[for=payment_expyear] {
	display: none;
}

#payment_expmonth,
#payment_expyear {
	width: 100px;
}

#shop_promocode0 {
	width: 200px;
}

#shop_promocode1 {
	width: 100px;
}

.sky-form {
	margin: 0px 0px 30px 0px;
}

/* bodyContainer /* Base 960 Grid
-------------------------------------------------------------------------*/
#bodyContainer {
	width: 960px;
	text-align: left;
	position: relative;
	margin: 20px auto;
	background: #fff;
	padding: 15px;
}

/* branding
------------------------------------------------------------------------ */
#siteBranding {
	float: left;
	display: block;
}
#printHeader {
	display: none;
}


/* searchform
------------------------------------------------------------------------ */
#searchform {
	float: right;
	display: inline;
}
#searchform fieldset {
	display: inline;
}
#searchform label {
	display: inline;
}
#searchform input {
	float: left;
	display: inline;
}
#searchtext {
	width: 100px;
}
#searchsubmit {
	width: 50px;
	padding: 1px 0;
}


/* mainNav
------------------------------------------------------------------------ */
#mainNav ul {
	position: relative;
	z-index: 2;
}
ul.hiddenSubMenu {
	display: none;
}
#mainNav li {
	position: relative;
}
#mainNav li a {
	text-decoration: none;
	padding: 0;
	display: block;
}
#mainNav li a.active {
	color: #ff0000;
}
#mainNav li a:hover, #mainNav  a.active:hover {
	color: #cfdded;
}
#shopNav {
	float: left;
	width: 300px;
}
#shopNav ul li {
	float: none;
	display: block;
}


/* mainContent
------------------------------------------------------------------------ */
#mainContent {
	float: left;
	display: inline;
	width: 660px;
}

#mainContent.checkout {
	width: 860px;
}

.product {
	background: #eee;
	padding: 0px 15px;
	margin: 0px 0px 20px 0px;
}

.amount {
	width: 50px;
	display: inline-block;
	margin: 0px 10px 0px 0px;
}

.product input[type=submit] {
	width: auto;
	background: #fff;
}

.basketprice {
	text-align: right;
}

.ui-helper-hidden-accessible {
	display: none;
}

/* sidebar
------------------------------------------------------------------------ */
#sidebar {
	float: right;
	display: inline;
}


/* footer
------------------------------------------------------------------------ */
footer {
	padding:10px 0 40px;
}
#customer {
	float:left;
	display: inline;
	width: 70%;
}
#mySign {
	float: right;
	display: inline;
	width: 30%;
	text-align: right;
}


/* PIE HTC SAMPLE
------------------------------------------------------------------------ */
/*
.ie7 .roundBox,
.ie8 .roudBox {
	-pie-background: linear-gradient(#bebebe, #f2f2f2);
	behavior: url(/standard/css/PIE.htc);
}
*/