/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:.9375em; background:#f1f1f1}
html, input, textarea, table	{	font-family: Arial, Helvetica, sans-serif; 
		color:#606060;	}	

.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:#007ba4; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#85b100; float:right; background:url(images/marker.gif)  center right no-repeat; padding-right:10px; font-weight:bold; }
.link1{color:#007ba4; }
.link2{color:#ec4700; font-weight:bold; }
.link3{color: #85b100;font-weight:bold; font-size:115%;}
.link4{color: #85b100;font-weight:bold;font-size:85%; }

.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 a{color:#a4aaab; text-decoration:none; line-height:1.23em;} 
#content ul li a:hover { color:#85b100; text-decoration:none; }*/

#content .ul1 li { padding-bottom:17px} 
#content .ul1 li a{color:#ec4700; text-decoration: underline; line-height:1.23em; font-weight:bold} 
#content .ul1 li a:hover { color:#ec4700; text-decoration:none; }


#content .ul2 li{background:url(images/tail.gif) repeat-x bottom; padding-left:2px; width:100% }
#content .ul2 .last{background:none; padding-left:2px; }
#content .ul2 li a{background:none; color:#717677; text-decoration: none; line-height:2.53em} 
#content .ul2 li a:hover { text-decoration:none; color:#000 }

#content .ul li{background:url(images/tail.gif) repeat-x bottom; padding-left:2px; }
#content .ul .last{background:none; padding-left:2px; }
#content .ul li a{background:url(images/icon-1.gif) top left no-repeat; padding:2px 0 2px 36px; color:#717677; text-decoration: none; line-height:2.53em} 
#content .ul .li a{background:url(images/icon-2.gif) top left no-repeat;} 
#content .ul .li1 a{background:url(images/icon-3.gif) top left no-repeat;} 
#content .ul .li2 a{background:url(images/icon-4.gif) top left no-repeat;} 
#content .ul .li3 a{background:url(images/icon-5.gif) top left no-repeat;} 
#content .ul .li4 a{background:url(images/icon-6.gif) top left no-repeat;} 
#content .ul .li5 a{background:url(images/icon-7.gif) top left no-repeat;} 
#content .ul li a:hover { text-decoration:none; color:#000 }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.875em; color:#FFFFFF }
#header .logo{ margin:87px 0 0 0; position:absolute }
#header .menu{position:absolute; margin-left:2px;  }
#header .slogan{ margin:95px 0 0 583px; position:absolute; color:#b3baba; font-size:1.71em; line-height:1.2em }
#header .slogan b{ font-size:1.25em }
#header .indent{margin:4px 0 0 559px; position:absolute; width:350px}
#header .indent1{padding:0 0 0 0}

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


#header h1{color:#25262c; font-size:1.85em; font-weight:normal; margin-bottom:13px; line-height:1.2em; background:url(http://www.sonicclick.com/images/SONICclick_large.gif) no-repeat top left; padding:5px 0 5px 43px; letter-spacing:-1px  }
#header h1 a{color:#25262c; text-decoration:none  }
#header h1 a:hover{text-decoration:none  }

/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left; background:url(images/bg_cont.jpg) no-repeat top left}
#content .indent-main{padding:0 45px 35px 45px}
#content .title{  margin-bottom:16px}
#content .banner{  margin:19px 0 0 5px}
#content .img{  margin-left:176px; position:absolute}
#content .img1{  margin-left:176px; position:absolute; margin-top:-22px}
#content .button1{  margin-top:-67px; position:absolute; margin-left:76px}
#content .button2{  margin-top:-67px; position:absolute; margin-left:226px}
#content .button-1{  margin-top:-1px; position:absolute; margin-left:65px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-left1{ float:left; margin:0 6px 0 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 21px 0}
#content .p{ margin:0}
#content .WHERE $thisq{ margin:0 0 11px 0}
#content .p2{ margin-bottom:25px;}
#content h2{color:#007da6; font-size:3.07em; margin-bottom:0; font-weight:normal; line-height:1.2em  }
#page2 #content h2{color:#007da6; font-size:2.0em; margin-bottom:0; font-weight:normal; line-height:1.5em  }
#content h2 span{ display:block; margin-top:-15px; margin-bottom:-5px}
#content h3{color:#acb7ba; font-size:2.307em; margin-bottom:0; font-weight:normal; line-height:1.2em  }
#content h4{color:#131313; font-size:1.33em; margin-bottom:11px;  }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
.txt1{ font-size:3.33em; font-weight:normal; color:#ec4700; line-height:1.2em}
#page2 .txt1{ font-size:1.95em; font-weight:normal; color:#ec4700; line-height:1.2em}
.txt{ font-size:1.83em; font-weight:normal; color:#3b3b3b; line-height:1.2em}
.txt b{ font-size:2.18em;}
.txt span{ font-size:.72em;}
.txt span span{ display:block; margin-top:-11px; font-size:1em}


#content .indent{padding:16px 0 0 0}

/*==================boxes====================*/
.box { width:100%; position:relative; }
.box .left-top-corner { background:url(images/corner_top_left.png) no-repeat left top; padding-left:16px;}
.box .right-top-corner { background:url(images/corner_top_right.png) no-repeat right top; padding-right:16px;}
.box .border-top { background:#fff; height:16px; }

.box .left-bottom-corner { background:url(images/corner_bottom_left.png) no-repeat left bottom; padding-left:16px}
.box .right-bottom-corner { background:url(images/corner_bottom_right.png) no-repeat right bottom; padding-right:16px}
.box .border-bottom { background:url(images/border_bottom.png) left bottom repeat-x; height:16px; width:100%;}

.box .border-left { background:#fff; padding-left:16px;}
.box .border-right { background:url(images/border_right.png) right top repeat-y; padding-right:16px;}
.box .xcontent { background:#fff; min-height:181px; height:auto !important;  height:181px;}

.box .indent-box{ padding:0 0 0 10px; }
.box .indent-box1{ padding:10px 5px 10px 10px; }
.box .indent-box2{ padding:10px 5px 10px 20px; }


.box2 { width:100%; position:relative; }
.box2.left-top-corner { background:url(images/corner_top_left.png) no-repeat left top; padding-left:2px;}
.box2 .right-top-corner { background:url(images/corner_top_right.png) no-repeat right top; padding-right:2px;}
.box2 .border-top { background:#fff; height:16px; }

.box2 .left-bottom-corner { background:url(images/corner_bottom_left.png) no-repeat left bottom; padding-left:2px}
.box2 .right-bottom-corner { background:url(images/corner_bottom_right.png) no-repeat right bottom; padding-right:2px}
.box2 .border-bottom { background:url(images/border_bottom.png) left bottom repeat-x; height:16px; width:100%;}

.box2 .border-left { background:#fff; padding-left:2px;}
.box2 .border-right { background:url(images/border_right.png) right top repeat-y; padding-right:2px;}
.box2 .xcontent { background:#fff; min-height:181px; height:auto !important;  height:181px;}

.box2 .indent-box{ padding:0 0 0 10px; }
.box2 .indent-box1{ padding:10px 2px 10px 2px; }
.box2 .indent-box2{ padding:10px 2px 10px 20px; }
.box2 table {font-size:90%}




/*footer*/
#footer { color:#797979; font-size:0.75em; text-align:center}
#footer .indent-footer{ padding:21px 50px 0 50px;}
#footer a {color:#797979; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

#footer ul{margin:0; padding:0 0 10px 185px; 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:#007ba4; text-decoration: underline; display:block; float:left; padding:2px 18px 2px 18px} 
#footer ul li a:hover { text-decoration:none; }
#footer ul .first{background:none;}
#footer ul .first a{ padding-left:0}

.jamp{ width:82px; margin-left:3px; margin-right:7px; vertical-align:middle}
select{font-size:12px; color:#acacac; height:23px;	font-family: Arial, Helvetica, sans-serif;}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:35px; background:url(images/bg_input.gif) no-repeat top left}
.h2{ height:136px; background:url(images/bg_input1.gif) no-repeat top left; width:259px}
.h1{ height:30px}
.block-contact span{ float:right; margin-right:50px}
.input{
	width:200px; height:16px;
	font-size:12px;
	color:#acacac;
	padding-left:10px;
	vertical-align:middle;
	padding-top:2px;
	padding-bottom:2px;
}
.input1{
   	border:none; 
	background:none;
	width:254px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px
}
textarea{
   	/*border:none; */
	background:none;
	width:254px; height:127px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
.strike {text-decoration: line-through;}
.head {color: #85b100;font-weight:bold;}
.head2 {color: #007ba4;font-weight:bold;font-size:120%;}