/**
 * 
 *  Streetbase 
 *  http://www.streetbase.cz
 *  
 *  Hlavni CSS styl.
 *  
 *  Autor: Martin Hakl
 *
 *
 *    I.   Zakladni CSS tridy
 *    II.  Nadpisy & zakladni tagy 
 *  
 *    1) Pisma & barvy pisma
 *    2) Layout
 *    3) Jednotlive stranky
 *
 *  media: print
 *
 **/ 


 /*
 * I. Zakladni CSS tridy
 *     ==================
 **/
html, body, div, p, li, ul, form, fieldset, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }
.none     { display: none;}
.hidden   { visibility: hidden;}
.fl       { float: left !important;}
.fr       { float: right !important;}
.left     { text-align: left;}
.right    { text-align: right;}
.center   { text-align: center;}
.bold     { font-weight: bold;}
.italic   { font-style: italic;}
.nomargin { margin: 0 !important;}
img       { border: none;}
a         { outline-style: none; }

.clear        { display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
.clear1px     { clear: both; height: 1px; font-size: 1px; line-height: 1px; /* for IE */}
.clear5px     { clear: both; height: 5px; font-size: 5px; line-height: 5px; /* for IE */ }
.clear20px    { clear: both; height: 20px; font-size: 20px; line-height: 20px; /* for IE */ }
.clear30px    { clear: both; height: 30px; font-size: 30px; line-height: 30px; /* for IE */ }

html, body         { height: 100%; }


/*
 * II. Nadpisy & zakladni tagy
 *     =======================
 **/

/* -- Links -- */
a, a:visited, a:active, a:link {  color: #990033; }
a:hover                        {  text-decoration: none; }

/* -- Nadpisy -- */
h1, h2, h3 { font-weight: normal; }

h1         { font-size: 1.6em; margin: 0 0 25px; }
h2         { font-size: 1.3em; margin: 0 0 10px; }
h3         { font-size: 1.1em; margin: 0 0 10px; font-weight: bold; }      

body        { position: relative; letter-spacing: 0em; text-align: center; background: #fff url(../images/bgBody.jpg) 0 0 repeat-x; }
body>#main  { height: auto; }


/*
 * 1) Pisma & barvy pisma
 *    ===================
 **/
body, input, textarea { font: 0.9em/1.4em Arial, sans-serif; }

a { color: #000; text-decoration: underline;}
a:hover { color: #990033;}
a span { cursor: pointer;}
a img { border: 0;}

h1, h2 {color: #990033;}

table { font-size: 1em;}

#content, input, textarea { color: #000;}
#footer { font-size: 0.75em;}

#content strong { color: #333; }

/*
 * 1) Layout
 *    ======
 **/

#main {
  margin: 0 auto;
  width: 100%;
  text-align: left;
	min-height: 100%;
	height: 100%;
	position: relative;

}
 
#container {
	position: relative;
  margin: 0 auto; padding-bottom: 125px;
  width: 980px;
  text-align: left;
}

#header {
  position: relative;
  padding: 0;
  width: 100%; height: 220px;
  background: url(../images/bgHeader.jpg) 0 0 no-repeat;
}

#content {
  margin: 0;
  float: right;
  width: 740px; 
}

#column {
  margin: 0;
  float: left;
  width: 240px; 
}

#footer {
  overflow: hidden;
  position: absolute; left: 0px; bottom: 0px;
  padding: 0;
  width: 100%; height: 120px;
  background: url(../images/bgFooterRepeat.jpg) left bottom repeat-x;
}

#footer-content {
  margin: 0 auto; padding: 0;
  width: 960px; height: 120px;
  background: url(../images/bgFooter.jpg) 0 0 no-repeat;
}

/* Logo */
#logo   { position: relative;	left: 8px;	top: 23px; width: 307px;	height: 111px; }
#logo a {
	display: block; 
	width: 307px;	height: 111px; line-height: 120px;
	font-size: 2em; font-weight: bold; 
  color: #fff !important; text-decoration: none;
}
#logo a span {
	display: block;
	position: absolute;	left: 0;	top: 0;	z-index: 1;
	margin: 0;	padding: 0;
	width: 307px;	height: 111px;
	cursor: pointer; 
	background: url(../images/logoStreetbase.jpg) 0 0 no-repeat;
}

/* Nakupni kosik */
#cart {
  position: absolute;	right: 20px;	top: 225px; 
  padding: 5px;
  width: 200px;	height: 25px; line-height: 25px;
  background: #cdcdcd;
	opacity:0.8;
	filter:alpha(opacity:80);
  -moz-opacity: 0.8;  
  -khtml-opacity: 0.8;
}
#cart p {
  font-size: .9em;
  color: #000;
}

/*
 * 2. Navigace
 *    ========
 **/

/* Main-menu */
#main-menu    { float: right; margin-right: 20px;}
#main-menu li { float: left;}
#main-menu li a  { display: block; margin: 0 10px; height: 35px; line-height: 35px; float: left; color: #fff; font-weight: bold; text-align: center; text-decoration: none; }
#main-menu li a:hover  { color: #f3d503; }
#main-menu li.active a { color: #f3d503; }

/* User-menu */
#user-menu    { float: left; margin-left: 20px;}
#user-menu li { float: left;}
#user-menu li a  { display: block; margin: 0 10px; height: 35px; line-height: 35px; float: left; color: #fff; font-weight: bold; text-align: center; text-decoration: none; }
#user-menu li a:hover  { color: #f3d503; }
#user-menu li.active a { color: #f3d503; }

/* Image-menu */
#image-menu a { display: block; position: absolute; bottom: 7px; overflow: hidden; text-indent: 200px; }
#image-menu .women { right: 174px;  width: 164px; height: 149px;  background: url(../images/menu-women.jpg) 0 -150px no-repeat; }
#image-menu .men { right: 0; width: 174px; height: 149px;   background: url(../images/menu-men.jpg) 0 -149px no-repeat; }
#image-menu a:hover,
#image-menu a.active { background-position: 0 0; }


/* Foot-menu */
#foot-menu    { float: right; margin: 55px 20px 0; width: 350px;}
#foot-menu li { float: left;}
#foot-menu li a  { display: block; margin: 0 10px; height: 20px; line-height: 20px; float: left; color: #fff; text-align: center; text-decoration: underline; }
#foot-menu li a:hover  { color: #f3d503; }
#foot-menu li.active a { color: #f3d503; }
#foot-menu li a.facebook { padding-left: 25px; background: url(../images/ico/ico-facebook.gif) 0 3px no-repeat; }

/* Product */
#content .product {
  position: relative;
  float: left;
  margin: 0 20px 20px 0; 
  width: 168px; height: 225px;
  border: 1px solid #efefef;
  background: #fff url(../images/bgProduct.gif) 0 100% no-repeat;
}

#content .product .thumb { margin: 20px auto 20px; width: 150px; height: 140px; text-align: center; }
#content .product h2 { margin: 0 5px; padding: 0; font-size: .9em; font-weight: bold; }
#content .product h2 a { color: #f3d503; text-decoration: none; }
#content .product h2 a:hover { color: #fff; text-decoration: underline; }
#content .product .price { margin: 0 5px ; padding: 0; font-size: .8em; color: #fff; }

#content .product.last { margin: 0 !important; }

#content .product.sale {  background-image: url(../images/bgProductSale.gif) !important; }
#content .product.sale h2 a { color: #000; }
#content .product.sale h2 a:hover { color: #625e52; }
#content .product.sale .price { color: #625e52; }

#content .product .sale { position: absolute; top: -2px; right: -2px; width: 78px; height: 77px; background-image: url(../images/sale.png); }

/* Product Hot Sale */
#column .product {
  position: relative;
  margin: 0; 
  width: 198px; height: 200px;
  border: 1px solid #efefef; border-width: 0 1px 1px 1px;
  background: #fff /*url(../images/bgProduct.gif) 0 100% no-repeat */;
}

#column .product .thumb { margin: 0 auto; padding: 10px 10px 0; width: 150px; height: 140px; text-align: center; background: #fff; }
#column .product h2 { margin: 0 15px; padding: 0; font-size: .9em; font-weight: bold; }
#column .product h2 a { color: #990033; text-decoration: none; font-size: 1.1em; }
#column .product h2 a:hover { color: #000; text-decoration: underline; }
#column .product .price { margin: 0 15px; padding: 0; font-size: .9em; color: #000; }


/*
 * 3. Content
 *    =======
 **/

#content p {  margin: 10px 0 20px; line-height: 1.6em; }
#content ul {  margin: 10px 0 20px; line-height: 1.6em; }
#content ul li {  margin: 10px 0 20px; line-height: 1.6em; }

#content h1.title { background: url('../images/bgTitle.gif') 0 57% repeat-x;	 }
#content h1.title span {	background: #efefef; padding-right: 10px; }

#content .settings a  {	background: #efefef; padding-left: 10px; }

#content #breadcrumb {
  margin: 10px 20px 10px 0;
  height: 30px; line-height: 30px;
  font-size: .8em;
}
#content #breadcrumb a {
  margin: 0 0 0 5px;
  padding-right: 15px;
  background: url('../images/ico/ico-arrow.gif') 100% 5px no-repeat;
}
#content #breadcrumb span {
  margin: 0 0 0 5px;
}


#content ul.list {  margin: 0 0 10px 0; }
#content ul.list li {
  margin: 0;
  padding: 0 0 0 30px;
  line-height: 1.8em;
  background: url(../images/ico/list.gif) no-repeat 15px 10px; 
}

#content ol.list {  margin: 0 0 10px 0; }
#content ol.list li {
  margin: 0;
  padding: 0 0 0 5px;
  line-height: 1.8em; 
}

#content .list li p { margin: 0 0 0 45px; }

#content .decimal li { list-style: decimal; }
#content .alpha   li { list-style: lower-alpha; }

#content .img-left  { float: left;  margin: 6px 10px 6px 0; border: 5px solid #444444; }
#content .img-right { float: right;  margin: 6px 0 6px 10px; border: 5px solid #444444;  }

#content .banner     { margin: 0 0 40px; }
#content .banner img { border: 1px solid #efefef; }

/* cols */
.cols { overflow: hidden; height: 100%; }
.cols .col1 { float: left; }
.cols .col2 { float: right; }

.cols50 .col1,
.cols50 .col2 { width: 47% !important; }

.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width: 33%; float: left; }

.cols1v2 .col1 { width: 500px; }
.cols1v2 .col2 { width: 210px; }

#content .cols p { margin-bottom: 30px; }

/* Detail produktu */
#productDetail { position: relative; width: 100%; height: auto; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7; }
#productDetail .item { width: 150px; float: left; margin: 0 20px 0 0;}
#productDetail .item a img { margin: 0; padding: 0; border: 4px solid #efefef;}
#productDetail .item p {color: #990033; padding: 2px 2px 0; margin: 0; font-size: .8em; }
#productDetail .description { width: 550px; float: left; margin-bottom: 10px; }
#productDetail .description h2    { color: #333; font-size: .9em; font-weight: bold; margin-bottom: 2px !important; }
#productDetail .description ul li { margin: 0 0 5px; padding: 0; line-height: 1.6em; font-size: 0.9em; }
#productDetail .description p     { margin: 0 0 5px; padding: 0; line-height: 1.6em; font-size: 0.9em; }
#productDetail .description ul li { height: 100%; overflow: hidden; }
#productDetail .description ul li .price  { font-size: 1em; font-weight: bold; color: #990033; }

#productDetail .description .small { font-size: .9em; }

.facebook { font-size: .9em; padding-left: 20px; background: url(../images/ico/ico-facebook.png) 3px 2px no-repeat; }

/* Detail productu - galerie */
#gallery { overflow: hidden; height: 100%; margin-bottom: 20px; }
#gallery .item { width: 150px; margin: 0 20px 15px 0; }
#gallery .item a img { margin: 0; padding: 0; border: 4px solid #efefef;}
#gallery .item p { color: #990033; padding: 2px 2px 0; margin: 0; font-size: .8em; }


/*
 * 4. Column
 *    ======
 **/

/* submenu, box*/
#column .submenu,
#column .box {
  margin: 0 10px 20px;
  width: 200px;
}

#column .box { background: #d1dae3; }
#column .hotSale { background: #fff; }

#column .submenu h3,
#column .box h3 {
  margin: 0; padding: 0 10px; 
  width: 180px; height: 52px; line-height: 52px;
  color: #fff; font-weight: bold;
  background: #000 0 0 no-repeat;
}

#column .hotSale h3 {
  background: #9e0f3f 0 0 no-repeat;
}

#column .submenu h3 { background-image: url(../images/bgSubmenu.gif); }
#column .box h3     { background-image: url(../images/bgOnthemove.gif); }
#column .hotSale h3 { background-image: url(../images/bgHotSale.gif) !important; }

#column .submenu ul { }
#column .submenu ul li a { color: #000; text-decoration: none; display: block; width: 180px; height: 30px; line-height: 30px; padding: 0 10px; border-bottom: 1px dashed #000; background: #f3d503 url(../images/ico/ico-submenu.gif) 170px 6px no-repeat; }
#column .submenu ul li.last a   { border: none; }
#column .submenu ul li.active a { color: #990033; font-weight: bold; background: transparent url(../images/ico/ico-submenu-active.png) 170px 6px no-repeat !important; }
#column .submenu ul li a:hover  { background-image: url(../images/ico/ico-submenu-hover.gif); color: #990033;  }


#column .box p {
  margin: 0 10px 10px;
  font-size: 0.8em;
}

#column .box ul.contacts {
  margin: 0 10px 0;
  padding-bottom: 20px;
}

#column .box ul.contacts li{
  margin: 0; padding: 0;
  font-size: 0.8em;
}

#column .box .shop { padding-bottom: 10px; }
#column .box .shop img { border: 1px solid #bbbbbb; }

#column #onthemove {
  height: 327px;
  overflow: hidden;
}

/*
 * 5. Footer
 *    ======
 **/

.copyright {  width: 200px; float: left; margin: 50px 20px 0; }
.copyright p {  color: #fff; line-height: 1.4em; margin-bottom: 10px; }
.copyright p a { color: #fff; }
.copyright p a:hover { color: #fff !important; }


/*
 * 6a. Formulare
 *     =========
 **/
 
.formbox fieldset { border: none; margin: 0; padding: 0; }
#reg fieldset     { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid  #d7d7d7; }

#reg fieldset p   { margin-bottom: 0px;}

.formbox  .lab {
  margin: 0 10px 0 0;
  line-height: 30px;
}
.formbox .lab span {
  color: #cf3300;
}
.formbox .error {
  color: #cf3300;
}
.formbox .con {
  margin: 0 0 10px 0; padding: 0;
  width: 350px; height: 30px; line-height: 30px; 
  border: 1px solid #cdcdcd;
  background: #eee;
}
.formbox .con.error  {
  border: 1px solid #cf3300;
  background: #FFEEEE;
}

.formbox .con .input {
  margin: 0 10px; padding: 0;
  width: 330px;
  border: none; 
  background: none;
}

#productDetail .formbox .lab {
  float: left; margin-right: 5px;
  font-size: .9em; font-weight: bold;
}

#productDetail .formbox .conShort {
  float: left;
  margin: 0 20px 10px 0; padding: 0;
  width: 50px; height: 25px; line-height: 25px; 
  border: 1px solid #cdcdcd;
  background: #eee;
}

#productDetail .formbox .conSelect {
  float: left;
  margin: 0 20px 10px 0; padding: 0; 
}

#productDetail .formbox .conShort .input {
  margin: 0 10px; padding: 0;
  width: 30px; text-align: center;
  border: none; 
  background: none;
}

.formbox .con-textarea {
  position: relative;
  margin: 0 0 10px 0; padding: 0;
  width: 740px; height: 150px; line-height: 1.4em; 
  border: 1px solid #cdcdcd;
  background: #eee url(../images/bg-form-textarea.gif) 0 0 no-repeat;
}
.formbox .con-textarea.error  {
  border: 1px solid #cf3300;
  background: #FFEEEE url(../images/bg-form-textarea.gif) 0 0 no-repeat;
}

.formbox .con-textarea .textarea {
  margin: 10px; padding: 0;
  width: 720px; height: 130px;
  border: none; 
  background: none;
  overflow:auto;
}

.formbox .con-check,
.formbox .con-select {
  margin: 0 0 10px 0; padding: 0;
  width: 350px; height: 31px; line-height: 31px; 
}

.formbox .con-check label {
  padding-left: 10px;
}

.formbox .submit {
  float: right;
  width: 150px;
  height: 30px;
  color: #fff; font-weight: bold;
  border: 1px solid #efefef;
  background: #990033;
}

ul.form-message { margin: 20px 0 10px 0 !important; padding: 0 !important; list-style: none;}
ul.form-message li { font-size: .8em; line-height: 25px; height: 25px; margin: 0px !important; padding: 0 0 0 25px !important; background: 0 0 no-repeat; }
ul.form-message.error li   { color: #cf3300; background-image: url(../images/ico/ico-error.png); }
ul.form-message.correct li { color: #33b200; background-image: url(../images/ico/ico-correct.gif); }

ul.form-message.error strong { color: #cf3300 !important; }

/*
 * 6b. Akce
 *     ====
 **/
 
 .action  { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #d7d7d7;  }
 .action  h2 { padding-top: 5px;  }
 .action strong { padding-top: 10px; font-size: 1.5em; color: #c5c5c5 !important; float: right;}

/*
 * 6c. Tabulky
 *     =======
 **/
 
.tab {
  margin: 0 0 20px 0;
  width: 100%;
  border-collapse: collapse;
 }

.tab td, .tab th {
  padding: 8px 15px;
  font-size: 0.9em;
}

.tab th { border-bottom: 2px solid #c5c5c5; }
.tab td { border-bottom: 1px solid #d7d7d7; }
.tab .totalPrice {  font-weight: bold;  background: #e7e7e7; }

.stepsCart {
  width: 100%;
}

.stepsCart li {
  float: left; 
  padding: 0 15px;
  width: 215px; height: 30px; 
  border-bottom: 1px solid #c5c5c5;
  background: #e7e7e7; 
}

.stepsCart li.active  {
  font-weight: bold;
}

/* -- paging -- */
.paging {
  margin: 20px 0 10px;
  float: right;
}
.paging a {
  float: left;
  margin: 0 6px;
}
.paging span {
  display: block;
  float: left;
  margin-right: 10px; 
}
.numbers a {
  float: left;
  display: block;
  padding: 0 5px;
  margin: 0 4px;
  font-size: 0.8em;
  font-weight: bold;
  color: #000; 
  text-decoration: none;
  background: #fff;
}
.numbers a:hover {
  color: #fff; 
  background: #f3d503;
}
.noDisplay {
	display: none;
}
.numbers span.act {
  float: left;
  padding: 0 5px;
  margin: 0 4px;
  font-size: 0.8em;
  font-weight: bold;
  color: #fff; 
  background: #f3d503;
}

/* --- Nakupni kosik - krokovani  --- */
a.btn {
	display: block; float: left;
	margin: 0 10px 0 0;
	height: 28px;
	color: #fff !important; font-size: 1em; 
  text-transform: uppercase; text-decoration: none; 
  background: transparent no-repeat scroll top right;
}

a.btn span {
  display: block;
	line-height: 19px;
	font-weight: bold;
}

a.btn.red { background-image: url(../images/btnRed.gif);  }
a.btn.red span { background-image: url(../images/btnRed.gif);  }

a.btn.grey { background-image: url(../images/btnGrey.gif);  }
a.btn.grey span { background-image: url(../images/btnGrey.gif);  }

a.btn.cart { background-image: url(../images/btnCart.gif);  }
a.btn.cart span { background-image: url(../images/btnCart.gif);  padding: 5px 10px 4px 45px; }

a:hover.btn {  text-decoration: none !important; }

a.btnRight { 
  float: right;
	margin: 0; padding-right: 15px;
  background-position: right 0; 
}
a.btnRight span { 
  padding: 5px 10px 4px 20px;
  background-position: left 0;
}
a.btnLeft { 
  float: left;
	margin: 0; padding-left: 15px;
  background-position: left -28px; }
a.btnLeft span {  
  padding: 5px 20px 4px 10px;
  background-position: right -28px;
}

select.styled { position: relative; width: 190px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }

span.select {
  position: absolute;
  width: 48px; /* With the padding included, the width is 80 pixels: the actual width of the image. */
  height: 23px;
  padding: 0 24px 0 8px;
  color: fff;
  font: 12px/21px arial,sans-serif;
  color: #fff;
  background: url(../images/select.gif) no-repeat;
  overflow: hidden;
}


p.note {
  margin-bottom: 10px !important;
  font-size: .9em;
}
p.correct, p.correct strong {
  color: #33b200 !important;
}


/* Easy Tooltip */
#easyTooltip {
	margin:0 10px 1em 0;
	width:250px;
	padding: 20px;
	line-height:130%;				
	text-align: left;
	background-color:		#000;
	-moz-border-radius:		10px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 5px rgba(0, 0, 0, 0.5);
	opacity:0.85;
	filter:alpha(opacity:85);
  -moz-opacity: 0.85;  
  -khtml-opacity: 0.85; 
}
#easyTooltip h3{
	margin: 0 0 .25em 0;
  color: #fff; font-weight: bold;
	font-size: 1em;
}	
#easyTooltip p{
  color: #fff;
	margin:0 0 .5em 0;
  font-size: .9em;
}			
.hidden {display:none;}

.info {
  padding: 0px 10px 4px 20px;
  text-decoration: none;
  background: url(../images/ico/ico-info.png) 10px 0px no-repeat;
}

.code {
  margin: 0 0 10px 0; padding: 5px 10px;
  color: #6a6a6a;
  border: 1px solid #cdcdcd;
  background: #fff;
}


/* Community */
#videoForm { display: none; }

.community {
  overflow: hidden;
  margin: 0 0 20px 0;
  border: 1px solid #cdcdcd;
  background: #fff; 
}

.community .thumb { 
  margin: 0 auto 5px; 
  text-align: center; 
}

.community h3 {
  padding: 0 10px; margin: 0 0 5px 0;
  height: 25px; line-height: 25px;
  font-size: 1em;
  border-bottom: 1px solid #cdcdcd;
  background: #eee;
}

.community .rate {
  overflow: hidden;
  padding: 0 10px;
  height: 25px; line-height: 25px;
  font-size: 1em;
  border-top: 1px solid #cdcdcd;
  background: #eee;
}

.community .rate ul {
  margin: 0 !important; padding: 0 !important; 
}

.community .rate ul li{
  margin: 0 5px 0 0 !important; padding: 0 !important;
  float: left;
}
.community .rate ul li .ico-rate {
  margin-top: 5px;
}
.community .rate ul li.rating{
  margin: 0 !important;
  float: right;
  font-size: 1.2em; font-weight: bold;
  color: #990033
}

.photo { width: 175px; }
.photo .thumb { width: 180px; height: 200px; overflow: hidden; }
.photo h3,
.photo .rate { width: 160px; }

.video { width: 460px; }
.video .thumb { width: 460px; height: 345px; overflow: hidden !important; }
.video .h3,
.video .rate { width: 440px; }

#photoList .photo {
  float: left;
  margin: 0 10px 20px 0;
}
#photoList .last {
  margin-right: 0 !important;
}

/* -- Overlay vrstva -- */
#overlay { display: block;}
#overlay.show { display: block !important; }
#overlay.hide { display: none !important; }

.lightbox { color: #2C2B29; left: 50%; position: fixed; top: 30%; z-index: 102;
  width: 400px; /* vychozi sirka */
  margin-left: -200px; /* vychozi sirka/2 */
}
.lightbox .lightbox_content { position: relative; }
.lightbox a.close { background: url(../images/fancy_closebox.png) 0 0 no-repeat; display: block; width: 30px; height: 30px; position: absolute; right: -12px; top: -12px; }
.lightbox .top, .lightbox .bottom { background: url(../images/overlay-corners.png) 0 0 no-repeat; height: 9px; margin-right: 9px;}
.lightbox .bottom { background-position: 0 100%;}
.lightbox .top b, .lightbox .bottom b { background: url(../images/overlay-corners.png) 100% 0 no-repeat; display: block; height: 9px; position: absolute; right: 0; top: 0; width: 9px;}
.lightbox .bottom b { background-position: 100% 100%; top: auto; bottom: 0;}
.lightbox .inside { background: #fff; padding: 15px 30px 0; overflow: auto; position: relative; }
.lightbox .overflow { height: 100%; overflow: auto; padding-right: 10px;}
.lightbox_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}

#paymentList .item {
  margin-bottom: 6px; padding-bottom: 6px;
  border-bottom: 1px solid #eee;
}
#paymentList .last { border: none; margin-bottom: 0; }
#paymentList .item p {
  margin: 2px 0 0;
  font-size: .9em;
}
#paymentList .item label {
  margin-bottom: 2px;
}

#content  .notice { clear: both; overflow: hidden; margin-top: 10px; padding-top: 10px; border-top: 1px solid #d7d7d7; }
#content .free-post strong { color: #990033; }