/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; min-width:1000px; background:#fff}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#444444;  }	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#1493d3; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.left-bg {background:url(/images/bg2.jpg) top left repeat-x }
.right-bg {
	background:url(/images/bg1.jpg) top right repeat-x;
	width:707px;
	right:0;
	position:absolute;
	height:291px;
	top: 173px;
}
#header {background:url(/images/bg-short.jpg) top center no-repeat ; position:relative;}



.link{color:#1493d3; background:url(/images/marker1.gif) center right no-repeat; padding-right:8px; font-weight:bold; float:right }
.rss{color:#f97f10; text-decoration:none; background:url(/images/rss.gif) center right no-repeat; padding-right:20px; font-weight:bold; float:right }
.rss:hover{text-decoration:underline;  }
.link1{color:#1493d3; }
.link3{color:#1493d3; background:url(/images/marker1.gif) center right no-repeat; padding-right:8px; font-weight:bold;  }

.button{color:#f8f7f3; background:url(/images/button.gif) top left no-repeat; font-weight:bold; padding:1px 8px 5px 9px; text-decoration:none;  }
.button:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(/images/marker1.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:10px;padding-top:5px }
#content ul li a{color:#f01150; font-weight:bold; text-decoration: underline; line-height:2em} 
#content ul li a:hover { text-decoration:none; }

#content .ul li{background:url(/images/tail1.gif) bottom left repeat-x;  margin:0; padding-left:0; }
#content .ul .last{background:none }
#content .ul li a{color:#1493d3; font-weight: normal; font-size:1.16em; text-decoration:none ; line-height:2em; background:url(/images/marker.gif) top left no-repeat; background-position:0 3px; margin:0; padding-left:10px; }
#content .ul li a:hover { text-decoration:none; color:#000; }

/*header*/
#header {font-size:1em; color:#FFFFFF }
#header .logo{ margin:15px 0 0 29px }
#header .slogan{ margin:79px 0 0 461px }
#header .menu{margin:63px 0 0 234px; position:absolute; width:746px}
#header .button1{margin:344px 0 0 755px; position:absolute; }
#header .indent{margin:448px 0 0 13px; position:absolute; width:954px}

#header h1{color:#325a53; font-size:1.75em; margin-bottom:13px; line-height:1.2em  }
#header h1 a{color:#325a53; text-decoration:none  }
#header h1 a:hover{text-decoration:none  }

#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0; display:inline}
#header ul .last a{ width:148px;} 
#header ul li a{background:url(/images/bg_menu.gif) top left no-repeat; color:#fff; text-decoration:none; width:149px; text-align:center; display:block; float:left; line-height:26px}
#header ul li a:hover { color:#f01150; text-decoration:none; background:url(/images/bg_menu-act.gif) top left no-repeat;}
#header ul li .current{ color:#f01150; text-decoration:none; background:url(/images/bg_menu-act.gif) top left no-repeat;  }



/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:0 10px 0 29px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-right{ float:right; margin:0 0px 16px 20px}
#content .img-center{ float:center; margin:5px 5px 5px 5px}
#content .img-indent{ margin:0 0 16px 0}
#content p{
	margin:0 0 17px 0;}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content .p2{ margin:0 0 7px 0}
#content .p11{color:#F01150; font-size:1em; margin-bottom:0;  }
#content h1{color:#444444; font-size:1.75em; margin-bottom:13px; line-height:1.2em  }
#content h2{color:#444444; font-size:1.66em; margin-bottom:13px; line-height:1.2em; letter-spacing:-1px }
#content h3{color:#1493d3; font-size:1.2em;font-weight:bold; margin-bottom:0;  }
#content h4{color:#1493d3; font-size:1em; margin-bottom:0;  }
#content h11{color:#F01150; font-size:1.2em;font-weight:bold; margin-bottom:0;  }

#content .tail{ background:url(/images/tail1.gif) bottom repeat-x; padding-bottom:13px; margin-bottom:13px}
#content .tail1{ background:url(/images/tail1.gif) bottom repeat-x; padding-bottom:7px; margin-bottom:9px}
#content .tail-1{ background:url(/images/tail1.gif) bottom repeat-x; padding-bottom:47px;}
#content h2.color{ color:#1493d3; font-size:2em}
#content h2.color-blue{ color:#1493d3; font-size:2em}
#content h2.blue-1-5{ color:#1493d3; font-size:1.5em}
#content h3.color-red{ color:#F01150}
#content .redtext{ color:#F01150; font-size:2em}

#content .indent11{padding:0 0 0 10px}
#content .indent12{padding:0 0 0 20px}
#content .indent13{padding:0 0 0 30px}
#content .indent14{padding:0 0 0 40px}
#content .indent15{padding:0 0 0 50px}



#content .indent{padding:30px 0 0 0}
#content .indent1{padding:0 0 0 241px}

.block{ background:url(/images/bg_block.gif) top left no-repeat; width:320px; height:89px}
.block .indent-block{padding:13px 0 0 29px}

/*content for FAQ Page*/
#content-faq{ font-size:0.75em; width:100%; text-align:left;}
#content-faq .indent-main{padding:0 10px 0 29px}
#content-faq .title{  margin-bottom:16px}
#content-faq .img-left{ float:left; margin:0 20px 16px 0}
#content-faq .img-indent{ margin:0 0 16px 0}
#content-faq p{ margin:0 0 17px 0; color:#7EB6FF;}
#content-faq .p{ margin:0}
#content-faq .p1{ margin:0 0 17px 0}
#content-faq .p2{ margin:0 0 7px 0}
#content-faq .p11{color:#F01150; font-size:1em; margin-bottom:0;  }
#content-faq h1{color:#444444; font-size:1.75em; margin-bottom:13px; line-height:1.2em  }
#content-faq h2{color:#444444; font-size:1.66em; margin-bottom:13px; line-height:1.2em; letter-spacing:-1px }
#content-faq h3{color:#1493d3; font-size:1.2em;font-weight:bold; margin-bottom:0;  }
#content-faq h4{color:#1493d3; font-size:1em; margin-bottom:0;  }
#content-faq h11{color:#F01150; font-size:1.2em;font-weight:bold; margin-bottom:0;  }

#content-faq .tail{ background:url(/images/tail1.gif) bottom repeat-x; padding-bottom:13px; margin-bottom:13px}
#content-faq .tail1{ background:url(/images/tail1.gif) bottom repeat-x; padding-bottom:7px; margin-bottom:9px}
#content-faq .tail-1{ background:url(/images/tail1.gif) bottom repeat-x; padding-bottom:47px;}
#content-faq h2.color{ color:#1493d3; font-size:2em}
#content-faq .answer {color:#444444; font-size:1.2em;font-weight:bold; margin-bottom:0;} 
#content-faq .answertext {color:#444444; padding:0 0 0 20px} 

#content-faq .indent11{padding:0 0 0 10px}
#content-faq .indent12{padding:0 0 0 20px}
#content-faq .indent13{padding:0 0 0 30px}
#content-faq .indent14{padding:0 0 0 40px}
#content-faq .indent15{padding:0 0 0 50px}



#content-faq .indent{padding:30px 0 0 0}
#content-faq .indent1{padding:0 0 0 241px}


/*footer*/
#footer { color:#444444; font-size:0.75em; }
#footer .indent-footer{ padding:15px 50px 0 30px;}
#footer span{ font-size:1.14em}
#footer a {color:#444444; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
#footer .a {color:#1493d3; text-decoration:none}  
#footer .a:hover {  text-decoration:underline}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:30px; background:url(/images/bg_input1.gif) top left no-repeat}
.h1{ height:30px; background:url(/images/bg_input.gif) top left no-repeat}
.h2{ height:126px; background:url(/images/bg_input2.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:20px}
.input{
   	border:none; 
	background:none;
	width:170px; height:20px;
	font-size:1em;
	color:#444444;
	padding-left:9px;
	padding-top:2px;
	padding-bottom:2px;
}
input-bulkqty{
   	border:none; 
	background:url(/images/fieldbkgrd.jpg)
	width:80px; height:25px;
	font-size:1em;
	color:#444444;
	padding-left:9px;
	padding-top:2px;
	padding-bottom:2px;
}
input{
   	border:15; 
/*	background:url(/images/fieldbkgrd-y.jpg);  */
	background:none);
/*	width:40px; height:20px;  */
	font-size:1em;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:2px;
}
textarea{
   	border:none; 
	background:none;
	width:300px; height:120px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
/*---------- slide -------*/	
#fade {
	margin:10px 0 0 -10px;
	position:relative;
	width:1000px;
	height:429px;
	overflow:hidden;
	background:url(/images/fade-bg.jpg) left top no-repeat;
}
.prevNav {
	right:73px;
	top:27px;
	display:block;
	width:26px;
	height:26px;
	background:url(/images/prev.gif);
	position:absolute;
	z-index:100
}
.nextNav {
	right:44px;
	top:27px;
	display:block;
	width:26px;
	height:26px;
	background:url(/images/next.gif);
	position:absolute;
	z-index:100
}

.prev-prepNav {
	right:155px;
	top:27px;
	display:block;
	width:162px;
	height:36px;
	background:url(/images/previous-button.gif);
	position:absolute;
	z-index:100
}
.next-prepNav {
	right:25px;
	top:27px;
	display:block;
	width:103px;
	height:36px;
	background:url(/images/next-button.jpg);
	position:absolute;
	z-index:100
}

.slider {
	position:relative;
}

.controlNav {
	position:absolute;
	width:955px;
	height:66px;
	z-index:100;
	left:16px;
	top:-66px;
}

.controlNav a {
	z-index:99;
	cursor:pointer;
	font-size:0;
	line-height:0;
	display:block;
	float:left;
	width:191px;
	height:66px;
	margin-top:0px;
}
	.controlNav .m0 {
		background:url(/images/banner1.png) left top no-repeat;
	}
	.controlNav .m0:hover, .controlNav .m0.activeSlide  {
		background:url(/images/banner1-hover.png) left top no-repeat;
	}
	.controlNav .m1 {
		background:url(/images/banner2.jpg) left top no-repeat;
	}
	.controlNav .m1:hover, .controlNav .m1.activeSlide  {
		background:url(/images/banner2-hover.jpg) left top no-repeat;
	}
	.controlNav .m2 {
		background:url(/images/banner3.jpg) left top no-repeat;
	}
	.controlNav .m2:hover, .controlNav .m2.activeSlide  {
		background:url(/images/banner3-hover.jpg) left top no-repeat;
	}
	.controlNav .m3 {
		background:url(/images/banner4.jpg) left top no-repeat;
	}
	.controlNav .m3:hover, .controlNav .m3.activeSlide  {
		background:url(/images/banner4-hover.jpg) left top no-repeat;
	}
	.controlNav .m4 {
		background:url(/images/banner5.jpg) left top no-repeat;
	}
	.controlNav .m4:hover, .controlNav .m4.activeSlide  {
		background:url(/images/banner5-hover.png) left top no-repeat;
	}
	.controlNav .m5 {
		background:url(/images/banner4.jpg) left top no-repeat;
	}
	.controlNav .m5:hover, .controlNav .m5.activeSlide  {
		background:url(/images/banner4-hover.jpg) left top no-repeat;
	}
	.controlNav .m6 {
		background:url(/images/banner5.jpg) left top no-repeat;
	}
	.controlNav .m6:hover, .controlNav .m6.activeSlide  {
		background:url(/images/banner5-hover.png) left top no-repeat;
	}

#fade div {
	position:relative;
}
.fade-link {
	position:absolute;
	z-index:100;
}
	.f1 a {
		left:828px;
		top:227px;
	}
	.f2 a {
		left:827px;
		top:253px;
	}
	.f3 a {
		left:705px;
		top:258px;
	}
	.f4 a {
		left:782px;
		top:249px;
	}
	.f5 a {
		left:765px;
		top:240px;
	}
	.f6 a {
		left:765px;
		top:240px;
	}
	.f7 a {
		left:765px;
		top:240px;
	}

/*  Begin settings for show and hide with multiple open*/

.demo-show {
	border: 1px solid lightgray; 
	width: 900px;
	margin: 1em .5em;
}

.demo-show h3 {
  color: #42C0FB;
  margin: 0;
  padding: .25em;
  background: #FFFFFF ;
/*  border-top: 1px solid #386785;
  border-bottom: 1px solid #386785; 
  text-decoration:underline;*/
  cursor:pointer ;
  color: #FFFFFF ;  
}

.demo-show div {
  padding: .5em .25em;
}

.order-service-header {
	color: #F01150;
	font-weight: bold;
	font-size: 1.5em;
}

.order-service-container {
	margin-left: 20px;
}

.question-expand-collapse {
	display: inline-block;
	width: 10px;
	margin-right: 5px;
}

/*  Begin settings for show and hide with never more than ONE open*/
.only-one-show-hide {
  width: 900px;
  margin: 1em .5em;
 }

.only-one-show-hide h3 {
  color: #42C0FB;
  margin: 0;
  padding: .25em;
  background: #FFFFFF ;
/*  border-top: 1px solid #386785;
  border-bottom: 1px solid #386785; 
  text-decoration:underline;*/
  cursor:pointer ;
  color: #FFFFFF ;  
}

.only-one-show-hide div {
  padding: .5em .25em;
}

/*****************************************/
.delivery_item_method {
	text-align: left;
}

.delivery_item_options > input {
	margin-right: 3px;
}

#cloud-form-target {
	margin: 5px;	
	height: auto; /* 275px */
}

#cloud-form-label {
	font-weight: bold;
	margin-bottom: 10px;
}

#cloud-form-auth-later {
	color: #444444; 
	font-weight: bold;
}

#cloud-form-auth-later > input {
	margin-right: 5px;
}

div[class=cloud_storage_solution_container] {
	padding: 3px 0px 0px 2px;
	margin: 0px;	
}

.cloud_storage_solution_container > input {
	width: 200px;
	margin: 0px 0px 5px 0px;
}

.cloud_storage_solution_authorized_label {
	margin-left: 10px;
	color: white;
	font-weight: bold;
}

.digital-delivery-price-rate-label {
	font-weight: normal;	
}

.digital-delivery-price-value {
	text-align: right;
}

#transaction_type_container {
	display: block;
	margin-top: 5px; 
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #cceeee; 
	min-height: 20px;
	vertical-align: middle;
}

#transaction_type_container > input {
	margin-left: 5px; 
	margin-right: 2px;
}

#coupon_code {
	margin-right: 3px;
}

#coupon_container {
	display: block;
	padding-top: 2px; 
	padding-bottom: 2px;
	padding-right: 0px; 
	background-color: #cceeee; 
	min-height: 25px;
	overflow: auto;
}

#coupon_container div {
	display: block; 
	padding: 0px;
}

#coupon_util {
	display: block; 
	float: left;
	padding: 0px;
}

#coupons_applied {
	display: block; 
	float: right; 
	margin-right: 0px;
	padding: 0px;
}

.checkbox-coupon-remove {
	margin-right: 2px;	
}

.coupon-display {
	margin-top: 3px;
	margin-bottom: 3px;	
	display: block;
	line-height: 2.2em;
	width: 275px;
}

.coupon-label {
	float: left;	
	font-weight: bold;
	text-align: right;
	width: 225px;
}

.coupon-discount {
	float: right;	
	text-align: right;
	width: 50px;
}

#confirmation_panel_left {
	width: 55%;
}

#confirmation_panel_right {
	width: 45%;
}

.confirmation-section {
	overflow: auto;
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 5px 5px;	
}

.confirmation-header {
	color: #444444;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

.confirmation-body {
	font-size: 0.75em;
	overflow: auto;
}

.confirmation-footer {
	margin-top: 10px;
	font-size: 0.75em;
}

.confirmation-referral {
	
}

#terms_conditions_text_container {
	margin: 0px 10px 0px 5px;
	padding: 5px 10px 5px 0px;
}

#terms_conditions_body {
	float: right; 
	overflow-y: auto; 
	height: 250px; 
	width: 95%;
	border: 1px solid #C7C8C9;
	font-size: 0.75em;	
}

#terms_conditions_body > p {
	margin-bottom: 10px;
	padding: 5px;
}

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

 .button-submit, .button-addcoupon, .button-slideshow, .slideshowbutton { 
	color: white; 
	background:#444444;
	font-size: 0.80em;
    height: 25px;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	border-top: gray 4px solid;
	border-bottom: black 4px solid;
	border-right: #000 4px solid;
	border-left: black 4px solid; 
}
		
.specialInstructions {
	border-top: #999 2px solid;
	border-bottom: #999 2px solid;
	border-right: #999 2px solid;
	border-left: #999 2px solid; 
}