html, body {
	height:100%;
}

* {
	margin:0; padding:0;
}

body {
	color:#fff;
	font-family:Arial;
	font-size:12px;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/bg_short.jpg) 0 0 repeat-x #fff;
	text-align:center;
}

a, button {
	-moz-outline: none;
}

body.popup {
	padding: 11px 10px 0 10px;
}

body.popuptool {
	background: #fff;
	background-image:none;
	padding: 11px 10px 0 10px;
	color:#262626;
	font-size:12px;
}

body.bg_middle {
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/bg_middle.jpg) 0 0 repeat-x #fff;
}

body.bg_big {
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/bg.jpg) 0 0 repeat-x #fff;
}

h5 {
	margin:0 0 5px;
	padding:0;
	color:#999;
	font-size:14px;
	font-weight:bold;
}

h6 {
	font-size:1em;
	margin-bottom:9px
}

img {
	border:0
}

a, a:link, .akaLink, #indexBlogContent .akaLink {
	text-decoration: none;
	color:#a04e7b;
}

a:hover {
	text-decoration: underline;
}

table {
	border-collapse: collapse;
}

td, th {
	vertical-align: top
}

h4 {
	font-weight: normal;
	font-size:1.1em;
}

h1 {
	color:#000;
	font-size:22px;
	margin-bottom:11px;
	font-weight:normal
}

h2 {
	margin:0; padding:0;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#848379;
}

h1.smallBottomSpace {
	margin-bottom:5px
}

button {
	border:0;
	background: none;
	cursor: pointer;
	text-align:left;
	overflow:visible;
	width:auto;
}

ul {
	padding-left:5x
}

li {
	list-style:none;
	padding-left:10px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_bullet_black.gif) 0 5px no-repeat;
}

iframe {
	background: transparent;
	background-color: transparent;
}

/* COMMON CLASSES */

.light, #topProductsContent, #topProductsSelect  {
	color:#848379;
}

.dropcap, .dropcapCell {
	font-size:30px;
	font-weight:bold;
}

.spacer {
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/spacer.gif) 0 0 repeat;
}

.linksInverted, .linksInverted a, .linksDarkBg a {
	color:#fff;
}

.linksInverted:hover, .linksInverted a:hover, .toplistUnitBottom a, #competitionBottom a, .arrowLinkOnBlack {
	color:#bd6b98;
}

.linksDarkBg a:hover, #rss:hover, #topProductsContent a:hover {
	text-decoration: underline;
}

.uppercase, .productsGrid th, #nav, h4 {
	text-transform: uppercase;
}

.hr {
	height:1px;
	overflow: hidden;
	background: #ebebe3;
}

.topSpaceLarger {
	padding-top:10px;
}

.preamble {
	font-weight: bold;
	padding-bottom:12px;
}

.font12 {
	font-size:12px !important
}

.margin12 {
	margin:12px 0;
}

.margin20 {
	margin:20px 0;
}

.valignMiddle, .valignMiddle td, .valignMiddle input {
	vertical-align: middle;
}

.formErrorText {
	color: red;
	font-weight: bold
}

.radio {
	vertical-align: middle;
}

.checkbox {
	width:auto !important;
	vertical-align: text-bottom;
}

.errorMarkedInput {
	background:#fcdfef !important;
}

/* EOF COMMON CLASSES */

/* LAYOUT */

#wrap {
	text-align:left;
	margin:0 auto;
	width:976px;
	position: relative;
	padding-bottom:56px
}

#wrapSideLeft, #wrapSideRight {
	position: absolute;
	width:10px;
	height:300px;
	top:0;
}

#wrapSideLeft {
	left:-10px;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/side_left_short.jpg) 0 0 no-repeat;
}

#wrapSideRight {
	right:-10px;
	_right:-8px;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/side_right_short.jpg) 0 0 no-repeat;
}

.bg_middle #wrapSideLeft {
	height:545px;
	left:-10px;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/side_left_middle.jpg) 0 0 no-repeat;
}

.bg_middle #wrapSideRight {
	height:545px;
	right:-10px;
	_right:-8px;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/side_right_middle.jpg) 0 0 no-repeat;
}

.bg_big #wrapSideLeft {
	height:935px;
	left:-10px;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/side_left.jpg) 0 0 no-repeat;
}

.bg_big #wrapSideRight {
	height:935px;
	right:-10px;
	_right:-8px;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/side_right.jpg) 0 0 no-repeat;
}

/* top elements */

#top {
	width:942px;
	height:96px;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/top.jpg) 0 0 no-repeat;
	color:#fff;
	font-size:12px;
	position: relative;
	padding:11px 18px 0;
}

#topControls {
	position: absolute;
	right:20px;
	bottom:20px;
}

#topControls p {
	float:right;
	width:170px;
	margin-left:8px
}

#topControls select {
	width:170px;
}

#highSociety {
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/content_bg.jpg) 0 0 repeat-x;
	height:692px;
	z-index:10;
	position: relative;
	overflow: hidden
}

.bg_middle #highSociety {
	height:325px;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/content_bg_middle.jpg) 0 0 repeat-x;
}

#content {
	background: #fff;
	padding:20px 18px 5px;
	color:#262626
}

#contentSideLeft {
	padding-right:16px;
	padding-left:16px;
	text-align:center;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/content_side_left.jpg) 0 0 no-repeat;
}

#contentSideRight {
	padding-right:16px;
	width:222px;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/content_side_right.jpg) 100% 0 no-repeat;
}

.bg_middle #contentSideLeft {
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/content_side_left_middle.jpg) 0 0 no-repeat;
	text-align: center;
	vertical-align: middle
}

.bg_middle #contentSideRight {
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/content_side_right_middle.jpg) 100% 0 no-repeat;
	padding-top:12px;
}

#sitemap {
	margin-bottom:14px;
}

#sitemap a {
	display: block;
	padding-left:8px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_arrow_hover.gif) 0 4px no-repeat;
}

#sitemap h4 a {
	display: block;
	padding-left:0;
	color:#000;
	background: none;
}

#sitemap td {
	border-left:1px solid #ebebe3;
	line-height:1.4em
}

#sitemap td.first {
	border-left:0;
}

#sitemap h4 {
	padding-bottom:3px;
}

#sitemap p {
	padding-bottom:13px;
	.padding-bottom:12px;
}

#sitemap a.level3 {
	padding-left:18px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_bullet.gif) 10px 7px no-repeat;
	font-size:0.9em
}
/* footer elements */

#footer {
	position: relative;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/footer.jpg) 0 100% no-repeat;
	min-height:68px;
	_height:68px;
	_overflow:visible
}

#footerSideLeft, #footerSideRight {
	position: absolute;
	bottom:0;
	width:5px;
	height: 68px;
}

#footerSideLeft {
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/footer_side_left.jpg) 0 0 no-repeat;
	left:-5px;
}

#footerSideRight {
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/footer_side_right.jpg) 0 0 no-repeat;
	right:-5px;
}

#footerText {
	position: absolute;
	right:19px;
	bottom:24px;
	color:#000;
}

/* EOF LAYOUT */

/* NAVIGATION */

#nav {
	position: relative;
	z-index: 15;
	height:55px;
	background: #060606;
	width:976px;
}

.bg_short #nav {
	height:46px
}

.bg_middle #nav {
	height:41px;
}

#nav a {
	color:#fff;
	display: block;
	line-height:95%;
	position:relative;
	z-index:1;
}

#nav a:hover {
	text-decoration: none
}

#nav td {
	height:100%;
}

#nav .active a, #nav .hover a {
	color:#bd6b98;
	z-index:3;
}

.navSide {
	width:18px;
	overflow: hidden;
}

table#navcontent {
	height:100%;
}

#nav table#navcontent td {
	padding-top:19px;
	height:auto;
}

#nav table#navcontent td.hover, #nav table#navcontent td.active {
	padding-top:15px
}

#nav table#navcontent div {
	border-right:1px solid #818079;
	padding:0 7px;
	position: relative;
	z-index:1;
}

#nav table#navcontent td.first div {
	padding-left:0
}

#nav table#navcontent td.last div {
	border:0
}

#navcontent table {
	display: none;
	position: absolute;
	top:13px;
	z-index:17;
	width:184px;
	left:-3px;
	_left:-10px
}

#nav #navcontent table td {
	text-align: left;
	padding:0 !important;
	border:0;
	height:auto;
}

#nav #navcontent .activeLinkBg {
	display:none;
	height:45px;
	width:100%;
	position:absolute;
	z-index:2;
	top:-26px;
	.top:-24px;
	left:-11px;
	_left:-18px;
}

#nav #navcontent .activeLinkBg td {
	padding:0 !important;
}

#nav table#navcontent .hover .activeLinkBg {
	display:table;
	.display:block;
}
#nav table#navcontent .activeLinkBgLeft div, #nav table#navcontent .activeLinkBgRight div {
	margin:0;
	padding:0;
	border:0
}

#nav #navcontent .activeLinkBgLeft, #nav #navcontent .activeLinkBgLeft div, #nav #navcontent .activeLinkBgRight, #nav #navcontent .activeLinkBgRight div {
	width:11px;
}

.activeLinkBgLeft {
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/nav_active_ink_bg_left.png) 0 0 no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/nav_active_ink_bg_left.png',sizingMethod='scale');
}

.activeLinkBgRight {
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/nav_active_ink_bg_right.png) 0 0 no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/nav_active_ink_bg_right.png',sizingMethod='scale');
}

.activeLinkBgMiddle {
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/nav_active_ink_bg_middle.png) 0 0 repeat-x;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/nav_active_ink_bg_middle.png',sizingMethod='scale');
	width:100%;
}

#nav #navcontent .spacer {
	height:6px
}

#nav li {
	display: block;
	margin:0;
	padding-left:0;
	background: none
}

#nav li a {
	display: block;
	position: relative;
	z-index:1;
	border-top:1px solid #ebebe3;
	border-bottom:1px solid #ebebe3;
	margin-bottom:-1px;
	_margin-bottom:-2px;
	padding:4px 2px 4px 12px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_arrow.gif) 4px 6px no-repeat;
	line-height: auto !important;
	_height:1em;
}

#nav li a.first, #topProductsContent .first td, #topProductsContent .first td,
#topProductsContent td.last, #topProductsContent .last td,
.productsGrid .first td {
	border-top:0;
}

#nav li a.last, #topProductsContent .last td,
.productsGrid .last td {
	border-bottom:0
}

#navcontent .hover table {
	display: block;
}

#nav li, #nav li a {
	font-size:12px;
	text-transform: none;
	color:#262626 !important;
}

#nav ul {
	margin:-2px 6px 1px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/dropdown_shadow.jpg) 0 100% repeat-x;
	_height:100%;
}

#nav li a:hover, #nav li.active a  {
	color:#a04e7b !important;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_arrow_hover.gif) 4px 6px no-repeat #f2e6e9;
	z-index:2;
	border-color:#dfd4cf;
}

#nav #navcontent .dropdownTop {
	height:6px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/dropdown_top.png) 0 0 no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/dropdown_top.png',sizingMethod='crop');
}

#nav #navcontent .dropdownBottom {
	height:9px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/dropdown_bottom.png) 0 0 no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/dropdown_bottom.png',sizingMethod='crop');
}

#nav #navcontent .dropdownMiddle {
	width:188px;
	height:0%;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/dropdown_middle.png) 0 0 repeat-y;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/dropdown_middle.png',sizingMethod='scale');
}

/* left menu */

#menuLeft, #menuLeft ul {
	list-style: none
}

#menuLeft li, #menuLeft li a {
	line-height:1em;
}

#menuLeft li {
	display: block;
	margin:0;
	padding-left:0;
	background: none
}

#menuLeft a {
	display: block;
	position: relative;
	z-index:1;
	border-top:1px solid #ebebe3;
	border-bottom:1px solid #ebebe3;
	margin-bottom:-1px;
	_margin-bottom:-2px;
	padding:3px 2px 4px 8px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_arrow_hover.gif) 1px 6px no-repeat;
	line-height: auto !important;
	_height:1em;
}

#menuLeft .active {
	color:#262626;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_arrow.gif) 1px 6px no-repeat;
	border-bottom-color:#aaa99f !important;
	z-index:3;
}

#menuLeft a:hover {
	background-color: #f2e6e9;
	z-index:2;
	border-color:#dfd4cf;
	text-decoration: none
}

#menuLeft ul {
	padding-left:10px;
	z-index:10;
	position: relative;
	border-bottom:1px solid #aaa99f;
	margin-bottom:-1px;
	_margin-bottom:0;
	margin-top:-1px;
	background: #fff
}

#menuLeft ul a {
	background-image: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_bullet.gif);
}

#menuLeft ul a.active {
	background-image: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_bullet_black.gif);
	border-bottom-color:#ebebe3 !important
}

#menuLeft ul a.last {
	border-bottom-color:#aaa99f !important;
	_border-bottom:none;
}

/* EOF NAVIGATION */


.blogTags {
	clear:both;
	margin-top:10px;
}

.popup {
	display:none;
	position:relative;
	border:1px solid black;
	padding:10px;
}

input {
	margin:0; padding:1px 2px 1px;
	font-family:Arial;
	font-size:11px;
}

textarea {
	margin:0; padding:1px 2px 1px;
	font-family:Arial;
	font-size:11px;
}

.popup {
	font-weight:normal;
}

.popup form {
	margin:0; padding:0;
}

.popupCross,
.popupCross:link,
.popupCross:visited,
.popupCross:hover,
.popupCross:active {
	display:block;
	height:12px; line-height:12px; font-size:12px;
	color:#000;
	position: absolute;
	top:3px;
	right:5px;
	text-decoration: none;
}

.popupText {
	margin-bottom:2px;
}

.popup p {
	margin:0; padding:0;
}

.popup label {
	display:block;
	margin-bottom:3px;
}

.popup input {
	margin-bottom:10px;
	border:1px solid black;
}

.popup input.text {
	width:194px;
}

.popup textarea {
	width:194px;
	border:1px solid black;
	overflow:auto;
}

.popup .btn {
	margin:10px 0 0;
	padding:1px 3px 1px;
	display:block;
}

.popuptool td {
	font-size:12px
}

#friendPopup {
	width:200px;
	background: #fff;
	z-index:5
}

#friendPopup p {
	margin:0; padding:0;
}

#friendPopup .error {
	margin:0 0 3px; padding:0;
	color:#900;
}

.poll_form {
	margin-bottom:18px;
	margin-top:12px;
}

.poll_form td {
	padding:0;
}

.poll_form .radio {
	padding:0;
}

div.rounded table #pollFormContent {
	padding:10px 2px 52px 6px;
}

div.rounded table #pollFormContent table {
	width:auto;
}

#pollSubmit{
	position: absolute;
	right:6px;
	bottom:12px;
}

#pollFormContent #toggleCount {
	position: absolute;
	bottom:38px;
	left:14px;
}

.pollText {
	margin:6px 0 2px;
}

.pollAnswer td{
	padding:0 4px 0 0;
}

.pollLine {
	height:7px;
	background:#000;
}

.pollPercent {
	font-size:10px;
}


/* HOMEPAGE ELEMENTS */

#flashContainer {
	position: relative;
	z-index:5;
	width:703px;
	height:293px;
	overflow: hidden;
}

#indexBlog {
	width:223px;
	height:293px;
	margin-bottom:16px;
	position: relative;
}


#indexBlogTitle, #indexBlogLink, #indexBlogContent, #rss, #topProductsTitle, #topProductsContent, #topProductsSelect {
	position: absolute;
}

#indexBlogTitle {
	left:10px;
	top:30px;
	display: block
}

#indexBlogContent {
	width:188px;
	height:150px;
	top:80px;
	left:16px;
	color:#262626;
	line-height:150%;
}

#indexBlogContent:hover, #indexBlogLink:hover {
	text-decoration: underline;
}


#indexBlogLink {
	display: block;
	top:6px;
	left:12px;
	width:205px;
	height:252px;
	z-index: 5;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/spacer.gif);
}

#rss {
	right:7px;
	bottom:10px;
	.bottom:9px;
	padding-right:29px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rss.gif) 100% 0 no-repeat;
	height:20px;
	line-height: 20px;
	color:#bd6b98;
}

#topProducts {
	width:223px;
	height:294px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/top10.png) 0 0 no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/top10.png', sizingMethod='crop');
	position: relative;
	margin-bottom:12px;
}

#topProductsTitle {
	top:7px;
	left:12px;
	color:#fff;
}

#topProductsContent {
	top:45px;
	left:12px;
	width:199px;
	height:209px;
}

#topProductsContent td {
	border-bottom:1px solid #ebebe3;
	vertical-align: middle;
	padding:4px 4px 5px;
	line-height:104%
}

#topProductsContent a {
	font-weight:bold
}

#topProductsContent .dropcap {
	color:#000
}

#topProductsSelect {
	bottom:8px;
	right:7px;
}

#topProductsSelect select {
	width:208px;
	height:22px
}

#brandsScroll {
	text-align: center;
	height:50px;
	width:100%;
	position: absolute;
	bottom:20px;
	left:0
}

#brandsScroll img {
	display: block;
	margin:0 auto;
}

/* EOF HOMEPAGE ELEMENTS */

#breadcrumbs {
	margin-bottom:38px;
}

#breadcrumbs a {
	padding-left:8px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_arrow_hover.gif) 0 4px no-repeat;
}

#breadcrumbs span {
	padding:0 8px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_arrow.gif) 0 4px no-repeat;
}

#breadcrumbs a span {
	background: none;
	padding-left:0
}

/* COMMON BOXES */

#framedPics, #framedPics table {
	margin: 0 auto;
}

#framedPics td {
	vertical-align: middle;
	text-align: left;
}

#framedPics table td {
	vertical-align: top;
}

#framedPics td.separator {
	width:30px;
}

#framedPics div.border_hor, #framedPics div.cipher {
	float:left;
}

.framedContentContainer {
	width:200%;
	height:100%
}

.framedPic {
	background: #fff;
	text-align: center;
}

.framedPic img {
	display: block;
	margin:0 auto;
}

.framedText {
	background: #fff;
	color:#131313;
	padding:10px;
}

.fcVertical .framedText {
	vertical-align: middle;
	min-height:44px;
	_height:44px;
	_overflow:visible;
}

.fcHorizontal .framedText {
	vertical-align: bottom !important;
	width:140px;
}

.framedText .light {
	color:#848379 !important;
}

.framedText a, .arrowLink, .popup_page_opener {
	padding-left:8px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_arrow_hover.gif) 0 4px no-repeat;
}

.productsGrid {
	width:100%
}

.productsGrid th {
	font-size:13px;
	height:28px;
}

.productsGrid td {
	border-bottom:1px solid #ebebe3;
	padding:23px 0 15px;
	height:150px;
	width:300px;
}

.productsGrid .dropcapCell {
	width:16px;
	padding-top:19px;
	text-align: right
}

.productsGrid .picCell {
	width:134px;
	padding-right:20px;
	padding-top:15px;
}

.productsGrid .picCell img {
	display: block;
}

.productsGrid .first td {
	padding-top:9px;
}

.productsGrid .first .dropcapCell {
	padding-top:5px;
}

.productsGrid .first .picCell {
	padding-top:0
}

.productsGrid .infoCell {
	line-height:1.5em
}

.productsGrid .infoCell strong {
	display:block;
	margin-bottom:9px;
}

.productsGrid .price {
	font-weight:bold;
	padding-top:19px;
}

.productsGrid .btw {
	width:20px;
	border:0;
}

.columns5 {
	width:100%;
}

.columns5 td {
	width:170px;
	padding: 0 10px;
}

.columns5 td.first {
	padding-left:0;
}

.columns5 td.last {
	padding-right:0;
}

.tableColsBordered td {
	border-left:1px solid #ebebe3;
}

#threeColumnsUsual {
	width:100%;
}

#contentColumn  {
	line-height:150%
}

.rightBlockShadow {
	width:226px;
/*	margin-left:-3px;
	margin-right:-3px;*/
	margin-left:-1px;
	position: relative;
	z-index:2;
	margin-bottom:12px;
}

.toplistGrid {
	width:100%;
	margin-top:23px;
}

.toplistGrid td {
	width:223px;
	padding-bottom:16px;
}

.toplistGrid .btw {
	width:16px;
}

.toplistUnit {
	width:223px;
}

.toplistUnit td {
	vertical-align:middle;
	padding-bottom:0;
}

.toplistUnitTop {
	height:45px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/toplist_top.jpg) 0 0 no-repeat;
	vertical-align: top !important;
}

.toplistUnitBottom {
	height:41px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/toplist_bottom.jpg) 0 0 no-repeat;
	padding-left:9px
}

.toplistUnitMiddle {
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/toplist_middle.jpg) 0 0 repeat-y;
	padding:7px 16px
}

.toplistUnitTitle {
	margin-top:9px;
	margin-left: 7px;
	height:29px;
}

.toplistUnitTitle td {
	color:#fff;
	vertical-align: top;
	width:1%;
}

.toplistUnitTitle img {
	height:29px;
	width:auto;
	display:block;
	margin-right:3px;
}

.substPatternContainer table {
	width:100%;
}

.toplistUnit .textCell {
	padding-bottom:3px;
	vertical-align: middle;
	width:auto
}

.toplistUnitMiddle div {
	position: relative;
	height:197px;
	overflow: hidden;
}

.toplistUnitMiddle p {
	text-align:center;
}

.toplistUnitMiddle .dropcap {
	position: absolute;
	top:0;
	left:0;
}

.toplistUnitMiddle .toplistText {
	position: absolute;
	bottom:0;
	left:0;
	text-align: left;
}

.blockSpecial {
	position: relative;
	z-index:2;
	margin-left:-3px;
	margin-right:-3px;
}

div.rounded table {
	width: 100%;
}

div.rounded table td.content {
	width: 100%;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_content.jpg) 0 100% repeat-x #fff;
}

div.rounded td.h_tl div {
	width: 7px;
	height: 7px;
	overflow: hidden;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_tl.png) left top no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_tl.png', sizingMethod='image');
}

div.rounded td.h_t {
	width: 100%;
	height: 7px;
}

div.rounded td.h_t div {
	width: 100%;
	height: 7px;
	overflow: hidden;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_t.png) left top repeat-x;
	_background: 0;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_t.png', sizingMethod='scale');
}

div.rounded td.h_tr div {
	width: 7px;
	height: 7px;
	overflow: hidden;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_tr.png) right top no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_tr.png', sizingMethod='image');
}

div.rounded td.h_l {
	width: 7px;
	height: 100%;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_l.png) left top repeat-y;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_l.png', sizingMethod='scale');
}

div.rounded td.h_l div {
	overflow: hidden;
	width: 7px;
}

div.rounded td.h_r {
	width: 7px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_r.png) right top repeat-y;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_r.png', sizingMethod='scale');
}

div.rounded td.h_r div {
	width: 7px;
	overflow: hidden;
}

div.rounded td.h_bl div {
	width: 7px;
	height: 7px;
	overflow: hidden;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_bl.png) left top no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_bl.png', sizingMethod='image');
}

div.rounded td.h_b {
	height: 7px;
	width: 100%;
}

div.rounded td.h_b div {
	width: 100%;
	height: 7px;
	overflow: hidden;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_b.png) left top repeat-x;
	_background: 0;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_b.png', sizingMethod='scale');
}

div.rounded td.h_br div {
	width: 7px;
	height: 7px;
	overflow: hidden;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_br.png) right top no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/rounded_br.png', sizingMethod='image');
}

#depSearch {
	width:706px;
	position: relative;
	z-index: 2;
}

#depSearch .content {
	padding:7px 7px 16px
}

#depSearch .content td {
	width:50%
}

#depSearch select {
	min-width:190px;
	_width:190px;
	_overflow:visible;
	margin-top:2px;
}

#depSearch h1 {
	margin-bottom:7px
}

#depSearchMap {
	width:700px;
	height:250px;
	position: relative;
	z-index:1;
	margin-top:-3px;
}

#depSearchText {
	padding:20px 10px 10px;
}

#depTable {
	width:100%;
	border-bottom:1px solid #ebebe3;
}

#depTable td {
	padding:5px 5px 5px 10px;
	border-top:1px solid #ebebe3;
}

#depTable .depTableSubtitle {
	padding-top:13px;
	padding-bottom:18px;
}

#depTable .detTableHeader td {
	font-weight: bold;
	border:0
}

.depStore {
	width:178px;
}

.depName {
	font-weight:bold;
	color:#ad4f83
}

.depAddress {
	width:182px;
}

.depContact {
	width:149px;
}

#depTable .rowTrigger {
	cursor: pointer;
}

#depTable .closed {
	display: none
}

#depTable .rowToggle td {
	border:0;
	padding-top:9px;
	padding-bottom:6px;
	cursor: pointer;
}

#depTable .rowToggle td, #depTable .active td, #depTable .hover td {
	background: #f6edf0
}

#depTable h6 {
	padding:0 0 11px
}

#depTable .specialDays {
	display: none;
	color:red;
	padding-top:15px
}

#depTable .active .specialDays {
	display: block;
}

#depTable .depBrands {
	padding-bottom:11px;
	padding-right:20px
}

/* EOF COMMON BOXES */

/* LEFT COLUMN ELEMENTS */

#leftPicWrap {
	padding-bottom:15px;
}

#sectionTitle {
	padding-bottom:14px;
	width:220px;
	overflow: hidden;
}

#sectionTitle img {
	display: block;
}

#sectionTitle br {
	display:none
}

/* EOF LEFT COLUMN ELEMENTS */

/* CONTENT STYLES, SNIPPETS ETC */

.sidePic td {
	border-bottom:0 !important;
	padding:0 !important;
}

.sidePic img {
	display:block;
}

.sidePic .picCell {
	min-width:150px;
	_width:150px;
	_overflow:hidden
}

.sidePic .textCell {
	line-height:140%;
}

.picLeft .picCell {
	padding-right:20px  !important;
}

.picRight .picCell {
	padding-left:20px  !important;
}

.linedList, .linedList table {
	width:100%;
}

.linedList td {
	padding:15px 0;
	border-bottom:1px solid #eaebe3;
}

.linedList .sidePic .textCell {
	padding-top:6px;
}

.linedList .sidePic .textCell img {
	display: inline !important;
}

.linedList .textCell a {
	font-weight: bold;
	display:block;
	padding-bottom:11px;
}

.pagination {
	margin-top:15px
}

.pagination a, .activePage {
	padding: 3px 7px;
}

.pagination a:hover, .contentNavigation a:hover {
	text-decoration: underline;
}

.activePage {
	background: #f2e6e8;
}

.tipTable td {
	line-height: 15px;
}

/* EOF CONTENT STYLES */

#availPosition img {
	padding-bottom:2px
}

#vacationForm .fieldLabel, .field_label {
	margin-top: 9px
}

.form_field {
	margin-bottom:9px
}

.form_field input {
	width:320px;
}

.form_field textarea {
	height:100px
}

.inputRadio, .inputCheckbox {
	vertical-align: text-bottom;
}

.inputMiddle {
	width:200px !important;
}

.inputMax {
	width:440px !important
}

#logoPrint {
	display: none;
	width:199px;
	height:86px;
}

.showOnPrint {
	display: none;
}

/* COMPETITION */

#competitionWrap {
	margin-left:-2px;
	margin-right:-2px;
	width:703px
}

#competitionTop {
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/competition_top.gif) 0 0 no-repeat;
	height:45px;
	height:expression("37px");
	padding:8px 0 0 12px;
	overflow: hidden
}

#competitionTop img {
	display:block;
}

#competitionMiddle {
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/competition_middle.gif) 0 0 repeat-y;
	padding:0 12px;
}

#competitionBottom {
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/competition_bottom.gif) 0 0 no-repeat;
	height:39px;
	padding:11px 0 0 8px;
}

#competitionBottom a, .arrowLinkOnBlack {
	padding-left:8px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/link_arrow_hover_black.gif) 0 4px no-repeat;
}

#competitionBottom a.popupCross {
	background: none
}

#competitionMiddle table {
	width:100%
}

#competitionSnippet .textCell {
	padding:29px 4px 12px
}

#competitionMiddle .hr {
	margin: 0 19px
}

#competitionSnippet img {
	display:block
}

#competitionSnippet table td {
	padding:0 14px 12px 14px;
}

#competitionForm {
	margin:20px 19px 0;
}

#competitionForm td {
	width:30%
}

#competitionForm label {
	margin-bottom:12px;
	display: block;
}

#competitionForm .radiobutton {
	vertical-align: middle;
}

#competitionForm textarea, #competitionForm .input {
	width:200px;
	display: block
}

#competitionForm textarea {
	height:88px
}

#competitionForm h6 {
	margin-bottom:0;
	height:28px;
}

#competitionForm p {
	padding-bottom:8px;
}

#competitionForm #submit {
	float: right;
}

#userDataCell {
	padding-left:19px;
	width:200px
}

#userDataCell input {
	display:block;
	margin-bottom:10px
}

#userDataCell .checkbox, #userDataCell .radiobutton {
	display:inline !important;
	margin:0;
}

/* EOF COMPETITION */

#subscriptionForm label,
#unsubscriptionForm label {
	font-weight: bold
}

#subscriptionForm p,
#unsubscriptionForm p {
	padding-bottom:8px
}

#subscriptionForm .input,
#unsubscriptionForm .input {
	width:200px
}

#subscriptionForm button {
	float: right
}

/* HR+ */
p.form_disabled {
	margin-bottom: 10px;
}

#hourGlass {
	visibility:hidden;
	position:absolute;  top:103px; left:93px;
	width:32px; height:32px;
}

.cleared {
	display:block;
	clear:both;
}




#blogLeftCol {
	width:460px;
}

#blogCenterCol {
	width:220px;
	padding:0 20px 0;
}

#blogRightCol {
	width:220px;
}

#blogRightCol p {
	margin:0; padding:0;
}

#blogRightCol img {
	display:block;
	margin:0 0 8px;
}

/* js_calendar */


#blogCalendar {
	width:219px; 
	position:relative;
	background:url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/blog_calendar_bg.gif) 0 0 no-repeat;	
	margin-bottom:23px;
	font-size:0; line-height:0;
}

#datepicker {
	width:219px;
}

#datepicker td {
	font-size:11px; line-height:11px;
}

/* eof js_calendar */

#blogCatsSummary {
	width:220px;	
	margin-top:10px;
	margin-bottom:30px;
}

#blogCatsSummary td{
	padding:2px 0 2px;
	border-bottom:1px solid #ebebe3;
}	

#blogCatsSummary .blogCatsSumLeft {
	text-align: left;
}

#blogCatsSummary .blogCatsSumRight {
	text-align: right;
}

#blogCommentsSum a{
	display:block;
	padding:8px 0 8px !important;
	border-bottom:1px solid #ebebe3;
}

.blogItem {
	padding:23px 0 20px;
	border-bottom:1px solid #ebebe3;
}

.right {
	text-align:right;
}

.blogText p{
	margin-bottom:19px;
}

.blogText img {
	display:block; 
	float:right;
	margin:0 0 10px 10px;
}

.blogItemTopImg {
	/* width:460px; */
	margin-bottom:22px;
}

.blogSepItemTopImg {
	/* width:460px; */
	margin-bottom:22px;
	margin-top:12px;
}

.blogItemLinks {
	clear:both;
	padding-bottom:12px;
}

.blogItem h1{
	margin-top:1px;
	margin-bottom:13px;
}

.blogListingPagination {
	margin-top:20px;
}

.pageNum{
	display:block; 
	float:left;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
}

.pageNumChosen {
	display:block; 
	float:left;
	width:20px;
	height:20px;
	line-height:20px;
	background:#f2e6e9;
	text-align:center;
}

.pageNumSep{
	display:block; 
	float:left;
	height:20px;
	line-height:20px;
}

.pageNumNext{
	display:block; 
	float:left;
	height:20px;
	line-height:20px;
	text-align:left;
}

.comment {
	padding:10px;
	margin-bottom:14px;
	background:#efefe9;
}

.comment p {
	margin-bottom:8px;
}

.addCommentForm {
	margin:0; padding:0;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/comments_bg.gif) left top repeat-y;
}

.commentsBlockTop {
	width:436px;
	padding:19px 12px 11px; 
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/comments_top.gif) left top no-repeat;
}

.commentsBlockTop p{
	margin-bottom:8px !important;
}	 

.commentsBlockMiddle {
	margin:0 12px 0;	
}

.blogTextareaWrapper{
	width:225px; height:124px;
	margin-top:3px;
	border:0;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/comments_textarea.gif) left top no-repeat;
	overflow:auto;
}

.blogTextareaWrapper textarea{
	margin:5px 0 0 5px;
	width:194px; height:110px;
	overflow:auto;	
	border:0;
	font-size:12px;
}	

.blogInputWrapper{
	width:211px; height:24px;
	margin-top:3px;
	border:0;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/comments_input.gif) left top no-repeat;
	border:0;
	font-size:12px;
}

.blogInputWrapper input{
	margin:2px 0 0 5px;
	width:194px;
	border:0;
	font-size:12px;
}
	
.commentsBlockBot {
	display:block;
	width:436px; height:48px;
	padding:10px 12px 12px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/comments_bot.jpg) left bottom no-repeat;
}

.commentsBlockBot td{
	background: transparent;
}

.commentsBlockBot table {
	width:436px;
}


<%/*****************************************************************
* Gridnine AB http://www.gridnine.com
* Project: Kicks
* Legal notice: (c) Gridnine AB. All rights reserved.
*****************************************************************/
%><%@ page language="java"
    contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"
    import="org.opencms.jsp.CmsJspActionElement"
%><%

CmsJspActionElement cms = new CmsJspActionElement(pageContext, request, response);
String moduleBaseUri = "/system/modules/com.gridnine.opencms.modules.kicks/";
String pics = moduleBaseUri + "resources/pics/";
String images = "/common/galleries/images/";

%>
#feedbackForm label{
	display:block;
}

#feedbackForm img{
	display:block;
}

#feedbackForm input{
	display:block;
	margin-bottom:10px;
	width:396px;
}

#feedbackForm textarea {
	display:block;
	margin-bottom:10px;
	width:396px;
	height:90px;
	overflow:auto;
}

#feedbackForm select{
	margin-bottom:10px;
	width:396px;
}

#feedbackForm .button{
	width:87px; height:24px;
	margin-top:20px;
	background:transparent;
	border:0;
	cursor:pointer;
}

.errorGeneral {
	padding:10px;
	background:#fcdfef;
	font-weight:bold;
}

.obligatoryFields {
	margin:20px 0 20px;
}

.errorMarkedText, .markedText {
	background:#fcdfef;
	padding:3px;
}


#loginForm {
	width:220px;
	color:#fff;
}

#loginForm td.loginTopCypher {
	text-align:center;
	vertical-align: bottom;
}

#loginForm td.loginTopCypher img {
	vertical-align: bottom;
}

#loginFrame {
	width:206px;
	padding:15px 10px 15px;
	background:#000;
	border:7px solid #848379;
}

#loginForm td.loginBotCypher {
	text-align:center;
	vertical-align: top;
}

#loginFormText {
	padding:5px 0 10px;
	color:#fff;
}


#loginForm input.text {
	width:182px;
	color:#848379;
	margin-bottom:12px;
}

#loginForm .checkboxTd{
	vertical-align:middle;
}

#loginForm .button {
	display:block;
	width:88px; height:22px;
	margin:12px 0 15px;
	background:transparent;
	border:0;
	cursor:pointer;
}

#loginForm p {
	padding-bottom:7px;
	line-height:16px;
}

#loginForm a {
	font-weight:bold;
}

#loginFormText td {
	width:100%;
}

.new_member_form .field_label strong, .new_member_form label,
.edit_member_form .field_label strong, .edit_member_form label {
	font-weight:normal
}

.edit_member_form .field_label {
	padding-bottom:4px
}

#forgotPwd .text {
	width:264px;
	margin:2px 0 0;
}

#forgotPwd .image {
	margin:6px 0 0;
}

#passwordLabel {
	position:absolute;
	width:182px; height:15px;
	top:4px; left:4px;
	z-index:1000;
	color:#848379;
	font-size:11px;
	background:#fff;
}

#formConfirm p {
	font-weight:bold;
	padding-bottom:18px;
}

#formConfirm strong {
	font-weight:normal
}





#black {
	background: #fff;
	width:100%;
	height:100%;
}

#black .topRow .corner {
	height:45px;
	width:10px;
}

#black .tl {
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/black_tl.gif) 0 0 no-repeat;
}

#black .tr {
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/black_tr.gif) 0 0 no-repeat;
}

#black .top_center {
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/black_top_center.gif) 0 0 repeat-x;
}

#black .bottomRow .corner {
	height:8px;
	width:10px;
}

#black .middleRow .ml {
	width:10px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/black_ml.gif) 0 0 repeat-y;
}

#black .middleRow .mr {
	width:10px;
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/black_mr.gif) 0 0 repeat-y;
}

#black .bottom_center {
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/black_bottom_center.gif) 0 0 repeat-x;
	height:8px;
}

#black .bl {
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/black_bl.gif) 0 0 no-repeat;
	width:10px;
	height:8px;
}

#black .br {
	background: url(/system/modules/com.gridnine.opencms.modules.kicks/resources/pics/black_br.gif) 0 0 no-repeat;
	width:10px;
	height:8px;
}

#black .br span, #black .bl span, #black .bottom_center span {
	height:8px;
}

#black .corner span, .bottom_center span, .top_center span, #black .middleRow .mr span, #black .middleRow .ml span {
	display:block;
	overflow: hidden
}