@import url("../css/navigation.css");


/*##################################
COMMON CSS
##################################*/
a{
	text-decoration:none;
	outline:none;
	}
h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;	
	
	}
p {
	margin:0 0 15px 0;
	font-size:11px;
	color:#333333;
	}
.link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	}
.link:hover {
	color:#A677C3;
	}
.elink {
	font-size:11px;
	color:#A677C3;
	text-decoration:none;
	}
.elink:hover {
	color:#333333;
	}
.hlink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4F356C;
	text-decoration:underline;
	font-weight:bold;
	}
.hlink:hover{	
	color:#A677C3;
	}
.pkg{
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
	}
.pkg:hover{
	color:#A677C3;
	text-decoration:underline;
	}
.imgborder {
	border:2px solid #cccccc;
	padding:2px;
	}
.imgleft {
	border:1px solid #cccccc;
	float:left;
	margin:0 10px 10px 0;
	padding:1px;
	}
.imgright {
	border:2px solid #cccccc;
	float:right;
	margin:0 0px 10px 10px;
	padding:2px;
	}

.normalpage {
	margin:0 100px 38px 101px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#56595C;	
	}
.border{
	border:1px solid #CCCCCC;
	}
.contentheader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#4F3467;
	letter-spacing:3px;
	margin:0px;
	padding:0 0 10px 0;
	font-weight:normal;
	}
.cmstxt {
	margin:0 100px 38px 101px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#56595C;
	line-height:20px;
	letter-spacing:1px;
	/*height:200px;*/
	min-height:200px;
	}
* html .cmstxt{
	height:200px;
	}
.cmstxt a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#56595C;
	line-height:20px;
	text-decoration:underline;
	}
.cmstxt a:hover,
.biglink:hover{
	color:#000000;
	}

.biglink{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#56595C;
	line-height:20px;
	text-decoration:underline;
	font-style:italic;
	}
.cmstxt .botspace{
	padding-bottom:20px;
	}
.cmstxt table{	
	margin:15px 0;	
	}
.cmstxt table th{
	background-color:#666666;
	color:#ffffff;
	font-size:13px;
	font-family:"trebuchet MS";
	text-transform:uppercase;
	text-align:left;
	padding:2px 5px;
	}
.cmstxt td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border-bottom:1px solid #cccccc;
	padding:2px 5px;
	}
.cmstxt tr.bgcolor td{
	background-color:#dfdfdf;
	}
.blk{
	color:#000000;
	}
.cursor{
	cursor:pointer;
	}
.footmargin{
	padding-bottom:40px;
	}
	
/*#################################### 
common box CSS
####################################*/	 
.floatleft{
	float:left;
	}
.floatright{
	float:right;
	}
.curvedbox {
	position:relative;	
	background-image:url(../images/greyboxbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#F9F9F9;
	min-height:133px;	
	}
.lefttop {
	position:absolute;
	left:-1px;
	top:-1px;
	}
.righttop {
	position:absolute;
	right:-1px;
	top:-1px;
	}
.leftbot {
	position:absolute;
	left:-1px;
	bottom:-1px;
	}
.rightbot {
	position:absolute;
	right:-1px;
	bottom:-1px;
	}
/*#################################### 
PAGEHEADER AND PAGE PATH CSS
####################################*/
.pageheader {
	position:relative;
	padding:54px 20px 34px 101px;
	background-image:url(../images/hor_line.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	}

.pageheader h1 {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4F356C;
	font-size:18px;
	font-weight:normal;
	letter-spacing:4px;
	}
.nouppercase h1{
	text-transform:none;
	}	
.pagepath {
	padding:7px 15px 8px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin-bottom:20px;
	background-image:url(../images/hor_line.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#DCEDFE;
	 /*height define in ie*/	
	}

.pagepath a{
	color:#666666;
	text-decoration:none;
	}
	
.pagepath a:hover {
	color:#481469;
	}
	
.pagepath strong {
	/*page path arrow*/
	color:#333333;
	margin:0 7px 0 7px;
	}
	
.pagepath span {
	/*active page name*/
	color:#000000;
	font-weight:bold;
	}

/*==================================
COMMON POINTS CSS
==================================*/
.points {
	list-style-type:none;
	margin:0 0 22px 0;
	padding:0px 0 0 0;
	}
.points li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#56595C;/*#A677C3;*/ /*Change for Print Service page*/
	line-height:17px;
	background-image:url(../images/star.gif);
	background-position:3px 7px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	margin:0 0 3px 0;
	}
.points li .points{
	list-style-type:none;
	margin:5px 0 0px 0;
	padding:0px;
	}
.points li a{
	color:#A677C3;
	}
.points li a:hover{
	color:#333333;
	}
/*=======================================
Shrink CSS
========================================*/
.shrink{
	padding:0 100px;
	margin-bottom:20px;
	}
/*=======================================
HOR LINE CSS
========================================*/
.hor_line{
	background-image:url(../images/hor_line.gif);
	background-repeat:repeat-x;
	background-position:center center;
	height:40px;	
	}
	
/*================================
	norecord css
	===============================*/
.norecord{
	border:1px solid #f1f1f1;
	padding:3px 10px 0px 10px;
	height:56px;
	margin:0px;
	}

.norecord dd{
	font-size:13px;
	color:#A677C3;
	font-weight:bold;
	margin-top:10px;
	padding-top:0px;
	}

.norecord .imgleft{
	border:none;
	padding:10px 0 0 0px;
	}
	


/*=============================
TOPBAR CSS
===============================*/
/*=============================
LOGO CSS
===============================*/	

#topbar h1{	
	margin:0px;
	padding:0px;
	width:195px;
	height:93px;
	position:absolute;
	left:28px;
	top:12px;
	}
#topbar h1 a{
	width:195px;
	height:93px;
	position:absolute;
	left:0px;
	top:0px;
	font-family:Tahoma;
	font-size:18px;
	font-family:Tahoma;
	font-size:24px;
	color:#003366;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
/*=============================
 TOP NAVIGATION CSS
===============================*/
.topnavi{
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:absolute;
	right:38px;
	top:11px;
	
	}
.topnavi li{
	margin:0 3px;
	padding:0px;
	float:left;
	font-family: sans-serif;
	font-size:18px;
	color:#383838;
	line-height:14px;
	height:20px;
	
	}
.topnavi li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#494949;
	font-size:10px;
	font-weight:bold;
	}
.topnavi li a img{
	float:left;
	margin-right:7px;
	}
.topnavi li a span{	
	}
.topnavi li a:hover{
	/*color:#481469;*/
	color:#A677C3;
	text-decoration:underline;
	}
.topnavi li.mycart a img{
	float:right;
	}
.cartimg{
	position:absolute;
	right:17px;
	top:10px;
	}
	
/*================================
SEARCH BOX CSS
==================================*/	
.homesearchbox{
	background-color:#F2f2f2;
	padding:10px 10px 8px 12px;/*ie*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	letter-spacing:1px;
	}

.homesearchbox div{
	position:relative; /*height define in ie*/	
	margin:0px;
	padding:17px;
	background-image:url(../images/searchboxbg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	height:38px;
	min-height:38px;
	}
.homesearchbox div .lefttop{
	position:absolute;
	left:0px;
	top:0px;
	}
.homesearchbox div .righttop,
.homesearchbox div .lefttop{	
	top:1px;
	}
	
.homesearchbox dl{
	margin:0px 0 0 0;
	padding:4px  0 0 5px ;
	}
@media screen and (-webkit-min-device-pixel-ratio:0 ){
	.homesearchbox dl{
		margin:0px 0 0 0;
		padding:6px  0 0 5px ;
		}
	}

.homesearchbox dl dd{
	float:left;
	margin:0 4px 0 0px;
	padding:2px 0 0 0;
	position:relative;/*ie*/
	
	}
.homesearchbox dl dd input{
	margin:-2px 5px 0 2px;
	padding:0px;
	}
/*.homesearchbox dl dd img{
	position:absolute;
	 top:-2px;
	 width:91px;
	 height:28px;
	 margin-left:3px;
	 }*/

	
.homesearchbox dl dd span{
	line-height:22px;
	font-weight:bold;
	}
.homesearchbox dl dd select{
	border:1px solid #A5ACB2;
	padding:3px 2px 3px 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	width:228px;
	text-transform:none;
	margin:0px 5px 0 0;
	}
.homesearchbox dl dd.clear	{
	clear:both;
	float:none;
	height:0px;
	line-height:0px;
	font-size:0px;
	}
/*================================
Button hover effect CSS
==================================*/	
.homesearchbox dl .searchbox {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;		
	margin:0px;
	padding:0px;
	height:28px;
	width:96px;	
	}
.homesearchbox dl .searchbox .searchbtn{
	background-image:url(../images/searchbtn.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:28px;
	width:91px;
	display:block;	
	text-indent:-9999px;
	position:absolute;
	top:-2px;
	margin:0px;
	padding:0px;
	}
.homesearchbox dl .searchbox .searchbtn:hover{
	background-position:left -28px;
	}
	
.signupbox {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;		
	margin:0px;
	padding:0px;
	height:28px;	
	position:absolute;
	right:11px;
	bottom:10px;
	width:90px;
	}
.signupbox .signupbtn{
	background-image:url(../images/signupbtn.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:29px;
	width:90px;
	display:block;	
	text-indent:-9999px;	
	margin:0px;
	padding:0px;
	}
.signupbox .signupbtn:hover{
	background-position:left -29px;
	}

.ordernowbox {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;		
	margin:0px;
	padding:0px;
	height:31px;	
	position:absolute;
	right:15px;
	bottom:0px;
	width:132px;	
	}
.ordernowbox .ordernowbtn{
	background-image:url(../images/ordernowbtn.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:31px;
	width:132px;
	display:block;	
	text-indent:-9999px;	
	margin:0px;
	padding:0px;
	}
.ordernowbox .ordernowbtn:hover{
	background-position:left -31px;
	}
	
.ordernowbox1 {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;		
	margin:0px;
	padding:0px;
	height:31px;	
	width:120px;
	}
.ordernowbox1 .ordernowbtn1{
	background-image:url(../images/ordernowbtn1.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:31px;
	width:120px;
	display:block;	
	text-indent:-9999px;	
	margin:0px;
	padding:0px;	
	}
.ordernowbox1 .ordernowbtn1:hover{
	background-position:left -31px;
	}
	
.ordernowbox2 {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;		
	margin:0px;
	padding:0px;
	height:34px;	
	width:158px;
	}
.ordernowbox2 .ordernowbtn2{
	background-image:url(../images/ordernowbtn2.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:34px;
	width:158px;
	display:block;	
	text-indent:-9999px;	
	margin:0px;
	padding:0px;
	position:absolute;
	left:5px;
	bottom:-3px;
	}
.ordernowbox2 .ordernowbtn2:hover{
	background-position:left -34px;
	}
.viewpackages {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;		
	margin:0px;
	padding:0px;
	height:35px;	
	width:158px;
	}	
	
.viewpackages .viewpackagesbtn2{
	background-image:url(../images/viewpackagebtn.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:35px;
	width:158px;
	display:block;	
	text-indent:-9999px;	
	margin:0px;
	padding:0px;
	position:absolute;
	left:5px;
	bottom:-3px;
	}
.viewpackages .viewpackagesbtn2:hover{
	background-position:left -35px;
	}	


.sendbox{		
	margin:0px;
	padding:0px;
	height:21px;		
	width:51px;	
	position:absolute;
	right:80px;
	top:6px;
	}
.sendbox .sendbtn{
	background-image:url(../images/sendbtn.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:21px;
	width:51px;
	display:block;	
	text-indent:-9999px;	
	margin:0px;
	padding:0px;
	}
.sendbox .sendbtn:hover{
	background-position:left -21px;
	}

.cancelbox{		
	margin:0px;
	padding:0px;
	height:21px;		
	width:62px;	
	position:absolute;
	right:10px;
	top:6px;
	}
.cancelbox .cancelbtn{
	background-image:url(../images/canclebtn.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:21px;
	width:62px;
	display:block;	
	text-indent:-9999px;	
	margin:0px;
	padding:0px;
	}
.cancelbox .cancelbtn:hover{
	background-position:left -21px;
	}	
.emptycartbox{		
	margin:0px;
	padding:0px;
	height:21px;		
	width:86px;	
	position:absolute;
	left:-190px;
	top:5px;
	}
.emptycartbox .emptycartbtn{
	background-image:url(../images/emptycart1.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:21px;
	width:86px;
	display:block;	
	text-indent:-9999px;	
	margin:0px;
	padding:0px;
	}
.emptycartbox .emptycartbtn:hover{
	background-position:left -21px;
	}	
.submitbox{		
	margin:0px;
	padding:0px;
	height:21px;		
	width:64x;	
	position:absolute;
	right:80px;
	top:6px;
	}
.submitbox .submitbtn{
	background-image:url(../images/submitbtn1.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:21px;
	width:64px;
	display:block;	
	text-indent:-9999px;	
	margin:0px;
	padding:0px;
	}
.submitbox .submitbtn:hover{
	background-position:left -21px;
	}	
/*================================
MIDDLE BAR CSS
==================================*/	

.midbar{		
	margin-bottom:15px;	
	}


/*#################################### 
INFOBOX CONTAINER CSS
####################################*/
.infoboxcontainer {
	margin:0px;
	padding:0px;
	}
.infoboxcontainer .homeleft{
	float:left;
	margin:0;
	padding:0px;
	width:532px;	
	}
.homeleft .curvedbox{
	margin-left:0px;
	width:auto;
	}
.homeleft .topcurved {
	height:auto;
	} 
.homeleft .curvedbox h2{
	position:relative; /*also define in ie*/
	
	}
.homeleft .curvedbox h2 a{
	position:absolute;
	right:0px;
	padding-right:30px;
	}
.homeleft .curvedbox h2 a img{
	position:absolute;
	right:10px;
	top:0px;
	}
.homeleft .curvedbox .clogo{
	list-style-type:none;
	margin:0px;
	padding:6px 0px 10px 15px;
	}
.homeleft .curvedbox li{
	margin:0 0px 0 0px;
	padding:0 0px 0 0px;
	float:left;	
	margin:0px;
	padding:0px;
	height:78px;
	width:84px;	
	display:block;
	}
.homeleft .curvedbox li .clogoimg{
	background-image:url(../images/clogo1.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:78px;
	width:77px;
	display:block;	
	text-indent:-9999px;	
	}
.homeleft .curvedbox li .clogoimg:hover{
	background-position:left -102px;
	}
/*#################################### 
INFOBOX CONTAINER RIGHT BOXES CSS
####################################*/
.infoboxcontainer .homeright {
	float:right;	
	width:436px;
	}
.homeright .floatleft {
	width:201px;
	padding:0 0 0 16px;
	}
.homeright .clearfloat {
	height:14px;
	}

.boxtxt {
	margin:4px 9px 15px 10px;
	padding-right:79px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	}
	
.boxtxt strong,
.moreinfo strong{
	display:block;
	margin:0px;
	padding:0 0 9px 0;
	font-style:italic;
	}
.boxtxt strong .nonitalic{
	font-style:normal;
	}
.boxtxt .bigimg{
	position:absolute;
	right:10px;
	top:48px;
	}
.boxtxt .smallimg{
	position:absolute;
	right:10px;
	bottom:30px;
	}
.boxtxt .moreinfo{
	position:absolute;
	right:11px;
	bottom:10px;
	}
.boxtxt .moreinfo a{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-right:20px;
	font-weight:bold;
	font-style:italic;
	}
.boxtxt .moreinfo a:hover{
	color:#A677C3;
	}
.boxtxt .moreinfo a img{
	position:absolute;
	right:0px;
	bottom:-2px;
	}
/*==================================
YELLOW HEADER BOX CASE CSS
=================================*/	
.yellowheaderbox {
	border-bottom:1px solid #E4E4E4;
	border-left:1px solid #E4E4E4;
	border-right:1px solid #E4E4E4;	
	height:132px;
	min-height:132px;
	}
.yellowheaderbox h2{
	background-image:url(../images/smallpkgbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#FAFAF9;
	margin:0px 0 0 0;
	padding:0px 0;

	}
.yellowheaderbox .lefttop,
.yellowheaderbox .righttop {
	top:0px;
	}

/*==================================
GREEN HEADER BOX CASE CSS
=================================*/	
.greenheaderbox {
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;	
	height:132px;
	min-height:132px;
	}
.greenheaderbox h2{
	background-image:url(../images/medpkgbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#F6f6f6;
	margin:0 0 0 0;
	
	}
.greenheaderbox .lefttop,
.greenheaderbox .righttop {
	top:0px;
	}


/*==================================
PURPLE HEADER BOX CASE CSS
=================================*/	
.purpleheaderbox {
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;		
	height:132px;
	min-height:132px;
	}
.purpleheaderbox h2{
	background-image:url(../images/lrgpkgbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#Fafafa;
	margin:0 0 0 0;
	}
.purpleheaderbox .lefttop,
.purpleheaderbox .righttop {
	top:0px;
	}

/*==================================
GREY HEADER BOX CASE CSS
=================================*/	
.greyheaderbox {
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;	
	}
.greyheaderbox h2{
	background-image:url(../images/greyboxheaderbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;	
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#F7F7F7;
	border-top:1px solid #c3c3c3;
	}
.greyheaderbox h2.size15px{
	font-size:13px !important;	
	}
.greyheaderbox .lefttop,
.greyheaderbox .righttop {
	top:0px;
	z-index:9;
	}

.greyheaderbox .boxtxt{
	padding-right:10px;
	font-size:14px;
	font-weight:normal;
	margin-top:20px;
	}
/*==================================
Welcome text CSS
=================================*/		
.welcometxt{
	padding:0 0px 0px 0px;
	margin:0 0 15px 45px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size:14px;*/
	font-size:13px;
	color:#56595C;
	line-height:1.3;
	position:relative;
	letter-spacing:1px;	
	}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.welcometxt{
		font-size:13px;
		}
	}
.welcometxt h2{
	/* old  margin:4px 0 13px 68px;*/
	margin:4px 0 13px 48px;
	padding:6px 0 0 0px;
	color:#4F356C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px; /*old 25.54px;*/
	font-weight:normal;
	letter-spacing:2px;
	}
.welcometxt span{
	color:#4F356C;
	font-weight:bold;
	}
.welcometxt .freeimg{
	position:absolute;
	left:-60px;	
	top:-20px;/*ie*/	
	}
.welcometxt a{
	/* old color:#56595C;*/
	color:#4F356C;	
	font-style:italic;
	text-decoration:underline;
	font-weight:bold;
	}
.welcometxt a:hover{
	color:#A677C3;
	}
/*==================================
GREY BOX CSS
=================================*/
.curvedbox h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	margin:0px;
	padding:7px 10px 12px 10px;	
	}
/*.greyheader{
	background-image:url(../images/greyboxheaderbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#F7F7F7;
	border-top:1px solid #c3c3c3;
	}*/
.curvedbox h2 .leftpad{
	padding-left:10px;
	}
.yellowbox{
	background-image:url(../images/yellowbgnew.gif);
	background-repeat:no-repeat;
	background-position:left top;
	/*border:1px solid #A18F5F;	
	background-color:#F0DEAE;*/
	min-height:133px;
	}
.yellowbox  h2,
.greenbox  h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	padding:12px 9px 4px 9px;
	
	}
.purplebox h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	padding:10px 9px 2px 9px;
	
	}
.purplebox .boxtxt strong{
	font-size:12px;
	color:#333333;
	
	}	
.yellowbox .boxtxt strong,
.greenbox .boxtxt strong{
	font-size:12px;
	color:#333333;
	line-height:18px;
	font-style:normal;
	}	
.greenbox{
	background-image:url(../images/greenbgnew.gif);
	background-repeat:no-repeat;
	background-position:left top;
	/*border:1px solid #5ACCD0;	
	background-color:#C2F7F5;*/
	min-height:133px;	
	}
.purplebox{
	background-image:url(../images/purplebgnew.gif);
	background-repeat:no-repeat;
	background-position:left top;	
	
	}

	
 .yellowbox .boxtxt,
 .yellowbox .boxtxt,
 .greenbox .boxtxt,
 .greenbox .boxtxt{
	margin:0 10px 0px 10px;
	padding-right:30px;
	}
.purplebox .boxtxt,
 .purplebox .boxtxt{
	margin:0 10px 0px 10px;
	padding-right:15px;
	}
/*==================================
MORE BUTTON CSS
=================================*/	
.morebar {
	display:block;
	padding:5px 10px;
	margin:10px -10px -5px -10px;
	background-color:#dfdfdf;
	text-align:right;
	}
.morebar a {
	font-size:11px;
	font-weight:bold;
	color:#0066CC;
	text-decoration:none;
	}

.linkbox {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;		
	margin:0px;
	padding:0px;
	height:14px;
	}
.linkbox .link{
	background-image:url(../images/moretn.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:14px;
	width:52px;
	display:block;	
	text-indent:-9999px;
	position:absolute;
	right:0px;
	bottom:0px;
	}
.linkbox .link:hover{
	background-position:left -14px;
	}
	

/*###########################################
 packages page
###########################################*/
#designpackage{
	padding:12px 40px 0px 41px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#56595C;
	line-height:22px;	
	}	
.greybox{
	background-image:url(../images/rdboxbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#FCFCFC;
	padding:27px 22px 26px 22px;
	margin:0 0 25px 0;
	border:1px solid #E2E2E2;
	position:relative;/* height define in ie*/	
	}
.greybox h2{
	padding:0px 0 0 87px;
	}
.greybox .freeimg{
	position:absolute;
	left:-57px;
	top:-29px;
	}
.punchline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#56595C;
	font-weight:bold;
	font-style:italic;
	padding:0 0 30px 0 ;
	}

/*###########################################
vilot box CSS for packages page
###########################################*/
.vilotbox{
	background-image:url(../images/vilotboxbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	border:1px solid #611F8D;	
	background-color:#611F8D;
	padding:5px 5px 5px 5px ;
	margin:0 0 45px 0;

	}
#designpackage .vilotbox h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px;
	padding:10px 10px 9px 10px;
	
	}
#designpackage .vilotbox .boxtxt{
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-right:0px;
	}
	
#designpackage .boxtxt .moreinfo{
	position:absolute;	
	right:-5px;
	bottom:10px;
	}
#designpackage .boxtxt .moreinfo a{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;	
	font-weight:bold;
	}
#designpackage .boxtxt .moreinfo a:hover{
	color:#A2EAE3;
	}
#designpackage .boxtxt .moreinfo a img{
	position:absolute;
	bottom:2px;
	right:172px;
	}

/*###########################################
Header
###########################################*/	
#designpackage h3 {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:18px;
	}
.packagedescriptionbox{
	margin:0px;
	padding:0px 0px 55px 0px;	
	
	}
.packagedescriptionbox .curvedbox{	
	min-height:370px; 	
	padding-bottom:17px;
	}
.packagedescriptionbox .curvedbox h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	margin:0px;
	padding:10px 10px 16px 15px;
	position:relative;
	font-weight:normal;
	}
.packagedescriptionbox .curvedbox h2 span{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	text-transform:uppercase;
	position:absolute;
	right:15px;
	top:10px;
	
	}
.packagedescriptionbox .curvedbox h2 img{
	position:absolute;
	right:10px;
	top:-2px;
	cursor:pointer;
	}
/*==================================
YELLOW HEADER BOX1 CASE CSS
=================================*/	
.yellowheaderbox1 {
	border-bottom:1px solid #E4E4E4;
	border-left:1px solid #E4E4E4;
	border-right:1px solid #E4E4E4;	
	border-top:1px solid #FEDE7E;	
	position:relative;
	min-height:380px;
	}
.yellowheaderbox1 h2{
	background-image:url(../images/smallpkgbg1.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	/*border-top:1px solid #FEDE7E;*/
	background-color:#FFFFFF;
	margin:0px 0 0 0;
	padding:0px 0 0 0px;
	
	}
.yellowheaderbox1 .lefttop{
	top:-1px;	
	left:-1px;
	z-index:999;
	}
.yellowheaderbox1 .righttop {
	top:-1px;
	right:-1px;	/*also in ie*/	
	z-index:999;
	}
	
/*==================================
GREEN HEADER BOX CASE CSS
=================================*/	
.greenheaderbox1 {
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;	
	border-top:1px solid #88EEC6;	
	}
.greenheaderbox1 h2{
	background-image:url(../images/medpkgbg1.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#F3FDF9;
	margin:0 0 0 0;
	padding:0px;
	}
.greenheaderbox1 .lefttop{
	top:-1px;	
	left:-1px;
	z-index:999;
	}


.greenheaderbox1 .righttop {
	top:-1px;
	right:-1px;	/*also in ie*/	
	z-index:999;
	}
/*==================================
PURPLE HEADER BOX CASE CSS
=================================*/	
.purpleheaderbox1 {
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;	
	border-top:1px solid #B89EEB;	
	}
.purpleheaderbox1 h2{
	background-image:url(../images/lrgpkgbg1.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#Fafafa;
	margin:0 0 0 0;
	}
.purpleheaderbox1 .lefttop{
	top:-1px;	
	left:-1px;
	z-index:999;
	}
.purpleheaderbox1 .righttop {
	top:-1px;
	right:-1px;	/*also in ie*/	
	z-index:999;
	}
/*==================================
Big YELLOW BOX CASE CSS
=================================*/		
.packagedescriptionbox .yellowbox1{
	background-image:url(../images/yellowbgnew1.gif);
	background-repeat:no-repeat;
	background-position:left top;	
	
	}
.packagedescriptionbox .yellowbox1 h2,
.packagedescriptionbox .gradientbox h2{
	font-size:30px;
	padding-top:26px;
	padding-left:40px;	
	margin-bottom:0px;
	}
.packagedescriptionbox .yellowbox1 h2 span,
.packagedescriptionbox .gradientbox h2 span{
	position:absolute;
	top:25px;
	right:20px;
	}
.yellowbox1 .suitablebox,
.gradientbox .suitablebox{
	margin:0px;
	padding:0px;	
	}
		
.yellowbox1 .suitablebox .catlist,
.gradientbox .suitablebox .catlist{
	margin:0 0 0 0px;
	padding:0px 0 0 240px;
	float:left;	
	color:#000000;	
	}
.packagedescriptionbox .yellowbox1 .conceptbox,
.packagedescriptionbox .gradientbox .conceptbox{	
	padding:10px 40px 0px 45px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	/*height define in ie*/	
	
	}

.packagedescriptionbox .greenbox1{
	background-image:url(../images/greenbgnew1.gif);
	background-repeat:no-repeat;
	background-position:left top;	
	min-height:357px;	
	padding-bottom:17px;
	}
.purplebox1{
	background-image:url(../images/purplebgnew1.gif);
	background-repeat:no-repeat;
	background-position:left top;	
	padding:25px ;
	margin-bottom:5px;			
	
	}
/*###########################################
CONCEPT BOX CSS
###########################################*/
.packagedescriptionbox .conceptbox{	
	padding:35px 40px 13px 45px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	/*height define in ie*/	
	
	}
.packagedescriptionbox .conceptbox ul{
	padding:0 0 0 0px;
	margin:0px;
	list-style-type:none;
	}
.packagedescriptionbox .conceptbox ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	background-image:url(../images/pointimg.gif);
	background-repeat:no-repeat;
	background-position:left 7px;
	padding:0 0 0 8px;
	font-style:normal;
	font-weight:normal;
	
	}
.packagedescriptionbox .conceptbox .conceptlist{	
	margin:0px;
	padding:0px;
	float:left;
	width:330px;
	font-style:italic;
	font-weight:bold;
	line-height:18px;	
	

	}
.packagedescriptionbox .conceptbox .imglist{
	float:right;
	margin:0px;
	padding:0px;	
	width:388px;
	
}

.packagedescriptionbox .conceptbox .imglist ul{
	margin:0px;
	padding:0px;
	list-style-type:none;	
	}

.packagedescriptionbox .conceptbox .imglist ul .linkbox {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;		
	margin:0 0 0 0px;
	padding:0 0 0 7px;
	height:90px;
	float:left;
	width:90px;
	background-image:none;
	}
.packagedescriptionbox .conceptbox .imglist ul .linkbox .worklogo {
	/*background-image:url(../images/moretn.jpg);*/
	background-repeat:no-repeat;
	background-position:left top;
	height:90px;
	width:90px;
	display:block;	
	text-indent:-9999px;
	}
.packagedescriptionbox .conceptbox .imglist ul .linkbox .worklogo:hover {
	background-position:left -90px;
	}
.packagedescriptionbox .conceptbox .imglist ul .linkbox .disable {
	background-position:left -90px;
	}	
.packagedescriptionbox .conceptbox .imglist ul .clear{
	height:9px;	
	line-height:0px;
	font-size:0px;
	float:none;
	width:auto;
	list-style-type:none;
	clear:both;
	background-image:none;
	margin:0px;
	padding:0px;
	}
/*###########################################
suitablebox CSS
###########################################*/	
.suitablebox{
	margin:0px;
	padding:0px;
	position:relative;/*ie*/	
	
	}
		
.suitablebox .catlist{
	margin:0 0 0 0px;
	padding:10px 0 0 40px;
	float:left;	
	color:#000000;
	
	}
.suitablebox .catlist table{
	padding:12px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;	
	font-style:italic;
	}
.suitablebox .catlist table td{
	background-image:url(../images/redarrow1.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding:0px 2px 0px 17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;	
	width:200px;	
	}
.suitablebox .pricelisting{
	float:left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;	
	height:50px;
	width:400px;
	font-size:25px;
	position:relative;	
	}
.suitablebox .pricelisting .forjust{
	text-align:right;
	font-size:20px;	
	width:50px;
	}
.suitablebox .pricelisting .value{	
	font-size:70px;	
	position:absolute;
	line-height:70px;
	left:60px;
	top:-18px;	
	
	}
.suitablebox .pricelisting .redarrow{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
.suitablebox .pricelisting .redarrow li{
	margin:0px;
	padding:0 0 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	background-image:url(../images/redarrow.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	line-height:14px;
	}
.suitablebox .privacytext{
	position:absolute;
	left:45px;
	top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:14px;
	font-style:italic;
	}
/*###########################################
Order Now CSS
###########################################*/	
.suitablebox .pricelisting .ordernowbtn{
	position:absolute;
	right:25px;
	bottom:0px;
	}
	
	
/*###########################################
Yello box in package page  CSS
###########################################*/		
#designpackage .yellowbox h3,
#designpackage .greenbox h3,
#designpackage .purplebox h3{
	position:relative; /*height in ie*/	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	padding:0px 10px 0  0px;
	}
#designpackage .yellowbox h3 span,
#designpackage .greenbox h3 span{
	padding-right:5px;
}
#designpackage  h3 .gobtn{
	position:absolute; 
	top:-1px;
	cursor:pointer;
	}
	
#designpackage .yellowbox h4,
#designpackage .greenbox h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#000000;
	font-weight:normal;
	padding:0 0 15px 0px;
	}
.imglist .inimglist{
	margin:0px;
	padding:0 0 0 110px;
	}
.redarrow1{
	margin:0 0px 0 0px;
	padding:0 0px 0 0px;
	list-style-type:none;
	float:left;
	
	}
.redarrow1 li{
	margin:0px;
	padding:0 30px 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	background-image:url(../images/redarrow.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	line-height:14px;
	}	
/*###########################################
Costmize package CSS
###########################################*/
#designpackage .purplebox1{
	padding:20px 25px 30px 25px;
	}
 .purplebox1 .custompkg{
	margin:0px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	padding:0 20px;
	}
.purplebox1 .custompkg .custheader{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	text-transform:uppercase;
	margin:0px;
	padding:0 0 5px 0;
	}
/*###########################################
Free CSS
###########################################*/	
.free{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#56595C;
	text-align:center;
	font-weight:normal;
	line-height:20px;
	letter-spacing:1px;
	}
.free span{
	font-size:24px;
	}
.free .pkg{
	color:#56595C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:40px;
	}
.free .pkg:hover{
	color:#A677C3;
	}	
/*###########################################
Packages PAGE CSS
###########################################*/
#packages .headerbg,
.headerbg {
	padding:8px 10px 9px 10px;
	background-image:url(../images/headerbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#F9F7FA;
	border-top:1px solid #DBD9DC;
	border-left:1px solid #DBD9DC;
	border-right:1px solid #DBD9DC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	position:relative; /* height define in ie*/	
	}
#packages .headerbg1 {
	padding:8px 10px 9px 10px;
	background-image:url(../images/headerbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#F9F7FA;
	border-top:1px solid #DBD9DC;
	border-left:1px solid #DBD9DC;
	border-right:1px solid #DBD9DC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	position:relative; /* height define in ie*/
	margin:0px;
	
	}
#packages .headerbg span {	
	padding-right:5px;
	font-weight:normal;
	}
#packages .headerbg .imgset{
	position:absolute;
	top:2px;
	}
.packagetxt	{
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}
.packagetxt	 .imgset{		
	margin-right:90px;
	}
.redlink{
	color:#FF0000;
	text-decoration:underline;
	}
#packages .packagetxt	{
	padding:10px 10px 40px 10px;
	
	}
#packages .grandtotal{
	padding-right:120px;
	}	
#packages .grandtotal .checkout{
	position:absolute;
	right:12px;
	top:8px;
	}
.grandtotal .emptycart{
	position:absolute;
	left:12px;
	top:8px;
	}
/*###########################################
orderlist CSS
###########################################*/

#orderlist{
	margin:0px;
	padding:0px;
	}
#orderlist h2{
	font-size:12px;
	}
.yourcost h2{
	margin-bottom:15px;
	}
#orderlist .yourcost .pkgtab{
	float:none;
	width:auto;	
	margin-bottom:15px;
	}
	
#orderlist .yourcost .extraspkg{
	float:none;
	width:auto;	
	}

#orderlist	.pkgprice{
	width:10%;
	text-align:right;	
	}
#orderlist	.pkgqty{
	width:10%;
	text-align:right;
	}
#orderlist	th.pkgamt{
	width:15%;	
	text-align:right;	
	padding-right:10px;
	}
#orderlist	td.pkgamt{
	color:#333333;
	font-size:18px;	
	text-align:right;
	padding-right:10px;
	}
#orderlist	.pkgremove{
	width:10%;
	text-align:center;
	}
#orderlist .extraspkg table td{
	border-top:1px solid #dddddd;	
	}
 .ver{
	position:relative;/*ie*/	
	}
 .ver .verticaltxt{
	position:absolute;
	left:-21px;
	top:99px;
	}
/*###########################################
LINK AND IMAGE CSS
###########################################*/	
.linkandimg{
	position:relative;
	}
.linkandimg img{
	position:absolute;
	right:0px;
	top:15px;
	}
.newlink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#402157;
	text-decoration:underline;
	font-weight:bold;
	}
.newlink span{
	font-size:10px;
	}
.newlink:hover{
	color:#A677C3;
	}
/*###########################################
yourcost CSS
###########################################*/

#packages .yourcost{
	margin:0px;
	padding:0px;
	}
#packages .yourcost .pkgtab{
	float:left;
	width:315px;	
	}
	
#packages .yourcost .extraspkg{
	float:right;
	width:616px;/*635px*/
	}
/*###########################################
COMMON TABLE CSS
###########################################*/

.yourcost table{
	margin:0 0 10px 0;
	padding:0px;
	width:100%;
	border:1px solid #dddddd;	
	}
.yourcost table th{
	background-color:#E2E2E4;
	padding:6px 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#000000;
	}
.yourcost table .pdleft{
	padding-left:10px;
	}
.yourcost table .pdright{
	padding-right:10px;
	}
.yourcost table tr td{
	padding:2px 0 2px 0;/*ie*/
	
	}
	
/*###########################################
PACKAGE TABLE CSS
###########################################*/
.yourcost .pkgtab table td{
	border-bottom:1px solid #dddddd;
	
	}
.yourcost .pkgtab .pkgname{
	width:115px;
	font-size:12px;
	color:#666666;	
	font-family:Verdana, Arial, Helvetica, sans-serif;		
	padding-right:0px;
	}
.yourcost .pkgtab th.pkgprice{
	width:40px;	
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	}
.yourcost .pkgtab td.pkgprice{
	width:40px;	
	color:#000000;
	font-size:12px;	
	text-align:right;	
	font-weight:bold;
	}
.yourcost .pkgtab .pkgqty{
	width:30px;	
	text-align:left;
	padding-left:10px;
	} 
.yourcost .pkgtab .pkgqty input{
	border:1px solid #cccccc;
	padding:1px 2px;
	width:26px;
	font-size:11px;
	}
.yourcost .pkgtab .pkgcart{
	width:63px;
	text-align:center;	
	}
.yourcost .pkgtab .active td{
	background-image:url(../images/tdbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#ffffff;
	border-top:1px solid #B2DCD0;
	border-bottom:1px solid #DAE8E8;
}

.yourcost .pkgtab .active1 td{
	background-image:url(../images/smallpkgbg3.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#ffffff;
	/*border-top:1px solid #B2DCD0;
	border-bottom:1px solid #DAE8E8;*/
}
.yourcost .pkgtab .active2 td{
	background-image:url(../images/lrgpkgbg3.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#ffffff;
	border-top:1px solid #B2DCD0;
	border-bottom:1px solid #DAE8E8;
}
.yourcost .pkgtab .active3 td{
	background-image:url(../images/headbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#ffffff;
	/*border-top:1px solid #B2DCD0;
	border-bottom:1px solid #DAE8E8;*/
}

/*###########################################
EXTRAS TABLE CSS
###########################################*/
.yourcost .extraspkg table td{
	border-bottom:1px solid #f1f1f1;
	
	}
.yourcost .extraspkg .pkgname{
	width:323px;
	font-size:12px;
	color:#666666;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	}
.yourcost .extraspkg .pkgname span{
	font-size:11px;
	font-weight:normal;
	}
.yourcost .extraspkg th.pkgprice{
	width:98px;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	text-align:center;
	padding:0 0px 0 10px;	
	}
.yourcost .extraspkg td.pkgprice{
	font-size:12px;
	color:#000000;
	text-align:center;
	font-weight:bold;
	width:106px;
	}
.yourcost .extraspkg .pkgqty{
	width:60px;	
	padding:0 0 0 10px;
	text-align:left;
	} 
.yourcost .extraspkg .pkgqty input{
	border:1px solid #cccccc;
	padding:1px 2px;
	width:26px;
	font-size:11px;
	}
.yourcost .extraspkg .pkgcart{
	width:80px;
	text-align:center;	
	}
.yourcost .extraspkg .active td{
	background-color:#F4F2FB;
	border-bottom:1px solid #FFFFFF;
	background-image:none;	
}
.yourcost .extraspkg .active .pkgprice{
	background-color:#EBE8F6;
	}
.yourcost .extraspkg .active .colspan{
	text-align:center;
	background-color:#EBE8F6;
	font-weight:bold;
	}
.yourcost .extraspkg .blueactive td{
	background-color:#EBF2FC;
	border-bottom:1px solid #FFFFFF;
	background-image:none;	
}
.yourcost .extraspkg .blueactive .pkgprice{
	background-color:#D9E6F9;
	}
.yourcost .extraspkg .blueactive .colspan{
	text-align:center;
	background-color:#D9E6F9;
	font-weight:bold;
	}
	
/*###########################################
SUBTOTAL CSS
###########################################*/
.subtotal{
	background-color:#F6F6F6;
	border-bottom:1px solid #f0f0f0;
	padding:3px 10px 3px 15px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin-bottom:15px;
	line-height:20px;
	text-align:right;
	}

.subtotal span{
	font-size:18px;	
	}
/*###########################################
GRAND CSS
###########################################*/
.grandtotal{
	background-color:#F0F0F2;
	border-bottom:1px solid #D2D2D4;
	padding:5px 10px 5px 10px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin-bottom:15px;
	line-height:20px;
	position:relative; /* height define in ie*/

	}
.grandtotal strong{
	font-size:20px;
	color:#53487F;
	font-weight:normal;		
	}
.grandtotal span{
	padding:0 30px 0 10px;	
	font-weight:bold;
	}
.paymentmethod{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:7px 0 0px 0;
	line-height:18px;
	}
.grandtotal .back{
	position:absolute;
	left:10px;
	top:7px;
	color:#000000;
	font-weight:bold;
	}
.grandtotal .back:hover{
	color:#A677C3;
}


/*#################################### 
FAQ QUESTIONS CSS
####################################*/
#faq .points li{	
	margin:0 0 10px 0;
	}
#faq .points li a {
	font-size:12px;
	font-weight:bold;
	}

/*#################################### 
FAQ, TESTIMONIALS AND LINKS PAGE COMMON CSS
####################################*/

.contentbox1 {
	font-family:Arial, Helvetica, sans-serif;	
	padding:10px;
	border:1px solid #f1f1f1;
	margin:0 0 20px 0;
	
	}
.contentbox1 .imgleft td{
	height:72px;
	width:160px;
	}
.contentbox1 dt {
	font-size:12px;
	color:#A677C3;
	font-weight:bold;
	margin:0 0 0px 0;
	padding:5px 0px;	
	
	}
.contentbox1 dt a{
	text-decoration:none;
	color:#A677C3;
	}
.contentbox1 dt a:hover{
	color:#666666;
	}
.contentbox1 dd {
	font-size:12px;
	color:#666666;
	margin:0px;
	padding:0 0px;
	font-weight:normal;
	}
.contentbox1 .linkbox,
.contentbox1 .morebar {
	margin:10px 0 0 0;
	height:20px;
	position:relative;
	background-color:#ffffff;
	clear:both;
	}
.contentbox1 .linkbox .link,
.contentbox1 .morebar .link {
	font-weight:bold;
	font-size:12px;
	position:absolute;
	right:10px;
	top:8px;
	color:#A677C3;
	}
.contentbox1 .linkbox .link:hover,
.contentbox1 .morebar .link:hover{
	color:#333333;
	}
.contentbox1 .clear{
	height:0px;
	padding:0px;
	margin:0px;
	background-color:#FF0000;
	list-style-type:none;
	line-height:0px;
	font-size:0px;
	width:auto;
	clear:both;
	}
/*#################################### 
LINKS PAGE CSS
####################################*/
#links .link,
#links .elink {
	font-size:12px;
	}
#links .linkbox .link {
	font-size:10px;
	}
/*#################################### 
To show IMAGE WITHOUT TABLE CSS
####################################*/	
.nav {
	margin: 0;
	padding: 0;	
	width:auto;
	background-color:#666666;
}
.nav dd {
	float: left;	
	width: 146px;
	height: 100px;
	display: table;
	padding: 1px;
	margin:0 15px 5px 0;
	border:1px solid #dddddd;
	
}
.nav dd span {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	background-color:#ffffff;
	text-align:center;
	
}
.nav dd span a {
	font-size: 15px;
	color: #ff0000;
	line-height: 17px;
	text-align: center;
	display: block;	
	text-decoration:none;
}
.nav dd a:hover {
	text-decoration: none;
	color:#000000;
}





/*=====================================
	COMMON FORM  css
==================================*/
.formtitle {
	background-color:#ECF5FD;
	margin:0px;
	padding:5px 10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}
.formcss {
	/*main form box*/
	margin:0px;
	padding:0px;
	background-color:#F5F3FB;
	border:1px solid #E5DFF4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.formbox {
	/*main form inner box*/
	border:5px solid #ffffff;
	padding:10px;
	margin:5px;
	}
.formbox strong {
	/*for display "mandatory fields" text*/
	display:block;
	padding:15px;
	border-bottom:1px solid #D3C9E8;
	border-right:1px solid #D3C9E8;
	background-color:#DFD8F0;
	font-size:13px;
	color:#000000;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}
.formbox em {
	/*for mandatory star */
	color:#FF0000;
	font-weight:bold;
	}
	
/*===================================
COMMON FORM STRUCTURE CSS
===================================*/
.formbox dl {
	margin:5px 0 0 0;
	padding:5px;
	}
.formbox dl dt {
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-align:right;
	padding:2px 3px 3px 0;
	margin:0;
	width:200px;
	float:left;
	}
.formbox dl dt span,
.formbox dl dd span{
	font-weight:normal;
	font-size:11px;
	}
.formbox dl dd {
	margin:0 0 0 203px;
	padding:0px 3px 0px 0;
	position:relative;
	}
.formbox dl .clear {
	font-size:0px;
	line-height:0px;
	clear:both;
	height:0px;
	margin:3px 0px;
	padding:0px;
	}
.formbox dl .bigclear {
	font-size:0px;
	line-height:0px;
	clear:both;
	height:0px;
	margin:5px 0px 10px 0;
	padding:0px;
	}
.formbox dl dd img{
	position:absolute;
	top:2px;
	}

/*===================================
SECOND COMMON FORM STRUCTURE CSS
===================================*/
.formbox .smallform {
	margin:5px 0 0 0;
	padding:5px;	
	}
.formbox .smallform  dt {
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-align:right;
	padding:2px 3px 3px 0;
	margin:0;
	width:70px;
	float:left;
	}
.formbox .smallform dt span,
.formbox .smallform dd span{
	font-weight:normal;
	font-size:11px;
	}
.formbox .smallform dd {
	margin:0 0 0 73px;
	padding:0px 3px 0px 0;
	position:relative;
	}
.formbox .smallform .clear {
	font-size:0px;
	line-height:0px;
	clear:both;
	height:0px;
	margin:3px 0px;
	padding:0px;
	}
.formbox dl dd .browse{
	position:absolute;
	top:-1px;
	}
/*===================================
COMMON FORM ELEMINTS CSS
===================================*/
.formbox dd input,
.formbox dd textarea,
.formbox dd select,
.textboxborder {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	padding:1px;
	}
.formbox dd .active {	
	background-color:#F5F3FB;	
	color:#000000;
	border:1px solid #D3C9E8;
	}

/*===================================
IMAGE CODE INSTRUCTION NOTE BOX CSS
===================================*/
.formbox .note1 {
	border-bottom:1px solid #D3C9E8;
	border-right:1px solid #D3C9E8;
	background-color:#DFD8F0;
	color:#000000;
	position:relative;
	margin:5px 0 10px 0;
	padding:5px 10px;
	}
.formbox .note1 dt {
	color:#000000;
	width:auto;
	padding:0px;
	float:none;
	font-size:12px;
	text-align:left;
	
	}
.formbox .note1 dd {
	font-size:11px;
	padding:10px 0 10px 0;
	margin:0px 0 0 30px;
	}
.formbox .note1 img{
	position:absolute;
	left:-30px; 
	top:10px;
	margin-right:5px;
	}
/*===================================
IMAGE CODE INSTRUCTION NOTE BOX CSS
===================================*/
.formbox .note {
	/*border-bottom:1px solid #D3C9E8;
	border-right:1px solid #D3C9E8;
	background-color:#DFD8F0;*/
	background-image:url(../images/contactusimg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#EEE8FB;
	border:1px solid #E5E0F2;	
	color:#000000;
	}
.formbox .note dt {
	color:#000000;
	width:auto;
	padding:5px 10px 0px 10px;
	float:none;
	font-size:11px;
	text-align:left;
	margin-bottom:5px;
	}
.formbox .note dd {
	font-size:10px;
	padding:0 10px 5px 10px;
	margin:0px;
	}
.formbox .width350px{
	width:420px;
	}
.formbox .width200px{
	width:200px;
	}
.formbox .width50px{
	width:50px;
	}
/*===================================
For RADIO BUTTON
===================================*/
.formbox .note2 {
	/*border-bottom:1px solid #D3C9E8;
	border-right:1px solid #D3C9E8;
	background-color:#DFD8F0;*/
	color:#000000;
	position:relative;
	margin:5px 0 0px 0;
	padding:0 0 5px 0px;/*ie*/
	}
.formbox .note2 dt {
	color:#000000;
	width:auto;
	padding:5px 5px 5px 10px;
	float:none;
	font-size:12px;
	text-align:left;	
	background-image:url(../images/contactusimg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#EEE8FB;
	border:1px solid #E5E0F2;	
	}
.formbox .note2 dd {
	font-size:13px;
	padding:5px 0 0px 10px;
	margin:0px 0 0 0px;	
	
	}
.formbox .note2 dt .size10{
	font-size:10px;
	font-weight:normal;
	}
.formbox .note2 dd input{
	background-color:#F6F6FC;
	border:none;
	font-size:14px;
	line-height:14px;
	}
.formbox .note2 dd span input{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;;
	font-size:11px;
	line-height:12px;
	}
.formbox .note2 dd.clear{
	height:1px;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
	}
/*===================================
NOTE 3 CSS
===================================*/	
.formbox .note3 {	
	color:#333333;
	position:relative;
	margin:5px 0 0px 0;
	padding:0 0 5px 0px;/*ie*/
	}
.formbox .note3 dt {
	color:#333333;
	width:auto;
	padding:5px 0px 5px 0px;
	float:none;
	font-size:12px;
	text-align:left;		
	}
.formbox .note3 dd {
	font-size:13px;
	padding:5px 0 0px 0px;
	margin:0px 0 0 0px;		
	}
/*===================================
IFRAME BOX CSS
===================================*/
.imgcode .iframeborder {
	position:relative;
	height:60px;
	padding:0px;
	}
.iframeborder div{
	position:absolute;
	left:1px;
	top:2px;
	background-color:#FFFFFF;
	border:2px solid #cccccc;
	padding:2px;
	width:200px;
	height:48px;
	}
.imgcode .fontsize9 {
	font-size:9px;
	height:15px;
	}
.imgcode .refreshbtn {
	position:absolute;
	left:220px;
	top:5px;
	cursor:pointer;
	}
/*===================================
SUBMITRESET BUTTON CSS
===================================*/
.btnbox{
	border-bottom:1px solid #D3C9E8;
	border-right:1px solid #D3C9E8;
	background-color:#DFD8F0;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#333333;
	height:30px;
	}
.formbox .btnbox dt {
	color:#333333;
	
	padding:0px;
	
	}
.formbox .btnbox dd{
	margin-right:20px;	
	width:auto;
	}
.btnbox dd input{
	background-color:#DFD8F0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	border:none;
	padding-top:4px;
	
	}

/*===================================
SUBMITRESET BUTTON 1 CSS
===================================*/ 
.btnbox1{
	border-bottom:1px solid #D3C9E8;
	border-right:1px solid #D3C9E8;
	background-color:#DFD8F0;
	text-align:left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#333333;
	padding:10px 0 0 0;
	height:20px;
	}
.formbox .btnbox1 dt {
	color:#333333;
	width:auto;
	padding:0px;
	float:left;
	}
.formbox .btnbox1 dd{
	margin:0 0px 0 0px;	
	width:auto;
	float:left;	
	padding-top:2px;	
	}
.btnbox1 dd input{
	background-color:#DFD8F0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	border:none;
	padding:0px 0;
	
	}
.formbox .btnbox1 dd img{
	position:relative;
	margin:0 5px;
	}
.formbox .btnbox1 dd a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:underline;
	}
.formbox .btnbox1 dd a:hover{
	color:#A677C3;
	}
/*##################################
CONTACTUS PAGE CSS
##################################*/
.address{
	margin:0px 0 5px 0;
	padding:4px 0 0 0px;
	}
.addressbox1{
	padding:0 0 0px 0;
	width:48%;
	
	/*border-bottom:1px solid #99ccff;
	border-right:1px solid #99ccff;
	background-color:#DCEDFE;*/
	float:left;
	}
.addressbox2{
	padding:0 0 0px 0;
	width:48%;
	
	/*border-bottom:1px solid #99ccff;
	border-right:1px solid #99ccff;
	background-color:#DCEDFE;*/
	float:right;
	
	}

.formbox .phone-no {
	margin:0 0 0px 0;
	padding:0px;
	font-size:12px;	
	}
.formbox .phone-no dt {	
	margin:0px;
	padding:0 0 5px 0;	
	font-weight:bold;
	float:none;
	width:auto;
	text-align:left;
	color:#000000;		
	}
.formbox .phone-no dd {
	margin:0 0 10px 0px;
	display:block;
	padding:0px;
	color:#000000;
	}
.address .clearfloat{
	height:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
	clear:both;
	}

/*#################################### 
promotional text CSS
####################################*/
.promotionaltxt{
	color:#4C3966;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	text-align:center;
	margin:0px;
	padding:0 0 16px 0;
	}
.freesubscription{
	color:#4C3966;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-style:italic;
	text-align:center;
	margin-bottom:65px;
	}
/*##################################
SITEMAP CSS
##################################*/
#sitemap ul {
	list-style-type:none;
	margin:-12px 0px 0px 20px ;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#sitemap ul li {
	height:15px;
	}
#sitemap ul li a {
	text-decoration: none;
	}
/*===============================*/
.linklevel1 {
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	font-weight: bold;
	color:#A677C3;
	font-size:12px;
	padding-left:10px;
	margin:10px 0 10px 0;
	}
	
.linklevel1 a {
	font-weight: bold;
	color:#A677C3;
	}
	
.linklevel1 a:hover {
	font-weight: bold;
	color: #000000;
	}
/*===============================*/
.linklevel2 {
	background-image:url(../images/arrow1.gif);
	background-repeat:no-repeat;
	background-position: 10px 5px;
	color: #333333;
	font-size:11px;
	padding-left:20px;
	margin:5px 0px;
	}
.linklevel2 a {
	font-weight: normal;
	color: #333333;
	}
.linklevel2 a:hover {
	font-weight: normal;
	color:#A677C3;
	}

/*###########################################
Why ICD CSS
###########################################*/
.advantagebox{
	min-height:100px;
	}
/*###########################################
FEATURE BOX CSS
###########################################*/
.featurebox{
	padding:0 0px;
	margin:45px 40px 30px 41px;	
	position:relative; /*height define in ie*/	
	}
.featurebox .freeimg{
	position:absolute;
	top:-61px;
	left:-56px;
	}
.featurebox h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	padding:30px 0 21px 0px;
	}
.featurebox .subtext{
	font-size:13px;
	letter-spacing:1px;
	color:#56595C;
	line-height:20px;
	}
/*###########################################
Price recomanded for CSS
###########################################*/	
	
.tablebg{
	background-image:url(../images/tablebg.gif);
	background-repeat:repeat-y;
	background-position:right top;
	z-index:9999;
	margin:0 0 45px 0;
	}
.gradientbg{
	background-image:url(../images/tablegradient.gif);
	background-repeat:no-repeat;
	background-position:right center;
	}
.gradientbg th{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	margin:0 0 0 0px;
	padding:0px;	
	text-align:left;	
	}
.gradientbg th span{
	padding-left:16px;
	}
.width148{
	width:146px;
	}
.commonth{
	margin:0px 0 0 0;
	padding:7px  0px 6px 0;
	text-align:center;	
	position:relative; /*height define in ie*/	
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	}
.commonth span{
	font-size:14px;
	}	
.yellowth{
	background-image:url(../images/smallpkgbg2.gif);
	background-repeat:repeat-x;
	background-position:left bottom;	
	background-color:#FFFFFF;	
	border-top:1px solid #FFDF7F;
	border-bottom:1px solid #F8D8A0;
	}
.greenth{
	background-image:url(../images/medpkgbg2.gif);
	background-repeat:repeat-x;
	background-position:left bottom;	
	border-top:1px solid #99FFD8;
	border-bottom:1px solid #AAE4BA;
	}
.purpleth{
	background-image:url(../images/lrgpkgbg2.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#Fafafa;
	border-top:1px solid #CCB2FF;
	border-bottom:1px solid #CCB2FF;
	}
.commonth .lefttop{
	left:0px;
	}
.yellowth .lefttop{
	left:-2px;
	}
.commonth .righttop{
	right:0px;
	}
.gradientbg td{	
	/*border-top:1px solid #E2E2E2;*/
	border-bottom:1px solid #BFBFBF;
	border-left:1px solid #E2E2E2;
	}
.gradientbg .greytd{
	background-color:#f9f9f9;
	border-right:1px solid #F8D8A0;
	padding:5px  5px 5px 30px;
	color:#333333;
	font-size:14px;
	}
.gradientbg .colortd{
	width:146px;
	border-left:none;
	text-align:center;
	vertical-align:middle;
	}
.gradientbg .toptd {	
	
	border-top:1px solid #E2E2E2;
	}
.gradientbg .toptd div{
	position:relative; /*ie*/
	background-color:#f9f9f9;
	}
.gradientbg .toptd .lefttop{
	top:-6px;
	left:-31px;
	}
.gradientbg .toptd .leftbot{
	bottom:-6px;
	left:-31px
	}
/*-----------------------
Td HEADER
-------------------------*/
.tdheader td{
	background-color:#808080;
	color:#FFFFFF;
	padding:5px  5px 5px 30px;
	}
.tdheader td span{
	padding-left:270px;
	}
/*-----------------------
Package Total
-------------------------*/
.noborder .packagetotal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
	width:146px;
	padding:5px 0;
	color:#000000;
	border-bottom:1px solid #e2e2e2;
	
	}
.noborder td{
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:none;
	}
	
/*###########################################
ComparePackage CSS
###########################################*/	
	
#comparepackage .tablebg{
	background-image:url(../images/tablebg1.gif);
	background-repeat:repeat-y;
	background-position:right top;
	z-index:9999;
	margin:0 0 45px 0;
	}
#comparepackage .gradientbg{
	background-image:url(../images/tablegradient1.gif);
	background-repeat:no-repeat;
	background-position:right center;
	}
#comparepackage .gradientbg th{	
	font-size:16px;	
	}
#comparepackage .gradientbg th span{
	
	}
#comparepackage .width120{
	width:120px;
	}
#comparepackage .commonth{
	margin:0px 0 0 0;
	padding:5px  0px 5px 0;/*ie*/	
	text-align:center;	
	position:relative; /*height define in ie*/	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16.32px;
	color:#000000;
	font-weight:normal;
	}
#comparepackage .commonth span{
	font-size:12.1px;
	padding:0 0 0 2px;

	}	
#comparepackage .yellowth{
	background-image:url(../images/smallpkgbg3.gif);
	/*background-repeat:repeat-x;
	background-position:left bottom;	
	background-color:#FFFFFF;	
	border-top:1px solid #FFDF7F;
	border-bottom:1px solid #F8D8A0;*/
	}
#comparepackage .greenth{
	background-image:url(../images/medpkgbg3.gif);
	/*background-repeat:repeat-x;
	background-position:left bottom;	
	border-top:1px solid #99FFD8;
	border-bottom:1px solid #AAE4BA;*/
	}
#comparepackage .purpleth{
	background-image:url(../images/lrgpkgbg3.gif);
	/*background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#Fafafa;
	border-top:1px solid #CCB2FF;
	border-bottom:1px solid #CCB2FF;*/
	}
#comparepackage .greyth{
	background-image:url(../images/greypkgbg3.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#F0F0F0;
	border-top:1px solid #7F7F7F;
	border-bottom:1px solid #A19D9D;
	}
#comparepackage .gradientbg td{	
	/*border-top:1px solid #E2E2E2;*/
	border-bottom:1px solid #BFBFBF;
	border-left:1px solid #E2E2E2;
	font-size:14px;
	color:#000000;
	}
#comparepackage .gradientbg .greytd{
	background-color:#f9f9f9;
	border-right:1px solid #F8D8A0;
	padding:5px  5px 5px 30px;
	}
#comparepackage .gradientbg .colortd{
	width:120px;
	border-left:none;
	text-align:center;
	vertical-align:middle;
	}
/*-----------------------------------------
PROMOTIONAL OFFER CSS
------------------------------------------*/
#comparepackage .promotionaloffer .greytd{
	text-align:right;
	padding:13px 0;
	border:none;
	background-color:#FFFFFF;
	padding-right:15px;
	}
#comparepackage .ordernow .greytd,
#comparepackage .save .greytd{
	text-align:right;
	padding:0px 0;
	border:none;
	background-color:#FFFFFF;
	padding-right:15px;
	}
#comparepackage .promotionaloffer .colortd{
	font-size:24px;
	padding:13px 0;
	}
#comparepackage .ordernow .colortd{
	background-color:#FFFFFF;
	border:0px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	}
#comparepackage .save .colortd{
	color:#848589;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	background-color:#FFFFFF;
	border:0px;
	font-weight:bold;	
	}
/*###########################################
PACKAGE EXAMPLE BOx CSS
###########################################*/
.pkgexamplebox{
	background-color:#f9f9f9;
	border:1px solid #e2e2e2;	
	position:relative; /*IE*/
	margin:0 0 25px 0;
	padding:0 0 0 0;
	}
.yellowexamplebox{
	background-image:url(../images/yellowpkgbg.gif);
	background-repeat:repeat-y;
	background-position:left center;
	}
.greenexamplebox{
	background-image:url(../images/greenpkgbg.gif);
	background-repeat:repeat-y;
	background-position:left center;
	}
.purpleexamplebox{
	background-image:url(../images/purplepkgbg.gif);
	background-repeat:repeat-y;
	background-position:left center;
	}
.pkgexampleinnerbox{
	padding:34px 120px 37px 80px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	}
.pkgexampleinnerbox strong{
	display:block;
	padding-bottom:18px;
	}
.pkgexampleinnerbox .botspace{
	padding-bottom:18px;
	}
.pkgexampleinnerbox span{
	display:block;
	}
.pkgexamplebox .a6{
	position:absolute;
	right:60px;
	top:60px
	}
.pkgexamplebox .a5{
	position:absolute;
	right:20px;
	top:52px
	}
.pkgexamplebox .a3{
	position:absolute;
	right:20px;
	top:30px
	}
.pkgexamplebox .a4{
	position:absolute;
	right:20px;
	top:12px
	}
.pkgexamplebox .pkgnumber{
	font-family:Arial, Helvetica, sans-serif;
	font-size:60px;
	color:#000000;
	position:absolute;
	left:5px;
	top:50px;
	}
/*###########################################
PORTFOLIO CSS
###########################################*/
.portfoliocontainer{
	margin:0px;
	padding:0px;
	}
.portfoliocontainer .pdescriptioncontainer{
	margin:0 17px 0 0px;
	padding:0px;	
	width:314px;	
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
.portfoliocontainer .pdescriptioncontainer strong{
	font-size:14px;
	display:block;
	padding-bottom:15px;
	}
.portfoliocontainer .pdescriptioncontainer .pimage{
	border:3px solid #D9D9DA;
	height:308px;
	width:308px;	
	margin:0px;
	padding:0px;
	}
.portfoliocontainer .pdescriptioncontainer .imagebase{
	padding:0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#043A71;
	margin:0 0 20px 0;
	background-color:#f3f3f3;
	height:39px;
	line-height:40px;
	}
	
.portfoliocontainer .pdescriptioncontainer .imagebase a{
	color:#043A71;
	}
.portfoliocontainer .pdescriptioncontainer .imagebase a:hover{	
	color:#000000;
	}
.portfoliocontainer .pdetailcontainer{	
	margin:0px;
	padding:0px;	
	float:right;	
	width:633px;	
	}
.portfoliocontainer .pdetailcontainer .pdetailbox{	
	margin:0px;
	padding:0px;	
	display:table;
	width:100%;	
	}
/*###########################################
PRODUCT DETAIL CSS
###########################################*/
.pdetailbox .pdetail{
	/*margin:0 216px 15px 0;*/
	margin:0 276px 15px 0;		
	}
* html .pdetailbox .pdetail{
	height:1px;
	}
.pdetailbox .ptool {
	float:right;
	/*width:199px;*/	
	width:261px;
	background-color:#F4F4F4;	
	}
.pdetailbox .ptitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;	
	margin:0 0 0px 0;
	padding:10px 0 11px 0;
	text-align:center;
	background-image:url(../images/Portfolioheaderbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#EBF2FD;
	font-weight:bold;
	}
.pdetailbox dl{
	margin:0px 0 0 0;
	padding:0px;	
	display:table;
	width:100%;
	}
.pdetailbox dl dt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	padding:10px 0 10px 10px;
	margin:0px;
	float:left;
	width:150px;	/*IE*/	
	font-weight:bold;
	}
.pdetailbox dl dd{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:10px 0 10px 0;
	margin:0 0 0 163px;		/*ie*/	
	}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.pdetailbox dl dt{
		padding:9px 0 10px 9px;
		}
	.pdetailbox dl dd{
		padding:9px 0 10px 9px;
		}
	}

.pdetailbox dl .clear,
.pdetailbox .ptool dl .clear{
	font-size:0px;
	color:#000000;
	padding:0px 0;
	height:1px;
	line-height:0px;
	clear:both;
	margin:0px 0px;
	background-color:#D9D9DA;
	}
.pdetailbox dl .addressfield{
	height:90px;
	min-height:90px;
	}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.pdetailbox dl .addressfield{
		height:87px;
		min-height:87px;
		}
	}
.pdetailbox dl .contactno{
	font-size:18px;
	padding:8px 0 7px 0;
	}
/*###########################################
Package Tool CSS
###########################################*/
.pdetailbox .ptool dl dt{
	width:27px;	
	padding:5px 0 0px 10px;
	}
.pdetailbox .ptool dl dd{
	margin:0 0 0 32px;		
	padding:11px 0 10px 0;
	}
/*###########################################
PACKAGE CONTAINER CSS
###########################################*/
.pkgcontainerbox{
	margin:0 0 15px 0;
	padding:0px;
	}
.pkgcontainerbox .floatleft{
	float:left;
	width:201px;
	margin:0 15px 0 0;/*ie*/	
	}
.pkgcontainerbox .nomargin{
	margin:0px;
	}

/*###########################################
design process CSS
###########################################*/
#designprocess .pkgexampleinnerbox{
	/*padding:34px 30px 37px 80px;*/
	padding:0 0 0 80px;	
	}
#designprocess .pkgexampleinnerbox table td{
	height:170px;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	}
	
#designprocess .pkgexampleinnerbox table td strong{
	display:block;
	font-weight:bold;
	padding-bottom:15px;
	}
#designprocess h6{
	padding-left:90px;
	line-height:45px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;	
	margin:0px;
	
	}
#designprocess h6 img{
	position:absolute;
	left:300px;
	top:10px;
	}

/*###########################################
PopUP Windowcss
###########################################*/
.popup{
	text-align:center;
	
	}
.popup .curvedbox{
	width:600px;
	min-height:140px;
	}
.popup h2{
	text-align:center;
	margin-bottom:0px;
	
	}
.popup h2.floatleft{
	float:left;
	}
.popup h2.floatright{
	float:right;
	}

/*.popup .contentbox1,
.popup .contentbox1  dd{
	text-align:left;
	padding-bottom:0px;
	font-size:12px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;	
	
	}*/
.popup .contentbox1 td{
	/*height:80px;
	width:80px;*/
	height:90px;
	width:90px;
	text-align:center;
	vertical-align:middle;	
	padding-right:10px;	
	padding-left:5px;
	}

.popup .contentbox1 dd strong{
	color:#371350;
	}	
/*.homeleft .curvedbox li{
	margin:0 0px 0 0px;
	padding:0 0px 0 0px;
	float:left;	
	margin:0px;
	padding:0px;
	height:78px;
	width:84px;	
	display:block;
	}*/
.popup .contentbox1 td .popupimg{	
	background-repeat:no-repeat;
	background-position:left top;
	/*height:78px;
	width:77px;*/
	height:90px;
	width:90px;
	display:block;	
	text-indent:-9999px;	
	}
.popup .contentbox1 td  .popupimg:hover{
	/*background-position:left -78px;*/background-position:left top;
	}
/*=====================================
	Display Image css
	==================================*/
#white{
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#white dd{
	font-size:12px;
	}

.popup {
	background-color:#FFFFFF;
	border:0px solid #cccccc;
	padding:0px 0px 0px 0px;
	margin:15px; 	
	font-size:13px;
}
/*=====================================
	TAKe a TourPOPUP css
==================================*/

.popup .contentbox1{
	border:none;
	}
.popup .contentbox1 dt{
	text-align:left;
	}
.popup .contentbox1 dd{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	letter-spacing:1px;
	line-height:20px;
	/*border:none;*/
	text-align:left;
	}
.popup1 {
	background-color:#FFFFFF;
	border:0px solid #cccccc;
	padding:0px 0px 0px 0px;
	margin:15px; 	
	font-size:11px;
	text-align:center;
}
.popupwindow{
	margin:0px;
	padding:10px;
	border:1px solid #D5D5D5;
	position:relative;	/*height define in ie*/
	background-image:url(../images/greyboxbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#F9F9F9;
	}
.popupwindow h2{
	background-image:url(../images/headbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#F9F9F9;
	padding:7px 15px;
	text-align:center;
	margin:-10px -10px 10px -10px;
	position:relative;	/*height define in ie*/
	}
.popupwindow h2 a{
	position:absolute;
	right:0px;
	top:7px;
	padding-right:30px;
	}
.popupwindow h2 a img{
	position:absolute;
	right:10px;
	top:0px;
	}

.popupwindow div img{
	margin-right:10px;
	}
.closebtn{
	text-align:center;
	padding:10px 0;
	}

/*###########################################
FOOTER CSS
###########################################*/


#footer .copyright{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:center;
	border-top:1px solid #DDDDDD;
	background-color:#F1f1f1;
	padding:9px 0;
	}
#footer .links{
	text-align:center;
	font-size:11px;
	color:#666666;
	background-image:url(../images/footerlinksbg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#ffffff;
	padding-top:12px;
	height:23px;
	position:relative;/*for fixing main top image*/
	}
#footer .links a{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	}
#footer .links a:hover{	
	color:#481469;
	}
#footer .links span{
	padding:0 4px;
	}
#footer .imgdiv{
	text-align:center;
	background-color:#F1f1f1;
	padding-bottom:10px;
	}
.maintop{		
	background-image:url(../images/maintop.gif);
	background-repeat:no-repeat;
	background-position:right top;		
	margin:0px;
	padding:0 5px 0 0;
	padding:0 10px 0 0;
	color:#481469;
	}
* html .maintop{		
	padding:0 5px 0 0;	
	}
.maintop:hover{
	background-position:right -13px;
	color:#666666;
	}