/* 
    Document   : partnerstore
    Created on : 16.06.2013, 17:58:30
    Author     : kenny
    Description:
        Die Basis Styles des Partnerstore-Themes
*/

.msMainwrapper {background:#EEE}
.msMainInnerwrapper {width:1000px;margin:0 auto}
.msMainContentwrapper {width: 970px;padding: 15px;background:#FFF;position:relative;display:table;}

#msTopNavigation .msMainContentwrapper {min-height: 30px}
#msNavigation .msMainContentwrapper {min-height: 50px}
#msBreadcrumb {padding:15px 0}
#msSlider .msMainContentwrapper {padding-top: 0;padding-bottom: 30px}
/* HEADER begin */
.msNavActionItem {display:inline-block;float: right;}
.msNavActionItem .msActionTitle{line-height: 40px;padding-right: 10px;}
.msNavActionItem.msSearch {background: url("../../img/menu-divider.png") no-repeat right center;padding-right: 16px;margin-right: 15px;}
/* HEADER end */

/* Ratings */
ul.rating {background: url("../../img/change/stars.png") no-repeat left top}
ul.rating li.currentRate {background: url("../../img/change/stars.png") no-repeat left bottom}
ul.rating li a:hover {background: url("../../img/change/stars.png") no-repeat 0 -18px}

/* List View */
.gridView li .msTitle {max-height: 80px;overflow: hidden;padding: 0 0 10px 0;font-size: 22px;line-height: 24px;}
.gridView li .msArtist{display: block;font-size: 12px;line-height: 14px;}
.gridView li .msArtist{display: block;font-size: 12px;line-height: 14px;text-decoration: none;}
.gridView li .rating {position: absolute;bottom: 5px;left: 4px;}
.gridView li .rating ul.rating {margin: 0;}
.gridView li .rating li {margin: 0;}

#moreArticlesTrigger,.gototoplink,.artcilelistingfooter td{line-height:40px;vertical-align:middle}
    
.msPreorder{display: inline-block;padding: 0 10px;position: absolute;top: -60px;left:0;height: 20px;line-height: 20px;background: #FFF;}
.msListBasketAmount {display: inline-block;margin-right: 5px;font-size: 0.8em; padding:0 7px;}

.msBottomline{margin-bottom: 30px;}

/**
 * Details
 */
.listRefine{background:0;border:0;padding:15px;margin:15px -15px;}
.productMainInfo{padding-bottom: 14px;margin-bottom:15px;}
#msPrice label{display: block;float: none;text-align: center;padding-left:12px}

#msSimpleSizeSelection {display: block; text-align: center;padding:15px}
#msSimpleSizeSelection li {display: inline; padding:5px;}
#msSimpleSizeSelection li a {display: inline-block;padding:7px 12px;}
#msSimpleSizeSelection li a:hover {text-decoration: none;}

.msVariantHelperText {text-align: center;}
.msStockStatus{text-align: center;margin-bottom:15px}
.stockFlag {padding-left: 20px}

.tobasketFunction {display: inline-block;position: relative;height: 40px;}
.information .tobasket {text-align: center}
#amountToBasket{position:absolute;line-height: 20px;height: 24px;padding: 5px;text-align: center;top: 2px;left: 2px;}
#toBasket{padding: 0 20px 0 40px;line-height: 40px;text-shadow: none;height: auto;font-size: 18px;margin: 0;display: inline;float: none;}

#msDetailPicture {width: 470px;float: left;}
.detailsInfo .picture {width: 470px;float: none;text-align: center;line-height: 470px;height: 470px;}
.detailsInfo .picture a {width: 470px;float: left;text-align: center;line-height: 470px;height: 470px;overflow: hidden;}
.detailsInfo .information {width: 470px;}
#cloud-zoom-big{width: 470px !important;left: 500px !important;}
.otherPictures{margin: 15px 0 30px 0;}
.otherPictures ul {margin: 0 auto;padding: 0;overflow: hidden;width: 450px;}
.otherPictures a {width:90px;height: 90px;line-height: 90px;}
.marker {width:84px;height: 84px;}
.artIcon{width:88px;height: 88px;}

.relatedInfo {float: none;width: 100%;padding:0;margin-bottom: 30px}
.relatedProducts {float: none;width: 100%;margin-bottom: 30px}

/**
 * Manufacture
 */
.msManufactureListContent{margin:15px; text-align: center}

/**
 * Social
 */
div.social {text-align: center}
div.social div.socialButton {display: inline;float:none}

/**
 * msFramework
 */
#msfSkyscraperSlider {position: absolute; right: -190px;}

/**
 * Buttons
 */
.msButton{}
.msInlineButton{font-weight: normal;display: inline-block; background: #000; color: #FFF; line-height: 1em; font-size: 1em; padding: 0.1em 0.5em; text-shadow: none;}
.msInlineButton:hover{cursor: pointer;text-decoration: underline;}
.msButtonExtraSmall{font-size: 10px;}

/**
 * Minibasket
 */
.basketFlyout {width: 300px;padding: 25px;background: #FFF;box-shadow: none;top: 40px;right: 10px;}
.basketFlyout ul,
.basketFlyout .totals {width: 300px; margin: 0; padding: 0;}
.basketFlyout .functions {width: 300px; margin: 25px 0 0 0; padding: 0;}
.basketFlyout .functions a {margin-right: 0;width: auto;display: block;border-radius: 0;font-size: 12px;text-shadow: none;line-height: 25px;height: auto;text-align: center;}
.basketFlyout li a {padding: 5px 0;}
.basketFlyout .totals {padding: 5px 0;border-bottom: double #000;}
.basketFlyout img.closePop {float:none;cursor: pointer;margin: 0;position: absolute;right: 3px;top: 3px;}

/**
 * Checkout
 */
.msCheckoutBtn, #optionLogin button{font-size: 12px; height: auto !important; padding: 0 16px !important; vertical-align: middle;}
.msCheckoutBtn:hover, #optionLogin button:hover{background: #222222;}
.msCheckoutBtn.large, #optionLogin button{background: #444444; font-size: 10pt !important; line-height: 30pt !important;}
.msCheckoutBtn.small {color: #444444; background: none; text-transform: lowercase; font-weight: normal;}
#optionLogin button {right: 0; position: absolute;}
#optionLogin .textbox {padding: 5px; border-color: #444444;}
.nextStep:after {content: '    >'}
.prevStep:before {content: '<    '}
.checkoutOptions .nextStep {float: left;}

.msCheckoutInput.large{height: 30pt !important;}
.msVoucherLabel{font-size: 10pt; position: absolute; left: 5%; top: 40%; color: #C8C8C8;}
#msCoupon{width: 33.3333%; border-color: #444444;}

#basket {font-size: 12px;}
#basketSummary {font-size: 12px;}
#basket th {font-size: 12px; color: inherit;}

.basketitems {border-collapse: separate; font-size: 12px;}
.basketitems .textbox{text-align: center;  width: 20px; font-size: 10pt !important; padding:5px}
.basketitems td{vertical-align: top; padding: 15px 0;}

.basketitems .editCol{width: 2%}
.basketitems .thumbCol{width: 15%}
.basketitems .coutCol{width: 4%}
.basketitems .priceCol{width: 10%}
.basketitems .vatCol{width: 10%}
.basketitems .totalCol{width: 13%}

.basketitems .msBasketitemTitle {font-size: 14px;font-weight: bold;}
.basketitems .smallFont{color:  #8C8C8C;}
.basketitems tr td {border-bottom: 1px dashed #C8C8C8;}
.basketitems tr:last-child td { border-bottom: 1px solid #C8C8C8;}
.basketitems th { border-bottom: 1px solid #C8C8C8;}
.summary table tr:last-child td, .summary table tr:last-child th  { border-top: 1px solid #C8C8C8;}

#msCheckoutLogin input[type="text"],
#msCheckoutLogin input[type="password"]{width: 260px; border-width: 1px; padding: 9px;}

.checkoutOptions {width: 962px; margin: 30px auto;}
.checkoutOptions .option{width: 280px; padding:20px; margin:0;background-color: transparent !important; border-right: 1px solid #C8C8C8;}
.checkoutOptions .option:last-child{border-right: none;}

.checkoutCollumns .collumn{width: 445px;float: left;padding: 20px;}
.checkoutCollumns .form input[type="password"], .checkoutCollumns .form input[type="text"]{width: 40%;}
.checkoutCollumns .form input[data-fieldsize="pair-xsmall"]{width: 28%;}
.checkoutCollumns .form input[data-fieldsize="small"]{width: 10%;}
.checkoutCollumns .form input[data-fieldsize="pair-small"]{width: 25%}
.checkoutCollumns .form input[data-fieldsize="xsmall"]{width: 7%; margin-right: 1%;}
.checkoutCollumns Select{width: 44%;}
.checkoutCollumns .form{width: 100%;}
.checkoutCollumns .form .oxDate select{width: 17%; margin-right: 1%;}
.checkoutCollumns .form li{width: 99%;}
.checkoutCollumns .textbox,.checkoutCollumns input[type="text"]{padding: 5px; border-color: #444444;}
.checkoutCollumns .form Select, #shipping Select{height: 20pt;}

#shipping{width: 33.3333%; float: left;}
#payment{width: 66.6666%; display:inline-block;position: relative;}
#payment_inline{width: 50%; float: left;}
#payment .lineBox{width: 44%; display:inline-block;position: absolute;right: 0;top: 25px;margin: 0;padding:0;}
#payment .lineBox .prevStep{display: none !important;}

#orderAgbTop,
#orderAddress,
#orderShipping,
#orderPayment{width: 25%; display:inline-block; float:left;}
#orderCart{background: #F9F9F9;padding: 30px;margin: 0;}

.agb a, .cmsContent p a{color: #8C8C8C;}
.agb a:hover {color: #000;}

.checkoutSteps li {height: 40px; line-height: 40px; margin-left: -20px; padding: 0 0 0 40px;}
.checkoutSteps li.step1 {background-position: 100% 0px; color: inherit;}
.checkoutSteps li.step1 a{color: inherit;}
.checkoutSteps li.active {background-position: 100% -40px; color: #FFFFFF;}
.checkoutSteps li.active a{color: inherit;}
.checkoutSteps li.passed {background-position: 100% -80px; color: #888888;}
.checkoutSteps li.passed a{color: #888888;}
.checkoutSteps li.activeLast {background-position: 0 -40px; color: #FFFFFF;}

.checkoutSteps .step1 {width: 200px !important;}
.checkoutSteps .step2 {width: 180px !important;}
.checkoutSteps .step3 {width: 210px !important;}
.checkoutSteps .step4 {width: 210px !important;}
.checkoutSteps .step5 {width: 88px !important;}

#orderAddress h3, #orderShipping h3, #orderPayment h3, #orderEditCart h3, #orderAgbTop h3 {color: #000}
#orderAddress, #orderShipping, #orderPayment, #orderEditCart, #orderAgbTop {color: #444444;}

th.msQuantityhead {text-align: center;}
td.quantity span,
td.quantity button {display: inline-block;float: left;line-height: 12px;}
td.quantity .msCurrentAmount {padding: 0 10px;line-height: 14px;}
td.quantity button {width: 20px;text-align: center;background: #000000;}
td.quantity button:hover {background: #666666;text-decoration: none;}
td.quantity button:disabled {background: #e2e2e2;cursor: default;}

/**
 * Forms
 */
 .oxInValid input {background: #FFBFBF !important;border-color:#B20000 !important;}
 #msEmailLabel,
 #msPasswordLabel {margin: 10px 0 0 10px;}
 .submitButton {background:#000;}
 .submitButton:hover {background:red;}