/*
 *	shop.csss
 *	contains all shop css, including:
 *  - forms
 *  - cart layout/styling
**/

/** order **/
#shop #main { width: 984px; }
#shop #content { width: 720px; float: left; font-size: 13px;}
#shop .wide { width: 984px !important; }
#shop strike { margin: 0 5px 0 0; color: #aaa; background:transparent url(/public/site/img/strike.png) no-repeat scroll 50% 50%; text-decoration: none; }
#shop #content a, #shop #content a:link, #shop #content a:visited { color: #007ED8; text-decoration: none; }
#shop #content a:hover { text-decoration: underline; }
#shop .cta {
	background: none #1CA1FF !important;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	width: auto;
	height: auto;
	line-height: auto;
	text-indent: 0;
	cursor: pointer;
	border: 0;
}
#shop .cta:hover, #shop .submit:hover { background-color: #1782CE !important; }

/** buttons **/
.cta { /** call-to-action **/
	
}

/** cart sidebar **/
#shop_side {
	width: 230px;
	float: right;
/*	margin: 60px 0 10px 0;*/
	padding: 10px;
	background-color: #f0f0f0;
}

/** headings **/
#shop #content h2, #shop_side h2 { font: normal 18px/30px arial, helvetica, sans-serif; color: #007ED8; margin-bottom: 10px; }
#shop h3 { font: normal 15px/25px arial, helvetica, sans-serif; color: #007ED8; margin-top: 20px; }
#shop h2 span.button { color: #666; cursor: pointer; margin: 0 0 0 10px; }
h2 .bigger { font-size: 32px !important; }


/** cart **/
.cart { width: 99%; color: #303030; }
.cart_article { width: 30%; }
.cart_delivery { width: 20%; }
.cart_amount { width: 10%; }
.cart_amount select { width: 50px; }
.cart_amount select option { padding-left: 7px; }
.cart_amount a { text-decoration: none; color: #333; font-size: 10px; }
.cart_price, .cart_price_total { width: 20%; text-align: right; }
.cart th { font-weight: bold; margin-bottom: 9px; color: #007ED8; border-bottom: 1px solid #ccc; }
.cart td { vertical-align: top; height: 50px; border-bottom: 1px solid #ccc; }
.cart th, .cart td { padding: 5px; }

.order-calc td {
	border-bottom: 0;
	text-align: right;
	height: auto;
}
.order-calc .label, .order-calc .value { border-bottom: 1px solid #ccc; }
#total_price td { border: none; font-weight: bold; }
#big_submit, .big_submit_l, .big_submit_r { float: right; border: 0; background-color: #1CA1FF; margin: 10px 7px; padding: 5px 10px; color: #fff; font-weight: bold; cursor: pointer; }
.big_submit_l { float: left; }


/** radio list **/
.radio-list { margin: 10px 0 30px 0; }
.radio-list li { margin: 15px 0 0 0; padding: 0 0 15px 0; border-bottom: 1px solid #ccc; list-style: none !important; }
.radio-list li.last { border: 0; }
.radio { position: relative; top: 2px; margin-right: 3px; }
.checkbox, .radio { width: 20px !important; background: none !important; border: 0 !important; }
.radio-list p { margin: 0 300px 0 25px;}
.price-right { float: right; margin-right: 10px; }
.radio-list h3 { display: inline; font: bold 15px/18px arial, helvetica, sans-serif; color: #007ED8; margin-left: 3px; }

/** accessability **/
.help {
	background-color: #1CA1FF;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	cursor: help;
	margin: 0 0 0 5px;
}
.help:hover { background-color: #1782CE; }

/** center box **/
#left-center, #right-center {
	width: 330px;
	height: 350px;
	padding: 10px;
	margin-top: 1px;
	background-color: #f1f1f1;
}
#center {
	width: 682px;
	padding: 10px;
	background-color: #fff;
/*	margin-top: 30px;*/
	border-top: 2px solid #fff;
	clear: both;
	margin-left: 141px;
}
#center p { margin: 10px 0 20px 0; }
.grey { background-color: #f1f1f1 !important; }

#left-center { float: left; margin-left: 141px; }
#right-center { float: right; margin-right: 141px; }

/** forms **/
.row { margin-bottom: 10px; clear: both; }

.row label {
    width: 100px;
    font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	float: left;
	color: #678197;
	text-align: right;
	padding-right: 10px;;
}

.row p {
	font-size: 12px;
	vertical-align: middle;
	line-height: 22px;
	display: inline-block;
	color: #678197;
	margin: 0 0 0 10px !important;
}

.row input {
	width: 200px;
	height: 18px;
	line-height: 18px;
	padding-top: 5px;
	text-indent: 5px;
	border: 0;
	background-color: #fff;
/*	border-bottom: 1px solid #ccc;*/
/*	border-right: 1px solid #ccc;*/
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	letter-spacing: 1px;
}

.row select {
	width: 200px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	border: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	letter-spacing: 1px;
}

.row input, textarea, select { color: #678197; }
.row .submit {
	background: none #1CA1FF;
	padding: 3px 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	width: auto;
	height: auto;
	line-height: auto;
	text-indent: 0;
	margin-left: 120px;
	border: 0;
	clear: both;
	cursor: pointer;
}
.row .submit:hover { background-color: #1782CE; }

/** account/choice **/
.lost-password { margin-top: 30px; }
.account-choice-form, .account-login-form { margin: 50px 0; }
#account-choice { display: none; }
#shop-new-account { margin: 80px 0 0 60px; }

/** message **/
.row p.error {
	width: 210px;
	position: relative;
	left: 110px;
	top: 4px;
	padding: 0px 0 0 20px;
	line-height: 16px;
	color: #ff0000;
	background: url(/public/site/img/icons/exclamation.png) 0 50% no-repeat;
	display: none;
	clear: both;
}

ol li { list-style-type: decimal; padding-left: 1px; margin-left: 23px; }


/** steps **/
.steps {
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #eee;
	margin-top: -3px;
}

.steps li {
	display: block;
	height: 25px;
	float: left;
	padding: 0 20px 0 5px;
}
.step-label { font-weight: bold; }
.steps img { float: left; margin: 4px 5px 0 0; }
.steps p { float: left; }
.clearer, .clear { clear: both; height: 0px; overflow: hidden; }
.steps a, .steps a:link, .steps a:visited { text-decoration: none; color: #000; }
.steps a:hover { text-decoration: underline; }

.address {
	width: 40%;
	padding: 20px 5%;
	float: left;
}

#content ul { margin:  0 0 20px 20px; }
#content ul li { list-style-type: square; }
.float_right { float: right; }

/** table **/
.data {
	width: 100%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.data td, .data th {
	font: normal 12px/18px arial, helvetica, sans-serif;
	padding: 4px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.data th {
	background-color: #005898;
	color: #fff;
	font-weight: bold;
}