@charset "utf-8";
 img, div { behavior: url("/scripts/iepngfix.htc") }

/* CSS Document */

html {
	min-height: 100%; 	
	height: auto;
	font-family:Arial, Dotum, "돋움", Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
img {border:0;}

body {margin: 0px; padding: 0px; background-color: #9db8cf; background-image: url(../images/bg.jpg); background-position: center top; background-repeat:no-repeat;	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1{
	text-transform: uppercase;
}

h2{
	text-transform: uppercase;
}

h3{
	font-size: 12px;
	margin-bottom: 5px;
	color: #333333;
}

h4{
	font-size: 12px;
	text-transform: uppercase;
	margin: 10px 0px 10px 0px;
	color: #333333;
	padding: 2px 4px;
	background-color: #F5F5F5;
	clear: both;
}

h4 a:link,
h4 a:visited{
	color: #333333;
}

h4 a:hover{
	color: #004F9D;
	text-decoration: none;
}

h5{
	margin: 5px 0px 5px 0px;
	font-size: 12px;
	text-transform: uppercase;
}

p.First{
	margin-top: 0px;
}

p.Last{
	margin-bottom: 0px;
}

p.Only{
	margin-top: 0px;
	margin-bottom: 0px;
}

ul li.First{
	margin-left: 0px;
}

a, a:hover,
a:visited{
	color: #004F9D;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

span.Red{
	color: #FF0000;
}


#wrapper {width:800px; margin: 0 auto;}

#footer {margin: 5px auto; width:800px;height:80px;text-align:center; background: url(../images/footer_bg.png) no-repeat top center;font-size:11px;color:#333333}
#footer a {color:#333333}

#footer2 {margin: 5px auto; height:80px;text-align:center; background: url(../images/footer_bg2.png) no-repeat top center;font-size:11px;color:#333333}
#footer2 a {color:#333333}
/*::::::: Content Container
*/
#Banner {margin-bottom:5px;overflow:visible;}
#mainContentWrap {}
#mainContentHeader {height:42px;background: url(../images/mainContentHeader.png) no-repeat top;}
#mainContentArea {width:800px;background: url(../images/mainContent.png) no-repeat left; background-position:bottom;}
#mainContentAreaBox {margin:0 auto; width:720px}

#pageContentWrap {}
#pageContentHeader {height:42px;background: url(../images/pageContentHeader.png) no-repeat top;text-align:left;}
#pageContentHeader span {font-size:24px; line-height:42px;padding-left:10px;}
#pageContentArea {background-color: #FFFFFF;text-align:left;clear:both;}

#content{width:650px;float:left;}
#content {font-size:12px;color:#000;}

#pageContentFooter {height:12px;background:transparent url(../images/pageContentFooter.png) no-repeat bottom;min-height:12px;margin-top:-5px;padding:0px;}

.clear {clear:both;margin:0;padding:0;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad30 {padding:30px;}
.more {color:#FF6600;font-size:9px;}
/*--------------------------------------------
Layout
---------------------------------------------*/

#container {
  padding: 0;
  margin: 0;
  text-align: center;
  width: 100%;
  min-height:100%;
  background: url(../images/bg_bottom.png) no-repeat bottom;
  }
  
/*--------------------------------------------
Headers
---------------------------------------------*/

.header_item {margin-left: 25px; float:left; width:100px; }


/* Custom Header, White Space, and Footer */
#mainheaderWrap
{
	padding-bottom: 8px;

}
#index_img
{
	
}
#index_img_image
{
	width:802px;
	height:492px;
}
#img_circles
{
	margin-top:-30px;
	text-align:center;
	margin-bottom:30px;
}
.circle_image
{
	padding: 0px 3px 0px 3px;
	outline: none;
}
.ad_circle
{
	
}
#headerWrap {
  width: 100%;
  height: 61px;
  margin: 0;
  padding: 0;
  }
  

#header_top {
  width: 800px;
  margin-left:auto;
  margin-right:auto;
  }
#headerlogo {
  float: left;
  margin-top: 10px;
  }

#headermenu {
  float: right;
  width:50%;
  margin-top:10px;
  line-height:12px;

  }


#subheaderWrap {
  width: 100%;
  height: 39px;
  background: url(../images/menu_bkg.gif) top left repeat-x;
  margin: 0;
  padding: 0;
  }
#subheader_bottom {
  width: 800px;
  margin-left:auto;
  margin-right:auto;
  margin:0;
  padding:0;
  }
#subheadermenu {
 width:100%;
  }
#subheadersign {
  float: right;
  
  }
.menubutton {
  margin-right: 25px;
  }


#msignupBG, #msignupOn { float:left; width: 122px; left: 0px; background: transparent url(../images/menu2_activation.png) -0px 0px no-repeat; }
a#msignup { display: block; height: 39px; width: 122px; }
a:hover#msignup, #msignupOn { background: transparent url(../images/menu2_activation.png) -0px -39px no-repeat; }


.header_nav {
  font-size:11px;
  color: #fff;
   }
   
.header_nav a:link, .header_nav a:visited, .header_nav a:active {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}

.header_nav a:hover {
	text-decoration: none;
	color: #ffb22b;
	font-weight:bold;
}


.subheader_sign {
  font-size:16px;
  color: #f69c00;
  }
  
  
/* shop boxes */
.box2 {
	height:160px;
	text-align:left;
}
.box2_row {
	position:relative;
	width:225px;
}
.shop_handset_img {
	position:absolute;
	top:10px;
	left:0px;
	width:110px;
	text-align:center;
}

.shop_handset {
	position:absolute;
	right:0px;
	width:110px;
}
.shop_handset_title {
	font-weight:bold;
	position:relative;
	margin-top:10px;
	padding-bottom:3px;
	border-bottom:1px dotted #003366;
}
.shop_handset_model {
	font-weight:bold;
	position:relative;
	margin-top:5px;
}
.shop_handset_desc {
	position:relative;
	margin-top:5px;
}
.shop_handset_foot {
	position:absolute;
	top:98px;
}
.shop_handset_price {
position:relative;
	text-decoration:underline;
}
.shf_more {
	position:absolute;
	top:14px;
	left:55px;
	width:50px;
	font-weight:bold;
	text-align:right;
	padding-top:2px;
	font-size:11px;
}
/* end of shop boxes */

/*::::::: left hand navigation
*/
#ln{float:left;width:146px;;voice-family: "\"}\"";voice-family:inherit;width:146px;background-color:#e9f2f6;}
html>body #ln{width:146px;}
#ln a{display:block;color:#0097ac;text-decoration:none;font-size:11px;padding:3px 3px 3px 10px;}
#ln a:hover{background-color:#ffD100 !important;}
#secTitle{background-color:#ffd100;color:#000;margin-bottom:1px;padding:6px 6px 6px 10px;font-weight:bold;font-size:11px;}
#sprtr{height:1px;background-color:#E9F2F6;background-image:url(../images/ln_dotted.gif);}
.selected{font-weight:bold !important;background:url(../images/bullets_aggregated_s2.gif) -149px 8px no-repeat;background-color:#f3f9fb !important;color:#006685 !important;}
.Cbase, .Obase, .Obase2{background:url(../images/bullets_aggregated_s2.gif) -484px 8px no-repeat;background-color:#cce2ed !important;font-weight:bold !important;}
.Obase{background-color:#F4F8FA !important;}
.Obase2{background-color:#ffffff !important;}
.child{background-color:#F4F8FA !important;}
.parent1,.parent2{font-weight:bold !important;background-color:#ffffff;}
.parent2{background-color:#F4F8FA !important;}


.contactDetails {padding: 0px 3px;}
.contactTitle {color:#3174a8;font-weight:bold;border-bottom:1px solid #CCCCCC;padding:3px 0;margin-bottom:5px;}

.map a {color:#CC0000;text-decoration:underline;}

.ProductsList {background:url(../images/products_bg.gif) repeat-y}
.Row {	clear: both;
	margin: 0px;
	border-bottom: 1px solid #DFDFDF;
}
.Product {float:left;width:150px;text-align:center;padding:10px 5px;}
.Title {color:#333333;}
.Price {color:#CC0000;}
.Link a {color:#006699;text-decoration:underline;font-size:10px;font-weight:bold;}

.productPrice {margin-top:5px;}
.Detail {	padding-bottom:5px;margin-bottom:5px;}
.Information {	
	margin-bottom: 10px;
	text-align:left;
}
.ColumnOne {	width: 260px;
	float: left;	padding-right: 31px;
	text-align:center;

}
/* Product Thumbnails */
.product_image {margin-bottom:20px;}
.product_thumbnails {display:block;clear:both;}
.product_thumbnail {float:left;border:1px solid #CCCCCC;padding:1px;width:55px;margin-right:6px;}
.product_thumbnail_end {float:left;border:1px solid #CCCCCC;padding:1px;width:55px;}

.ColumnTwo {	float: left;
	width: 329px;}

.detailName{
	font-weight: bold;
	width: 100px;
	padding-left:5px;
	float:left;
	height:18px;line-height:18px;}
.detailInfo {float:left;height:18px;line-height:18px;}

p.Price{
	font-size: 11px;
	padding: 0px;
	margin-bottom: 0px;
}

.Information p{
	padding:1px;margin:0;
}

.price {font-weight:bold;color:#CC0000}
.remove {font-weight:bold;color:#003399}
.border {border-bottom:1px solid #CCCCCC;padding: 8px 2px;clear:both;}
.Features {padding-left:5px;margin-bottom:10px;}

.box {border:1px solid #CCCCCC;padding:5px;margin-bottom:5px;}




/* Boxes: corners optionally rounded by JavaScript */
div.box_blue {background-color: #ecf4f7; color:#000000; width: 100%; padding: 10px;}
div.box_yellow {background-color: #FFF3BF; color:#000000; width: 100%; padding: 10px;}
div.box_form {background-color: #ECF4F7; color:#000000; width: 100%; padding: 10px;}

/* tables: blue and yellow */
table.blue {width: 100%; border-width: 0px 1px 1px 0px; border-color: #BDD2DB; border-style:solid; empty-cells: show; border-collapse: collapse; margin: 2px 0px 2px 0px; clear: both;} 
table.blue th {border-left: 1px solid #BDD2DB; border-top: 1px solid #BDD2DB; background-color:#D2E4EA; color:#000000; font-weight:bold; text-align:left; padding: 5px; vertical-align:top;}
table.blue th.yellow1 {background-color:#FFEA8C;}
table.blue td {border-top: 1px solid #BDD2DB; border-left: 1px solid #BDD2DB; padding: 5px; color:#000000; background-color:#FFFFFF; vertical-align: top;} 
table.blue td.blue1 {background-color:#F2F7FA;}
table.blue td.blue2 {background-color:#E6EFF4;}
table.blue td.yellow1 {background-color:#FFF8D7;}
table.blue td.yellow2 {background-color:#FFF3BD;}

table.yellow {width:100%; border-width: 2px 2px 2px 0px; border-color: #FFD100; border-style:solid; empty-cells: show; border-collapse: collapse; margin: 2px 0px 3px 0px; clear: both;}
table.yellow th {border-left: 2px solid #FFD100; border-top: 1px solid #FFD100; background-color:#FFEA8C; color:#000000; font-weight:bold; padding: 5px; text-align:left;  vertical-align:top;}
table.yellow td {border-left: 2px solid #FFD100; border-top: 1px solid #FFD100; padding: 5px; color:#000000; background-color:#FFFFFF;}
table.yellow td.yellow1 {background-color:#FFF8D7;}
table.yellow td.yellow2 {background-color:#FFF3BD;}

.content-header {font-size:20px;color: #006699;font-weight:bold;}


h2.content-subheader { font-family: verdana,helvetica,arial,sans-serif; font-size: 14px; line-height: 14px; color: #006685; font-weight: bold; margin: 14px 0px 4px 0px; padding:0px;}

h2.content-subheader a,
h2.content-subheader a:link,
h2.content-subheader a:visited,
h2.content-subheader a:active,
h2.content-subheader a:hover,
#sitemap td h2.content-subheader a,
#sitemap td h2.content-subheader a:link,
#sitemap td h2.content-subheader a:visited,
#sitemap td h2.content-subheader a:active,
#sitemap td h2.content-subheader a:hover { display:block; color: #006685 !important; text-decoration:none !important; background: url(/web/ShowBinary/SCSRepository/assets/images/homepage/large_blue_bullet.gif) no-repeat 0px 8px; margin:0px; padding:2px 0px 2px 10px;}
h2.content-subheader a:active,
h2.content-subheader a:hover,
#sitemap td h2.content-subheader a:active,
#sitemap td h2.content-subheader a:hover { text-decoration:underline !important; }

h2.content-subheader2 { font-family: verdana,helvetica,arial,sans-serif; font-size: 12px; line-height: 14px; color: #006685; font-weight: bold; margin: 24px 0px 4px 0px; padding:0px; }
h2.content-subheader2 a,
h2.content-subheader2 a:link,
h2.content-subheader2 a:visited,
h2.content-subheader2 a:active,
h2.content-subheader2 a:hover,
#sitemap td h2.content-subheader2 a
#sitemap td h2.content-subheader2 a:link,
#sitemap td h2.content-subheader2 a:visited,
#sitemap td h2.content-subheader2 a:active,
#sitemap td h2.content-subheader2 a:hover { display:block; color: #006685 !important; text-decoration:none !important; background: url(/web/ShowBinary/SCSRepository/assets/images/homepage/large_blue_bullet.gif) no-repeat 0px 7px; margin:0px; padding:2px 0px 2px 10px;}
h2.content-subheader2 a:active,
h2.content-subheader2 a:hover,
#sitemap td h2.content-subheader2 a:active,
#sitemap td h2.content-subheader2 a:hover { text-decoration:underline !important; }