/*
Copyright (c) Enigma Interactive 2008

SOM2
Filename:		layout_shop.css
Description:	Shop-wide layout elements
     
History
ver date  			who     		comment
-----------------------------------------------------------------------------
1	22Jun09			CT				Created
*/

div.doubleColumn div.title {
	position: relative;
	width: 425px;
	height: 24px;
	padding: 4px 12px;
	background: #fff url(/res/shop/general/double_header_bg.gif) no-repeat top left;
	overflow: hidden;
}

div.doubleColumn div.title h1 {
	font-size: 1.3em;
}

div.singleColumnLeft div.title,
div.singleColumn div.title {
	position: relative;
	width: 206px;
	height: 22px;
	padding: 5px 12px;
	background: #fff url(/res/shop/general/single_header_bg.gif) no-repeat top left;
}

div.singleColumnLeft div.title h2,
div.singleColumn div.title h2 {
	font-size: 1.2em;
}

div.doubleColumn div.itemTop {
	position: relative;
	width: 448px;
	height: 10px;
	float: left;
	margin-top: 10px;
	background: #fff url(/res/shop/general/item_top.gif) no-repeat top left;
}

div.doubleColumn div.itemBody {
	position: relative;
	width: 422px;
	height: auto;
	float: left;
	background-color: #d8edf7;
	border-left: 1px solid #003f77;
	border-right: 1px solid #003f77;
	padding:2px 12px;
}

div.doubleColumn div.itemBody div.image {
	position: relative;
	width: 160px;
	height: 149px;
	float: left;
	margin-right: 12px;
	background: #fff;
	overflow: hidden;
}

div.doubleColumn div.itemBody div.image img {
	position: relative;
	width: 160px;
	float: left;
}

div.doubleColumn div.itemBody div.image div.overlay {
	position: absolute;
	top: 0;
	left: 0;
}

div.doubleColumn div.itemBody div.description {
	position: relative;
	width: 248px;
	height: auto;
	float: left;
	overflow: hidden;
}

div.doubleColumn div.itemBody div.wideDescription {
	position: relative;
	width: 420px;
	height: auto;
	float: left;
	overflow: hidden;
}

div.doubleColumn div.itemBody div.wideDescription div.title {
	width: 420px;
}

div.doubleColumn div.itemBody div.description h2,
div.doubleColumn div.itemBody div.wideDescription h2 {
	color: #003f77;
}

div.doubleColumn div.itemBody div.button {
	position: relative;
	float: right;
	bottom: 0px;
	width: 206px;
	height: 24px;
	margin-top: 10px;
}

div.doubleColumn div.itemBottom {
	position: relative;
	width: 448px;
	height: 10px;
	float: left;
	margin-bottom: 2px;
	background: #fff url(/res/shop/general/item_bottom.gif) no-repeat top left;
}

div.textAreaBody div.columnLeft {
	position: relative;
	width: 218px;
	height: auto;
	float: left;
	padding-bottom: 2px;
}

div.textAreaBody div.columnLeft div.image {
	position: relative;
	width: 218px;
	height: 195px;
	float: left;
	margin-top: 12px;
	background: #fff;
	overflow: hidden;	
}

div.textAreaBody div.columnLeft div.image img {
	position: relative;
	width: 218px;
	float: left;
}

div.textAreaBody div.columnLeft div.image div.overlay {
	position: absolute;
	top: 0;
	left: 0;
}

div.textAreaBody div.columnLeft div.image div.overlay img {
	width: 218px;
	height: 195px;
}

div.textAreaBody div.columnLeft div.button {
	position: relative;
	float: left;
	width: 218px;
	height: 24px;
	margin-top: 12px;
}

div.textAreaBody div.column {
	position: relative;
	width: 218px;
	height: auto;
	float: left;
	margin-left: 10px;
}


div.textAreaBody div.columnLeft div.text,
div.textAreaBody div.column div.text,
div.textAreaBody div.text {
	position: relative;
	float: left;
	width: 218px;
	height: auto;
	margin-top: 12px;
}

div.textAreaBody div.columnLeft div.textTop,
div.textAreaBody div.column div.textTop,
div.textAreaBody div.textTop {
	position: relative;
	float: left;
	width: 218px;
	height: auto;
	margin-top: 0px;
}

div.textAreaBody div.text {
	width: 448px;
}

div.doubleColumn div.textAreaBody div.text #basketTable {
	border-collapse:collapse;
	width: 448px;
}

div.trebleColumn div.textAreaBody div.text #basketTable {
	border-collapse:collapse;
	width: 690px;
}

div.textAreaBody div.text #basketTable tr#basketTitleRow {
	background-color: #d8edf7;
}

div.textAreaBody div.text #basketTable th {
	color: #003264;
	font-size: 1em;
	font-weight: bold;
}

div.textAreaBody div.text #basketTable .basketColumn {
	text-align:left;
	width: 242px;
	vertical-align:top;
	padding: 10px;
}

div.textAreaBody div.text #basketTable .basketQuantity,
div.textAreaBody div.text #basketTable .basketPrice {
	text-align:right;
	width: 103px;
	vertical-align:top;
	padding: 10px;
}

div.doubleColumn div.textAreaBody div.columnLeft div.bluePanelTop,
div.doubleColumn div.textAreaBody div.column div.bluePanelTop {
	position: relative;
	float: left;
	height: 10px;
	margin-top: 12px;
	width:218px;
	background: #fff url(/res/shop/product/general/blue_panel_top.gif) no-repeat top left;
}

div.doubleColumn div.textAreaBody div.columnLeft div.bluePanelBody,
div.doubleColumn div.textAreaBody div.column div.bluePanelBody {
	position: relative;
	float: left;
	width: 192px;
	height: auto;
	background: #d8edf7;
	text-align:left;
	padding: 0px 12px;
	border-left: 1px solid #003f77;
	border-right: 1px solid #003f77;
	overflow: hidden;
}

div.doubleColumn div.textAreaBody div.row,
div.singleColumn div.textAreaBody div.row,
div.singleColumnLeft div.textAreaBody div.row {
	position: relative;
	float: left;
	width:100%;
	padding-bottom:3px;
}

div.doubleColumn div.textAreaBody div.left,
div.singleColumn div.textAreaBody div.left,
div.singleColumnLeft div.textAreaBody div.left {
	position: relative;
	float: left;
	width:57%;
	height: auto;
	overflow: hidden;
}

div.doubleColumn div.textAreaBody div.right,
div.singleColumn div.textAreaBody div.right,
div.singleColumnLeft div.textAreaBody div.right {
	position: relative;
	float: right;
	width:38%;
	height: auto;
	overflow: hidden;
	text-align:right;
}

div.doubleColumn div.textAreaBody div.columnLeft div.bluePanelBottom,
div.doubleColumn div.textAreaBody div.column div.bluePanelBottom {
	position: relative;
	float: left;
	height: 10px;
	width:218px;
	background: #fff url(/res/shop/product/general/blue_panel_bottom.gif) no-repeat top left;
}