/* 
    Document   : catalog_common
    Created on : 2008-04-29, 08:09:51
    Author     : MW && Stevo
    Description:
        Styles of cart, checkout and product presentation
*/


.content .name_header {
font-size: 14px;
font-weight: bold;
}

.content .name_header_blue {
font-size: 18px;
color: #6f7daa;
font-weight: bold;
}

.content .white_header {
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}

.grey_gradient_box {
    display: block;
    float: left;
    width: 228px;
    height: 109px;
    _width: 228px;
    _height: 109px;
    background: url(/images/layout/content/grey_gradient_box.png);
    margin: 20px 0px 0px 20px;
    //margin: 20px 0px 0px 20px;
    _margin: 20px 10px 0px 10px;
    padding: 20px 20px 20px 20px;
    _padding: 20px 20px 20px 20px;
}


.grey_gradient_box .grey_gradient_img {
		float: left;
		width: 77px;
		height: 112px;
		margin-right: 10px;
}

.grey_gradient_box .grey_gradient_text {
		float: left;
		width: 140px;
		height: 112px;
}

.small_price {
		font-size: 12px;
}

.big_price {
		font-size: 16px;
}


.grey_gradient_box .grey_gradient_text .name {
		color: #6f7daa;
		font-size: 14px;
		font-weight: bold;
}

.grey_gradient_box .grey_gradient_text .brand {
		color: #646464;
		font-size: 11px;
		font-weight: bold;
}

.grey_gradient_text .more {
		position: absolute;
		bottom: 0px;
		right: 0px;
}

.grey_gradient_text .more_center {
		position: absolute;
		bottom: 0px;
		right: 0px;
		text-align: center;
}

.product_left_part {
		display: table-cell;
		float: left;
		width: 140px;
		margin-right: 20px;
		margin-top: 10px;
		text-align: center;
}

.product_left_part a {
		font-size: 11px;
		color: #555555;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: -1px;
}

.product_left_part a:hover {
		font-size: 11px;
		color: #555555;
		text-decoration: underline;
		font-weight: bold;
		letter-spacing: -1px;
}

.product_right_part {
		float: left;
		width: 433px;
		margin-top: 10px;
}

.product_right_part .add_to_basket {
		position: absolute;
		bottom: 0px;
		right: 0px;
}

.product_right_part .add_to_basket a {
		display: block;
		width: 90px;
		height: 25px;
		background: url('/images/layout/buttons/add_to_basket.png');
}

.product_right_part .add_to_basket a:hover {
		width: 90px;
		height: 25px;
		background: url('/images/layout/buttons/add_to_basket_h.png');
}

.product_right_part .description {
		font-size: 11px;
}

.prod_list .description {
        font-size: 11px;
}    

.prod_list .description table td {
        font-size: 11px;
}
    
.prod_list .description li {
	margin: 0px 0px 0px 35px;
	padding: 0px 0px 0px 5px;
        _padding: 0px 0px 0px 25px;
        _margin: 0px 0px 0px 10px;
	list-style-position: outside;
        list-style-image: url('/images/icons/tick.png')
}

ul.tick li {
	margin: 0px 0px 0xp 5px;
	padding: 0px 0px;
	list-style-position: outside;
        list-style-image: url('/images/icons/tick.png')
}

.grey_gradient_box_product {
    display: block;
    float: left;
    width: 364px;
    height: 101px;
    _width: 364px;
    _height: 101px;
    background: url(/images/layout/content/grey_gradient_box_product.png);
    padding: 10px 10px 10px 10px;
    _padding: 10px 10px 10px 10px;

}

.grey_gradient_box_product  input {
    font-size: 11px;
    padding: 1px;
    border: solid #888888 1px;
}

.grey_gradient_box_product select {
    border: solid #888888 1px;
    font-size: 11px;
    padding: 1px;
}

.grey_gradient_box_product .left_part  input {
    font-size: 11px;
    padding: 1px;
    border: solid #888888 1px;
}

.grey_gradient_box_product .left_part select {
    border: solid #888888 1px;
    font-size: 11px;
    padding: 1px;
}

.grey_gradient_box_product .left_part {
    float: left;
    width: 235px;
    height: 100px;
    text-align: left;
}

.grey_gradient_box_product .right_part {
float: left;
width: 129px;
height: 100px;
text-align: right;
}

.grey_gradient_box_product .price {
		font-size: 11px;
}

/* ARE THOSE USED AT ALL ??*/
.right {
	text-align: right;
}

.center {
	text-align: center;
}

/* AND WHAT FLTR AND FLTL ARE FOR ??? */
.float_left {
	float: left;
}

.float_right {
	float: right;
}

/* WEIRD isn't there <b> tag ??*/
.bold {
	font-weight: bold;
}


/* BUTTONS */

.more_button {
margin-top: 5px;
float: right;
}

.more_button a {
display: block;
width: 82px;
height: 25px;
background: url('/images/layout/buttons/more_button.png');
}

.more_button a:hover {
width: 82px;
height: 25px;
background: url('/images/layout/buttons/more_button_h.png');
}


/* BASKET */

table.basket {
width: 600px;
border-spacing: 1px;
padding: 0px
margin: 0px;
border: 0px;
}


table.basekt th,
table.basekt td
{
padding: 5px;
}

table.basket th {
background-color: #65709a;
color: #FFFFFF;
text-align: left;
}

table.basket td {
background-color: #e5e5e5;
text-align: left;
}

table.basket td.center {
background-color: #e5e5e5;
text-align: center;
}

table.basket td.white {
background: #FFFFFF;
text-align: right;
font-weight: bold;
}

table.basket td.spacer_bg
{
    background: url(/images/spacer_bg.gif) repeat top left #fff;
}

table.basket input {
border: solid #888888 1px;
font-size: 11px;
padding: 1px;
}


table.basket td.blue {
background: #65709a;
text-decoration: underline;
}

table.basket input.disabled
{
    background: #f0f0f0;
}

.continue_shopping a {
display: block;
width: 110px;
height: 25px;
background: url('/images/layout/buttons/continue_shopping.png');
float: right;
margin: 2px;
}

.continue_shopping a:hover {
width: 110px;
height: 25px;
background: url('/images/layout/buttons/continue_shopping_h.png');
float: right;
}

.go_to_checkout a {
display: block;
width: 110px;
height: 25px;
background: url('/images/layout/buttons/go_to_checkout.png');
float: right;
margin: 2px;
}

.go_to_checkout a:hover {
width: 110px;
height: 25px;
background: url('/images/layout/buttons/go_to_checkout_h.png');
}

links_center 
{
text-align: center;
}