/* CSS Document */
/* Main colors
light grey (body) - #E6E6E6
medium grey - #666
dark grey - #333
orange - #F18829
light background orange (left coloumn) - #FAD994
*/

		
#centerFooterContainer {background:#FDC470 url(../img/bgr-left-col-white.gif) 0 0 repeat-y}
#mainContent {height:auto}
* html 	#centerFooterContainer {position:absolute;}
		#centerCol, #mainText, #leftCol {padding:0; height:auto;}
	.wrapper {float:left; width:100%; }
		#centerCol {margin: 0 170px 0 300px;}
		#centerCol .content{text-align:left;}

/*Sidebar and cat sidebar panels styles
--------------------------------------------------------*/
.sidebar {float:left; margin-left:-170px; width:169px;}
	.sidebar p {padding:5px 10px; text-indent:15px}
	.sidebar p.first{padding-top:0}

	.sidebar .actionPanel {margin:9px 8px 0 9px; width:150px; height:auto; min-height:50px; border:1px solid #333; background:#FBF1D1}
	* html .sidebar .actionPanel {height:50px;}
	.actionPanel.first {margin-top:0 !important}
	.sidebar .actionPanel .header { padding:3px 5px 2px; height:auto; min-height:15px; background:#C0C0C0}
	* html #sidebar .actionPanel .header {height:16px;}
		.actionPanel .header h2 { line-height:100%; font-size:1em}
		
	.sidebar .actionPanel .note{padding:3px 5px; margin-bottom:5px; height:auto; font-size:0.9em}
	.sidebar .actionPanel .action {padding:3px 5px 2px; margin-bottom:5px; height:auto; min-height:16px; background:#FFCC66}
	.actionPanel .action a {font-size:0.9em; font-weight:bold}
	
	/*Compare panel*/
	#itemsToCompare li {clear:both; display:block; padding: 5px 10px 5px 5px; list-style:none}
	#itemsToCompare li label {float:left; width:110px;}
	#itemsToCompare li .checkboxWrapper {float:right; position:relative; top:2px;}
	* html #itemsToCompare li .checkboxWrapper {width:15px; top:-2px}
	* html #itemsToCompare li input {width:15px}
	/*------------------------------------------------------*/
	
	/*Ask question panel*/
	#askContacts {margin:5px 0}
	#askContacts li {padding: 5px 10px 5px 10px; list-style:none;}
	/*------------------------------------------------------*/

/*------------------------------------------------------*/

#leftCol {float:left; margin-left:-100%; width:300px;}
* html #leftCol {padding:0;}
	#leftCol .itemTypes {margin:20px 0}
		#leftCol .itemTypes li {padding:3px 10px 3px 20px; list-style:none; background:url(../img/types-menu-bullet.gif) 10px 50% no-repeat; }
		#leftCol .itemTypes a {text-decoration:none}
		#leftCol .itemTypes strong {font-size:1.1em}
			#leftCol li.first {padding-top:0}
#underfloor{width:100%; background:#333; font-size:0.8em; color: #FFF;}	

/* Headers and menu*/
.typeHeader {margin-bottom:10px; text-align:left; font-size:1.5em;}
* html .typeHeader {margin:20px 10px 10px 20px}
h2 { margin-bottom:10px;}
#details p {margin-bottom:10px; line-height:130%; text-indent:0}
.pagesMenu {margin-top:9px;}
.dirsMenu, .pagesMenu{margin-left:15px}
* html .dirsMenu, * html .pagesMenu{margin-left:20px}
/** html .dirsMenu {width:90%}*/
.dirsMenu li, .pagesMenu li{display:inline; list-style:none;}
.dirsMenu a, .pagesMenu a {text-decoration:none}
.dirsMenu h2 {display:inline; font-size:1.5em;}
.dirsMenu a {font-size:0.8em;}
.dirsMenu a:link, .pagesMenu a:link{}     /* unvisited link */
.dirsMenu a:visited, .pagesMenu a:visited{}  /* visited link */
.dirsMenu a:hover, .pagesMenu a:hover{}   /* mouse over link */
.dirsMenu a:active, .pagesMenu a:active{}   /* selected link */
.pagesMenu li{font-size:1em}
/*======================================================*/

/* Item panel*/
.itemRow {overflow:hidden;}
* html .itemRow {position:relative; width:100%}
.itemPanel {float:left; padding-bottom:500px; margin:10px 2.5% -500px 2.5%; width:45%; height:auto; min-height:130px; background:#FCF3C4 url(../img/bgr_item_panel.gif) 0 0 repeat-x;}
* html .itemPanel {margin:10px 1.7% -500px 1.7%; height:130px}
.itemPanel .left {float:left; padding:6px 0; width:60%; text-align:left;}
* html .itemPanel .left {width:54%}
	.itemPanel h3 {font-size:1.3em;}
	.itemPanel .left p, .itemPanel h3{padding:0 12px 0; margin-bottom:6px}
	.itemPanel .left a{display:block; padding:0 12px 0;}
.itemPanel .right {float:right; width:40%; text-align:left}
	.itemPanel .right .image{ margin:12px 0 3px 0; width:90%; text-align:left;}
	.itemPanel img {width:100px;}
	* html .itemPanel .right .image{height:100px;}
	.itemPanel .price {margin-top:9px; padding:0; border:none}
	.itemPanel .right .extraActions {margin:10px 0}
		.btnAddBasket {margin-bottom:6px; width:85px; background:url(../img/btn_add_basket.gif) 100% 0; border:1px #999 solid} 
		.addBasket {display:block; padding:5px 15px 5px 5px; width:61px; background:url(../img/arrow_button.gif) no-repeat 100% 50%; text-decoration:none}
		* html .addBasket {padding:5px; width:80px;}
		.itemPanel .extraActions input {float:left; position:relative; left:-3px; width:20px}
		.itemPanel .extraActions label {float:left; width:80%}
		* html .itemPanel .extraActions label {width:50%}
/*======================================================*/

/* For catalog.php*/
#allTypes {margin:10px 20px 10px 250px}
#allTypes ul li {padding:0 0 5px 15px; background: url(img/orange_bullet.gif) no-repeat 0 0; list-style:none; line-height:130%}
/*======================================================*/