/* CSS Document */

html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:url(../images/bg1.gif) repeat-x top #fff; margin:0; padding:0;}
html{	
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	}	
.eC_Simple_Pacifica_Arial{	
	width: 979px !important;
}

h3{
	color: #000000;
	font-size: 18px;
}

.faqHeader{
	text-transform: uppercase;
	color: #00359b;
	font-size: 10px !important;
}

#ecart_checkout_form input{
	 width: 150px;
 }

.eC_SummaryFooter{
	background-color: #ffffff !important;
}

#Submit_order{
	width: 100px !important;
	height: 25px !important;
}

#KT_Insert1, #KT_Login1, #kt_login1{
	background-image: url(../images/buttonBG.jpg);
	background-repeat: none;
	width: 100px;
	height: 25px;
	border: none;
	color: #ffffff;
}
.KT_tngtable{
	color: #000000;
	font-size: 12px;
}
	
.KT_tngtable td{
	padding: 5px;
	border-bottom: 1px groove #c2c2c2;
}

.jqTransformTextarea td{
	border-bottom: none !important;
}

.addressText{
	float: left;
	font-weight: bold;
	color: #00359b;
	width: 100px;
	margin-right: 10px;
}
body#page1 .addressText{
	float: left;
	font-weight: bold;
	color: #00359b;
	font-size: 1.5em !important;
	width: auto;
	margin-right: 10px;
}


.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 {
	width: 100%;
	float: left;
	margin-top: 40px;
}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#00359b; font-weight: bold; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#00359b; background:url(../images/marker1.gif) top left no-repeat; padding-left:25px; background-position:0 0; font-weight:bold  }
.link1{ color:#00359b; 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 .style1 li{background:url(../images/marker1.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:25px; }
#content .style1 li a{color:#00359b; text-decoration: underline; line-height:2.75em; font-weight:bold} 
#content .style1 li a:hover { text-decoration:none; }
#content .ul2 li{
	background:url(../images/marker.gif) top left no-repeat;
	background-position:0 9px;
	margin:0 0 5px 0;
	padding-left:12px;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}
#content .ul2 li a{color:#fff; text-decoration: underline; line-height:1.91em; font-weight:normal} 
#content .ul2 li a:hover { text-decoration:none; }
#content .ul1 li{background:url(../images/marker2.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul1 li a{color:#504f53; text-decoration: underline; line-height:1.91em; font-weight:normal} 
#content .ul1 li a:hover { text-decoration:none; }

#content .col-2 .ul2{ font-size: 12px; margin-top: -15px; }

#content .col-2 .ul2 li{
	font-size: 12px;
	line-height: 17px;
}

#sendEmail{
	color: #000000;
}

.stepActive h3, .stepActive{
	color:#00359b !important;
}

.link-1 {
	display:block;
	background:url(../images/link_bg.gif) left top repeat-x;
	color:#ffffff;
	text-decoration:none;
	text-align: center;
	width: 150px;
	margin: auto;
}
.link-top{
	background: transparent url('../images/topstepbgright.png') no-repeat scroll top right;
	color: #444;
	display: block;
	height: 40px;
	padding-right: 6px; /* sliding doors padding */
	text-decoration: none;
	margin: auto;
	width: 100px;
	font-size: 1.5em;
}

.link-top span{
	background: transparent url('../images/topstepbgleft.png') no-repeat;
	display: block;
	line-height: 30px;
	padding: 5px 12px 5px 18px;
	z-index: 100;
	color: #ffffff;
	}
.link-1 em { display:block; background:url(../images/link_left.gif) no-repeat left top; font-size:1.5em}
.link-1  b { display:block; background:url(../images/link_right.gif) no-repeat right top; padding:10px 15px 13px 18px;  font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

.link-2 {
	display:block;
	background:url(../images/link_bg1.gif) left top repeat-x;
	color:#585857;
	text-decoration:none;
	width: 150px;
	margin: auto;
}
.link-2 em { display:block; background:url(../images/link_left1.gif) no-repeat left top; font-size:1.5em}
.link-2  b { display:block; background:url(../images/link_right1.gif) no-repeat right top; padding:10px 15px 13px 18px;  font-style:normal;}
.link-2:hover{ text-decoration:none; color:#e78306}

.link-3 { display:block; float:left; background:url(../images/link_bg2.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-3 em { display:block; background:url(../images/link_left2.gif) no-repeat left top; font-size:1.5em}
.link-3  b { display:block; background:url(../images/link_right2.gif) no-repeat right top; padding:13px 15px 12px 44px;  font-style:normal;}
.link-3:hover{ text-decoration:none; color:#000000}

.link-4 { display:block; float:left; background:url(../images/link_bg2.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-4 em { display:block; background:url(../images/link_left3.gif) no-repeat left top; font-size:1.5em}
.link-4  b { display:block; background:url(../images/link_right2.gif) no-repeat right top; padding:13px 15px 12px 18px;  font-style:normal;}
.link-4:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.6875em; color:#FFFFFF }
#header .logo{ margin:0 0 0 0; position:absolute; width: 421px; height: 100px; background-image: url(../images/logo.gif); background-repeat: no-repeat;}
#header .block{ margin:103px 0 0 0; position:absolute; background:url(../images/bg_block.jpg) no-repeat top left; height:301px; width:980px }
#header .blockContact{ margin:123px 0 0 0; position:absolute; background:url(../images/bg_blockContact.jpg) no-repeat top left; height:301px; width:980px }
#header .blockCart{ margin:123px 0 0 0; position:absolute; background:url(../images/bg_blockCart.jpg) no-repeat top left; height:301px; width:980px }
#header .blockPayment{ margin:123px 0 0 0; position:absolute; background:url(../images/bg_blockPayment.jpg) no-repeat top left; height:301px; width:980px }
#header .blockFAQs{ margin:123px 0 0 0; position:absolute; background:url(../images/bg_blockFAQs.jpg) no-repeat top left; height:301px; width:980px }
#header .blockOrderSuccess{ margin:123px 0 0 0; position:absolute; background:url(../images/bg_blockOrderSuccess.jpg) no-repeat top left; height:301px; width:980px }
#header .blockAbout{ margin:123px 0 0 0; position:absolute; background:url(../images/bg_blockAbout.jpg) no-repeat top left; height:301px; width:980px }
#header .menu{
	margin:55px 0 0 421px;
	position:absolute;
	width:784px;
	left: -224px;
}
#header .indent{margin:8px 0 0 800px; position:absolute; width:178px}
#header .slogan{margin:50px 0 0 97px}
#header a{color:#fff; font-weight:bold; text-decoration:none;} 
#header a:hover{text-decoration:underline}

#header h1{background:url(../images/logo.gif) no-repeat;}
#header h1 a{color:#fff; 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{background:none}
#header ul li a{background:url(../images/bg_menu.gif) top left no-repeat; color:#fff; text-decoration:none; width:112px; text-align:center; display:block; float:left; font-weight:bold; padding:15px 0 23px 0; font-size:1.63em} 
#header ul li a:hover { text-decoration:none; background:url(../images/bg_menu-act.gif) top left no-repeat;}
#header ul li .current{ 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;
	float: left;
}
#content .indent-main{
	padding:0 0 50px 0;
	float: left;
	width: 100%;
}
#content .indent-col{padding:5px 0 0 0}
#content .indent-col1{padding:45px 0 0 0}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 6px 0}
#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 h4{color:#00359b; font-size:1em; }
#content h2{color:#00359b; font-size:1.83em; margin: 0px; padding: 0px; font-weight:normal;  }
#content h2 strong{color:#00359b; font-size:1.045em; }
#content .tail{ background:url(../images/tail.gif) repeat-x bottom; padding-bottom:25px; margin-bottom:25px}

#content .indent{padding:42px 0 0 0}
#content .indent-1{
	margin: -27px 0 0 30px;
	position: absolute;
	width: 197px;
}
#content .indent-21{
	width: 244px;
	text-align: center;
	z-index: 500;
	position: absolute;
	top: 175px;
}
#content .indent-top{
	width: 244px;
	text-align: center;
	z-index: 500;
	position: absolute;
	top: -20px;
}

#content .indent-2{margin:-27px 0 0 30px; position: absolute; width:200px}
#content .indent1{padding:22px 0 0 0}

/*box*/
.box{
	background-image: url(../images/stepBG.jpg);
	background-repeat: no-repeat;
	width:100%;
	color:#989d9f;
	height: 201px;
	float: left;
}
.box .indent-box{
	padding: 5px 20px 30px 30px;
}
#content .box h2{color:#fff; font-size: 20px; margin-bottom: 10px; line-height:1.22em; font-weight:normal; margin-top: 5px; }
#content .box h2 strong{color:#fff; font-size:1.33em; }
/*box1*/
.box1{
	background-image: url(../images/getStartedBG.jpg);
	background-repeat: no-repeat;
	width:100%;
	height: 201px;
}
.box1 .indent-box{
	padding:20px 20px 0 30px;
}
#content .box1 h2{color:#fff; font-size:1.5em; margin-bottom:18px; line-height:1.22em; font-weight:normal  }
#content .box1 h2 strong{color:#fff; font-size:1.33em; line-height:.83em }
/*box2*/
.box2{
	float: left;
	background:#f3f5f6;
	width:204px;
	line-height:1.16em;
	color:#161616;
	padding: 20px;
}
.box2 .indent-box{
	padding:20px 0 0 0;
}
.box2 .indent-box1{ float: left; margin-bottom: 20px; }
#content .box2 h2{
	color:#161616;
	margin-bottom:18px;
	font-weight:bold;
	font-size: 1.5em;
}
#content .box2 h3{color:#161616; font-size:1.91em; margin-bottom:25px; font-weight:bold }
#content .box2 .phone{
	float: left;
	font-size: 1.5em;
}

/*footer*/
#footer { color:#181818; font-weight:bold; font-size:0.75em; background:url(../images/bot.gif) repeat-x top ; }
#footer .indent-footer{ padding:17px 0 0 0;}
#footer .indent-footer1{ margin:38px 0 0 831px; position:absolute}
#footer a {color:#181818; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

#footer ul{margin:0; padding:0; list-style:none;}
#footer ul li{ margin:0; display:inline; background:url(../images/bg_li.gif) center left no-repeat; float:left}
#footer ul li a{color:#000000; text-decoration:none; display:block; float:left; padding:2px 10px 2px 10px; font-weight:normal; text-transform:uppercase; font-size: 10px; font-weight: bold;} 
#footer ul li a:hover { text-decoration:none; }
#footer ul .first{background:none;}
#footer ul .first a{ padding-left:0}
#footer ul li .current{ text-decoration:none; background:url(../images/bg_menu.gif) top left no-repeat;  }

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.h{ height:29px}
.block-contact span{ float:right; margin-right:20px}
.gstSmall {
	font-size: 9px;
	color: #FFF;
}
.row.container .col-2.maxheight .box1.maxheight .indent-box .ul2 li {
	color: #FFF;
}
.addressLine {
	float: left;
	width: 100%;
	margin: 5px 0;
}
#stepscont {
	background-image: url(../images/steps.png);
	background-repeat: no-repeat;
	float: left;
	height: 900px;
	width: 700px;
}
.step1 {
	float: left;
	width: 222px;
	margin-left: 22px;
	height: 267px;
}
.smallstepheader {
	float: left;
	height: 36px;
	width: 91px;
	margin-top: 4px;
	margin-left: 65px;
	color: #ffffff;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}
.smallsteptext {
	float: left;
	width: 202px;
	padding: 10px;
	color: #ffffff;
	font-size: 12px;
}
.smallsteptext ul{
	list-style: inside;
}
.smallsteptext ul li{
	list-style-type: disc;
	list-style-position: inside;
}
.step2 {
	float: right;
	height: 267px;
	width: 222px;
	margin-right: 20px;
}
.step3 {
	float: left;
	height: 261px;
	width: 447px;
	margin: 16px 0 0 127px;
}
.largestepheader {
	float: left;
	height: 36px;
	width: 91px;
	margin-left: 178px;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	line-height: 36px;
	text-align: center;
}
.largesteptext {
	float: left;
	width: 428px;
	padding: 10px;
	color: #ffffff;
}
.largesteptext ul{
	list-style: inside;
}
.largesteptext ul li{
	list-style-type: disc;
	list-style-position: inside;
}
.step4 {
	float: left;
	height: 254px;
	width: 223px;
	margin: 32px 0 0 234px;
}

