﻿/*
    Author: R. Verbeek
    Date: 25/09/2009
    Company: Nedfinity
*/

* {
    outline:none;
}

a,
img {
    border:none;
}

body {
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    color:#234B83;
    background-color:#fff;
}

.Header {
    position:relative;
    line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #234B83;
	color:#234b83;
    margin:0 0 10px 0;
    padding:0;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#234b83;
    margin:0;
    padding:0 0 4px 0;
}

/* - shoppingcart - */

.ShoppingCart {
    width:720px;
    float:left;
    margin:5px 0 0 30px;
}

.OrderHeaderRow,
.OrderItemRow {
    position:relative;
    height:27px;
    line-height:27px;
    clear:both;
    
}

.OrderHeaderRow .OrderHeader,
.OrderItemRow .OrderItem {
    position:relative;
    float:left;
}

.OrderHeaderRow {
    border-bottom:1px solid #234B83;
}

.OrderHeader {
    font-weight:bold;
}

.OrderTitle {
    width:380px;
    padding:0 0 0 10px;
}

.OrderPricepp {
	position:relative;
    width:80px;
}

.OrderAmount {
    width:50px;
    text-align:center;
}

.OrderPrice {
	position:relative;
    width:80px;
}

.OrderControl {
    width:60px;
}

.OrderControl div {
    float:left;
}

.TotalPrice {
    width:80px;
    height:27px;
    line-height:27px;
}

.TotalString {
    width:110px;
    padding:0 0 0 470px;
    font-weight:bold;
    height:27px;
    line-height:27px;
}

.PlusAmount {
    width:20px;
    height:20px;
    background-image:url(/_images/CartControls.gif);
    background-position:-20px 0;
    cursor:pointer;
    margin:3px 0 0 0;
}

.PlusAmount:hover {
    background-position:-20px 20px;    
}

.MinusAmount {
    width:20px;
    height:20px;
    background-image:url(/_images/CartControls.gif);
    background-position:-40px 0;
    cursor:pointer;
    margin:3px 2px 0 0;
}

.MinusAmount:hover {
    background-position:-40px 20px;    
}

.DelOrderItem {
    width:20px;
    height:20px;
    background-image:url(/_images/CartControls.gif);
    background-position:0 0;
    cursor:pointer;
    margin:3px 0 0 0;
}

.DelOrderItem:hover {
    background-position:0 20px;    
}

.FloatRight {
	position:absolute;
	right:20px;
	top:0px;
	display:block;
}

.Stripe {
    background-color:#fff;
}

.Animation {
    position:absolute;
    background-image:url(/_images/loaders/cart.gif);
    width:16px;
    height:16px;
    top:10px;
    right:40px;
}


.shipmentwrapper { 
	position:relative;
	display:block;
	width:215px;
	height:auto;
	margin:30px 0 0 0;
	padding:10px;
	clear:both;
	background-color:#f2f2f2;
	float:left;	
}
.shipmentwrapper label { 
	position:relative;
	display:block;
	margin-bottom:10px;
		
}
.shipmentwrapper select { 
	font-size:11px;
	color:#234b83;
	border:1px solid #ccc;
	outline:0;
	display:block;
}
a.SelectShipment,
a.SelectShipment:active,
a.SelectShipment:link,
a.SelectShipment:hover,
a.SelectShipment:visited {
	position:relative;
	display:block;
	cursor:pointer;
	padding:10px 0 5px 0;
	text-align:right;
}

/* - buttons - */

.CartButton,
.CartButton:link,
.CartButton:active,
.CartButton:visited {
    display:inline-block;
    cursor:pointer;
    color:#fff;
    line-height:29px;
    text-align:center;
    text-decoration:none;    
    position:relative;
    margin:10px 10px 0 0;
    background-image:url(/_images/btn-default.gif);
    background-repeat:no-repeat;
    width:99px;
    height:29px;
}

.CartButton:hover {
    border-bottom:2px solid #E9BE00;
    background-image:url(/_images/btn-default-over.gif);
    background-repeat:no-repeat;
}

.BigCartButton,
.BigCartButton:link,
.BigCartButton:active,
.BigCartButton:visited {
    display:inline-block;
    cursor:pointer;
    background-color:#234b83;
    color:#fff;
    line-height:29px;
    text-align:center;
    text-decoration:none;    
    position:relative;
    margin:0;
    background-image:url(/_images/btn-big.gif);
    background-repeat:no-repeat;
    width:230px;
    height:29px;
}

.BigCartButton:hover {
    border-bottom:2px solid #E9BE00;
    background-image:url(/_images/btn-big-over.gif);
    background-repeat:no-repeat;
}

/* - forms - */

.Row {
    line-height:23px;
    height:23px;
    width:290px;
}

.Row label {
    float:left;
    width:130px;
    line-height:23px;
    height:23px;
    padding:0 0 0 10px;
}

.Row .Element {
    float:right;
}

.Input {
	font-size:11px;
	border:1px solid #ccc;
    padding:2px;
    font-family:Arial, Helvetica, sans-serif;
	color:#234b83;
}

.s {
    width:140px;
}

.xxl {
    width:230px;
}

/* - userlog - */

.LogForm {
    width:285px;
}

.NewUser {
    position:absolute;
    top:97px;
    left:140px;
}

/* - addresses - */

.AddressesWrapper {
    position:relative;
    width:690px;
    float:left;
    clear:both;
}

.AddressBlock {
    position:relative;
    float:left;
    width:170px;
    padding:0 0 0 10px;
}
.AddressBlock p { 
	margin:0;
	padding:2px 0 3px 0;
}

.safepaytext
{
    position:relative;
    float:left;
    width:188px;
    height:90px;
    border:1px solid #ac0b0b;
    overflow-x:hidden;
    overflow-y:auto;
    padding:6px 10px;
    z-index:9999;
}

.SaveAddressButton {
	clear:both;
}

.SameWrapper {
    position:relative;
    margin:20px 0 10px 0;
    clear:both;
}

/* - errorscreens - */

.LogError {
    position:absolute;
    width:62px;
    height:58px;
    left:320px;
    top:32px;
    padding:7px;
    color:#cb0b0b;
}

.ErrorNoSamePassword {
    position:absolute;
    width:100px;
    height:58px;
    left:320px;
    top:80px;
    padding:7px;
    color:#cb0b0b;
}

/* - cartblock - */

.CartBlock {
    position:relative;
    float:left;
    padding:10px;
    width:250px;
}

.CartBlock ul {
    margin:0;
    padding:0 0 0 20px;
}

.PriceOverview {
    background-color:#fff;
    border:1px solid #234B83;
}

.PriceRow label {
    display:inline-block;
    width:180px;
}

.PriceRow span {
    display:inline-block;
    width:70px;
    font-weight:bold;
    text-align:right;
}

/* - order finalization - */

select.PayMethodSelect {
    margin:15px 0;
    display:block;
}

/* - product properties - */

.ProductProperty {
    width:570px;
    margin:5px 0 0 30px;
}
.ProductProps 
{
	position:relative;
	float:right;
	top:-20px;   
    
}

.ProductProps a,
.ProductProps a:link,
.ProductProps a:visited,
.ProductProps a:active {
    display:inline-block;
    color:#fff;
    line-height:29px;
    text-align:center;
    text-decoration:none;    
    position:relative;
    margin:0 5px 0 0;
    background-image:url(/_images/btn-default.gif);
    background-repeat:no-repeat;
    width:99px;
    height:29px;
}

.ProductProps a:hover,
.ProductProps a.Selected {
    border-bottom:2px solid #ffd000;
    background-image:url(/_images/btn-default-over.gif);
    background-repeat:no-repeat;
}
.ProductSpecific
{
    top:40px;
    width:500px;
    position:absolute;
}


.ProductSpecific a,
.ProductSpecific a:link,
.ProductSpecific a:visited,
.ProductSpecific a:active 
{
    text-decoration:underline;
   
    color:#234B83;
}   
.ProductSpecific a:hover
{
      text-decoration:none;
     
}

.ProductSpecific .AccePicture {
    display:block;
    width:70px;
    height:70px;
    border:2px solid #ccc;
    overflow:hidden;
    cursor:pointer;
}

.LinkedItem {
    margin:10px 0 0 0;
}

.ProductSpecific .AccePicture img {
    height:70px;
}

.Doclink
{
  padding:3px 0px 2px 20px;
}
.Pdf {
  background-image: url(/_images/pdf_icon.gif);
  background-repeat:no-repeat;
}
.Doc
{  
  background-image: url(/_images/word_icon.gif);
  background-repeat:no-repeat;
}
.General
{
  background-image: url(/_images/general_file.gif);
  background-repeat:no-repeat;
}

/* - product - */

.Picture {
    overflow:hidden;
}

.Product {
    position:relative;
    cursor:pointer;
    width:170px;
    height:160px;
	background-image:none;
	background-repeat:no-repeat;
    overflow:hidden;
    float:left;
    /* border:1px solid #ccc; 
	background-color:#fff;*/
    margin:0 7px 9px 0;
}

div.Product {
    background-image:url(/_images/ProductBg.png);
}

.Product h3 {
    width:130px;
    text-align:center;
    margin:10px 0 0 15px; 
    font-size:12px;
}

.Product .Picture {
    position:absolute;
    width:130px;
    height:70px;
    top:48px;
    left:15px;
}

.Product .OldPrice {
    position:absolute;
    font-size:9px;
    width:130px;
    text-align:center;
    top:123px;
    left:15px;
    text-decoration:line-through;
    font-weight:bold;
}

.Product .Price {
	
    position:absolute;
    font-size:16px;
    color:#E9BE00;
    width:130px;
    text-align:center;
    top:130px;
    left:15px;
	font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.Product .NoPrice {
    position:absolute;
    font-size:11px;
    color:#16407C;
    width:130px;
    text-align:center;
    top:130px;
    left:15px;
}

.Picture img {
    width:100%;
    text-align:center;
    -ms-interpolation-mode:bicubic;
}

/* - multisafepay frame - */

.OrderSafePay fieldset,
.OrderSafePay form,
.OrderSafePay legend {
	margin: 0;
	padding: 0;
}

.OrderSafePay fieldset {
	border: none;
	margin-bottom: 1em;
	margin:10px 0 0 0;
	padding:10px;
}

.OrderSafePay legend {
	font-weight: bold;
}

.OrderSafePay select {
	width: 13em; 
}

.OrderSafePay p {
	width:540px;
	margin:0;
	padding:0;
	height:20px;
	
	
}

.OrderSafePay #buttons {
	padding:10px;
}

/* form fields */

.OrderSafePay .field label,
.OrderSafePay .field span {
	display: block;
	float: left;
	padding-top: 0.2em;

}

.OrderSafePay .field label {
	color: #417378;
	width: 10em;
	padding:0;
	margin:0;
	
}

.OrderSafePay .field span {
	width: 30em;
	margin:0;
	padding:0;
}

.OrderSafePay .field span.buttons {
	display: inline;
	float: none;
	width: auto;
}

/* system messages */

.OrderSafePay .message {
	background-color: #a4cfbe;
	border: 1px solid #417378;
	margin-bottom: 1em;
	padding: 1em;
}

.OrderSafePay .message img {
	float: left;
}

.OrderSafePay .message ul {
	margin: 0;
}

.OrderSafePay .message li {
	list-style-type: none;
}

.OrderSafePay .message.transaction {
	background-color: transparent;
	border: none;
}

/* payment methods */

.OrderSafePay .methods td {
	padding: 0.25em 0.5em;
}


.cartoverviewwrapper
{
    position:relative;
    width:690px;
    float:left;
}
