@charset "utf-8";
/* CSS Document */

html { 
	padding:0px; margin:0px 0px 0px 0px;
}
body {
	padding:0px; margin:0px 0px 0px 0px; background: #006699; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

img {
	border: none; 
}
img.intop { 
	border:1px solid #000; 
}

b,strong {
	font-weight: bold;
	margin-left:1px;
	margin-right:1px;
	color: #174D29;
}

#bodytop {
	margin: 0px; background-color: #000; height: 16px; border-bottom: 1px solid #002E5D;
}

#bodydiv {
	width:800px;
}

#head {
	width:765px;
	margin: 0px auto;
	padding:20px 0px 0px 35px;
	display:block;
}

.search {
	float:right;
}

.search.sort{ 
	background:#ccf;
}

.input {
	border:1px solid #69c;
}

.submit {
	background-color:#69c; color:#fff; border:1px solid #369; font-size:12px;
}

#USB-flash-drives-logo {
	width:250px;
	background-image: url(logo.gif);
	height:70px;
	background-repeat: no-repeat;
}

.menu {
	height: 30px; width:800px; overflow: hidden; margin: 0px auto; background-color: #033; font-family: Arial, Helvetica, sans-serif; 
}

.menu ul {
	margin: 0px auto; list-style-type: none; list-style-position: inside; clear: both; height: 30px; padding: 0px; width: 960px; 
}

.menu li {
	list-style-type: none; list-style-position: inside; margin: 0px; padding: 0px; float: left; border-right: 1px solid #333; 
}

.menu li:hover {}

.menu a {
	color: #CCC; text-decoration: none; font-size: 14px; line-height: 30px; display: block; padding: 0px 10px; 
}

.menu a:hover {
	color: #FFF; text-decoration: none; background-color: #7CC2D1; 
}
.mess {
	height: 1px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; 
}

#top_barnner {
	clear: both; margin: 0px auto; width:800px;
}
.banner {
	clear: both; background-color: #333; border-bottom: 2px solid #ddd; width:800px; margin: 0px auto;
}
#sortbox {
	background-color: #002A53;
	width:730px;
	margin: 0px auto;
	padding:0px 35px 0px 35px;
	overflow:hidden;
	background-image:
url('../images/main/back.jpg');
}

#sortbox a {
	color: #FFFFFF;
}
.sortfeatured {
	padding:5px;
	float:left;
	display:inline;
	width:233px;
}
.sortfeatured-col {
	padding-left:28px;
	padding-right:28px;
	padding-top:18px;
	float:left;
	display:inline;
}

.sortfeature-box {
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	display:inline;
	clear:none;
	
	background:#F8F8F8;
	border:1px solid #F0F0F0;	
}

.sortfeatured-text {
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	font-weight:bold;
	padding-left:30px;
	padding-top:50px;
	color:#fff;
}

#main {
	background-color: #FFFFFF;
	width:800px;
	margin: 0px auto;
	border-top: 2px solid #023f5e;
	overflow:hidden;
}

.top {
	height:25px;
}

.top_l {
}

.bottom {
	width:100%;
	height:10px;
}

ul,li { margin:0px;padding:0px; list-style-type:none; } 

a {
color: #000;
   }

h1, h2 {
	margin:0px;
	padding:0px;
	margin-top:5px;
	font-size:14px;
	margin-bottom:0px;
	color: #028939;
  }
h1, h2 a {text-decoration:none;}

.content {
	margin-left:35px;
	margin-right:35px;
}

h1 span { font-size: 11px; font-weight:normal; letter-spacing:1px; }

.pcontent {
	margin-left:10px;
	margin-right:10px;
}

.pcontent h1 {
	margin-left:25px;
}

.listcontent {
	margin: 0px;
	color:#434343;
	font-style:normal;
	line-height:22px;
}

.rcontentcontent {
	overflow:hidden;
	clear:both;
	background-color: #FFFFFF;
}

.contentcontent {
	width:98%;margin-left:auto;margin-right:auto;
}

.productcontent {
	list-style-type: none;width:100%;height:auto;margin-top:3px;clear:both;
}

.productcontent li{
	width:25%;
	float:left;
	text-align:center;
	height:156px;
 	margin-top:3px;
	display:inline;
}

.productimg {
	border:1px solid #EBEBEB;
	text-align:center;
	width:160px;
	background-color: #FFFFFF;
	margin-top:5px;	
	margin-left:auto;
	margin-right:auto;
	clear:both;
	overflow:hidden;
}

.productimg img { border:0px; margin-left:auto; margin-right:auto; width:160px;}

.producttitle {
	text-align:center;
	width:152px;
	margin-top:2px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
  }

.ProductListIntro {
	color: #666666;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


.Photoes { float:right; margin:10px; }

.photoborder {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #333333;
	float:none;
	margin: 5px;
	padding: 5px;
}

.photoestext {
	FONT-SIZE: 9px;
	color:#fff;
}

.photoeslist { float:right;}

.photoeslist li { float:right; }

.breadcrumbs {
	font-size:10px;
	color: #000;
	padding-right: 3px;
	margin-top: 10px;
	margin-bottom: 20px;
	}
.breadcrumbs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

.breadcrumbs ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#products, #productgroup, #productsinfo, #packing_list, #data_services_list, #accessories_list, #imprint_options_list {
	line-height:13px
	}
	
#products A, #productgroup A, #packing_list A, #data_services_list A, #accessories_list A, #imprint_options_list A {
	DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 2px 0px 0px
}

#products UL LI, #productsinfo UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 13px; FONT-WEIGHT: normal; BACKGROUND: url(list.gif) no-repeat left 50%; PADDING-BOTTOM: 3px; PADDING-TOP: 3px;
}

#products DIV, #productgroup DIV, #packing_list DIV, #data_services_list DIV, #accessories_list DIV, #imprint_options_list DIV {
	FLOAT: left; MARGIN: 0px 0px 15px; WIDTH: 100%;
}

#products DIV IMG, #productgroup DIV IMG, #packing_list DIV IMG, #data_services_list DIV IMG, #accessories_list DIV DIV IMG, #imprint_options_list DIV IMG {
	FLOAT: left; MARGIN: 0px 11px 0px 0px
}

 #products DIV DIV, #productgroup DIV DIV, #packing_list DIV DIV, #data_services_list DIV DIV, #accessories_list DIV DIV, #imprint_options DIV DIV {
	FLOAT: left; MARGIN: 0px 0px 15px; WIDTH: 70%;
}

#menuproducts P {
	PADDING-top: 8px;
}

#menuproducts UL LI {
	PADDING-LEFT: 8px;
}

#customerlist UL LI {
	DISPLAY: inline;
	PADDING: 8px 8px;
}

#footer {
	COLOR: #fff;
	FONT-SIZE: 9px;
	FONT-WEIGHT: normal;
	background-color: #00254A;
	clear:both;
	width:800px;
	POSITION: relative;
	margin: 0px auto;
	text-align: center;
	padding:5px 0px 5px 0px;
}

#footer UL {
	
}
#footer UL LI {
	DISPLAY: inline
}
#footer UL LI A {
	BORDER-RIGHT: #c9c9c9 1px solid; PADDING-RIGHT: 8px; PADDING-LEFT: 7px; PADDING-BOTTOM: 0px; COLOR: #898989; PADDING-TOP: 0upoopx; TEXT-DECORATION: none
}
#footer UL LI A:hover {
	TEXT-DECORATION: underline
}
#footer UL LI.last A {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

#footer #copyright {
	FLOAT: left
}
#footer #sitemap {
	FLOAT: right
}

/* PAGINATOR */

.Pages { text-align: center; margin-bottom: 20px; margin-top: 20px; }
.Paginator { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; /* padding-bottom: 10px;  background-image: url(http://l.yimg.com/www.flickr.com/images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ }
.Paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; color: #0063DC;}
.Paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.Paginator .Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.Paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.Paginator .Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.Paginator .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.Paginator .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff; color: #FF0084; }
.Paginator a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}
/* 
.Paginator .ranking {display: block; margin-top: 0.5em; font-weight: bold;}
.Paginator .ranking a {padding: 0; border: 0; background: transparent;} 
*/
.Pages div.Results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }


id="tops"----id="body_top"
id="menu"----id="bodytop"
id="head"----id="head"
id="logo"----
id='indexbox'----id='sortbox'
id='indexfeatured'----id='sortfeatured'
id='indexfeatured-col'----id='sortfeatured-col'
id='indexfeature-box'---id='sortfeature-box'
id='indexfeatured-text'---id='sortfeatured-text'
id="main"
id='footer'

class='imghover' class='intop' --ҳ3ͼ
class='article-content' -- class='content' aboutlvsoo   
class='featured'
class='featured-col'
class='feature-box'
class='featured-title'
class='featured-text' --ͼƬ
class='mainsubheading' ---ɾ   Ϊclass="top" class="top_l" <h1></h1>ϣall products overview)   
class='quicklinks' ----ɾ  overview list
class='img_loading'--ɾ

class='featured-content' class='featured-content-title' --- ɾ service list

class=='search'-----  float:right;
class='input' -----  border:1px solid #69c;
class='submit'-----  background-color:#69c; color:#fff; border:1px solid #369; font-size:12px;
class='banner'-----

class='rcontentcontent' -----
class='contentcontent' -----
class='productcontent' -----
class='productimg' -----
class='producttitle' -----
class='ProductListIntro' -----

-----------------------
class="bread"  ---޸ij class="breadcrumbs"
class="first"  ---ɾ
class='article-title' 
class='sub_info'

class="Paginator" 
class="AtStart"
class="this-page"
class="Pages"
class="Results"

--------------------------
id="sub_info" 
class="photoes"   ---  style="float:right; margin:10px;"
class="photoborder"
class='featuredtext' ---ij  class='photoes-text'
class='photoeslist'  ---  style="width:170px; float:right;"