/*
 * Name: style.css
 * Version: 0.1
 * Author: Jovan Stojanovic - TechTalks.Tv
 *
 * NOTE: please if you modify some part of this document add ["New"] styles in proper section. Thanks
 *
 * DOCUMENT STRUCTURE:
 *
 * 1.  CONTENT
 * 2.  LIST ITEM
 * 3.  SIDEBAR MENU
 * 4.  RECORD DETAILS
 * 5.  CART
 * 6.
 *
*/


/* CONTENT
 *******************************************************/
.store_left_content {
	width:700px;
	float:left;
	margin:0px 15px 0px 0px;
}

.store_left_content h3 {
	font-weight: bold;
	margin: 0px;
}

h2.store_title_item {
	background:url('../img/store_title_item.png') no-repeat -10px 8px;
	padding-bottom: 10px;
	margin-bottom:20px;
}

.store_right_content {
	background: url('../img/store_right_content.png') top left repeat-x;
	width:185px;
	float:left;
	min-height:340px;
	position: relative;
	right:-18px;
	top:-28px;
	border-top-right-radius: 5px;
	padding:10px 10px;
}

.store_right_content .login_submit {
	float:left;
	margin-top: 10px;
}


/* LIST ITEM
 *******************************************************/
ul.store_list {
    list-style:none;
    margin: 0;
    padding: 10px;
    width: 100%;
    overflow: hidden;
}
ul.store_details_list li {
    border-radius: 3px 3px 3px 3px;
    border:1px solid #dddddd;
    padding: 15px 15px 15px 15px;
    overflow:hidden;
    margin:0px 0px 20px 0px;
    width: 180px;
    height: 160px;
    float:left;
}

ul.store_list li {
    border-radius: 3px 3px 3px 3px;
    border:1px solid #dddddd;
    padding: 15px 15px 15px 15px;
    overflow:hidden;
    margin:0px 0px 20px 0px;
}

ul.store_list li:hover {
	box-shadow: 0px 0px 3px #999;
	border:1px solid #ccc;
}

ul.store_list li form {
	overflow: hidden;
}

ul.store_list li h3 {
	margin:0px 0px 5px 0px;
}

ul.store_list h3 a {
	font-size:15px;
	color:#333;
}

ul.store_list h3 a:hover {
	color:#006699;
}

ul.store_list .store_list_img {
	padding:2px;
	border:1px solid #dedede;
	margin:-2px 15px -2px -2px;
	border-radius: 2px;
	float:left;
}

ul.store_list .login_submit,
ul.store_list .grey_small {
    margin: 10px 10px 0px 0px;
    padding: 5px 10px;
}

.store_list_price {
	float:right;
}

/* SIDEBAR MENU
 *******************************************************/
h3.browse_store_title {
	font-size:16px;
	clear:both;
	margin:10px 0px 10px 0px;
}

ul.browse_store {
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.browse_store li {
	margin:2px;
}

ul.browse_store li a {
	color:#666666;
	font-size:14px;
	padding:3px 3px 3px 13px;
	width:172px;
	display:block;
	background: url('../img/browse_store_item_img.png') 3px -88px no-repeat;
}

ul.browse_store li a:hover {
	color:#FFCC00;
	background: url('../img/browse_store_item_img.png') 3px 8px no-repeat #37464B;
	border-radius: 3px;
}

/* RECORD DETAILS
 *******************************************************/
.store_details_list_img {
	padding:2px;
	border:1px solid #dedede;
	margin:-2px;
	border-radius: 2px;
	width:200px;
}


/* CART
 *******************************************************/
.cart_remove {
    background:#990000;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    bottom: 0;
    box-shadow: 0 0 1px #475B69;
    color: #ffffff;
    font-size: 12px;
    padding: 8px 15px 7px;
    position: relative;
    right: 0;
}

.store table {
	width:100%;
	margin:0px 0px 20px 0px;
	clear:both;
	font-size:14px;
}

.store table th {
	padding:8px;
	background:#dedede;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-align:left;
	font-weight:normal;
	font-size:15px;
}

.store table td {
	padding:5px 0px;
}

.store table td:last-child {
	border-right:0px solid #dddddd;
}

.store table td input[type="text"],
.store table td input[type="password"] {
	width:250px;
}

table td #payment ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

table td #payment ul li {
	margin: 5px 0px 5px 0px;
}

.store p.help {
	color:#999;
	font-size: 12px;
}

.store table td h4 {
	font-weight: bold;
	margin: 40px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	padding: 0px 0px 10px 0px;
}

.confirmation h4 {
	font-weight: bold;
	margin: 40px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	padding: 0px 0px 10px 0px;
}

form.qtyform {
	width:175px;
}

.qtyform #id_quantity {
	width:20px;
	text-align: center;
}

.store_left_content .error {
	color:#990000;
}

#checkoutprogress ul {
	list-style: none;
	margin:0px;
	padding:15px 0px;
}

#checkoutprogress ul li {
	font-size: 14px;
	margin: 5px 0px;
	display:block;
	overflow:hidden;
}

.order-list {
	list-style: none;
	margin:20px 0px;
	padding:0px;
}

.order-list li {
	margin:5px 0px;
	display:block;
	font-size: 15px;
	color:#333;
}
.store p.clearwidth {
	margin:10px 0px;
}
.killhr hr {
	display:none;
}

.killhr ul {
	list-style: none;
	margin: 0px;
	padding:0px;
}

.killhr ul li {
	margin:5px 0px;
	line-height: 21px;
}