@charset "utf-8";
/* CSS Document */

/*--------------------- Generic classes --------------------*/

img, div {behavior: url(/v/vspfiles/images/iepngfix.htc)}
img{border:0px;}

*{margin:0; padding:0;}

body{
	font:13px Arial, Helvetica, sans-serif;
	color:#6f6e6e;
	background:url(/v/vspfiles/images/bodybg.gif) repeat-x left top;
}

ul{
	list-style-type:none;
}

h1{text-indent:-9999px;}
h2{
	font:24px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h3{
	font:16px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:6px;
}

a{text-decoration:none;}
a:hover{text-decoration:underline;}


select.selectbox, input.inputbox{
	border:1px solid #dadada;
	padding:0 3px;
	width:120px;
	font:11px Tahoma, Geneva, sans-serif;
	color:#858585;
	background:#ffffff;
}

select.selectbox:hover, input.inputbox:hover, select.selectbox:focus, input.inputbox:focus{
	background:#fdecf1;
	color:#000;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}


/*--------------------- Float --------------------*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
/*--------------------- /Float --------------------*/



/*--------------------- Padding --------------------*/
.pdg10{padding:10px;}

.pT3{padding-top:3px;}
.pT5{padding-top:5px;}
.pT8{padding-top:8px;}
.pT10{padding-top:10px;}
.pT12{padding-top:12px;}
.pT15{padding-top:15px;}
.pT18{padding-top:18px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pT100{padding-top:100px;}

.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB12{padding-bottom:12px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB35{padding-bottom:35px;}
.pB40{padding-bottom:40px;}
.pB45{padding-bottom:45px;}
.pB50{padding-bottom:50px;}
.pB70{padding-bottom:70px;}
.pB80{padding-bottom:80px;}
.pB90{padding-bottom:90px;}
.pB100{padding-bottom:100px;}

.pL5{padding-left:5px;}
.pL10{padding-left:10px;}
.pL12{padding-left:12px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL33{padding-left:33px;}
.pL34{padding-left:34px;}
.pL35{padding-left:35px;}
.pL40{padding-left:40px;}
.pL45{padding-left:45px;}
.pL50{padding-left:50px;}

.pR5{padding-right:5px;}
.pR10{padding-right:10px;}
.pR12{padding-right:12px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}
.pR35{padding-right:35px;}
.pR40{padding-right:40px;}
.pR45{padding-right:45px;}
.pR50{padding-right:50px;}
.pR55{padding-right:55px;}
.pR60{padding-right:60px;}
/*--------------------- /Padding --------------------*/



/*--------------------- Margin --------------------*/
.mT0{margin-top:-10px;}
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT80{margin-top:80px;}
.mT90{margin-top:90px;}
.mT100{margin-top:100px;}
.mT215{margin-top:215px;}

.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB45{margin-bottom:45px;}
.mB50{margin-bottom:50px;}

.mL5{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL35{margin-left:35px;}
.mL40{margin-left:40px;}
.mL45{margin-left:45px;}
.mL50{margin-left:50px;}

.mR5{margin-right:5px;}
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR35{margin-right:35px;}
.mR40{margin-right:40px;}
.mR45{margin-right:45px;}
.mR50{margin-right:50px;}
/*--------------------- /Margin --------------------*/

/*--------------------- Width --------------------*/
.wdthpercent10{width:10%;}
.wdthpercent20{width:20%;}
.wdthpercent25{width:25%;}
.wdthpercent30{width:30%;}
.wdthpercent31{width:31%;}
.wdthpercent32{width:32%;}
.wdthpercent33{width:33%;}
.wdthpercent40{width:40%;}
.wdthpercent42{width:42%;}
.wdthpercent45{width:45%;}
.wdthpercent50{width:50%;}
.wdthpercent55{width:55%;}
.wdthpercent60{width:60%;}
.wdthpercent70{width:70%;}
.wdthpercent80{width:80%;}
.wdthpercent90{width:90%;}
.wdthpercent100{width:100%;}

.width220{width:220px;}
.width700{width:700px;}
/*--------------------- /Width --------------------*/



/*--------------------- Font color --------------------*/
.txtlgrey{color:#858585;}
.txtdgrey{color:#464646;}
.txtpink{color:#ec008c;}
.txtblue{color:#46cffd;}
.txtdblue{color:#1c4480;}
/*--------------------- /Font color --------------------*/



/*--------------------- Text Alignment ---------------------*/
.txtleft{text-align:left;}
.txtright{text-align:right;}
.txtcenter{text-align:center;}
/*--------------------- /Text Alignment ---------------------*/



/*--------------------- Font ---------------------*/
.fontarial{font:Arial, Helvetica, sans-serif;}
.fonttahoma{font: Tahoma, Geneva, sans-serif;}
.txtbold{font-weight:bold;}
.txtuppercase{text-transform:uppercase;}
.txtunderline{text-decoration:underline;}
/*--------------------- /Font ---------------------*/



/*--------------------- Font Size ---------------------*/
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
/*--------------------- /Font Size ---------------------*/



/*--------------------- Line Height ---------------------*/
.lineheight18{line-height:18px;}
/*--------------------- /Line Height ---------------------*/


/*--------------------- Buttons ---------------------*/
.btn{
	background: url(/v/vspfiles/images/btn-r.gif) no-repeat 100% 0%;
	height:23px; 
}
.btn a{
	background: url(/v/vspfiles/images/btn-l.gif) no-repeat 0% 0%;
	display:block;
	padding:4px 10px 0px 10px;
	height:19px;
	color:#fff;
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.btn:hover{
	background: url(/v/vspfiles/images/btn-r.gif) no-repeat 100% 100%;
	height:23px; 
}
.btn a:hover{
	background: url(/v/vspfiles/images/btn-l.gif) no-repeat 0% 100%;
	display:block;
	padding:4px 10px 0px 10px;
	height:19px;
	color:#fff;
	text-decoration:none;
}



a.btn-grey{
	background-color:#3f3f3f;
	padding:5px 10px;
	font:normal 18px  Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
}

a.btn-grey:hover{
	background-color:#ec008c;
}

/*--------------------- /Buttons ---------------------*/






#wrapper{
	width:950px;
	margin:0 auto;
}


/*--------------------- Header ---------------------*/
#myheader{}
#myheaderT{margin-top:30px; height:85px;}
#headerT select{
	border:1px solid #dadada;
	padding:3px;
	width:90px;
	font:11px Tahoma, Geneva, sans-serif;
	color:#858585;
}

#headerT select:hover, #headerT select:focus{
	background:#fef5f8;
	color:#000;
}

.logo{
	background:url(/v/vspfiles/images/logo.png) no-repeat left top;
	width:416px;
	min-height:63px;	
}
.shoppingcart{
	font:bold 11px Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
	text-decoration:underline;
	color:#1c4480;
}

.mytopnav{
	height:auto;
	overflow:hidden;
	border-top:1px solid #e4e3e3;
	border-bottom:3px solid #aaa9a9;
	text-transform:uppercase;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.mytopnav ul li{
	display:inline;
	padding-right:30px;
}
.mytopnav ul li a{
	background:url(/v/vspfiles/images/bullet_pink.gif) no-repeat left 3px; 
	padding:0px 0 0 17px;
	color:#000000;
}

.mytopnav ul li.selected a, .mytopnav ul li a:hover{
	color:#000000;
	background:url(/v/vspfiles/images/bullet_pink.gif) no-repeat left 3px; padding:0px 0 0 17px; text-decoration:none;
}

/*--------------------- /Header ---------------------*/


/*--------------------- Container ---------------------*/
#container{
	width:950px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#container p{
	line-height:18px;
}
.containerL{
	width:220px;
}
.containerR{
	width:720px;
}
.bdrblue{border:1px solid #adb9c2;}
.bdrgreyT{border-top:1px dotted #d6d6d6;}
.bdrgreyL{border-left:1px dotted #d6d6d6;}
.bdrgreyR{border-right:1px dotted #d6d6d6;}
.bdrgreyB{border-bottom:1px dotted #000000;}

.heading{
	background:url(/v/vspfiles/images/bgheading.gif) repeat-x left top;
	border-bottom:1px solid #adb9c2;
	padding-left:12px;
	padding-top:9px;
	height:24px;
}
.heading h2{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
}

.banner-218x258{
	background:url(/v/vspfiles/images/banner-218x258.jpg) no-repeat left top;
	width:218px;
	height:258px;
	border:1px solid #adb9c2;
	text-align:center;
}

.banner-218x131{
/*	background:url(/v/vspfiles/images/banner-218x131.jpg) no-repeat left top;  */
	width:218px;
	height:131px;
	border:1px solid #adb9c2;
}

.banner-main{
	background:url(/v/vspfiles/images/banner-main.jpg) no-repeat left top;
	width:718px;
	height:258px;
	border:1px solid #adb9c2;
}

.banner-main h2{
	font:normal 56px "Franklin Gothic Demi Cond", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:35px 0 0 35px;
}
.banner-main h3{
	font:bold 48px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 0 35px;
}

ul.bulletlist{padding:9px 10px;}
ul.bulletlist li{
	background:url(/v/vspfiles/images/bullet_doublearrow.gif) no-repeat 15px 9px;
	padding:4px 0 6px 28px;
	list-style-position:inside;
}
ul.bulletlist li a{color:#6f6e6e;}
ul.bulletlist li.selected a, ul.bulletlist li a:hover{color:#ec008c; text-decoration:none;}

ul.product{}
ul.product li{
	display:block; 
	width:165px;
	float:left;
	padding-top:10px; padding-bottom:20px;
}
ul.product li h3{
	font:bold 24px "Arial Narrow", Arial, Helvetica, sans-serif; 
	color:#f202bd; 
	padding:15px 0 0 0;
}
ul.product li h4{font:bold 12px Arial, Helvetica, sans-serif; color:#46cffd; text-decoration:underline;}
ul.product li a.bulletlink{
	font:15px "Arial Narrow", Arial, Helvetica, sans-serif; 
	color:#1c4480; 
	text-decoration:underline;
	background:url(/v/vspfiles/images/bullet_bluesquare.gif) no-repeat left 10px;
	padding-left:8px;
}

.inputbox, textarea{
	background:#ffffff;
	width:200px; height:22px;
	border:1px solid #898989;
	color:#898989;
	padding-top:3px;
}	
textarea{height:auto;}


ul.icons li{
	margin-right:6px;
	float:left;
}
a.icn-facebook, a.icn-twitter, a.icn-blogger{
	width:30px;
	height:30px;
	background:url(/v/vspfiles/images/icn-facebook.gif) no-repeat left top;
	display:block;
	text-decoration:none;
}
a.icn-twitter{
	background:url(/v/vspfiles/images/icn-twitter.gif) no-repeat left top;
}
a.icn-blogger{
	background:url(/v/vspfiles/images/icn-blogger.gif) no-repeat left top;
}
/*--------------------- /Container ---------------------*/



/*--------------------- Footer --------------------*/
#myfooter{
	margin:30px 0 0 0;
	color:#6f6e6e;
	padding:15px 0 30px 0;
	border-top: solid 5px #f2f2f2;
	font-size:11px;
}
	
#myfooter ul{
}

#myfooter ul li{
	list-style-type:none;
	display:inline;
	padding-right:5px;
}

#myfooter a{
	text-decoration:none;
}

#myfooter a:hover{
	color:#f202bd;
}
/*--------------------- /Footer --------------------*/
