@import url("reset.css");

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 11px;
	background-color: #fff;
	background: url(../images/bg-main.png) repeat-x top center;
}

input, select, textarea, button {
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: middle;
	font-size: 12px;
	color: #999;	
}

#wrapper {
	width: 1024px;
	height: auto;
	margin: 0 auto;
}

/*** header ***/
#header {
	width: 1024px;
	height: 100px;
}

#logo {
	float: left;
	width: 150px;
	height: 100px;
}

#nav {
	float: left;
	width: 874px;
	height: 100px;
}

#nav-top {
	width: 874px;
	height: 92px;
	background-color: #4a4a4a;
}

#nav-btm {
	width: 874px;
	height: 8px;
	background-color: #075794;
	
}

#main-nav {
	float: left;
	width: 694px;
	height: 92px;
	padding-left: 36px;
}

#main-nav li {
	display: inline-block;
	line-height: 30px;
	margin-top: 35px;
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	padding: 0 30px;
	/*border-right: dotted 1px #fff;*/
}

#main-nav li:last-child	{border-right: none;}

#main-nav li {
	overflow: visible;
}

#main-nav li a {
	color: #fff;
	text-decoration: none;
	line-height: 30px;
	display: inline-block;
}

#main-nav li a:hover, #main-nav li a.selected {
	color: #ff4c00;
	text-decoration: none;
	background: url(../images/select.png) no-repeat center bottom;
	padding-bottom:28px;
}

#scn {
	float: left;
	width: 144px;
	height: 58px;
	background-color: #4a4a4a;
	padding-top: 34px;
}

.scn-item {
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 8px;
}
/*** end of header ***/

/*** content ***/
#main-content {
	width: 1024px;
	height: auto;
}

/****************************************/
/*             Slideshow                */
/****************************************/
#slideshow {
	float: left;	
	width: 653px;
	height: 363px;
	border-right: solid 1px #f8f8f8;
	margin: 0;
	padding: 0;
	/*overflow:hidden;*/
}

#slideshow img{
  	width: 653px;
	height: 363px; 
  	overflow:hidden;
}

#slide_nav { 
  z-index: 50; 
  position: absolute; 
  left:25px;
  bottom:15px;
}

#slide_nav a { 
  margin: 0 1px; 
  text-decoration: none ; 
  color:#fff;
  font-size:1px;
  text-indent:-9999px;
  float:left;
  width:17px;
  height:17px;
  /*border-radius: 10px;
  background: #fff; 
  -moz-box-shadow:1px 1px 2px rgba(0,0,0,.2),-1px -1px 2px rgba(0,0,0,.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;*/
  background:url(../images/bullet_black.png) no-repeat;
}

#slide_nav a.activeSlide,#slide_nav a:hover { 
  /*background: #ff000d !important; */
  color: #ff000d !important; 
  background:url(../images/bullet_blue.png) no-repeat;
}

/*Slideshow Style*/


#banner {
	float: left;
	width: 370px;
	height: 363px;
}

#about {
	width: 1024px;
	height: auto;
	border-top: solid 1px #e8e4dc;
	margin:40px 0;
}

#about-title, #about-title2  {
	width: 240px;
	height: auto;
	background: #fff;
	text-align: center;
	margin: -8px auto 0;
}

#about-title-normal {
	margin: 0 auto;
}

#about-title h1 {
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #838383;
}

#about h1 a {
	color: #838383;
	text-decoration: none;
}

#about-content h1 {
	text-align: center;
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	font-size: 38px;
	line-height: 40px;
	color: #075794;
	text-transform: lowercase;
	margin-bottom: 15px;
}

#about-content p {
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: #7a7a7a;
}

#product {
	width: 1024px;
	height: auto;
	background-color:#fff;
}

#gallery {
	width: 1024px;
	height: auto;
	background-color:#fff;
	margin-bottom:50px;
}

#product-nav {
	float: left;
	width: 284px;
	height: auto;
}

#product-nav .header {
	width: 263px;
	height: 58px;
	margin-bottom: 20px;
}



#product-list {
	float: left;
	width: 740px;
	height: auto;
}

#product-list .header {
	width: 740px;
	height: 58px;
	background:#005596 url(../images/bg-product.jpg) repeat-x;
}

#gallery-list {
	float: left;
	width: 740px;
	height: auto;
}

#gallery-list .header {
	width: 1024px;
	height: 58px;
	background:#005596 url(../images/bg-product.jpg) repeat-x;
}

#gallery-list .header h1{
	font-size:24px;
	padding:22px 0 0 30px;	
	text-transform:uppercase;
}


#product-list .header h1{
	font-size:24px;
	padding:22px 0 0 10px;	
	text-transform:uppercase;
}

#gallery-list .items {
	width: 1000px;
	height: auto;
	margin-left:5px;	
}

#gallery-list .items .item {
	float: left;
	width: 160px;
	height: 160px;
	padding:10px;
	margin:9px;
	border: solid 1px #e8e4dc;
}


#gallery-list .items .item .img {
	width: 160px;
}

#product-list .items {
	width: 720px;
	height: auto;	
}

#product-list .items .item {
	float: left;
	width: 200px;
	height: auto;
	margin-right: 48px;
}

#product-list .items .lastitem {
	margin-right: 0;
}

#product-list .items .item .img {
	width: 198px;
	border: solid 1px #e8e4dc;
	margin-bottom: 20px;
}

#product-list .items .item .new-item {
	width: 63px;
	height: 63px;
	position:absolute;
	padding-right:136px;
	background:url(../images/img-new.png) top right no-repeat;
}

#product-list .items .item .desc {
	width: 200px;
	/*margin-bottom: 15px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7e6458;
	line-height: 18px;
}

#product-list .items .item .price {
	width: 200px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff7342;
	line-height: 18px;
}

#product-list .items .item .oldprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bdb9b7;
	text-decoration: line-through;
	font-weight: normal;
	padding-left: 10px;
}

#contact {
	width: 924px;
	height: auto;
	border: solid 1px #ebebeb;
	padding: 50px;
	color: #737373;
}

#contact-form {
	float: left;
	width: 535px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

#contact-form label {
	width: 85px;
	display: inline-block;
	padding-top: 5px;
}

#contact-form input[type="text"] {
	width: 432px;
	height: 28px;
	border: solid 1px #e8e8e8;
	padding: 0 5px;
	margin-bottom: 8px;
	background: url(../images/bg-text.png) repeat-x;
}

#contact-form textarea {
	width: 432px;
	height: 174px;
	border: solid 1px #e8e8e8;
	padding: 0 5px;
	margin-bottom: 8px;
	vertical-align: top;
	background: url(../images/bg-textarea.png) repeat-x;
}

#contact-form input[type="submit"] {
	border: none;
	background: #005596;
	color:#fff;
	margin-top: 10px;
	margin-left: 90px;
	padding:5px 15px;
}

#contact-info {
	float: left;
	width: 374px;
	font-family: Verdana, Geneva, sans-serif;
	padding-left: 15px;
	padding-top: 100px;
}

#contact-info h1 {
	font-size: 16px;
	color: #075794;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}

#contact-info .desc {
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	font-size: 13px;
	margin-bottom: 30px;
}

#contact-info p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 25px;
}
/*** end of content ***/

/*** footer ***/
#footer {
	width: 1024px;
	height: 45px;
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585555;
	text-align: center;
	padding-top: 40px;
}

#footer a {
	color: #585555;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
/*** end of footer***/

#accordion {
	list-style: none;
	width: 240px;
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
}
#accordion li{
	font-size: 13px;
	color: #4d4d4d;
	background: url(../images/bullet.png) no-repeat 100%;
	padding-left: 15px;
	text-transform: uppercase;
	display:block;
	cursor: pointer; cursor: hand;
	line-height: 22px;
	/*border-bottom: solid 1px #e8e4dc;*/
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#accordion li a {
	color: #743003;
	text-decoration: none;
}

#accordion li a:hover {
	text-decoration: underline;
}


#accordion ul {
	list-style: none;
	padding: 0 0 0 0;
	display: none;
}
#accordion ul li{
	width:200px;
	font-weight: normal;
	font-size: 12px;
	color: #743003;
	cursor: auto;
	padding: 0 0 6px 30px;
	line-height:12px;
	text-transform:capitalize;	
	background: none;
}
#accordion ul li a {
	color: #4d4d4d;
	text-decoration: none;
	display:block;
	padding-bottom:6px;
}
#accordion ul li a:hover, #accordion ul li a.selected {
	color:#ff4c00;
	text-decoration:none;
}



#product-nav .item {
	padding-left: 15px;
	width: 254px;
}
