<?
header("Content-type: text/css");
$siserver=$_GET['s'];
 if ($siserver == '') {
	$siserver = "images/";
}else{
	$siserver="https://".$siserver."/css/images/";
}
?>

#livechat-compact-container, #livechat-full {
left: 20px;
right: auto;
}
@media screen and (max-width: 500px) {
	.pbox {
	clear: none;
	position:relative;
	color: #434343;
	display: inline;
	float: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px !important;
	height: 492px;
	overflow: visible;
	padding-left: 1px;
	padding-right: 2px;
	margin-left:1px !important;
	text-align: leftr;
	vertical-align: middle;
	width: 200px;
	}
	.pbox .price {
	color: #cc0000;
	font-weight: bold;
	font-size: 10px !important;
	line-height: 10px;
	}
	.pbox a, .pbox a:visited, .pbox a:active {
	text-decoration: none;
	color: inherit;
	line-height:10px;
	margin-bottom: 1px;
	}
	.pbox ul li{
		width: 10px !important;
		height: 10px !important;
		margin-bottom:2px !important;
		margin-right:3px !important;
	}
	.pbox ul li a img{
		width: 10px !important;
		height: 10px !important;
		border:none;
	}
	.pbox ul li span{
		width: 5px !important;
		height: 10px !important;
	}
	
}

@media screen and (min-width: 501px)  {
	.pbox {
	clear: none;
	position:relative;
	color: #434343;
	display: inline;
	float: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px !important;
	height: 492px;
	overflow: visible;
	padding-left: 1px;
	padding-right: 2px;
	margin-left:1px !important;
	text-align: leftr;
	vertical-align: middle;
	width: 200px;
	}
	.pbox .price {
	color: #cc0000;
	font-weight: bold;
	font-size: 14px !important;
	line-height: 13px;
	}
	.pbox a, .pbox a:visited, .pbox a:active {
	text-decoration: none;
	color: inherit;
	line-height: 13px;
	margin-bottom: 1px;
	}
	.pbox ul li {
		width: 14px !important;
		height: 14px !important;
		margin-bottom:2px !important;
		margin-right:5px !important;
	}
	.pbox ul li a img{
		width: 14px !important;
		height: 14px !important;
		border:none;
	}
	.pbox ul li span{
		width: 7px !important;
		height: 14px !important;
	}
}
.pbox a:hover {
text-decoration: underline;
}

.pbox img {
border: 1px solid #6e6e6e;
margin-bottom: 2px;
}


.pbox .strike {
text-decoration: line-through;
}

.pbox .perc, .perc {
/* color: #DE33BC; */
color: #E60B8A;
font-weight: bold;
}
.pbox .perc:after {
content: " - ";
}

.perc3 {
 display: block;
    font-size: 13px;
    margin-bottom: -25px;
    margin-left: 166px;
    margin-top: 3px;
    position: relative;
    right: 5px;
	color: #E60B8A;
font-weight: bold;
}

@media screen and (min-width:501px){
.pbox .tag {
padding-left: 1px;
padding-top: 1px;
position: absolute;
z-index: 0;
background-position: left top;
background-repeat: no-repeat;
height: 50px;
margin-left: 2px;
margin-top: 2px;
width: 25px;
background-size:100%;
}
}
@media screen and (max-width:500px){
.pbox .tag {
padding-left: 1px;
padding-top: 1px;
position: absolute;
z-index: 0;
background-position: left top;
background-repeat: no-repeat;
background-size:100%;
height: 30px;
margin-left: 2px;
margin-top: 2px;
width: 15px;
}
}
.pbox .favtag {
cursor: pointer;
padding-left: 1px;
padding-top: 1px;
position: relative;
z-index: 0;
background-position: left top;
background-repeat: no-repeat;
height: 22px;
margin-left: 5px;
float: right;
margin-top: 5px;
margin-bottom: -28px;
width: 25px;
background-image: url("favorites_heart2.png");
}
.pbox .favtag:hover {
/* background-image: url("favorites_inactive3.png"); */
}
.pbox .tagfav {
cursor: pointer;
padding-left: 1px;
padding-top: 1px;
position: relative;
z-index: 0;
background-position: left top;
background-repeat: no-repeat;
height: 22px;
margin-left: 5px;
float: right;
margin-top: 5px;
margin-bottom: -28px;
width: 25px;
background-image: url("favorites_inactive3.png");
}
.pbox .tagfav:hover {
/* background-image: url("favorites_heart2.png");*/
}


.pbox .sale {
background-image: url("sale_tag.png");
}

.pbox .usa {
background-image: url("usa_tag.png");
}

.pbox .new {
background-image: url("new_tag.png");
}
.pbox .soon {
background-image: url("soon_tag.png");
}
	
	
.pbox .colorholder .full{
height: 13px;
width: 22px;
float: left;
border: 1px solid #FFF;
}

.pbox .colorholder .partial {
height: 13px;
width: 11px;
float: left;
}

.pbox .colorholder {
overflow: auto;
width: 120px;
background-color: #e6e6e6;
border: 1px solid #cacaca;
margin-bottom: 9px;
padding: 3px 1px 3px 1px;
}
	
.paginator {
	float: right;
	margin-bottom: 10px;
	text-align: right;
	width: 100%;
}

.paginator a {
	height: 15px;
	width: 15px;
	font-size: 11px;
	border: 1px solid #d7d7d7;
	margin: 0px 3px 8px 3px;
	padding: 3px 4px 3px 4px;
	color: #666;
}

.paginator a:link { text-decoration: none;}

.paginator a:hover {
	background:#D70081;
	color:#FFF;
	
}

.paginator a:active {
	background: #FFF;
	color: #000;
	font-weight: bold;
	border: 1 solid #FFF;
}


.paginator input {
	width: 30px;
	height: 20px;
}

.productcounter {
	font-size: 11px;
	margin-bottom: 8px;
}

#thumbarea {
margin: 12px auto;
text-align: center;
}

.thumbcontainer {
float: left;
overflow: hidden;
padding: 2px 3px 0;
width: 45px;
}

.thumbcontainer img {
border: 1px solid #cacaca;
}
.thumbcontainer img:hover {
border: 1px solid black;
}

#cart_response {
display: none;
margin-top: 10px;
}
#cart_response img {
	width:100%;
	max-width:226px;
}
.error {
font-size: 14px;
padding: 4px;
float: right;
background-color: #F0B1CA;
border: 1px solid #734557;
margin-bottom: 4px;
}

.IntemContainer td {
font-size: 11px;
}

.shipping_table td {
font-size: 14px;
}

.section_head {
background-color: #F5DFF5; bordeR: 1px solid #E8C1E8; padding: 5px 8px 5px 8px; margin-bottom: 10px; font-size: 19px; font-weight: bold;
}

.probinput {
background-color: #F5959A;
border: 2px solid #D91E28;
}

#BoxOrder .cartsucc {
	position: relative;
	/* width: 760px; */
	background-color: #FFF;
	height: 53px;
	vertical-align: baseline;
/* 	background-image: url(1.gif);
	background-repeat: no-repeat;
	background-position: 20px; */
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	/* margin-bottom: 10px; */
	margin-top: 10px;
	padding-bottom: 10px;
}

#BoxOrder .cartsucc span {
	position: absolute;
	left: 20px;
	top: 20px;
}

#filter {
background-color: #DFEDF5;
border: 1px solid #cacaca;
padding: 5px 0 5px 10px;
font-size: 11px;
}

#filter td {
font-size: 9px;
text-transform: uppercase;
font-weight: bold;
}

#filter td .fhold {
padding: 3px;
background: #ffffff url('down-arrow.gif') no-repeat;
background-position: right center;
padding: 5px 17px 5px 9px;
border: 1px solid #cacaca;
margin-left: 10px;
margin-right: 40px;
font-weight: normal;
cursor: pointer;
z-index: 9999;
}

#filter td .fhold:hover {
text-decoration: underline;
}

#filter_holder {
	background-color: #FFFFFF;
    font-family: Verdana;
    padding: 10px;
    position: absolute;
    z-index: 1;
	display: none;
	border: 1px solid #cacaca;
}

#filter_holder b {
font-size: 14px;
color: #FC03DB;
}

#filter_holder td {
text-transform: normal;
font-weight: normal;
font-size: 12px;
}

#filter_holder .apply {
background-color: #DA0081;
    border-style: none;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    margin-left: 10px;
    margin-top: 9px;
}

.framer {
float: left;
}

#product_page_container {
margin-top: 10px;
}


.obox {
float: left; margin-top:2px;margin-right: 5px; padding: 3px 11px; background-color: white; font-size: 10px; font-family: Arial,Verdana,sans-serif; text-transform: uppercase;
text-decoration: none; 
border: 1px solid #CCC;
color: #000;
cursor: pointer;
}

.obox:hover, .oboxselect {
border: 2px solid #D70081;
padding: 2px 10px;
}


.inactive {
background-color: #e6e6e6;
color: #cacaca;
cursor: not-allowed;
}

.cbox_half {
float: right; width: 7px; height: 15px; padding: 0; margin: 0;
}
.cbox_half2 {
float: right;
width: 15px;
height: 26px;
padding: 0;
margin: 2px;
position: relative;
z-index: 0;
}

.fselected .cbox_half2 {
float: right; width: 22px; height: 44px; padding: 0; margin: 0;
position: relative;
z-index: 0;
top: 2px;
right: 2px;
}


.cbox {
float: left; margin-right: 7px; margin-bottom: 3px; 
width: 30px; height: 30px;
cursor: pointer;
border: 1px solid #CCC;
color: #000;
}

/* .cboxhover , .cboxselect{
border: 2px solid #D70081;
padding: 0;
} */
#product_options [id^=qty]{
	font-size:12px;
	padding: 2px;
margin-bottom: 2px;
}
.not-available {
 background-image: url("na2_m.png");
 background-size:110%;
    display: block;
    height: 30px;
    left: -3px;
    position: relative;
    top: -2px;
    width: 30px;
	cursor: not-allowed;
}

.oheader, .oheader2 {
font-family: 'Open Sans', sans-serif; font-size: 12px; margin: 2px 0 0 0;
}

.oheader strong, .oheader2 strong {
margin-left: 10px;
}
	
#frame3 {
margin-left: 0px;
}

.fselected {
 background: url("colorboxborder_m.png") no-repeat;
  background-size: 100%;
    display: block;
    height: 30px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 30px;
	z-index: 2;

}

.fselected2, .cboxhover{
 background: url("colorboxborder_m.png") no-repeat;
    display: block;
    height: 30px;
    background-size: 100%;
    left: 0px;
    position: relative;
    top: 0px;
    width: 30px;
	z-index: 2;
	padding: 0;

}

.fselected2s, .cboxhovers {
 background: url("colorboxborder2.png") no-repeat;
    display: block;
    height: 23px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 24px;
	z-index: 2;
	padding: 0;

}

.reset {
	color: #DA0081;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 14px;
}

#sort_area {
margin-top: 12px;
}

#sort_area a, #sort_area a:visited, #sort_area a:active {
text-decoration: none;
color: black;
}

#sort_area .active {
color: #DA0081;
font-style: italic;
font-weight: bold;
}

#sort_area .active:hover {
color: #DA0081;
font-style: italic;
font-weight: bold;
}

#sort_area a:hover {
color: #DA0081;
}

.sidebar2 .sbox {
margin: 10px 1px 15px 1px;
overflow:hidden;
}
#product_buttons{
	margin:0 5px;
}
#product_buttons a img{
	width: 100%;
	max-width: 155px;
	margin: 2px 0;
}
#frame2 {
}
 
 #previewImage_div {
    border: 0 none;
    display: none;
    height: 585px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    width: 325px;
    z-index: 110;
}

.overbox {
background-color: #FFF;
border: 1px solid #777;
padding: 7px 1px 3px 20px;
margin: 5px 0px 5px 0px;
}

.overbox a, .overbox a:visited, .overbox a:active {
color: black;
text-decoration: none;
}
.overbox a:hover {
text-decoration: underline;
}

.vlink {
background: #f2f2f2 url('video.png') 5px 3px no-repeat;
background-size: 12px;
height:11px;
width:0px;
overflow:hidden;
color:white;
}
.zlink {
background: #f2f2f2 url('zoom.png') 5px 6px no-repeat;
background-size: 12px;
height:9px;
width:0px;
overflow:hidden;
color:white;
}

.videoCarousel {
overflow:hidden; z-index:1; float:right; border: 1px solid #494949; background-color:#FFF; border-radius:1px; padding:3px; margin-bottom:13px; margin-right: 23px;
}
#product_page_container #frame4{
	margin-top:10px !important;
	height: 230px;
overflow: hidden;
}
.cartrel {
float: left;
width: 78px;
height:190px;
margin-right: 2px;
}
.cartrel2 {
float: left;
width: 100%;
}
.cartrel div {
font-size: 9px;
}

.cartrel img {
width: 65px;
}
.cartrel .price {
color: red;
}

#size_charthover {
background: url("sizeicon.jpg") no-repeat scroll left 1px transparent;
color: black !important;
cursor: pointer;
display: inline-block;
padding-left: 34px;
height: 17px;
text-decoration: none;
font-family: 'Open-Sans', sans-serif; font-size: 11px;
}

#size_chart td {
font-size: 11px;
}

.cdescription {
margin: 0;
font-size: 11px;
padding: 0;
}

.cheader {

}
.viewmore, .viewmore2 {
	font-size: 12px;
	text-decoration: none;
	color: #000;
	line-height: 16px;
	font-weight: bold;
	display: block;
	padding: 6px 10px;
	border-bottom: 1px solid black;
}


#homeseals {
margin: 15px 15px 10px 0;
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2;
padding: 9px 0 9px 10px;
}

#piller {
margin: 2px 0 2px 0; 
}

.pill {
padding: 1px; margin-right: 2px; float: left; width: 17%; text-align: center;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
background-color: #F7F7F7;
border: 1px solid #cacaca;
background: url('pillgradient.jpg') repeat-x;
background-position-y: 100%;
color: black;
cursor: pointer;
}


.pill:hover {
text-decoration: underline;
}


.fbycat, .fbycat-active {
background-image: url(https://secureimages.yandy.com/css/images/selectarrow.jpg);
background-repeat: no-repeat;
/* background-position: right; */
background-size: 20px 100%;
background-position-x: 100%;
background-position-y: 100%;
position: relative;
border-bottom-width: 1px;
height: 100%;
border-bottom-style: solid;
cursor: pointer;
/* margin-left: 5px; */
padding: 1px 20px 1px 1px;
/* height: 18px; */
border: 1px solid #d7d7d7;
font-size: 14px;
float: left;
width: 14%;
}

.fbycat-active {
border-bottom-width: 1px;
border-bottom-style: solid;
z-index: 9;
border-bottom-color: #FFF;	
}
	
#beta_welcome {
display: none;
position: absolute;
font-size: 13px;
color: black;
padding: 15px;
box-shadow: 10px 10px 5px #888;
font-family: 'Open Sans', sans-serif;
z-index: 9999;
background-color: #F9E8FA;
}

#beta_welcome .bheading {
font-size: 20px;
color: #E60B8A;
}

#beta_welcome .closer {
position: absolute; 
top: 12px; 
right: 5px;
cursor: pointer;
}

#adjusted_msg {
padding: 5px;
margin: 5px 0 5px 0;
background-color: #E8A5C0;
}

#intship input, #intship select {
font-size: 16px;
padding:2px;
}

#quote-response {
margin: 10px 0 0 10px;
}


@media screen and (max-width: 517px) {
	#freeshipping  {
		font-size: 9px;
		color: #000000;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		font-weight: bold;
		line-height: 9px;
		text-align: center;
		height: 70px;
		max-width: 225px;
		width:100%;
	}
	#freeshipping .fuschia {
		font-size:10px;
		color: #EA1E97;
	}
}
@media screen and (min-width: 731px) {
	#freeshipping  {
		font-size: 14px;
		color: #000000;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		font-weight: bold;
		line-height: 14px;
		text-align: center;
		height: 70px;
		max-width: 225px;
		width:100%;
	}
	#freeshipping .fuschia {
		font-size:16px;
		color: #EA1E97;
	}
}
@media screen and (min-width: 517px) and (max-width: 731px) {
	#freeshipping  {
		font-size: 11px;
		color: #000000;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		font-weight: bold;
		line-height: 11px;
		text-align: center;
		height: 70px;
		max-width: 225px;
		width:100%;
	}
	#freeshipping .fuschia {
		font-size:12px;
		color: #EA1E97;
	}
}
#freeshipping  .green2 {
	color: #00CC00;

}

#freeshipping  .green {
	color: #00CC00;
    font-size: 18px;
    left: -16px;
    position: relative;
    top: 3px;
	
}

#freeshipping  .smtext {
	font-size: 8px;
	font-weight: bold;
}/* CSS Document */

.newsbox {
width:75%;
border: 1px solid #f2f2f2;  text-align: center; margin: 15px auto;
}
.newsboxhead {
font-size: 14px;
line-height: 20px;
font-family: 'Open Sans', sans-serif; font-weight: bold; border-bottom: 1px solid #cacaca;
}
.newsbox p {
font-family: 'Open Sans', sans-serif; font-size: 12px;
}
.newsbox .forminput{
margin-left: 4px !important;
height: 25px !important;
font-size: 12px !important;
padding-left: 5px;
}
.newsbox span {
font-size: 12px;
}

.pnp {
text-decoration: none;
color: #333333;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
text-transform: uppercase;
margin-bottom: 3px;
line-height: 16px;
margin-left: 5px;
margin-right: 3px;
}
.pnp:hover {
text-decoration: underline;
}

.pl {
float: left;
background: url('prev.png') no-repeat;
padding-left: 18px;
}
.pr {
float: right;
background: url('next.png') no-repeat right center;
padding-right: 18px;
}.costume_group {border: 3px dashed pink; background-color: #F2DFEF; padding: 4px; margin-bottom: 50px;}
.cg_head {margin-bottom: 15px;}.cg_prods {width: 800px;margin: 20px 0 20px 0;}
.cgprod {float: left; width: 125px;margin-right: 15px;}
.cg_head a, .cg_head a:visited, .cg_head:active {text-shadow: 0.1em 0.1em 0.1em #A3A3A3; color: #FF33CF; font-size: 25px; font-weight: bold;text-decoration: none;}
.cg_head a:hover {text-decoration: underline;}


.promostep {
    background: #E3E3E3;
    width: 200px;
    height: 200px;
    border-radius: 50%;
	padding: 25px 30px 25px 30px;
	font-size: 19px;
	font-weight: bold;
	color: black;	
}

.promoleft {
float: left;
margin-right: 25px;
}
.promoright {
float: left;
font-size: 13px;
width: 500px;
margin-top: -14px;

}

.promoright a, .promoright a:visited, .promoright a:active, .promoright a:hover {
color: #DA0081;
text-decoration: underline;
}
.promodiv {
padding: 55px 0 55px 0;
clear: both;
}
#flybox_overlay {width: 100%;height: 100%;z-index: 2;opacity: 0.5;display: none;position: fixed;top: 0;left: 0;background-color: #cacaca;}#flybox {position: absolute;top: 0;left:5%;z-index: 3;width: 85%;background-color: white;border: 3px solid #cacaca;display: none;color: black;padding: 5px;box-shadow: 10px 10px 5px #888;}#flybox_close {float: right;margin: 2px 4px 0 0;width: 10px}#flybox_html {width: 96%;float: left;font-size:14px;}