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

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

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

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

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

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



/*#######################################

ALL FONTS FAMILY CSS

#######################################*/

.elink,

.pagepath, 

.maillistform input,

#footer,

.gridlistbtn a {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

body,

.link,

.cmstxt,

.points li {

	font-family:Arial, Helvetica, sans-serif;

	}

h2, 

.pageheader h1  {

	font-family:"trebuchet MS";

	}

/*##################################

COMMON CSS

##################################*/



/* COMMON RESET CSS

----------------------------------*/

dl, dt, dd

	{

	margin:0px;

	padding:0px;

	list-style-type:none;

	}

a {

	text-decoration:none;

	}

/*

H1-pageheader, 

H2-common sub-title in page, 

H3-common sub-title in page, 

H4-sidebar product name, Headers in forms

H5-sidebar title

H6-not define yet*/

h1, h2, h3, h4, h6 { 

	margin:0px;

	padding:0px;

	}

h2 {

	margin-bottom:5px;

	text-transform:uppercase;

	color:#000000;

	font-size:100%;

	}

p {

	margin:0 0 15px 0;

	}

.link, 

.elink {

	text-decoration:none;

	color:#5D89A7;

	}

.link:hover,

.elink:hover {

	color:#666666;

	}

.imgborder, .imgleft, imgright {

	border:1px solid #cccccc;

	background-color:#FFFFFF;

	text-align:center;

	}

.imgborder:hover, .imgleft:hover, imgright:hover {

	border:1px solid #000000;

	}

.imgborder, .imgleft, .imgright {

	padding:2px;

	}

.imgleft {

	float:left;

	margin:0 10px 10px 0;

	}

.imgright {

	float:right;

	margin:0 0px 10px 10px;

	}

.cmstxt {

	margin:0 0 15px 0;

	font-size:80%;

	color:#000000;

	}

.left {

	float:left;

	}

.right {

	float:right;

	}

.textboxborder {

	font-family:Arial, Helvetica, sans-serif;

	border:1px solid #A9C2A5;

	font-size:100%;

	color:#666666;

	background-color:#FFFFFF;

	padding:2px;

	}

.handcur {

	cursor:pointer;

	}

#aboutus h4 {

	color:#000000;

	font-family:Arial, Helvetica, sans-serif;

	margin-bottom:15px;

	}

#aboutus table {

	border:1px solid #CCCCCC;

	}

#aboutus table th {

	background-color:#6C8AA3;

	color:#ffffff;

	}



#aboutus table td {

	border-bottom:1px solid #CCCCCC;

	border-right:1px solid #CCCCCC;

	}



/* IMAGE ALIGN CSS

-----------------------------------*/

.imgborder, 

.imgleft,

.imgright {

	text-align:center;

	display:block;

	}

.imgborder img.spacer,

.imgleft img.spacer,

.imgright img.spacer {

	width:0px;

	}

.imgborder img,

.imgleft img,

.imgright img{

	vertical-align:middle;

	}

.rt {

	position:absolute;

	right:0px;

	top:0px;

	}

.rb {

	position:absolute;

	bottom:0px;

	right:0px;

	}

.lt {

	position:absolute;

	left:0px;

	top:0px;

	}

.lb {

	position:absolute;

	left:0px;

	bottom:0px;

	}/*==================================

POPUP CSS

==================================*/

#white {

	background-color:#FFFFFF;

	padding:15px;

	font-size:80%;

	}

#white .btnbar {

	text-align:center;

	padding:10px 0;

	}

#white #topbar1 {

	height:120px;

	border-top:none;

	}

#white #topbar1 .close {

	position:absolute;

	right:15px;

	top:15px;

	}

#white .formcss .btnbar {

	padding:0;

	}

/* POPIMAGE CSS

----------------------------------*/

#white .image #topbar {

	margin-bottom:15px;

	}

#white .image h2 {

	margin:0px;

	}

#white .contentbox1 {

	padding:10px;

	}

/*==================================

MORE BUTTON LINK CSS

==================================*/

.morebtn,

.morebtn1,
.signinbtn,
.remindmebtn,
.createaccountbtn,
.sidebarbox .morebar .link,

.buybtn {

	display:block;

	text-indent:-9999px;

	overflow:hidden;

	background-repeat:no-repeat;

	background-position:0 0;

	}

.morebtn,

.sidebarbox .morebar .link {

	background-image:url(../images/morebtn.gif);

	width:56px;

	height:24px;

	}

.morebtn1 {

	background-image:url(../images/morebtn1.gif);

	width:52px;

	height:17px;

	}

.morebtn:hover,

.sidebarbox .morebar .link:hover,

.morebtn1:hover,

.buybtn:hover {

	background-position:0 -24px;

	}

.buybtn {

	background-image:url(../images/buybtn.gif);

	width:69px;

	height:17px;

	}
.signinbtn {
	background-image:url(../images/singupbtn.gif);
	width:66px;
	height:19px;
	position:absolute;
	left:10px;
	}
.createaccountbtn {
	background-image:url(../images/create_btn.gif);
	width:122px;
	height:21px;
	}
.remindmebtn {
	background-image:url(../images/remindme_btn.gif);
	width:84px;
	height:19px;
	}

/*==================================

COMMON POINTS CSS

==================================*/

.points {

	list-style-type:none;

	margin:0 0 15px 15px;

	padding:0px;

	}

.points li {

	padding:0 0 0 10px;

	margin:0 0 10px 0;

	color:#333333;

	background-image:url(../images/arrow.gif);

	background-position:1px 5px;

	background-repeat:no-repeat;

	line-height:110%;

	}

.points li .points{

	margin-top:15px;

	}

/*==================================

ALL HORIZONTAL-BARS RELATED CSS

==================================*/

.hor_bar, .hor_bar1 {

	padding:8px 10px;

	margin-bottom:15px;

	position:relative;

	min-height:15px;

	}

.hor_bar {

	background-color:#f2f2f2;

	border-bottom:1px solid #CFCFCF;

	border-right:1px solid #CFCFCF;

	}

.hor_bar1 {

	background-color:#DBE2DA;

	border-bottom:1px solid #B8CFB5;

	border-right:1px solid #B8CFB5;

	}

.hor_bar .right1, 

.hor_bar1 .right1 {

	position:absolute;

	right:8px;

	top:7px;

	}

.hor_bar .left1, 

.hor_bar1 .left1 {

	position:absolute;

	left:8px;

	top:7px;

	}

/*=======================================

HOR LINE & CLEAR CSS

========================================*/

.hor_line{

	height:20px;	

	margin-bottom:20px;

	border-bottom:1px solid #204666;

	}

.clear {

	clear:both;

	font-size:0px;

	line-height:0px;

	height:0px;

	display:block;

	}

/*================================

NO RECORD ERROR CSS

===============================*/

.norecord {

	border:1px solid #F2F2F2;

	color:#ff0000;

	font-size:13px;

	font-weight:bold;

	padding:7px 0 9px 55px;

	height:30px;

	position:relative;

	margin-bottom:15px;

	}

.norecord img{

	position:absolute;

	left:8px;

	top:8px;

	border:none;

	}

/*##################################

TOPBAR CSS

##################################*/

.topbarbg {

	border-top:21px solid #204666;

	}

#topbar {

	width:958px;

	height:90px;

	margin:auto;

	position:relative;



	}

#topbar h1{	

	margin:0px;

	padding:0px;

	}

#topbar h1 .logo{

	width:242px;

	height:55px;

	background-image:url(../images/logo.gif);

	background-repeat:no-repeat;

	position:absolute;

	left:0px;

	top:15px;

	text-indent:-9999px;

	overflow:hidden;/*NEVER FORGOT THIS WHEN YOU USE TEXT-INDENT*/

	}



/*==================================

TOPBAR NENU CSS

==================================*/

.topbar_menubar {

	position:absolute;

	right:-10px;

	top:-21px;

	font-size:70%;

	font-family:"Trebuchet MS";

	padding:2px 10px 5px 10px;

	}

.topbar_menubar a {

	color:#E4E2E2;

	}

.topbar_menubar a:hover {

	color:#B8B8B8;

	}

.topbar_menubar span {

	color:#E4E2E2;

	margin:0 2px;

	}

/*#################################### 

PAGEHEADER AND PAGE PATH CSS

####################################*/

.pageheader {

	padding:5px 0 10px 0;

	}

.pageheader h1 {

	margin:0px;

	color:#516F88;

	font-size:140%;

	font-weight:normal;

	text-transform:uppercase;

	font-family:"Trebuchet MS";

	}

.pagepath {

	padding:7px 15px 8px 0px;

	margin-bottom:20px;

	color:#204666;

	font-size:80%;

	border-top:1px solid #204666;

	border-bottom:1px solid #204666;

	}

.pagepath strong {

	margin:0 7px 0 7px;

	color:#333333;

	}

.pagepath a{

	color:#666666;

	text-decoration:none;

	}

.pagepath a:hover {

	color:#204666;

	}

.pagepath span {

	/*active page name*/

	color:#204666;

	font-weight:bold;

	}

/*##################################

NAVIGATION CSS

##################################*/

.navigationbg {

	

	}

.nav_table{

	position:absolute;

	right:0px;

	top:20px;



	}

#navigation {

	background-image:url(../images/nav_bg.gif);

	background-position:0 0;

	background-repeat:repeat-x;

	padding:0 0px;

	}

#navigation .active {

	color:#A3BACB;



	}

/*#################################### 

MIDBAR CSS

####################################*/

.midbar {

	margin-bottom:15px;

	}

/*CURVE CSS

-----------------------------------*/

.curvebox{

	background-color:#D9DFE4;

	background-image:url(../images/infobox_bg.gif);

	background-repeat:repeat-x;

	background-position:left bottom;

	min-height:160px;

	padding:7px 15px 15px 15px;

	position:relative;

	}

/* Sample 1*/

#box1{

	position:absolute;

}

#box1 span{

	display:block;

	float:left;

}



/* Sample 2*/

#box2{

	position:absolute;

}

#box2 span{

	display:block;

	float:left;

}



/* Sample 3*/

#box3{

	position:absolute;

}

#box3 span{

	display:block;

	float:left;

}



/* Sample 4*/

#box4{

	position:absolute;

}

#box4 div{

	width:480px;

	height:240px;

	float:left;

	background:#eee;

}



#box4 h3, #box4 p, #box4 ul{

	padding:5px 10px;

}

#box4 p{

	text-indent:16px;

}

#box4 img{

	width:200px;

	width:150px;

	float:left;

	margin:0 10px 10px 15px;

}

#info4{

	background:#fff !important;

	color:red !important;

	cursor:default

}



/* Sample 5*/

#box5{

	position:absolute;

	width:240px;

}

#box5 span{

	display:block;

}

#info5{

	bottom:0;

}



/* Sample 6*/

#box6{

	position:absolute;

	width:240px;

}

#box6 span{

	display:block;

}

#handles6_1{

	float:left

}

#handles6_2{

	float:right

}

.mask6{

	position:absolute;

	left:50%;

	margin-left:-120px;

	width:240px;

	height:180px;

	overflow:hidden;

}

.sample6 .buttons{

	clear:both;

	text-align:center;

}



/* Sample 7*/

#box7{

	position:absolute;

}

#box7 span{

	display:block;

	float:left;

}



#thumbs7{

	position:relative;

	width:486px;

	clear:both;

	height:41px;

	overflow:hidden;

	margin-top:200px;

}

#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{

	position:absolute;

	top:0;

	width:100%;

	height:41px;

}

#thumbs7 .thumbs div, #thumbs_handles7 span{

	display:block;

	width:60px;

	height:41px;

	margin:0;

	float:left;

	cursor:pointer;

}

#thumbs7 .thumbs div img{

	width:54px;

	float:right;

}

#thumbs_handles7 span{

	background:url(thumb_invisible.gif) no-repeat;

}

#thumbs_mask7{

	width:1200px;

	background:url(thumbs_mask.gif) no-repeat center top;

}



/* Sample 8*/

#box8{

	position:absolute;

}

#box8 div{

	width:480px;

	float:left;

}

#box8 .buttons{

	text-align:left

}

#box8 .next{

	float:right

}

.sample8 .buttons{

	text-align:center;

	clear:both;

}

.sample8 .mask1{

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

}



/* ********************************** */



.thumbs{

	width:54px;

}

.thumbs div{

	display:block;

	width:54px;

	height:41px;

	margin:3px 0;

	cursor:pointer;

}



.thumbs div img{

	display:block;

	width:100%;

	height:100%;

	border:none

}



.info{

	width:240px;

	height:50px;

	background:#000;

	position:absolute;

}

.info p, .info h4{

	color:#fff;

	padding:3px 8px;

	font-family:Arial;

}

.info h4{

	font-size:14px;

}

.info h4 a{

	float:right;

	background:#fff;

	color:#000;

	font-size:10px;

	padding:0 3px;

	text-decoration:none

}



.mask1{

	position:relative;

	width:480px;

	height:180px;

	overflow:hidden;

}

.mask2{

	position:relative;

	width:240px;

	height:180px;

	overflow:hidden;

}

.mask3{

	position:relative;

	width:480px;

	height:240px;

	overflow:hidden;

}



span img{

	display:block;

	border:none;

}

/*==================================

SCROLLER CSS 

==================================*/

#pscroller_infoboxnews {

	height:275px;

	}

#pscroller_topbar {

	height:58px;

	}

#pscroller_news {

	height:220px;

	}

#pscroller_events {

	height: 355px;

	}

#pscroller_specials {

	height: 355px;

	}

#pscroller_testimonials {

	height:245px;

	}

#pscroller_indexnews {

	height:152px;

	}

/*##################################

/*##################################

CONTENT-BOX STRUCTURE CSS

THIS CSS USED IN FAQ, TESTIMONIALS AND LINKS PAGES

##################################*/

/*searchbox css*/



.searchbox {background-color:#F8F8F8; padding:5px; padding-bottom:8px; border-bottom:1px solid #DFDFDF; margin-bottom:12px;}

.searchbox strong {color:#204666;}

.searchbox table {margin-bottom:5px;}

.searchbox .morebar a {color:#687784; font-weight:bold; }

.searchbox .morebar a:hover {color:#000A33; font-weight:bold;}



.searchbox strong input {color:#666666;}





.contentbox1 {

	border:1px solid #EEEFF0;

	padding:2px;	

	margin:0 0 15px 0;

	background-color:#F8F8F8;



	}

.contentbox1 .imgleft td{

	height:72px;

	width:160px;

	}

.contentbox1 .nopadding {

	padding:0px;

	}

.contentbox1 .noborder {

	border-right:none;

	}

.contentbox1 dt {

	font-size:13px;

	color:#204666;

	font-weight:bold;

	margin:0 0 0px 0;

	padding:5px 10px 10px 10px;

	border-bottom:1px solid #dfdfdf;

	}

.contentbox1   table {

	border-top:1px solid #E3E2E2;

	background-color:#F8F8F8;

	color:#204666;

	border-bottom:1px solid #E3E2E2;

	}

.contentbox1  table td {

	padding:5px;

	padding-left:7px;

	border-right:1px solid #cccccc;

	}

.contentbox1 dt a{

	color:#204666;

	}

.contentbox1 dt a:hover{

	color:#666666;

	}

.contentbox1 dd {

	min-height:1px;

	color:#000000;

	margin:0px;

	background-color:#ffffff;

	padding:15px 10px 10px 10px;

	z-index:1;

	}



.contentbox1 .linkbox,

.contentbox1 .morebar {

	margin:0px 0 0 0;

	height:10px;

	position:relative;

	background-color:#ffffff;

	clear:both;

	}

.contentbox1 .linkbox .link,

.contentbox1 .linkbox .morebtn,

.contentbox1 .morebar .link {

	font-weight:bold;

	font-size:11px;

	position:absolute;

	right:10px;

	top:0px;

	}

.contentbox1 dd strong{

	margin-bottom:5px;

	display:block;

	}

.linkbar {

	font-weight:bold;

	background-color:#f2f2f2;

	padding:8px 10px;

	font-size:90%;

	border-bottom:1px solid #CFCFCF;

	border-right:1px solid #CFCFCF;

	margin-bottom:15px;

	}

.linkbar a {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

.contentbox1 .linkbox a {	

	position:absolute;

	right:15px;

	top:12px;

	color:#076782;

	font-weight:bold;

	}

.contentbox1 .linkbox a:hover {	

	color:#666666;

	}



.morebar { position:relative; }





/*##################################

FOOTER CSS

##################################*/

.footerbg {
	background-color:#1C4263;
	position:relative;

	}

#footer {
	background-color:#1C4263;
	font-size:60%;
	height:41px;
	width:958px;
	margin:auto;
	position:relative;
	}
#footer .copyright,
#footer .links {
	position:absolute;
	top:5px;
	} 
#footer .copyright {
	left:0px;
	color:#9B9B9B;
	}
#footer .links {
	right:0px;
	color:#607D5E;
	}
#footer .links a {

	color:#929292;

	}

#footer .links a:hover {

	color:#ffffff;

	}

#footer .links span {

	margin:0 5px;

	color:#929292;

	}

#footer .bookmarkbtn {

	position:absolute;

	bottom:10px;

	right:20px;

	}
#footer .footer_logo {
	background:url(../images/footer_logo.gif) no-repeat 0 0;
	width:449px;
	height:48px;
	position:absolute;
	top:10px;
	right:0px;
	text-indent:-99999999px;
	}
/* CHECKOUT_STEP

**************************************************/
#checkout_step{
	list-style:none;
	margin:0px 0 0 0px;
	padding:0;
	display:block;
	
	}
#checkout_step li{
	display:block;
	float:left;
	padding:0;
	position:relative;
	}
#checkout_step li a{
	display:block;
	float:left;
	height:0;
	padding-top:49px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
	width:171px;
	margin:0 0px 0 0px;
	
	}
#checkout_step .arrow {
	position:absolute;
	right:12px;
	top:15px;
	width:30px;
	height:19px;
		}
#checkout_step li.active a,
#checkout_step li a:hover,
#checkout_step li.complete a:hover{
	background-position:0 -50px;
	}
#checkout_step li.complete a{
	background-position:0 -100px;
	}
#checkout1 a{
	background-image:url(../images/check1.gif);
	}
#checkout2 a{
	background-image:url(../images/check2.gif);
	}
#checkout3 a{
	background-image:url(../images/check3.gif);
	}
#checkout3.alt a{
	background-image:url(../graphics/stage3-alt.gif);
		}
#checkout4 a{
	background-image:url(../images/check4.gif);
	}
#checkout5 a{
	background-image:url(../images/check5.gif);
	}
#checkout6 a{
	background-image:url(../images/check6.gif);
	}
/*CHECKOUT PAGE CSS*/
.header {
	background-color:#204666;
	padding:8px;
	}
.header h4 {
	color:#FFFFFF;
	}
.contentbox{
	margin-top:10px;
	}
.contentbox p{
	padding:15px;
	background-color:#E8ECF1;
	}
.results {
	margin:0;
	padding:0 0 0 15px;
	}
.results li{
	font-size:110%;
	list-style-type:none;
	margin:0;
	padding:15px 0 15px 0; 
	border-bottom:1px solid #B8BCBF;
	}
.results ul li.small{
	font-size:80%;
	}
.results .select img{
	float:right;
	}
/*PRESCRIPTION PAGE CSS*/
.pres_table th{
	background-color:#A6B5C2;
	color:#FFFFFF;
	padding:5px 5px 5px 5px;
	}
.pres_table .eg_heading{
	background-color:#ECEFF1;
	color:#204666;
	}
.pres_table .eg_heading td{
	padding:10px 2px 10px 2px;
	text-align:left;
	}
.pres_table .eg_heading td img{
	text-align:center;
	}
.pres_table input{
	height:20px;
	}
.pres_table .check_td{
	width:2%;
	}
.pres_table name_td{
	width:43%
	}
.pres_table direction_td{
	width:35%;
	}
.pres_table .qty_td{
	width:20%;
	}
.pres_table .spacing{
	height:8px;	
	padding:0;
	}
.pres_table .add_more{
	background-color:#6390AD;
	}
.pres_table .add_more a{
	color:#FFFFFF;
	}
.pres_table .add_more a:hover{
	color:#204666;
	}
/*ORDER CONFIRM DETAILS CSS */
.confirm_order{

	margin:10px 0 10px 0;

	}

.confirm_box{

	background-color:#E8ECF1;

	padding:10px 10px 5px 10px;

	margin-top:15px;

	}



.confirm_order h2{

	padding:0px 0 0px 0;

	}

.confirm_order .detail{

	padding:0 0 10px 0px;

	border-bottom:1px solid #C2C5C6;

	margin-bottom:10px;

	}

.confirm_order strong{

	color:#204666;

	}

.confirm_order .pres_table{

	margin-top:10px;

	margin-bottom:10px;

	}

.confirm_order .pres_table th{

	padding:5px 2px 5px 2px;

	}

.confirm_order .pres_table td{

	border-bottom:1px solid #C2C5C6;

	}

.confirm_order .btnbar {

	margin-top:15px;

	background-color:#E8ECF1;

	position:relative;

	height:40px;



	}	

.confirm_order .btnbar span input{

	position:absolute;

	left:300px;

	top:8px;

	}