/*
------------------------------------------------------------
------------------------------------------------------------
	STYLES - DO NOT DLEETE THIS FILE
    THIS FILE IS FOR POPLT POPUPS used by
    EX: 
        p/currency.php
        p/send-to-friend.php
------------------------------------------------------------
------------------------------------------------------------
*/	
	/* TESTING */
	.col {background-color:#9FC7FF;}
	.col2 {background-color:#FFCC00;}
	.col3 {background-color: #B5FFC8;}
	.col4 {background-color: #FFBBE9; }

._wrap { overflow:hidden; }
._hide { display: none !important; }

._block, .desc { display: block; } 
._inline { display: inline-block; } 
._clear { clear: both; } 
._fright { float: right; } 
._fleft { float: left; } 
._tright { text-align: right; } 
._tleft { text-align: left; } 
._center { text-align: center; } 
._left { text-align: left; } 
._right { text-align: right; } 
._bold { font-weight: bold; } 
._normal { font-weight: normal !important; } 
._middle { vertical-align: middle; } 
._bottom { vertical-align: text-bottom; } 

._grey { color: #666666 !important; } 
._lightgrey { color: #999 !important; } 
._green { color: #009900 !important; } 
._red { color: #cc0000 !important; }

._xsmall { font-size: x-small !important; } 
._small { font-size: small !important; } 
._medium { font-size: medium !important; } 
._large { font-size: large !important; } 
._big { font-size: 13px !important; }

._bold { font-weight:bold !important; } 

.grn { color: #0DA95F; }
.green { color:#0DA95F; }
.ambr { color: #FF6C00; }
.red { color: #F90133; }

.border_grey { border: 1px dotted #CCCCCC; }
.border_lightgrey { border: 1px solid #E8E8E8; }
.border-red  {border: 1px solid red; }
.border-green { border: 1px solid #00FF00; }

.khas { display: none; }

.bor-top { border-top:1px solid #F4F4F4; padding: 10px 0 0 0; }
.bor-bot { border-bottom:1px solid #F9F9F9; padding: 0 0 10px 0; }

._m0 { margin: 0px !important; }

._pt5 { padding-top:5px !important; }
._mt5 { margin-top:5px !important; }
._mt7 { margin-top:7px !important; }
._mt10 { margin-top:10px !important; }
._mt25 { margin-top:20px !important; }
._mt35 { margin-top: 35px !important; }
._mt50 { margin-top: 50px !important; }
._mt100 { margin-top: 100px !important; }

._mr2 { margin-right:2px !important; }
._mr5 { margin-right:5px !important; }
._mr10 { margin-right:10px !important; }

._pb5 { padding-bottom:5px !important; }
._mb5 { margin-bottom:5px !important; }
._mb7 { margin-bottom:7px !important; }
._mb10 { margin-bottom:10px !important; }
._mb25 { margin-bottom:20px !important; }
._mb100 { margin-bottom:100px !important; }

.w100p { width:100% !important; }
.h100px { height: 100px; background-color:#FF80C0; }
.w100px { width: 100px; } 

.hr { display: none; }
.vrr { border-right: 1px solid #E7E7E7; }
.vrl { border-left: 1px solid #E7E7E7; }

.m, .ms, #macc, #mcats  { display: none; }

 hr { border: 0; height: 0; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #FFF; margin: 10px 0 10px 0; }
	
p { margin: 0 0 12px 0; clear:both; }
li { margin: 0 0 2px 0; }

.ffix { display: block; clear: both; overflow: hidden; }


/* 	POPUP
--------------------------*/
.popup-wrap {
    overflow: hidden;
	margin: 7px;
}


.loading {
	background: #fff url(../images/loading.gif) no-repeat center;
	border: none;
	margin: 5px;
	padding: 8px;
	}

.nou a { text-decoration: none; }
.nou a:hover { text-decoration: underline; }

a.title, a.title:visited {
	color: #666;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	display:block;
}

a.title:hover {
	text-decoration: underline;
}


.radius3, .successbox, .box, .alertbox {    
		border-radius:3px;  
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		}




/* HEADING
--------------------------- */
.head-title { 
	color: #666;
	margin: 10px 0 10px 0;
} 
.head-box ul li {
	margin: 0px;
}
.head-box ul li {
	display: inline;
	float: left;
	position: relative;
}
.head-box ul li a, .head-box ul li span {
	display: inline-block;
	line-height: 28px;
	padding:  0 10px;
	color: #666;	
	text-decoration: none;
	font-weight: bold;
	text-shadow: #fff 1px 1px;
	background-color: #FAFAFA;
	border-top: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;
		*display: inline;
		zoom: 1;					/*IE6/7*/
}
.head-box ul li a:hover {
	background: #F6F6F6;
	cursor: pointer;
}
	

/* CURRECY RATES
--------------------------- */
.rates {
	margin: 35px 0 20px 0;
	text-align: left;
	}
	.rates center {
		margin: 0px !important;
		text-align: left;}


/* PLACEHOLDER
--------------------------- */
input:-moz-placeholder { color:#BFBFBF; }
::-webkit-input-placeholder { color:#BFBFBF; }
::-moz-placeholder { color:#BFBFBF; } /* firefox 19+ */
:-ms-input-placeholder { color:#BFBFBF; } /* ie */

.faw input[type="text"], .faw input[type="password"]  {
	font-family: FontAwesome, Arial;
	font-size: 15px;
	padding: 10px;
}
.aw {
	font-family: FontAwesome, Arial;
	margin: 0 4px 0 0;
	}
button.awfix { padding-left: 16px !important; }
	

		


	




/* 	ICONS
--------------------------*/
.i { display: inline-block; width: 16px; height: 16px;  }	 /*EMPTY ICON*/
.icon  { 
	display: inline-block;
	vertical-align: middle; 
	width: 16px; height: 16px; 
	margin: 0 3px 0 0;
	padding: 0px;
	background-repeat: no-repeat; 
	background-image: url(../images/all.png);
	}
.icon-empty			{ background: none; }

.icon-cross		  	{ background-position: 0 -90px; }

.icon-arrow-right		  	{ background-position: 0 -170px; }




/* 	FIELDSET
--------------------------*/
.fs-wrap .content {
	margin: 1.75em 1.5em 1em 1em;
}
legend.fs {
	padding: 0.1em 0.5em 0.1em 0.5em;
	left: 0.5em;
	top: -0.6em;
	position: absolute;
	font-weight: normal;
	font-size: 15px;
	border: solid 1px #EBEBEB;
	background: #fff;
}
fieldset.fs {
	margin-top: 20px;
	position: relative;
	border: 1px solid #EBEBEB;
	background: #FAFAFA;
}

/* 	FORM ETC ADD LISTING
--------------------------*/
.line label, .line input { float: left; }
.line { 
	float: left; 
	width: 300px; 
	display: block; 
	padding: 3px 0px 3px 1px; 
}

.radios hr {  
	clear: both; margin: 5px 0px 5px; height: 0; 
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #fff;

}
.radios .title { font-weight: bold; color: #666; margin-bottom: 5px; }
.radio {
	width: 148px;
	float: left;
	font-size: .9165em;
	margin-bottom: 10px;
	}
	.radio input { 
		width: auto;
	}
	.radio label {
		margin-left: 1px;
		font-weight: normal;
		display: inline-block;
		width: 200px;
		padding-left: 5px;
		vertical-align: text-top;
	}

.checkboxes label { font-weight: normal; }

input.inputsmall , select.inputsmall { width: 5em; }
input.inputmedium { width: 8em; }
input.inputlong { width: 75%; min-width: 245px; }


/* FORM / CHECKOUT
-------------------------*/
.frm-center {
	margin: 0 auto;  
	width: 75%;
	text-align: left;
	}
.frm-center form {
	width: 100%;
	}
	.frm-center .email-signup input {
		float: left;
		margin: 2px 8px 0 0;
	}
	
	.frm-center .email-signup label {
		font-weight: normal;
		line-height: normal;
		float: left;
		width: 65%;
		margin: 0 0 15px 0;
		}

.frm input[type="text"], .frm input[type="password"] {
	padding: 4px 8px;
	height: 30px;
	line-height: 30px;
	width: 240px;
}
.frm select {
	padding: 4px 8px;
	height: 35px;
	line-height: 35px;
}

.frm select.title {
	width: 80px;
}

/* JQ ERRORS */
.frm .group input[type="text"],
.frm .group input[type="password"],
.frm .group input[type="email"],
.frm .group textarea,
.frm .group select { margin-bottom: 1px; }

.frm .group.error .label {
	color: #D95252;
	} 
.frm .group.error input, .frm .group.error select, .frm .group.error textarea {
 	color: #E00000;
 	border-color: #E00000;
	margin-bottom: 1px;
}

	label.error  { 
		font: 13px Arial;
		color: #E00000;
		font-weight: bold;
		margin: 0 0 5px 0; 
		padding: 1px 0 1px 0;
		display:block; 
		}
		label.error a  { 
			color: #E00000;
			text-decoration: underline; 
		}		
		label.error a:hover  { 
			text-decoration: none; 
		}
	label.valid {
		width: 20px;
		height: 20px;
		margin-left: 5px;
		background: url(../images/all.png) center center no-repeat;
		background-position: -20px -138px;
		display: inline-block;
		top: 4px;
 		position: relative;
		text-indent: -9999px;
		}
	label.invalid {
		width: 20px;
		height: 20px;
		margin-left: 5px;
		background: url(../images/all.png) center center no-repeat;
		background-position: 0 -138px;
		display: inline-block;
		top: 4px;
 		position: relative;
		text-indent: -9999px;
		}




/* MESSAGES 
---------------------------*/
.errorbox {
	margin: 1px 0 5px 0;
	color: #D50000;
	background-color: #FFF6F4;
	border: 1px solid #D50000;
	}
	.errorbox a { color: #D50000; text-decoration: none; }
	.errorbox .sign { color: #D50000; font-size: large; }
.successbox {
	margin: 1px 0 10px 0;
	color: #108F10;
	background-color: #EDFCED;
	border: 1px solid #27B727;
	}
	.successbox a { color: #108F10; text-decoration: none; }
	.successbox .sign { color: #27B727; font-size: large; }
.alertbox {
	margin: 1px 0 10px 0;
	color: #906909;
	background-color: #FCF6B7;
	border: 1px solid #FFD250;
	}
	.alertbox a { color: #906909; text-decoration: none; }
	.alertbox .sign { color: #906909; font-size: large; }

	
.errorbox, .successbox, .alertbox { padding: 5px 10px 5px 10px; }
.errorbox ul, .successbox ul, .alertbox ul {
		margin: 0;
		padding-left: 15px;
		list-style-type:square;
	}	
		
textarea.marginbottom1, input[type="text"].marginbottom1, select.marginbottom1, input.marginbottom1 {
		margin-bottom: 1px !important;
		}
#e-msg { clear: both; display: block; }
.err { color: #FF0000;
		font-weight: bold; 
		margin: 0 0 10px 0;
		padding: 2px 0 2px 0; 
		}
#alert {
    position: fixed;
    z-index: 10000;
    top: 90px;
	right: 40px;
    font-size: 16px;
	background: #FCF6B7;
	color: #906909;
	text-shadow: 0 1px rgba(255,255,255,1.00);
	margin-left: 55px;
	min-width: 250px;
	width: 40%;
    overflow: hidden; 
	padding: 10px;
	border: 1px solid #FFD250;
	display:none;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.24);
	  -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.24);
	  -moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.24);
	opacity: 1;
  	filter:alpha(opacity=1);
}


/* CHECKOUT
-------------------------*/
.login { 
	margin: 0 auto;  
	width: 285px; 
	text-align: left;
	}
.cregister { text-align: center; }
	.cregister .rbtn { margin: 20px 0 20px 0; }
	.cregister .rtext { margin: 20px 0 20px 0; }

#frmLogin input[type="password"] { margin-bottom: 0; }

.forgot {  
	float: left;
	width: 260px;
	color: #212121;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
	padding: 0 0 3px 0;
  }
.chkbox {
	font-size: 13px;
	clear: both;
	font-weight: normal;
	padding: 5px 0 5px 0;
	}

.chkbox input[type=checkbox] {
	margin: 1px 5px 0 0;
	float:left;
	}
h2.chkhead { 
	font-weight: bold;
	font-size: 16px;
	color: #545454;
}



/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.body { padding: 0 10px 0 10px; }
		.body { text-align: center; }
	}

	/* ALL MOBILE SIZES (devices and browser) */
	@media only screen and (max-width: 767px) {
		.body { padding: 0 10px 0 10px; }
		.body { text-align: center; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) { 
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

	}

	@media only screen and (max-width: 300px) {

	}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/