@charset "utf-8";
/* CSS Document */
/* 
	content:
	- PRESETS
	- LAYOUT
	- COMMON

	COLOR SET:

	.color00 - bialy (#ffffff)
	.color01 - czarny (#000)
	.color02 - niebieski (#0066ff)
	.color03 - czerwony (#ff0000)
	.color04 - szary jasny (#999)
	.color05 - szary sredni (#666)	
	.color06 - szary ciemny (#333)	
	
*/



/* ------------------------------------------------------------------ */
/* PRESETS */

	/* @import url("presets.css"); */
	
/* ------------------------------------------------------------------ */
/* TEXT CONTAINER */
	
	/* @import url("textcontainer.css"); */
	

/* ------------------------------------------------------------------ */
/* LAYUOT */
	
	body { background:#6799ca url(../images/background.gif) repeat-x 0 0 }
	
	#abs-container {
		width:970px;
		margin:0 auto
	}
	
	div.shadows {
		width:31px;
		height:313px;
		display:inline;
		float:left
	}
	
	#shadow-left { background:#fff url(../images/shadows_sprites.gif) no-repeat 0 0 }
	#shadow-right { background:#fff url(../images/shadows_sprites.gif) no-repeat -30px 0 }	
	
	#container {
		width:902px;
		padding:0 3px;
		float:left;
		background:#fff url(../images/banner_bg.gif) no-repeat 0 0;
		position:relative;
		display:inline
	}	
	
	#container-flash {
		width:902px;
		height:560px;
		/* padding:0 3px; */
		float:left;
		position:relative;
		display:none;
		margin-bottom:9px
	}	
	
	#body {
		background:#fff url(../images/body_bg.gif) repeat-x 0 0;
		overflow:hidden
	}
	
	* html #body { height:1% }
	
	#main #body { display:none }
	
	body#about #body{ padding:20px }
	body#gallery #body{ padding:0 0 20px 20px }
	body#catalog #body{ padding:15px 20px 20px }

	div.collumn-bg { overflow:hidden }
	* html div.collumn-bg { height:1% }
	body#gallery div.collumn-bg { background:url(../images/collumn_bg.gif) repeat-y 710px 0 }
	body#details div.collumn-bg { background:url(../images/collumn_bg.gif) repeat-y 100% 0 }
	
/* ------------------------------------------------------------------ */
/* sections */	
	
	div.collumns-3 {
		width:257px;
		float:left;
		padding-right:30px
	}
	
	div.collumns-2 {
		width:401px;
		float:left;
		padding:15px 25px
	}
	
	div.dark-bg { background:#F0F3F5 }
	
	div.gsection {
		clear:both;
		background:url(../images/gsection_bg.gif) repeat-x 0 0;
		overflow:hidden;
		padding:20px
	}
	
	* html div.gsection { height:1% }
	
	
/* ------------------------------------------------------------------ */
/* HEADER */	

	#header {
		clear:both;
		height:80px;
		position:relative
	}
	
	#header a.logo {
		width:230px;
		height:28px;
		display:inline;
		float:left;
		background:url(../images/logo_sportis.gif) no-repeat 0 0;
		text-indent:-9000px;
		margin:32px 0 0 39px
	}
	
	#banner {
		clear:both;
		height:220px;
		text-align:center;
		padding-bottom:1px;
		padding-top:5px
	}
	
	#main #banner {
		height:434px;
		padding-bottom:0
	}
	
	#banner img {
		width:902px;
		height:180px;
		float:left
	}

	#main #banner img { height:394px }
	
	ul#topNav {
		width:902px;
		height:40px;
		margin:0 auto;
		padding:0;
		list-style-type:none;
		background:url(../images/topnav_sprites.gif) no-repeat 0 0;
	}
	
	ul#topNav li, ul#topNav li a {
		width:300px;
		height:40px;
		float:left;
		display:inline
	}
	
	ul#topNav li.a1, ul#topNav li.a2 { margin-right:1px }
		
	ul#topNav li a { text-indent:-9000px }
	
	ul#topNav li.a1 a { background:url(../images/topnav_sprites.gif) no-repeat 0 0 }
	ul#topNav li.a2 a { background:url(../images/topnav_sprites.gif) no-repeat -301px 0 }
	ul#topNav li.a3 a { background:url(../images/topnav_sprites.gif) no-repeat -602px 0 }

	ul#topNav li.a1 a.on, ul#topNav li.a1 a.over { background:url(../images/topnav_sprites.gif) no-repeat 0 -40px }
	ul#topNav li.a2 a.on, ul#topNav li.a2 a.over { background:url(../images/topnav_sprites.gif) no-repeat -301px -40px }
	ul#topNav li.a3 a.on, ul#topNav li.a3 a.over { background:url(../images/topnav_sprites.gif) no-repeat -602px -40px }
	
	#header ul {
		margin:0;
		padding:0;
		list-style-type:none;
		position:absolute;
		right:75px;
		top:50px
	}
	
	#header ul li {
		float:left;
		margin-right:30px;
		display:inline
	}
	
	#header ul li a {
		display:inline;
		float:left;
		height:14px;
		background-image:url(../images/menu_sprites.gif);
		background-repeat:no-repeat;
		text-indent:-8000px
	}
	
	#header ul li.nav1-stronaglowna a { width:72px; background-position:0 0 }	
	#header ul li.nav1-firma a { width:27px; background-position:0 -14px }	
	#header ul li.nav1-produkty a { width:44px; background-position:0 -28px }
	#header ul li.nav1-galeria a { width:34px; background-position:0 -42px }
	#header ul li.nav1-dystrybutorzy a { width:68px; background-position:0 -56px }
	#header ul li.nav1-kontakt a { width:38px; background-position:0 -70px }
	#header ul li.nav1-ofertaspecjalna a { width:95px; background-position:0 -84px }
	
	#header ul li.nav1-stronaglowna a.on, #header ul li.nav1-stronaglowna a.over { width:72px; background-position:-95px 0 }	
	#header ul li.nav1-firma a.on, #header ul li.nav1-firma a.over { width:27px; background-position:-95px -14px }	
	#header ul li.nav1-produkty a.on, #header ul li.nav1-produkty a.over { width:44px; background-position:-95px -28px }
	#header ul li.nav1-galeria a.on, #header ul li.nav1-galeria a.over { width:34px; background-position:-95px -42px }
	#header ul li.nav1-dystrybutorzy a.on, #header ul li.nav1-dystrybutorzy a.over { width:68px; background-position:-95px -56px }
	#header ul li.nav1-kontakt a.on, #header ul li.nav1-kontakt a.over { width:38px; background-position:-95px -70px }	
	#header ul li.nav1-ofertaspecjalna a.on, #header ul li.nav1-ofertaspecjalna a.over { width:95px; background-position:-95px -84px }	
	
	
	#lang {
		width:44px;
		height:19px;
		overflow:hidden;
		float:right;
		margin:45px 40px 0 0;
		display:inline
	}
	
	#lang a {
		width:19px;
		height:19px;
		display:inline;
		float:left;
		text-indent:-9000px;
		margin-left:3px
	}
	
	#lang a.lang-pl { background:url(../images/lang_sprites.gif) no-repeat 0 0 }
	#lang a.lang-en { background:url(../images/lang_sprites.gif) no-repeat -19px 0 }
	
	
	#cartBox {
		width:233px;
		height:21px;
		background:url(../images/cartbox_bg.gif) no-repeat 0 0;
		position:absolute;
		top:13px;
		right:33px;
	}

	#cartBox p {
		color:#c5def3;
		font:11px Tahoma, Geneva, Verdana, sans-serif;
		padding:3px 10px;
		float:left
	}
		
	#cartBox strong { color:#fff }
		
	#cartBox a {
		display:inline;
		float:right;
		width:60px; 
		height:21px; 
		text-indent:-9000px;
		margin-right:12px		
	}

/* ------------------------------------------------------------------ */
/* FOOTER */	

	#footer {
		clear:both;
		color:#c6e6f9;
		font-size:11px;
		text-align:center;
		background:url(../images/footer_bg.gif) no-repeat 50% 0;
		overflow:hidden
	}
	
	* html #footer { height:1% }
	
	#main #footer { background:url(../images/footer_bg_main.gif) no-repeat 50% 0; }
	
	#footer p.nav { padding:30px 0 0 }
	#main #footer p.nav { padding:0 }	
	
	#footer #info { display:none }
	
	#main #footer p.nav { /* padding:30px 0 0 */ }
	
	#main #footer #info { 
		display:block; 
		clear:both;
		height:70px; 
		margin-top:30px; 
		margin-bottom:30px; 
		overflow:hidden;
		text-align:left;
		padding:0 50px 0
	}

	#footer a { text-decoration:none }	
	#footer a strong { color:#fff }		

	#footer p.nav a {
		color:#fff;
		margin:0 8px 0 6px;
	}
	
	#footer p.nav a:hover { text-decoration:underline }
	#footer p.copyright { padding-top:5px }	
	#footer p.created { padding-top:5px }

	#footer p.copyright a, #footer p.created a { 
		color:#d8edf9;
		font-size:11px;
	}
	
	#footer p.created img { vertical-align:middle; margin-left:5px }


/* ------------------------------------------------------------------ */
/* COMMON */
	
	.color07 { color:#8495a7 !important }
	
	
	h1.page-title {
		font:18px Arial, "Helvetica Neue", Helvetica, sans-serif;
		color:#406798;
		padding:0 0 10px 0
	}

	p.more {
		text-align:right;
		white-space:nowrap;
		padding:5px 0;
		color:#0e82c1
	}
	
	p.more a {
		color:#0e82c1;
		text-decoration:none;
	}
		
	p.more a:hover { text-decoration:underline }

	p.link a { color:#0e82c1; text-decoration:none }	
	p.link a:hover { text-decoration:underline }
	p.link { padding-right:15px; background:url(../images/dot03.gif) no-repeat 100% 4px  }

	div.spacer-line01 {
		clear:both;
		padding-top:10px;
		margin-bottom:10px;
		overflow:hidden;
		border-bottom:1px solid #F1EFE5;
		font-size:0;
		line-height:0
	}
	
	* html div.spacer-line01 { height:1% }

	div.spacer-dot01 {
		clear:both;
		height:2px;
		padding-top:10px;
		margin-bottom:10px;
		overflow:hidden;
		background:url(../images/dot02.gif) repeat-x 0 100%;		
		font-size:0;
		line-height:0
	}
	
	* html div.spacer-line01 { height:1% }
	
	

/* ------------------------------------------------------------------ */
/* breadcrumbs */	
	
	#main #breadcrumbs { display:none }
	
	#breadcrumbs {
		height:30px;
		clear:both;
		background:#4a77aa url(../images/breadcrumbs_bg.gif) repeat-x 0 0;
		color:#8cb1da;
		font:11px Tahoma, Geneva, sans-serif;
	}
	
	#breadcrumbs a { color:#bdd8ef; text-decoration:none }	
	#breadcrumbs strong { color:#fff }

	#breadcrumbs ul {
		height:30px;
		margin:0;
		padding:0;
		list-style-type:none;
		display:inline;
		float:right;
		background:url(../images/breadcrumbs_sprites.gif) no-repeat 0 0
	}
	
	#breadcrumbs ul li {
		height:23px;
		float:left;
		display:inline;
		padding:7px 15px 0;
		background:url(../images/breadcrumbs_sprites.gif) no-repeat 100% 0;
	}
	
	#breadcrumbs ul li a:hover { color:#fff }
	
	#breadcrumbs ul li.first {
		background:url(../images/breadcrumbs_sprites.gif) no-repeat 0 0;
		padding:7px 0 0 70px
	}
	
	#breadcrumbs ul li img {
		width:5px;
		height:3px;
		position:relative;
		top:-2px;
		left:14px		
	}
	

/* ------------------------------------------------------------------ */
/* photo thumb */	

	div.thumb-left p, div.thumb-right p {
		text-align:center;
		padding-top:10px;
		padding-bottom:5px;
	}
		
	div.thumb-left {
		width:275px;
		float:left;
		margin:0 20px 10px 0
	}

	div.thumb-right {
		width:275px;
		float:right;
		margin:0 0 10px 20px
	}	
	
/* ------------------------------------------------------------------ */
/* info boxes */	

	div.alert-box, div.info-box, div.error-box, div.newsletter-info {
		clear:both;
		padding:10px 15px 5px;
		overflow:hidden;
		margin:10px 0;
		text-align:center
	}
	
	div.alert-box p, div.info-box p, div.error-box p, div.newsletter-info p {
		padding:0 0 5px;
		text-align:center;
		font-weight:bold;
		color:#fff;
	}		
	div.alert-box p { color:#666; vertical-align:middle }
	div.alert-box img { vertical-align:middle }
	div.alert-box { border:1px solid #E5E9EE; background:#fff }		
	div.info-box { border:1px solid #689e4b; background:#87c565 }		
	div.error-box { border:1px solid #e02222; background:#ff3c3c }		
	
	div.newsletter-info {
		border:1px solid #ece8db;
		background:#fff;
		margin-bottom:0
	}		


/* ------------------------------------------------------------------ */
/* navi-pages */		

	div.navi-pages {	
		margin:0 12px 0 0;
		padding:5px 0 5px 0;
		float:left;
		display:inline;		
	}
	
	div.navi-pages * { font-family:Tahoma, Geneva, Verdana, sans-serif; font-size:11px }
	
	div.navi-pages .navi-dot { float:left; color:#aaa }
	
	div.navi-pages .page-off, div.navi-pages .page-active {	
		height:16px;
		width:18px;
		margin:0;
		float:left;
		display:inline;
		padding:0;
		text-align:center;		
	}

	div.navi-pages a { text-decoration:none }
	
	div.navi-pages .page-off a { color:#4d79ac }
	
	div.navi-pages .page-spacer {		
		height:16px;
		width:8px;
		margin:0;
		float:left;
		display:inline;
		padding:0;
		text-align:center;
		color:#94a0be;
		font-weight:normal;		
	}

	div.navi-pages .page-active {		
		background:#4d79ac;
		font-weight:bold;
		color:#fff;	
	}
	
	div.navi-pages .page-active a { color:#fff; position:relative; left:1px }

	div.navi-pages .page-step {		
		height:16px;
		float:left;	
		margin:0 10px;	
		color:#94a0be;
		font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:9px;
	}
	
	div.navi-pages .page-step a {		
		color:#94a0be;	
		text-decoration:none;
		font:bold 11px Tahoma, Geneva, Verdana, sans-serif
	}
	
	div.navi-pages .page-step a:hover {		
		color:#0E82C1;
		text-decoration: underline;			
	}
	
	div.navi-pages .page-step a span { font-weight: normal }
	
	div.navi-pages .page-off, div.navi-pages .page-active {
		min-width:18px;
		width: auto !important;
		width: 18px;
	}
	
	div.navi-pages .page-arrow {
		width:10px; 
		height:18px; 
		display:block; 
		float:left
	}	


/* ------------------------------------------------------------------ */
/* thumb */		

	table.thumb {
		float:left;
		display:inline;
		text-align:center;
		background-color:#fff;
	}

	table.thumb td { vertical-align:middle; overflow:hidden }
	
	table.thumb td p {
		overflow:hidden;
		text-align:center;
		padding:0
	}

	table.thumb td p img { margin:0; padding:0 }

	
	table.thumb01, table.thumb01 td,  table.thumb01 td p { width:210px; background:#F3F5F7 }
	div.gallery table.thumb01, div.gallery table.thumb01 td, div.gallery table.thumb01 td p { width:220px; }
	table.thumb01 td, table.thumb01 td p { height:150px }
	div.gallery table.thumb01 td { height:160px }
	div.gallery table.thumb01 { margin-bottom:5px }
	
	table.thumb02, table.thumb02 td,  table.thumb02 td p { width:250px; }
	table.thumb02 td { height:180px }

	table.thumb03, table.thumb03 td,  table.thumb03 td p { width:210px; }
	table.thumb03 td { height:120px }


	div.thumb { width:210px; position:relative }

	div.thumb p.info {
		width:210px;
		height:18px;
		overflow:hidden;
		background:url(../images/thumb_bg.gif) no-repeat 100% 0;
		text-align:right;
        float:left
	}

	div.thumb p.info a {
		color:#fff;
		font:10px Tahoma, Geneva, Verdana, sans-serif;
		text-decoration:none;
		position:relative;
		top:2px;
		right:10px;
	}
	
	div.thumb p.info a:hover { text-decoration:none; color:#eee }

	span.title-bar {
		width:210px;
		height:30px;
		background:#000;
		filter:alpha(opacity=65);
		-moz-opacity: 0.65;
		opacity: 0.65;
		display:block;
		position:absolute;
		top:90px;
		left:0;

	}
	
	a.title-text {
 		width:210px;
		height:23px;
		display:block;
		color:#fff;
		text-align:center;
		/* font-weight:bold; */
		position:absolute;
		top:90px;
		left:0;
		overflow:hidden;
		padding-top:7px;
		text-decoration:none
	}

	

/* ------------------------------------------------------------------ */
/* buttons */	


	a.btnsite {
		display:block;
		background-image:url(../images/buttons_sprites.gif);
		background-repeat:no-repeat;
		text-indent:-9000px
	}
	
	a.btn-addtocart {
		background-position:0 0;
		width:85px; 
		height:25px;
		margin:0 auto
	}
	
	a.btn-sendquestion {
		background-position:0 -25px;
		width:93px; 
		height:21px;
		float:right;
		display:inline
	}	


/* ------------------------------------------------------------------ */
/* titles */
	
	h1.title-spr {
		height:16px;
		overflow:hidden;
		text-indent:-9000px;
		background-image:url(../images/titles01_sprites.gif);
		background-repeat:no-repeat;
		margin-bottom:20px
	}
	
	h1.title-akcesoriazeglarskie { background-position:0 0 }
	h1.title-lodzierekreacyjne { background-position:0 -16px }
	h1.title-lodzieprofesjonalne { background-position:0 -32px }
	h1.title-kontakt { background-position:0 -48px }
	h1.title-formularzkontaktowy { background-position:0 -64px }
	h1.title-mapadojazdu { background-position:0 -80px }
	h1.title-parametrytechniczne { background-position:0 -96px }
	h1.title-innemodele { background-position:0 -112px }
	h1.title-zobaczmodelwakcji { background-position:0 -128px }
	h1.title-akcesoria { background-position:0 -144px }
	h1.title-galeria { background-position:0 -160px }
	h1.title-firma { background-position:0 -176px }
	h1.title-branza { background-position:0 -192px }
	h1.title-plikidopobrania { background-position:0 -208px }
	h1.title-akcesoriadolodzi { background-position:0 -222px }
	h1.title-ofertaspecjalna { background-position:0 -238px }


/* ------------------------------------------------------------------ */
/* table layout */	

	table.table-layout01 { width:100% }	
	table.table-layout01 tr.dark td { background:#f5f7f8 }

	table.table-layout01 td {
		color:#576c83;
		font:11px Tahoma, Geneva, Verdana, sans-serif;
		padding:10px
	}

	table.table-layout01 td.attr {
		color:#75899f;
		border-right:1px solid #fff
	}

	table.table-layout01 td.value { padding-left:15px }


/* ------------------------------------------------------------------ */
/* main */	
	
	a#accesories { display:none }
	
	#main a#accesories {
		width:313px;
		height:119px;
		display:block;
		background:url(../images/accesories.jpg) no-repeat 0 0;
		position:absolute;
		top:417px;
		right:27px;
		text-indent:-9000px
	}


/* ------------------------------------------------------------------ */
/* about */			
	
	div.certificates { padding-bottom:0 }
	
	div.certificates ul {
		margin:0;
		padding:0;
		list-style-type:none		
	}
	
	div.certificates ul li { float:left }
	
	div.certificates ul img {
		float:left;
		margin:0 5px
	}
	


/* ------------------------------------------------------------------ */
/* catalog list */		

	div.catalog-list { clear:both }	
	
	div.product-item {
		clear:both;
		height:168px; 
		overflow:hidden;
		margin-bottom:15px
	}

	div.product-item div.thumb {
		height:168px; 
		float:left;
		display:inline;
		margin-right:1px
	}

	div.product-item div.info {
		width:105px;
		height:138px; 
		float:left;
		display:inline;
		background:#f3f5f7;
		text-align:center;
		padding:15px 0
	}	
	
	div.product-item div.info h2 {
		color:#4273a9;
		font:18px Arial, "Helvetica Neue", Helvetica, sans-serif;
		letter-spacing:-1px
	}	
	
	div.product-item div.info h2 a { color:#4273a9; text-decoration:none }
	div.product-item div.info h2 a:hover { color:#ff0000; text-decoration:none }	
	
	div.product-item div.info p.price {
		font:18px Arial, "Helvetica Neue", Helvetica, sans-serif;
		color:#ff0000;
		letter-spacing:-1px;
		margin-bottom:20px;
		height:35px;
		overflow:hidden
	}
	
    div.product-item div.info p.title-cena-od, div.product-item div.info p.title-cena {
		width:51px;
		height:14px;
		text-indent:-9000px;
		background:url(../images/titles02_sprites.gif) no-repeat 0 0;
		margin:0 auto 10px
	}
    div.product-item div.info p.title-cena {
		width:31px;
    }



	div.product-item div.desc {
		width:505px; 
		height:128px; 
		float:right;
		display:inline;	
		background:url(../images/productlist_bg.gif) no-repeat 0 0;
		padding:20px
	}
	
	div.product-item div.desc p.desc {
		color:#7382a9;
		font:11px/15px Tahoma, Geneva, Verdana, sans-serif;
		height:105px;
		overflow:hidden
	}
	
	div.product-item div.desc h3 {
		color:#4273a9;
		font:bold 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
		height:20px;
		margin-bottom:10px
	}	
	
	div.product-item div.desc h3 a { color:#4273a9; text-decoration:none }
	div.product-item div.desc h3 a:hover { color:#ff0000; text-decoration:none }	
	
	div.product-item div.desc p strong { color:#406798 }

	
	
/* ------------------------------------------------------------------ */
/* contact */			

	div#googlemap {
		border:3px solid #fff;
		clear:both;
		height:284px;
		margin:0 0 20px
	}
	
	div.contact-form { 
		clear:both;
		overflow:hidden
	}
	
	* html div.contact-form { height:1% }
	
	div.contact-form input { width:190px }		
	div.contact-form textarea { width:390px; height:100px }
	div.contact-form input, select { font-size:11px }
	
	div.contact-form p {		
		color:#999;
		padding:10px 0 5px 0;
		line-height:11px
	}

	div.contact-form input.type, textarea {
		background:#f7f8f9;
		border:1px solid #e5e9ee;
		color:#333;
		padding:3px 2px
	}	
	
	div.contact-form label.error {
		clear:both;
		color:#ff0000;
		display:block;
		font-size:11px;
		padding-top:2px;
		white-space:nowrap
	}

	 div.skype-link {
		clear:both;
		overflow:hidden;
		margin-top:5px
	 }
		 
	 * html div.skype-link { height:1% }
	 
	div.skype-link a { 
		background:url(../images/skype_ico.gif) no-repeat 100% 0;
		padding-right:20px;
		display:inline;
		height:20px;
		float:left;
		text-decoration:none;
		color:#0E82C1
	}
		
	div.skype-link a:hover { text-decoration:underline }
		
	div.skype-link span { display:inline; float:left; margin-right:4px }	
	
	
/* ------------------------------------------------------------------ */
/* details */	
	
	
	div.product-details { width:602px }	
	
	div.product-details div.thumb {
		width:250px;
		height:198px; 
		float:left;
		display:inline;
	}
	
	div.product-details div.thumb p.info {
		width:250px;
		background:url(../images/thumb_bg.gif) no-repeat 0 -18px;
		text-align:left
	}
	
	div.product-details div.thumb p.info a { left:10px }
	
	div.product-details table.table-layout01 tr.dark td.attr { background:#fafbfc }
	div.product-details table.table-layout01 tr.dark td.value { background:#eceff3 }
	div.product-details table.table-layout01 td.attr { white-space:nowrap; padding:6px 10px }
	div.product-details table.table-layout01 td.value { width:50%; padding:6px 10px; text-align:center }
	
	
	
	div.thumb-list div.thumb {
		width:210px;
		height:138px;
		float:left;
		display:inline;
		margin-bottom:15px
	}
	
	div.thumb-list div.thumb table {
		position:absolute; 
		top:0; 
		left:0
	}

	div.thumb-list div.thumb p.info {
		position:absolute; 
		bottom:0; 
		left:0
	}
	
	div.product-details div.thumb p.info {
		width:250px;
	}
	
/* ------------------------------------------------------------------ */
/* order  */			
	
	
	div.order-cnt {
		padding:25px 26px 50px;
		clear:both
	}
	
	
/* ------------------------------------------------------------------ */
/* order steps */			
	
	ul.order-steps {
		margin:0;
		padding:0;
		list-style-type:none
	}
	
	ul.order-steps li {
		width:170px;
		height:32px;
		float:left;
		text-align:center;
		background:#4F7DB0;
		color:#fff;
		font:normal 12px/32px Tahoma, Geneva, Verdana, sans-serif;
		position:relative
	}
	
	ul.order-steps li span { display:none }
	
	ul.order-steps li.on { 
		background:#e84044 url(../images/order_steps_arrow.gif) no-repeat 165px 0;
		font-weight:bold
	}
	
	ul.order-steps li.on span {
		width:5px;
		height:32px;
		display:block;
		position:absolute;
		left:0;
		top:0;
		background:#4185c9 url(../images/order_steps_arrow.gif) no-repeat -5px 0;
	}			
	
/* ------------------------------------------------------------------ */
/* cart */	
	
	div.cart-cnt {
		clear:both;
		padding:20px 0
	}
	
	div.cart-cnt table { width:100% }
	
	div.cart-cnt th {
		padding:7px 10px;
		text-align:left;
		background:#eee
	}
	
	div.cart-cnt td {
		padding:5px 10px;
		background:url(../images/dot01.gif) repeat-x 0 100%;
		color:#888
	}
	
	div.cart-cnt p {
		padding:2px 0 5px
	}
	
	div.cart-cnt td input {
		vertical-align:middle;
		padding:0;
		font-size:11px;
		color:#666;
		text-align:center;
		margin:0 5px
	}
	
	div.cart-cnt td a {
		color:#DE1B1E;
		text-decoration:none
	}
	
	div.cart-cnt td a:hover { text-decoration:underline }	
	
	
	
	
	

/* ------------------------------------------------------------------ */
/* gallery */		
	
	div.gallery-cnt {
		width:692px;
		padding:0 20px 0 0
	}
	
	div.gallery {
		clear:both;
		overflow:hidden;
		float:left;
		border-top:1px solid #E9EFF4;
		border-bottom:1px solid #E9EFF4;
		padding:5px 0 20px 0;
		/* margin:10px 0 */
	}
	
	* html div.gallery { height:1% }
	
	div.gallery div.item {
		width:220px;
		float:left;
		display:inline;
		margin:0 5px;
		overflow:hidden;
		padding-bottom:10px
	}
	
	* html div.gallery div.item { 
		height:1%
	}
	
	div.gallery div.item p {
		font-size:11px;
		text-align:center;
		line-height:12px;
		color:#84A5BA
	}
	
	div.gallery div.gspacer { clear:both; font-size:0; line-height:0; margin:0; padding:0 }
	
		
	div.gallery div.item img { 
		background:#F3F5F7; 
		/* padding:5px; */
		/* margin-bottom:5px */
	}