/* CSS Document */

.fa11 {font: 11px Arial, sans-serif;}
.fa12 {font: 12px Arial, sans-serif;}
.fv11 {font: 11px Verdana, sans-serif;}
.fv12 {font: 12px Verdana, sans-serif;}
.ft11 {font: 11px Tahoma, sans-serif;}
.ft12 {font: 12px Tahoma, sans-serif;}

.f12em {font-size: 1.2em;}

.fa11 a:link, a.fa11:link {font: 11px Arial, sans-serif; text-decoration:none;}
.fa11 a:visited, a.fa11:visited {font: 11px Arial, sans-serif; text-decoration:none;}
.fa11 a:hover, a.fa11:hover {font: 11px Arial, sans-serif; text-decoration:underline;}

a.fv11:link {font: 11px Verdana, sans-serif; text-decoration: none;}
a.fv11:visited {font: 11px Verdana, sans-serif; text-decoration: none;}
a.fv11:hover {font: 11px Verdana, sans-serif; text-decoration: underline;}

a.ft11:link {font: 11px Tahoma, sans-serif; text-decoration:none;}
a.ft11:visited {font: 11px Tahoma, sans-serif; text-decoration:none;}
a.ft11:hover {font: 11px Tahoma, sans-serif; text-decoration:underline;}

/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
.clearfloat {margin:0; padding:0; float:none; clear:both; height:0; line-height:0; font-size:0;}
.block      {margin:0; padding:0; float:none;}
.line       {margin:0; padding:0; float:none; clear:both;}
.clearing   {margin:0; padding:0; float:none; clear:both; height:0;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.fLeft  {float: left;}
.fRight {float: right;}

.bold, b    {font-weight: bold !important;}
.italic, i  {font-style: italic !important;}
.ttup       {text-transform: uppercase !important;}
.over       {cursor: pointer !important;}
.out        {cursor: default !important;}
.nowrap     {white-space: nowrap !important;}
.off        {display: none !important;}
.on         {/*display: block !important;*/}
.allwidth   {width: 100% !important;}
.halfwidth  {width: 50% !important;}
.allheight  {height: 100% !important;}
.halfheight {height: 50% !important;}
.zerowidth  {width: 0 !important;}
.zeroheight {height: 0 !important;}
.aLeft      {text-align: left !important;}
.aCenter    {text-align: center !important;}
.aRight     {text-align: right !important;}
.aJustify   {text-align: justify !important;}
.border     {border: solid 1px #000 !important;}
.less       {font-size: 85% !important;}
.larger     {font-size: 115% !important;}
.vaTop      {vertical-align: top !important;}
.vaMiddle   {vertical-align: middle !important;}
.vaBottom   {vertical-align: bottom !important;}
.bgno       {background: none !important;}
.pozAbs     {position:absolute !important;}
.pozRel     {position:relative !important;}
.au         {text-decoration: underline !important;}
.an         {text-decoration:none !important;}

.black      {color: #000000 !important;}
.blackText  {color: #000000 !important;}
.red        {color: #ff3399 !important;}
.redText    {color: #ff3399 !important;}

.bgBlack  {background-color: #000000 !important;}
.bgGrey   {background-color: #cccccc !important;}
.bgWhite  {background-color: #ffffff !important;}
.bgOrange {background-color: #f19009 !important;}
.bgBlue   {background-color: #249cd3 !important;}

.t0 {margin-top:0!important;padding-top:0!important;}
.r0 {margin-right:0!important;padding-right:0!important;}
.b0 {margin-bottom:0!important;padding-bottom:0!important;}
.l0 {margin-left:0!important;padding-left:0!important;}

/* begin: margin ******************* * * */
/* Top ****/ .mt1  {margin-top: 1px !important;}
/* Top ****/ .mt2  {margin-top: 2px !important;}
/* Top ****/ .mt3  {margin-top: 3px !important;}
/* Top ****/ .mt5  {margin-top: 5px !important;}
/* Top ****/ .mt6  {margin-top: 6px !important;}
/* Top ****/ .mt7  {margin-top: 7px !important;}
/* Top ****/ .mt8  {margin-top: 8px !important;}
/* Top ****/ .mt10 {margin-top: 10px !important;}
/* Top ****/ .mt12 {margin-top: 12px !important;}
/* Top ****/ .mt15 {margin-top: 15px !important;}
/* Top ****/ .mt20 {margin-top: 20px !important;}
/* Top ****/ .mt30 {margin-top: 30px !important;}
/* Top ****/ .mt35 {margin-top: 35px !important;}
/* Left ***/ .ml3  {margin-left: 3px !important;}
/* Left ***/ .ml5 {margin-left: 5px !important;}
/* Left ***/ .ml7  {margin-left: 7px !important;}
/* Left ***/ .ml10 {margin-left: 10px !important;}
/* Left ***/ .ml15 {margin-left: 15px !important;}
/* Left ***/ .ml120 {margin-left: 120px !important;}
/* Right **/ .mr5  {margin-right: 5px !important;}
/* Right **/ .mr6  {margin-right: 6px !important;}
/* Right **/ .mr10 {margin-right: 10px !important;}
/* Right **/ .mr15 {margin-right: 15px !important;}
/* Right **/ .mr20 {margin-right: 20px !important;}
/* Right **/ .mr25 {margin-right: 25px !important;}
/* Bottom */ .mb1  {margin-bottom: 1px !important;}
/* Bottom */ .mb2  {margin-bottom: 2px !important;}
/* Bottom */ .mb3  {margin-bottom: 3px !important;}
/* Bottom */ .mb4  {margin-bottom: 4px !important;}
/* Bottom */ .mb5  {margin-bottom: 5px !important;}
/* Bottom */ .mb6  {margin-bottom: 6px !important;}
/* Bottom */ .mb7  {margin-bottom: 7px !important;}
/* Bottom */ .mb8  {margin-bottom: 8px !important;}
/* Bottom */ .mb9  {margin-bottom: 9px !important;}
/* Bottom */ .mb10 {margin-bottom: 10px !important;}
/* Bottom */ .mb11 {margin-bottom: 11px !important;}
/* Bottom */ .mb12 {margin-bottom: 12px !important;}
/* Bottom */ .mb13 {margin-bottom: 13px !important;}
/* Bottom */ .mb14 {margin-bottom: 14px !important;}
/* Bottom */ .mb15 {margin-bottom: 15px !important;}
/* Bottom */ .mb20 {margin-bottom: 20px !important;}
/* Bottom */ .mb30 {margin-bottom: 30px !important;}
/* end: margin ********************* * * */

/* begin: padding ****************** * * */
/* Top ****/ .pt1  {padding-top: 1px !important;}
/* Top ****/ .pt2  {padding-top: 2px !important;}
/* Top ****/ .pt3  {padding-top: 3px !important;}
/* Top ****/ .pt4  {padding-top: 4px !important;}
/* Top ****/ .pt5  {padding-top: 5px !important;}
/* Top ****/ .pt7  {padding-top: 7px !important;}
/* Top ****/ .pt8  {padding-top: 8px !important;}
/* Top ****/ .pt10 {padding-top: 10px !important;}
/* Top ****/ .pt11 {padding-top: 11px !important;}
/* Top ****/ .pt12 {padding-top: 12px !important;}
/* Top ****/ .pt13 {padding-top: 13px !important;}
/* Top ****/ .pt15 {padding-top: 15px !important;}
/* Top ****/ .pt20 {padding-top: 20px !important;}
/* Top ****/ .pt30 {padding-top: 30px !important;}
/* Left ***/ .pl2  {padding-left: 2px !important;}
/* Left ***/ .pl3  {padding-left: 3px !important;}
/* Left ***/ .pl5  {padding-left: 5px !important;}
/* Left ***/ .pl7  {padding-left: 7px !important;}
/* Left ***/ .pl10 {padding-left: 10px !important;}
/* Left ***/ .pl12 {padding-left: 12px !important;}
/* Left ***/ .pl15 {padding-left: 15px !important;}
/* Left ***/ .pl18 {padding-left: 18px !important;}
/* Left ***/ .pl20 {padding-left: 20px !important;}
/* Left ***/ .pl25 {padding-left: 25px !important;}
/* Left ***/ .pl35 {padding-left: 35px !important;}
/* Right **/ .pr2  {padding-right: 2px !important;}
/* Right **/ .pr3  {padding-right: 3px !important;}
/* Right **/ .pr5  {padding-right: 5px !important;}
/* Right **/ .pr10 {padding-right: 10px !important;}
/* Right **/ .pr12 {padding-right: 12px !important;}
/* Right **/ .pr15 {padding-right: 15px !important;}
/* Bottom */ .pb1  {padding-bottom: 1px !important;}
/* Bottom */ .pb2  {padding-bottom: 2px !important;}
/* Bottom */ .pb3  {padding-bottom: 3px !important;}
/* Bottom */ .pb4  {padding-bottom: 4px !important;}
/* Bottom */ .pb5  {padding-bottom: 5px !important;}
/* Bottom */ .pb6  {padding-bottom: 6px !important;}
/* Bottom */ .pb7  {padding-bottom: 7px !important;}
/* Bottom */ .pb8  {padding-bottom: 8px !important;}
/* Bottom */ .pb9  {padding-bottom: 9px !important;}
/* Bottom */ .pb10 {padding-bottom: 10px !important;}
/* Bottom */ .pb12 {padding-bottom: 12px !important;}
/* Bottom */ .pb15 {padding-bottom: 15px !important;}
/* Bottom */ .pb20 {padding-bottom: 20px !important;}
/* Bottom */ .pb30 {padding-bottom: 30px !important;}
/* end: padding ******************** * * */

.w20px {width: 20px !important;}
.w30px {width: 30px !important;}
.w50px {width: 50px !important;}
.w60px {width: 60px !important;}
.w70px {width: 70px !important;}
.w80px {width: 80px !important;}
.w90px {width: 90px !important;}
.w100px {width: 100px !important;}
.w110px {width: 110px !important;}
.w120px {width: 120px !important;}
.w160px {width: 160px !important;}
.w200px {width: 200px !important;}
.w230px {width: 230px !important;}
.w240px {width: 240px !important;}
.w250px {width: 250px !important;}
.w300px {width: 300px !important;}
.w1000px {width: 1000px !important;}

.h1px  {height: 1px !important; overflow:hidden;}
.h2px  {height: 2px !important; overflow:hidden;}
.h3px  {height: 3px !important; overflow:hidden;}
.h4px  {height: 4px !important; overflow:hidden;}
.h5px  {height: 5px !important; overflow:hidden;}
.h6px  {height: 6px !important; overflow:hidden;}
.h7px  {height: 7px !important; overflow:hidden;}
.h8px  {height: 8px !important; overflow:hidden;}
.h9px  {height: 9px !important; overflow:hidden;}
.h10px  {height: 10px !important; overflow:hidden;}
.h15px  {height: 15px !important; overflow:hidden;}
.h20px  {height: 20px !important; overflow:hidden;}
.h30px  {height: 30px !important; overflow:hidden;}
.h100px  {height: 100px !important; overflow:hidden;}

.mh1px {min-height:1px;_height:1px;}
.mh100px {min-height:100px;_height:100px;}

/* begin: checkBox ***************************************** * * */
.checkBox label {
	position:relative;
	margin-left:5px; padding:0;
}
html:root .checkBox label {top:-2px;} /* Safari,FireFox,Chrome Hack */
* html .checkBox label {margin-left:3px;} /* IE6 Hack */
* + html .checkBox label {margin-left:3px;} /* IE7,8.beta1 Hack */
@media all and (min-width:0px) { /* Opera (all versions) */
.checkBox label {top:2px;}} /* Opera (all versions) */
html:root*.checkBox label {top:0px;} /* Safari Hack */
/* <div class="checkBox"><input type="checkbox" id="01" name="01" /><label for="01">Checkbox Label</label></div> */
/* <div class="checkBox"><input type="ratio" id="01" name="11" /><label for="01">Checkbox Label</label></div> */
/* end: checkBox ******************************************* * * */

/* begin: Div HR Height 1px ***************************** * * */
div.hr {
	height: 2px;
	background-color:#9d9d9d;
	/*
	border-style: solid;
	border-top-color: #ccc;
	border-top-width: 1px;
	background-color:Transparent;
	*/
}
div.hr hr {
	display: none;
}
/* <div class="hr"><hr /></div> */
div.dotted-x {
	height: 1px;
	border:0; background-color:Transparent;
}
/* <div class="hr dotted-x"><hr /></div> */
/* end: Div HR Height 1px ******************************* * * */

/* begin: CENTER BLOCK ************************************ * * */
.align_center_to_left {position:relative;right:50%;float:right;}
* html .align_center_to_left {_right:37%;}
.align_center_to_right {position:relative;z-index:1;right:-50%;}
/*
<div class="align_center_to_left">
<div class="align_center_to_right">
	Content
</div>
</div>
*/
.w-outer {width: 100%; text-align: center;}
.w-inner {margin-left: auto; margin-right: auto; text-align: left;}
/*
<div class="w-outer">
	<div class="w-inner w1000px">
		Content
	</div>
</div>
*/
/* end: CENTER BLOCK ************************************** * * */

/* begin: Left & Right & Width 100% Columns Control ***** * * */
table.t2c {width:100%;margin:0;padding:0;}
table.t2c td {overflow:hidden;text-align:left;vertical-align:top;}
table.t2c td.l2c {padding:0;}
table.t2c td.r2c {width:100%;padding:0;}
table.auto {width:auto;margin:0;padding:0;}
table.auto td.r2c {width:auto;padding:0;}
/*
<table class="t2c"><tr>
<td class="l2c pt10 pb10">
<!-- begin: 2Columns Structure: Left Column -->
<!-- end: 2Columns Structure: Left Column -->
</td>
<td class="r2c pt10 pb10">
<!-- begin: 2Columns Structure: Right Column -->
<!-- end: 2Columns Structure: Right Column -->
</td>
</tr></table>
*/
/* end: Left & Right & Width 100% Columns Control ******* * * */

/* begin: Base Layout Classes ****************************** * * */
.butBox, .butBox table, .butBox table td {height:23px;overflow:hidden; border:0}
.butBox .bl, .butBox .br {width:10px;}
.butBox .bl {background:url('../images/button-bg-left.png') left top no-repeat;margin:0;padding:0;}
.butBox .bx {background:url('../images/button-bg-center.png') left top repeat-x;margin:0;padding:0;}
.butBox .br {background:url('../images/button-bg-right.png') right top no-repeat;margin:0;padding:0;}
.butBox input {
	height:21px!important; //height:20px!important; /* IE Hack */
	width:inherit!important; overflow:hidden;
	text-align:center; vertical-align:middle;
	border:none; background-color:transparent;
	font:12px Arial,sans-serif!important; color:#fff!important;
	line-height:15px!important; letter-spacing:normal;
	cursor:pointer; cursor:hand;
	margin:0; padding:0;
}

.butBasket input {
	height:25px!important; //height:25px!important; /* IE Hack */
	width:25px!important; //width:25px!important; /* IE Hack */
	overflow:hidden;
	border:none; background-color:transparent;
	background:url('../images/icon-Basket-green.png') left top no-repeat;
	line-height:15px!important; letter-spacing:normal;
	cursor:pointer; cursor:hand;
	margin:0;
	padding:0;
}

/* end: Base Layout Classes ******************************** * * */