/* Product Page */
body { background-color: #b9cddb; }

div#prodContainer 
{
	width: 690px;
	height: 590px;
	position: relative;
	clear: both;
	z-index: 100;
	margin-top: 45px;
}
	
	/* Main product detail CSS */
	div#prodContainer div#prodDetail { 
		clear: both;
		text-align: center;	
	}

		div#prodContainer div#prodDetail div.prodImage {
			width: 240px;
			height: 450px;			
			float: left;
			text-align: center;	
			vertical-align: middle;
		}
		
		div#prodContainer div#prodDetail div.prodInfo
		{
			width: 220px;
			height: 450px;
			float: left;
			margin: 0 0 0 30px;
			text-align: left;
		}
div#prodContainer div#prodDetail div.largeprice
		{
			font-size: 22px;
                        font-weight: bold;
                        color: #084f74;
		}
div#prodContainer div#prodDetail div.addthisthing
		{
			height: 45px;
		}


		
			div#prodContainer div#prodDetail div.prodInfo div.prodCode{
				display: none;
			}
			
			div#prodContainer div#prodDetail div.prodInfo h2{
				font-size: 20px;
				color: #4385af;
				margin: 0;
			}
			
			div#prodContainer div#prodDetail div.prodInfo p {
				margin: 10px 0 0 0;		
				line-height: 18px;
			}
			div#prodContainer div#prodDetail div.prodInfo input#txtQuantity{
				margin-left: 20px;
				margin-right: 20px;
			}
		
		/* The "You may also like..." product listing */
		
		div#prodContainer div#prodDetail div.prodAlsoLike {
			width: 130px;
			float: left;
			margin: 0 0 0 65px ;
			text-align: left;			
		}
		
		div#prodContainer div#prodDetail div.prodAlsoLike ul {
			list-style: none;
			margin: 20px 0 0 0;
			padding: 0;
			clear: both;
		}
		
		div#prodContainer div#prodDetail div.prodAlsoLike ul li {
			list-style: none;
			margin: 0 0 8px 0;
			height: 120px;
			clear: both;
		}
		
		div#prodContainer div#prodDetail div.prodAlsoLike ul li h4 {
			font-weight: bold;
			font-size: 11px;
			margin: 5px 0 8px 0;	
			clear: both;
		}
		
		div#prodContainer div#prodDetail div.prodAlsoLike ul li h4 a {
			color: #6f5f3c;
			text-decoration: none;
		}
		
		
		
		div#prodContainer div#prodDetail div.prodAlsoLike ul li p 
		{
			margin: 0;
			padding: 0;
			display: -moz-inline-box;
			display: inline-block;
			line-height: 14px;
			width: 82px;
			font-size: 11px;
			float: left;
		}		
		
		div#prodContainer div#prodDetail div.prodAlsoLike ul li img {
			float: right;	
			border: 0;		
		}
	
	/* Tabs CSS */
	div#prodContainer div#prodTabs 
	{
		 width: 690px;
		 position: absolute;
		 top: 490px;
		 left: 0px;
	}
	
	div#prodContainer div#prodTabs ul 
	{
		 list-style: none;	
		 margin: 0;	 
		 padding: 0;
		 height: 30px;
	}
	
	div#prodContainer div#prodTabs ul li.tabItem
	{
		 float: left;
		 display: -moz-inline-box;
		 display: inline-block;
		 width: 119px;
		 height: 30px;
		 margin: 0 1px 0 0;
		 cursor: pointer;
		 text-align: center;
		 background-image: url(../images/products/bg_tab.gif);	 
		 background-position: -120px 0;
		 background-repeat: no-repeat;
		 color: #96b4db;
		 padding: 5px 0;
		 font-weight: bold;
		 font-family: times;
	}
	
	div#prodContainer div#prodTabs ul li.active
	{
		 float: left;
		 display: -moz-inline-box;
		 display: inline-block;
		 background-image: url(../images/products/bg_tab.gif);	
		 background-position: 0 0;
		 background-repeat: no-repeat;
		 color: #FFFFFF;
		 font-weight: bold;
	}
	
	/*
		The following structure of the content tab area is created using JavaScript

		<div id="Tab1" class="active tabContent">

			<div class="topBar">
				<div class="leftBar"></div>
				<div class="rightBar"></div>
			</div>

			<div class="centerBar">
				<div class="leftBar"></div>
				<div class="contentBar">
					<div class="innerBar">
						Tab 1 Content goes here!
					</div>
				</div>
				<div class="rightBar"></div>
			</div>

			<div class="botBar">
				<div class="leftBar"></div>
				<div class="rightBar"></div>
			</div>

		</div>
	*/
	
	div#prodContainer div#prodTabs div.tabContent
	{
		 display: none;
		 clear: both;
		 width: 690px;
	     color: #6f5f3c;
		 left: 0;
		 top: 29px;
		 position: absolute;
		 text-align: left;		
		 cursor: default;
		 font-family: Verdana, Arial, Sans-Serif;
		 font-weight: normal;
	}
	
	 
	div#prodContainer div#prodTabs div.tabContent div.contentBar
	{
		 width: 690px;		 
		 background-color: #FFFFFF;		 
		 background-image: url(../images/products/bg_tab_panel_center.gif);	 		 
	}
	
	.smallText {
		font-size: 10px;
	}
	
	div#prodContainer div#prodTabs div.tabContent div.contentBar div.innerBar
	{
		 padding: 5px 10px 5px 10px;
	}
	
	div#prodContainer div#prodTabs div.tabContent div.contentBar div.innerBar div
	{
		margin: 0;
		padding: 0;
		height: 80px;
		overflow: auto;
	}
	
	div#prodContainer div#prodTabs div.tabContent div.topBar
	{
		 width: 100%;	 	 
		 clear: both;
		 height: 20px;		 
	}
	
	div#prodContainer div#prodTabs div.tabContent div.topBar div.leftBar
	{
		 width: 50%;
		 height: 20px;	 	 
		 background-image: url(../images/products/bg_tab_panel.gif);
		 background-repeat: no-repeat;
		 background-position: top left;
		 float: left;
	}
	
	div#prodContainer div#prodTabs div.tabContent div.topBar div.rightBar
	{
		 width: 50%;
		 height: 20px;	 	 
		 background-image: url(../images/products/bg_tab_panel.gif);
		 background-repeat: no-repeat;
		 background-position: top right;
		 float: left;
	}
	
	
	div#prodContainer div#prodTabs div.tabContent div.botBar
	{
		 width: 100%;	 	 
		 clear: both;	 
	}
	
	div#prodContainer div#prodTabs div.tabContent div.botBar div.leftBar
	{
		 width: 50%;
		 height: 20px;	 	 
		 background-image: url(../images/products/bg_tab_panel.gif);
		 background-repeat: no-repeat;
		 background-position: bottom left;
		 float: left;
	}
	
	div#prodContainer div#prodTabs div.tabContent div.botBar div.rightBar
	{
		 width: 50%;
		 height: 20px;	 	 
		 background-image: url(../images/products/bg_tab_panel.gif);
		 background-repeat: no-repeat;
		 background-position: bottom right;
		 float: left;
	}
	
	div#prodContainer div#prodTabs div.active
	{		 
		 display: block;
	}