body  {
    margin: 0px;
    padding: 0px;
    background: #000000 url(../images/pattern.gif);
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}
* {
    list-style:none;
    list-style-type:none;
}
img {
    border: none;
}

h1 {
    color:#333;
    font-size:1.8em;
}
ul, li {
    list-style:none;
    list-style-type:none;
}
#logo {
    text-align:center;
    margin:20px;
}
#container {
/*    min-height:300px;
    padding-bottom:90px;
    background: #fff url(../images/css/center_bg_bottom.gif) bottom left repeat-x;*/
}
#centerContent {
    text-align:center;
    margin: 1px 0 0 0;
    background: #fff url(../images/css/center_bg_top.gif) top left repeat-x;
}
#mainContent {
    margin:auto;
    text-align:left;
    width:780px;
}
#breadcrumb {
    padding-top:40px;
    font-weight:normal;
    font-size:11px;
}
#breadcrumb a {
    color:#003399;
}
ul#productDetail{
    list-style:none;
    padding:0;
    margin:0;
}
#productDetail li {
    float:left;
    list-style:none;
    padding:0;
    margin:0;
}
#productDetail li a,
.newsPage p a.image {
    width:250px;
    height:250px;
    display:block;
    background-color:#fff;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.newsPage p a.image {
    float:right;
    margin-left:10px;
}
#productDetail li.image {
    text-align:center;
    vertical-align:middle;
}
#productDetail li.detail {
    margin-left:20px;
    width:450px;
}
#productDetail li.detail table td {
    font-weight:normal;
    vertical-align:top;
}
#productDetail li.detail table th {
    vertical-align:top;
    width:100px;
}

#productDetail li.image span.zoom,
.newsPage a.image span.zoom {
    width:250px;
    height:250px;
    border:1px solid #ccc;
    display:block;
    background: transparent url(../images/css/mag_glass.gif) 97% 97% no-repeat;
}

.newsPage a.image span.zoom,
.newsPage p a.image {
    width:260px;
    height:260px;
}
.newsPage a.image span.zoom {
    background: transparent url(../images/css/mag_glass.png) 97% 97% no-repeat;
}
#fisheye{
	text-align: center;
	height: 270px;
	position: relative;
	padding-top:60px;
}
div.titleText {
/*    width:90px;*/
    height:42px;
    display:block;
}
a.fisheyeItem {
    z-index:10;
	text-align: center;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	width: 60px;
	position: absolute;
	display: block;
	bottom: 10px;
}
.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}
.fisheyeItem span {
    display:none;
	positon: absolute;
	height:45px;
}
.fisheyeContainter
{
   background-color:#fff;
	height: 160px;
	width: 400px;
	left: 500px;
	position: absolute;
}

.clearfix {
    clear:both;
    float:none;
}

#info
{
    position: relative;
    top: 40px;
    left: 50%;
    margin-left: -464px;
    text-align: center;
    width: 928px;
    height: 300px;
    background: url(../images/bags.jpg) no-repeat 0px 43px;
}

#welcome
{
    color: #cccbcb;
}

#new
{
    margin-top: 215px;
}
#address {
    background: url(../images/css/bottom_bg.gif) repeat-x top left;
    padding-top: 60px;
    color:#fff;
    text-align:center;
    letter-spacing:1px;
    clear:both;
}
#address a {
    color:#fff;
    text-decoration:none;
}
#address a:hover {
    text-decoration:underline;
}
ul#mainMenu {
    padding-top:8px;
}
ul#mainMenu li {
    display:block;
    float:left;
    width:90px;
    height:380px;
/*    border:1px solid;
    background-color:#efefef;*/
    text-align:center;
    padding:0 5px;
    margin:0 2px;
}
div.news h3 {
    color: #333333;
    font-size: 1.4em;
    text-shadow: 1px 1px 3px #FFF;
    text-transform: uppercase;
    border-bottom: 1px solid #999999;
    padding-bottom: 4px;
}

ul#mainMenu li.hover {
    border-left:1px dotted #ccc;
    border-right:1px dotted #ccc;
}
div.news {
    /*width:190px;*/
    width:19%;
    position:absolute;
    right:0;
    border-left:1px solid #333;
    text-align:left;
    margin-top:8px;
    padding:0 10px;
    background: url(../images/css/news_bg_top.gif) repeat-x top left;
    min-height:454px;
}
div.news ul li {
    float:none;
    text-align:left;
    font-weight:normal;
    width:inherit;
    height:inherit;
    padding-bottom:5px;
    margin-top:5px;
    border-bottom:1px dotted #999;
    height:110px;
    min-width:190px;
}
div.news ul {
    padding:0;
}
div.news ul li h4 {
    font-size:1.1em;    
    margin:3px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
div.news a {
    color:#0033cc;
    text-decoration:none;
}
div.news a:hover {
    text-decoration:underline;
}
div.news ul li p {
    padding:0;
    margin:0;
    font-size:11px;
    overflow:hidden;
    max-height:86px;
    text-overflow:ellipsis;
}
div.news ul li p span {
    color:#666;
}
div.news ul li p a.pic,
.newsPage p a.pic {
    float:right;
    border:2px solid #ccc;
    display:block;
    width:90px;
    height:70px;
    background-position: 50% 20%;
    margin-left:10px;
}
div.news ul li p img,
.newsPage ul li p img {
    margin-left:10px;
    border:1px solid #ccc;
    visibility:hidden;
}
div.news li.viewall {
    clear:both;
    text-align:right;
    height:inherit;
    font-weight:normal;
    border-bottom:none;
}
div.news li.viewall p {
    margin:0;
}
.newsPage {
    min-height:400px;
    font-weight:normal;
}
.newsPage p {
    text-align:justify;
}
.newsPage p img {
    margin-left:10px;
    border:1px solid #ccc;
    float:right;
}
.newsPage p.viewall {
    margin:0;
    clear:both;
    padding:10px 0 40px 0;
}

.newsPage ul {
    margin:0;
    padding:0;
}
.newsPage ul li {
    clear:both;
    height:95px;
    border-bottom:1px dashed #ccc;
}
.newsPage ul li h4 {
    margin-bottom:1px;
    padding:0;
}
.newsPage ul li p {
    margin:0;
    padding:0;
}
#mouseOver {
    background: transparent url(../images/css/menu_hover_bg.gif) top left repeat-x;
    margin-top:8px;
    position:absolute;
    height:454px;
    display:none;
}

