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

body { 
	background:#333333; 
	color:#e6ba3f; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:12px;
	margin:0px auto;
}

/*ul li a{
	text-transform:uppercase;
	font-size:9px;
}
*/
a {
	color:#e6ba3f; 
	text-decoration:none;
}

a:hover { 
	color:#fdeac1;
}

.wraper{ 
	margin:50px auto; 
	width:708px; 
	padding:2px;
	height:auto;
}

.main-content{
	width:708px;
	height:auto;
	float:left;
}
	
.banner{
	border:2px solid #e6ba3f ;
	float:left;
	width:704px;
	height:400px;
	margin-top:7px;
}

.left-menu{
	position:absolute;
	width:140px;
	height:400px;
	margin-left:-162px;
	margin-top:-2px;
	padding-right:20px;
}

.left-menu ul{
	float:right;
	text-align:right;
	list-style:none;
	font-weight:bold;
}

.left-menu ul li{
	font-weight:normal;
	margin-top:5px;
}

.left-banner{
	position:absolute;
	width:200px;
	height:400px;
	margin-left:-202px;
	margin-top:-2px;
	border-top:2px solid #e6ba3f;
	border-left:2px solid #e6ba3f;
	border-bottom:2px solid #e6ba3f;
}

.right-banner{
	position:absolute;
	width:200px;
	height:400px;
	margin-left:706px;
	margin-top:-2px;
	float:right;
	border-top:2px solid #e6ba3f;
	border-right:2px solid #e6ba3f;
	border-bottom:2px solid #e6ba3f;
}

.left-banner2{
	position:absolute;
	width:206px;
	height:400px;
	margin-left:-210px;
	margin-top:-2px;
	border-top:2px solid #e6ba3f;
	border-left:2px solid #e6ba3f;
	border-bottom:2px solid #e6ba3f;
}

.right-banner2{
	position:absolute;
	width:206px;
	height:400px;
	margin-left:706px;
	margin-top:-2px;
	float:right;
	border-top:2px solid #e6ba3f;
	border-right:2px solid #e6ba3f;
	border-bottom:2px solid #e6ba3f;
}

.box-banner{
	width:200px;
	height:200px;
	float:left;
	text-align:center;
}

.box-banner img{
	width:170px;
	height:auto;
	text-align:center;
}

.thumb-home-page{
	width:704px;
	height:400px;
	float:left;
	background:url(../imgs/banner-home.png) no-repeat center;
}

.thumb-home{
	width:352px;
	height:200px;
	float:left;
	text-align:center;
}

.thumb-home strong{
	position:absolute;
	margin-top:180px;
	width:352px;
	height:auto;
	float:left;	
	z-index:999;
	display:block;
}

.thumb-home img{
	width:180px;
	margin-top:10px;
}

img.home-pic{
	width:704px;
	height:400px;
}

.base-thumb{
	width:704px;
	height:365px;
	float:left;
}

#sort-detail{
	display:none;
	width:100px;
	height:auto;
	float:right;
}

#sort-detail a{
	color:#333;
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
}

.thumb-det{
	width:678px;
	height:25px;
	float:left;
	padding:10px 13px 0px 13px;
}

.thumb-det img{
	width:auto;
}

.big-prod{
	width:704px;
	height:400px;
	float:left;
}

.sub-menu-collection{
	position:absolute;
	margin-left:-98px;
	text-align:right;
}

.sub-menu-collection ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

.sub-menu-collection ul li{
	margin-bottom:10px;
	text-align:right;
}

.detail-prod{
	position:absolute;
	width:150px;
	height:400px;
	float:right;
	margin-left:724px;
}

.detail li img{
	width:auto;
	height:auto;
}

.detail strong{
	text-transform:uppercase;
}

.close-det{
	color:#FFFFFF;
}

.detail-prod ul{
	margin:0px;
	padding:0px;
	list-style:none;
	color:#e6ba3f;
}

.detail-prod ul li{
	margin-bottom:10px;
}

.detail-prod ul li a{
	color:#e6ba3f;
	font-size:11px;
	font-weight:bold;
}

.detail-prod ul li a:hover{
	color:#FFF;
}

ul.navigation-btn{
	margin-top:56px;
	float:left;
	text-transform:uppercase;
	width:150px;
	padding-top:10px;
}

ul.navigation-btn li{
	margin-right:20px;
}

ul.navigation-btn li a:hover{
	color:#FFFFFF;
}

.big-prod img{
	width:704px;
	height:400px;
}

.tittle-collection{
	width:auto;
	height:25px;
	float:left;
	font-weight:bold;
	font-size:11px;
}

.p_nav{
	width:158px;
	height:25px;
	float:right;
}

.prev-nav{
	float:left;
	width:16px;
	height:auto;
}

.count_p{
	width:126px;
	float:left;
	text-align:center;
}

.next-nav{
	float:right;
	width:16px;
	height:auto;
}

.thumb{
	width:215px;
	height:auto;
	float:left;
	margin:13px 0px 0px 13px;
	border:1px solid #e6ba3f;
}

.thumb img{
	width:215px;
	height:auto;
}

.header{ 
	height:auto;
	width:708px;
	float:left;
	margin-bottom:10px;
}

#navtop{
	width:708px;
	height:78px;
	float:left;
}

ul li.active a{
	font-weight:bold;
}

.left-main-nav{
	width:200px;
	height:78px;
	float:left;
}

.left-main-nav ul{
	margin:50px 0px;
	padding:0px;
	list-style:none;
	float:left;
}

.left-main-nav ul li{
	float:left;
	margin-right:15px;
}

.left-main-nav ul ul.sub-menu, .right-main-nav ul ul.sub-menu{
	position:absolute;
	margin:0px;
	padding:5px 0px 0px 0px;
	background:#333333;
	display:none;
	z-index:99999;
}

.left-main-nav ul ul li{
	float:none;
	padding:10px;
	margin:0px;
}

.left-main-nav ul ul.sub-menu li:hover{
	background-color:#000000;
	display:block;
}

.left-main-nav ul ul li a:hover{
	color:#fdeac1 !important;
}

.right-main-nav{
	float:left;
	width:200px;
	height:78px;
}

.right-main-nav ul{
	float:left;
	margin:50px 0px 0px 0px;
	padding:0px;
	list-style:none;
}

.right-main-nav ul li{
	float:left;
	margin-left:15px;
	/*margin-left:10px;*/
}

.right-main-nav ul ul.sub-menu li{
	float:none;
	padding:10px;
	margin:0px;
}

.main-logo{
	width:308px;
	height:78px;
	float:left;
}

.main-logo h1{
	width:308px;
	height:78px;
	background:url(imgs/PR_logo.png) no-repeat center;
	margin:0px;
	padding:0px;
}

.main-logo h1 span{
	visibility:hidden;
}

.header #title { 
	float:left;  
}


.header #title h1 a { 
	display:block;  
	width:297px; 
	height:61px;  
}

.footer { 
	height:auto; 
	float:left;
	margin-top:10px;
	width:708px;
}

.mdl-btm-nav{
	float:left;
	list-style:none;
	text-align:center;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	width:228px;
	font-size:12px;
	font-weight:bold;
}

.mdl-btm-nav li a{
	font-size:12px !important;
}

.mdl-btm-nav li{
	display:inline-block;
	margin:2px 5px 0px 5px;
}

.left-btm-nav{
	float:left;
	list-style:none;
	padding:0px;
	margin:0px;
	width:240px;
}

.left-btm-nav li{
	float:left;
	margin-right:15px;
}

.left-btm-nav li.fb{
	float:right;
}

.right-btm-nav{
	float:right;
	list-style:none;
	margin:0px;
	padding:0px;
	width:240px;
}

.right-btm-nav li{
	float:left;
	margin-left:15px;
}

#navbottom{
	width:708px;
	height:30px;
	float:left;
	padding-bottom:10px;
	margin-top:10px;
}

.online-nav{
	width:708px;
	float:left;
	height:auto;
}

.online-nav ul{
	margin:0px auto;
	text-align:center;
	margin-top:10px;
}

.online-nav ul li{
	display:inline-block;
	margin:0px 10px 0px 10px;
	font-weight:bold;
}

.left-contact{
	width:260px;
	height:360px;
	float:left;
	padding:20px;
}

.left-contact a{
	color:#FFFFFF;
}

.left-contact ul{
	margin:0px 20px 0px 0px;
	padding:0px;
	list-style:none;
	text-transform:uppercase;
	float:left;
}

.left-contact li{
	margin-top:10px;
	text-transform:capitalize;
}

.left-contact li img{
	width:auto;
	height:auto;
}

.left-contact a:hover{
	color:#e6ba3f;
}

.store-detail{
	width:264px;
	height:360px;
	position:absolute;
	float:left;
	margin:0px;
	background:url(imgs/close.png) 270px 14px #333 no-repeat;
	display:none;
	padding:20px;
	cursor:pointer;
}

.store-det{
	display:none;
}

.gm{
	display:none;
}

.store-detail h3{
	margin-top:0px;
	margin-bottom:30px;
	padding-top:0px;
	line-height:0px;	
	text-transform:uppercase;
	font-size:15px;
}

.close-box{
	width:18px;
	height:18px;
	background:url(imgs/close.png) no-repeat center;
	cursor:pointer;
}

.google-map{
	width:404px;
	height:400px;
	float:left;
}

.navigation-prod{
	position:absolute;
	width:810px;
	float:left;
	height:auto;
	margin-left:-53px;
	margin-top:390px;
}

.navigation-prod ul{
	margin:0px;
	padding:0px;
	list-style:none;
	font-weight:bold;
}

.navigation-prod li.prev{
	float:left;
}

.navigation-prod li.next{
	float:right;
}

.news{
	width:688px;
	height:20px;
	float:left;
	background-color:#222;
	padding:10px;
}

.news-title{
	width:120px;
	height:20px;
	float:left;
}

.news ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.news ul li{
	float:left;
	position:absolute;
}

.news-content{
	width:560px;
	height:20px;
	float:left;
}

#scrollingText
{
	width: 560px;
	height: 20px;
	float:left;
}

#scrollingText div.scrollableArea p
{
	display: block;
	float: left;
	margin: 0;
	font-size: 12px;
	color: #000; 
	white-space: nowrap;
	margin-right:30px;
}

.page-img{
	width:250px;
	height:320px;
	float:left;
	padding:40px;
}

.page-text{
	width:304px;
	height:360px;
	float:left;
	padding:10px;
}

.page-text h2{
	margin:40px 0px 20px 0px;
}

.media{
	width:708px;
	height:400px;
	float:left;
}

.thumb-media{
	width:auto;
	height:auto;
	float:left;
	margin:5px;
}