/**
* CSS for mod_prod.php
*
* @package Site
* @subpackage CSS
* @author Pavel "Papi" Jartsev <papi@digitalfruit.ee>
* @filesource
*/

/*-----------------------------------------------------------------
#LIST (FLAG-LIST)
-----------------------------------------------------------------*/
.mod_prod
{
	width: 100%;
	margin-bottom: 15px;
}
.mod_prod.flag
{
	margin-bottom: 20px;
}
.mod_prod .ctgry-image img
{
	border: none;
	display: block;
}
.mod_prod .ctgry-image a
{
	border: 3px solid #4DB9FF;
	display: block;
	margin-right: 15px;
	width: 165px;
}
.mod_prod.flag .ctgry-image.row2 a
{
	margin-top: 15px;
}
.mod_prod .ctgry-image a:hover
{
	border: 3px solid #FF9900;
}
.mod_prod .ctgry-image.sportsman a
{
	border: 3px solid #F0D59C;
}
.mod_prod .ctgry-image.sportsman a:hover
{
	border: 3px solid #990000;
}
.mod_prod .ctgry-image a#enlarge
{
	border: 0;
	margin-top: 5px;
	text-align: center;
	text-decoration: none;
}
.mod_prod .ctgry-image a#enlarge:hover
{
	background: none;
	color: #f90;
	text-decoration: none;
}
.mod_prod .ctgry-name a
{
	color: #FFF;
	display: block;
	margin-top: 15px;
	margin-bottom: 20px;
	text-align: center;
	text-decoration: none;
	width: 172px;
}
.mod_prod .ctgry-name a:hover
{
	background: none;
	text-decoration: underline;
}

.mod_prod .flag-btn
{
	vertical-align: bottom;
}
.mod_prod .flag-btn a
{
	color: #FFF;
	display: block;
	float: right;
	height: 22px;
	line-height: 22px;
	margin-right: 25px;
	margin-bottom: 3px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 120px;
	white-space: nowrap;
}
.mod_prod .flag-btn a span.lft
{
	display: block;
	height: 100%;
	left: 0;
	padding-left: 10px;
	position: absolute;
	top: 0;
	width: 100px;
}
.mod_prod .flag-btn a span.rgt
{
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
}
.mod_prod .flag-btn a#continue-shopping
{
	float: left;
	width: 130px;
}
.mod_prod .flag-btn a#continue-shopping span.lft
{
	width: 110px;
}

.mod_prod .flag-btn a span.lft
{
	background: url("../tmpl/img/law_special_button.png") no-repeat 0 0;
}
.mod_prod .flag-btn a span.rgt
{
	background: url("../tmpl/img/law_special_button.png") no-repeat -240px 0;
}
.mod_prod .flag-btn a:hover span.lft
{
	background: url("../tmpl/img/law_special_button.png") no-repeat 0 -32px;
	color: #FFF;
	cursor: pointer;
}
.mod_prod .flag-btn a:hover span.rgt
{
	background: url("../tmpl/img/law_special_button.png") no-repeat -240px -32px;
	color: #FFF;
	cursor: pointer;
}

.mod_prod .flag-btn a.sportsman span.lft
{
	background: url("../tmpl/img/sportsman_special_button.png") no-repeat 0 0;
}
.mod_prod .flag-btn a.sportsman span.rgt
{
	background: url("../tmpl/img/sportsman_special_button.png") no-repeat -240px 0;
}
.mod_prod .flag-btn a.sportsman:hover span.lft
{
	background: url("../tmpl/img/sportsman_special_button.png") no-repeat 0 -32px;
	color: #FFF;
}
.mod_prod .flag-btn a.sportsman:hover span.rgt
{
	background: url("../tmpl/img/sportsman_special_button.png") no-repeat -240px -32px;
	color: #FFF;
}

.mod_prod .flag-btn a.other span.lft
{
	background: url("../tmpl/img/generic_special_button.png") no-repeat 0 0;
}
.mod_prod .flag-btn a.other span.rgt
{
	background: url("../tmpl/img/generic_special_button.png") no-repeat -240px 0;
}
.mod_prod .flag-btn a.other:hover span.lft
{
	background: url("../tmpl/img/generic_special_button.png") no-repeat 0 -32px;
	color: #FFF;
}
.mod_prod .flag-btn a.other:hover span.rgt
{
	background: url("../tmpl/img/generic_special_button.png") no-repeat -240px -32px;
	color: #FFF;
}

/*-----------------------------------------------------------------
#DETAILS
-----------------------------------------------------------------*/
.mod_prod.details .ctgry-image a
{
	height: auto;
	position: relative;
}
.mod_prod.details .ctgry-image a:hover span.zoom
{
	background: url("../tmpl/img/button_zoom.gif") no-repeat center center;
	display: block;
	height: 13px;
	left: 0;
	position: absolute;
	top: 175px;
	width: 165px;
	z-index: 100;
}
.mod_prod.details .radiogroup
{
	border: 0;
}
.mod_prod.details .opt-label
{
	padding-top: 10px;
}
.mod_prod.details #sku
{
	margin-top: 10px;
}
.mod_prod.details .label
{
	background: none;
	color: #4DB9FF;
	font-weight: bold;
	margin-top: 15px;
}
.mod_prod.details .label.sportsman
{
	color: #FFF;
	font-weight: bold;
	margin-top: 15px;
}
.mod_prod.details .opt-name div
{
	color: #FFF;
	font-weight: bold;
	margin-top: 10px;
}
.mod_prod.details #na-notice
{
	background: #FFCC33;
	border: 1px solid #FFF;
	color: #000;
	display: none;
	margin: 15px 0 5px 0;
	padding: 3px;
}
.mod_prod.details .container
{
	background: none;
	float: left;
	margin-right: 15px;
}
.mod_prod.details .container.qty input
{
	background: #333;
	border: 1px solid #6A6A6A;
	color: #FFF;
	text-align: center;
}
.mod_prod.details .container.qty input:focus
{
	background: #333;
	border: 1px solid #BCBCBC;
	color: #FFF;
	text-align: center;
}
.mod_prod.details .container.qty.sportsman input
{
	background: #8E6E31;
	border: 1px solid #B3893D;
	color: #FFF;
	text-align: center;
}
.mod_prod.details .container.qty.sportsman input:focus
{
	background: #8E6E31;
	border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
}
.mod_prod.details .container.flag-btn a
{
	cursor: pointer;
	float: none;
	margin: 0;
}

.mod_prod.details .container.prc input
{
	border: 1px solid #6A6A6A;
	background: transparent !important;
	color: #FFF;
	text-align: right;
}
.mod_prod.details .form_field .radiogroup
{
	border: 1px solid #6A6A6A;
}
.mod_prod.details .form_field select,
.mod_prod.details .container input
{
	background: #333;
	border: 1px solid #6A6A6A;
	color: #FFF;
}
.mod_prod.details .form_field select:focus,
.mod_prod.details .form_field input:focus
{
	border: 1px solid #BCBCBC;
	color: #FFF;
}
.mod_prod.details .form_field option
{
	background: #333;
	color: #FFF;
}


.mod_prod.details .container.prc input.sportsman
{
	border: 1px solid #B3893D;
	background: transparent !important;
	color: #FFF;
	text-align: right;
}
.mod_prod.details .form_field.sportsman .radiogroup
{
	border: 1px solid #B3893D;
}
.mod_prod.details .form_field.sportsman select,
.mod_prod.details .container input.sportsman
{
	background: #8E6E31;
	border: 1px solid #B3893D;
	color: #FFF;
}
.mod_prod.details .form_field.sportsman select:focus,
.mod_prod.details .container input.sportsman:focus
{
	border: 1px solid #FFF;
}
.mod_prod.details .form_field.sportsman option
{
	background: #8E6E31;
	color: #FFF;
}

.qty-price-add
{
	position: relative;
}

/*-----------------------------------------------------------------
#SHOPPING CART SUMMARY
-----------------------------------------------------------------*/
.mod_prod #cart-summary-container
{
	background: #000;
	border: 10px solid #FFF;
	display: none;
	height: 100px;
	left: -200px;
	margin-top: 15px;
	padding: 5px;
	position: absolute;
	top: -140px;
	width: 540px;
}
.mod_prod #cart-msg
{
	color: #FF9900;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.mod_prod #cart-summary
{
	border-top: 1px solid #FFF;
	height: 5px;
}
.mod_prod #checkout-row
{
	margin-top: 20px;
}

/*-----------------------------------------------------------------
#PAGER
-----------------------------------------------------------------*/
#article .mod_prod .pb
{
	margin: 0;
	padding: 15px 0 15px;
}
#article .mod_prod .pager
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#article .mod_prod .pager li
{
	float: left;
	margin: 0;
	padding: 0;
}
#article .mod_prod .pager li.showing
{
	padding-right: 120px;
}
#article .mod_prod .pager li.showing.sportsman
{
	color: #F0D59C;
}
#article .mod_prod .pager li a
{
	background: #4E4E4E;
	border: 1px solid #4DB8FD;
	color: #FFF;
	display: block;
	height: 1.454em;
	line-height: 16px;
	margin-right: 5px;
	text-align: center;
	text-decoration: none;
	width: 1.454em;
}
#article .mod_prod .pager li a.sportsman
{
	background: #8E6E31;
	border: 1px solid #F0D59C;
}
#article .mod_prod .pager li a:hover
{
	background: #000;
	color: #FFF;
}
#article .mod_prod .pager li#selected a,
#article .mod_prod .pager li#selected a:hover
{
	background: #000;
	border: 1px solid #FFF;
	color: #FFF;
}
#article .mod_prod .pager li#pager-prev a
{
	background: none;
	border: none;
	color: #4DB9FF;
	height: auto;
	margin-right: 30px;
	width: auto;
}
#article .mod_prod .pager li#pager-next a
{
	background: none;
	border: none;
	color: #4DB9FF;
	height: auto;
	margin-left: 30px;
	width: auto;
}
#article .mod_prod .pager li#pager-prev a:hover,
#article .mod_prod .pager li#pager-next a:hover
{
	color: #4DB9FF;
	text-decoration: underline;
}
#article .mod_prod .pager li#pager-prev a.sportsman,
#article .mod_prod .pager li#pager-next a.sportsman
{
	color: #F0D59C;
}


/* magazines */

#article #manufs
{
	float: left;
	margin: 0;
}
#article #manufs li
{
	float: left;
	list-style: none;
}
#article #manufs li a
{
	background-color: #333;
	border: 1px solid #999;
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 2px 2px 2px 0;
	padding: 20px 0 3px 0;
	text-align: center;
	text-decoration: none;
	width: 17px;
}
#article #manufs li a:hover
{
	background: #000 url("../tmpl/img/manufs.png") no-repeat 50% 4px;
	border: 1px solid #666;
	text-decoration: none;
}
#article #manufs li.active a
{
	background: #fff2cd url("../tmpl/img/manufs_a.png") no-repeat 50% 0;
	border: 1px solid #fc3;
	color: #000;
	margin: 0 2px 0 0;
	padding: 22px 0 5px 0;
}

#manufs-hint
{
	color: #ac8b4f;
	float: left;
	margin: 5px 0 10px 0;
}

#article #magazines li
{
	list-style: none;
}
#article #magazines li a
{
	background: url("../tmpl/img/magazines.gif") no-repeat 0 50%;
	color: #fff;
	line-height: 140%;
	padding-left: 20px;
	text-decoration: none;
}
#article #magazines li a:hover
{
	color: #fff;
	text-decoration: underline;
}