ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin: 0; padding: 0; }
a{ text-decoration:none;}
a img{ border:0;}
ul{ list-style:none;}
body{
  font-size:62.5%;
  font-family: Arial, Verdana, sans-serif;
  background:#323232 url(../images/bg.gif) repeat center 0;
  color:#b2b2b2;
}
a{
  color:#ffffff;
}
a:hover{
  text-decoration:underline;
}
a:active{
  outline: none;
}
a:focus{
  -moz-outline-style: none;
}
a.noUnderline{
  text-decoration:none;
}
a.ob:hover, a.og:hover, a.oo:hover{
  
}
.clear{
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
}
#wallpapers{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden;
}
#wallpapers div{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#wrapper {
  position:relative;
  width:900px;
  margin:15px auto 30px auto;
  padding:30px 30px 20px 30px;
  background:#1f1f1f;
  overflow:hidden;
}
#header{
  
}
#logo{
  display:block;
  float:left;
  width:250px;
  height:40px;
  background:url(../images/logo.gif) no-repeat 0 0;
}
#logo span{
  display:none;
}
#navigation{
  border-top:3px solid #ffffff;
  border-bottom:3px solid #A1B109;
  background:#A1B109;
  overflow:hidden;
}

#navigation ul{
  display:block;
  float:right;
  overflow:hidden;
  font-size:1.2em;
}
#navigation ul li{
  display:block;
  float:left;
  margin:0 30px 0 0;
  
}
#navigation ul li a{
  display:block;
  float:left;
  padding:13px 0 10px 0;
}

#navigation ul li a.selected{
  color:#333333;
}

#headerContent{
  margin:20px 0 20px 0;
  overflow:hidden;
}

#categories{
  display:block;
  overflow:hidden;
  border-top:1px solid #303030;
  border-bottom:1px solid #303030;
  font-size:1.4em;
}
#categories li{
  display:block;
  float:left;
  padding:12px 20px 12px 20px;
}
#categories li a{
  display:block;
}
#categories li a.selected{
  color:#F6821F;
}


#content{
  width:900px;
  float:left;
  position:relative;
}

#content h1.title, #content h2.title{
  color:#bcce00;
  font-size:1.8em;
  font-weight:normal;
  padding:20px 0 20px 20px;
  border-bottom:1px solid #303030;
}
#content h1.title a, #content h2.title a{
  color:#bcce00;
}
#content h1.hide{
  display:none;
}
#content h1.title{
  
}
#content .title span{
  
}
#content .title a{
}
#content .title em{
  padding:0 10px;
  font-style:normal;
  color:#303030;
}


#content h2.title{
  
}

#content .data, #content .list, #content .text, #item{
  padding:30px 20px 15px 20px;
  overflow:hidden;
}
#content .list{
  padding-bottom:0;
}
.text{
  font-size:1.2em;
}
.text p{
  margin:0 0 18px 0;
}

#sidebar{
  float:right;
  width:197px;
  padding:0 0 0 20px;
  margin:20px 0 0 0;
  border-left:1px solid #303030;
}

#footer{
  clear:both;
  margin:20px 0 0 0;
  padding:15px 0 30px 0;
  font-size:1.2em;
  border-top:1px solid #303030;
}
#footer span{
  display:block;
  float:left;
  color:#404040;
}
#footer a{
  display:block;
  float:right;
}


/*______________________________  ITEM LIST ______________________*/
.item{
  float:left;
  margin:0 0 0 55px;
  position:relative;
  width:170px;
  height:290px;
}
.item a{
  display:block;
  overflow:hidden;
  cursor:hand;
  cursor:pointer;
}
.item a:hover{
  text-decoration:none;
}
.item img{
  width:170px;
  height:170px;
  display:block;
  background:#333333;
}
.item strong{
  display:block;
  margin:4px 3px 4px 3px;
  font-size:1.4em;
  color:#ffffff;
  font-weight:normal;
  width:160px;
  text-align:center;
}
.item span{
  display:block;
  color:#808080;
  width:160px;
  margin:0 3px 0 3px;
  text-align:center;
}
.item span.sub{
  
}
.item span.cat{
  margin:12px 0 0 0;
  font-size:1.2em;
}
.item span.price{
  font-size:1.2em;
  color:#F58220;
}

.item .frame{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:164px;
  height:164px;
  padding:0;
  border:3px solid #333333;
}

.item.first{
  margin-left:0;
  clear:both;
}


.priceStrike{
  color:#999999;
}

/*________________________ ITEM SHOW ____________________*/
#item{
  overflow:hidden;
}

#images{
  float:left;
  width:300px;
  position:relative;
}
#images .image .imageBorder{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:290px;
  height:290px;
  border:5px solid #333333;
  z-index:1000;
}
#imagesContainer{
  position:relative;
  width:300px;
  height:300px;
}
#imagesContainer .image{
  background:#333333;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}
#imagesContainer .zoomIcon{
  width:17px;
  height:17px;
  position:absolute;
  bottom:5px;
  right:5px;
  background:url(../images/zoom.gif) no-repeat 0 0;
}
#zoomContainer{
  position:absolute;
  top:0;
  left:0px;
  width:300px;
  height:300px;
  overflow:hidden;
  z-index:10000;
  display:none;
}
#thumbsContainer{
  margin:10px 0 0 -2px;
  padding:2px 2px 2px 2px;
  width:300px;
  overflow:hidden;
}
#thumbsContainer .thumb{
  position:relative;
  display:block;
  width:40px;
  height:40px;
  float:left;
  margin:0 0 12px 12px;
}
#thumbsContainer .thumb.first{
  margin-left:0;
}
#thumbsContainer .thumb .frame{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:36px;
  height:36px;
  border:2px solid #333333;
}

#thumbsContainer .thumb.selected .frame{
  top:-2px;
  left:-2px;
  padding:2px;
}

#info{
  float:right;
  width:270px;
}

#item h1{
  color:#F58220;
  font-size:1.8em;
  font-weight:normal;
}
#item .num{
  font-size:1em;
  margin:3px 0 0 0;
}
#item .collection{
  color:#dddddd;
  font-size:1.2em;
  margin:6px 0 0 0;
}
#item .collection em{
  font-style:normal;
}
#item .description{
  font-size:1.2em;
  margin:25px 0 0 0;
  line-height:1.5em;
}
#item .description strong{
  color:#dddddd;
}
#item .description p{
  margin:0 0 20px 0;
}
#item .price{
  font-size:1.8em;
  margin:35px 0 0 0;
}
#item .price strong{
  color:#ffffff;
}

/*____________________ NEW & PROMO ________________________*/
.new, .promo{
  display:block;
  width:45px;
  height:45px;
  position:absolute;
  z-index:9999;
}
.new{
  background:transparent url(../images/new.gif) no-repeat 0 0;
}
.promo{
  background:transparent url(../images/promo.gif) no-repeat 0 0;
}
.item .new, .item .promo{
  top:3px;
  left:3px;
}
#item .new, #item .promo{
  top:5px;
  left:5px;
}

/*___________________ SIDEBAR BOX MODEL____________________*/
.box{
  margin:0 0 50px 0;
}
.box h3.title{
  color:#bcce00;
  font-size:1.8em;
  font-weight:normal;
  padding:0 0 20px 17px;
  margin:0 0 30px 0;
  border-bottom:1px solid #303030;
}
.box .list{
  font-size:1.4em;
  padding:0 0 0 17px;
}
.box .list li{
  margin:0 0 10px 0;
  display:block;
}
.box .list a.selected{
  color:#bcce00;
}
.box .list ul{
  margin:10px 0 0 30px;
}

.box .terms{
  padding:0 0 0 15px;
}
.box .terms li{
  background:url(../images/docicon.gif) no-repeat 0 0;
  padding:1px 0 0 20px;
  margin:0 0 15px 0;
}
.box .terms a{
  
}
.box .terms a.selected{
  color:#F6821F;
}

.box .featured{
  padding:0 0 0 15px;
}
.box .banner{
  padding:0 0 0 15px;
}

/*_______________________  COLLECTION  _____________________*/
#collections{
  padding:0 20px 0 20px;
  background:#242424;
  overflow:hidden;
  border-bottom:1px solid #303030;
}
#collectionsTrigger{
  font-size:1.1em;
  display:block;
  color:#bcce00;
  padding:10px 0 10px 0;
}
#collectionsTrigger:hover{
  text-decoration:none;
}
#collectionsTrigger span{
  padding:0 20px 0 0;
  background:url(../images/arrow_up.gif) no-repeat right center;
}
#collectionsTrigger.down span{
  background-image:url(../images/arrow_down.gif);
}
#collectionsContainer{
  overflow:hidden;
}
.collectionsList{
  display:block;
  float:left;
  font-size:1.2em;
}
.collectionsList li{
  display:block;
  margin:0 0 3px 0;
}
.collectionsList li a{
  
}
.collectionsList li a.selected{
  color:#bcce00;
}
/*_______________________  PAGINIG _________________________*/
.paging{
  border-top:1px solid #303030;
  padding:15px 20px 15px 20px;
  overflow:hidden;
  font-size:1.2em;
  line-height:1.4em;
  text-align:center;
}
.paging a{
  width:18px;
  height:18px;
  border:1px solid #8f8f8f;
  display:block;
  float:left;
  margin:0 3px 0 0;
}
.paging a:hover{
  text-decoration:none;
}
.paging span{
  width:18px;
  height:18px;
  border:1px solid #895120;
  background:#F78222;
  color:#333333;
  display:block;
  float:left;
  margin:0 3px 0 0;
}
/*_______________________  ARTICLES AND NEWS LISTS _________________________*/
.an{
  overflow:hidden;
  margin:0 0 30px 0;
}
.anImage{
  display:block;
  width:120px;
  height:120px;
  margin:0 20px 0 0;
  float:left;
  position:relative;
}
.anImage .frame{
  display:block;
  width:114px;
  height:114px;
  border:3px solid #333333;
  position:absolute;
  left:0;
  top:0;
}
.anBody{
  width:300px;
  float:left;
  font-size:1.2em;
}
.anTitle{
  font-size:1.2em;
}
.anDate{
  color:#F6821F;
  padding:0 0 0 15px;
}
.anExcerpt{
  margin:10px 0 8px 0;
}
.anRead{
  
}
.anImages{
  padding:20px 20px 20px 20px;
}
.anImages img{
  margin:0 10px 10px 0;
}
.anImages img{
  border:3px solid #333333;
}


#homeAnContainer{
  clear:both;
  overflow:hidden;
}
.homeAn{
  margin:0 35px 0 0;
  padding:0 0 0 20px;
  width:395px;
}
.homeAn h3{
  color:#bcce00;
  font-size:1.8em;
  font-weight:normal;
  padding:16px 20px 16px 0;
  border-bottom:1px solid #303030;
}

.homeAn .inner{
  padding:15px 10px 15px 0;
}


/*_________________________  HOME HEADER  ____________________*/

.homeHeaderSection, .homeHeaderImage, .homeHeaderText{width:298px; height:330px; overflow:hidden;}
.homeHeaderSection{
  float:left;
  position:relative;
}
.homeHeaderImage{
  position:absolute;
  left:0;
}
.homeHeaderText{
  position:absolute;
  left:0;
  padding:20px 30px 10px 30px;
  width:238px;
  height:300px;
  background:#1f1f1f;
}
/*________________________________  SORT BY _______________________*/
#sortBy{
  position:absolute;
  top:20px;
  right:20px;
  
}
#sortBy label{
  
}
#sortBy select{
  width:120px;
}
/*________________________________  STORES ___________________________*/
.store{
  padding:0 0 0 0;
  overflow:hidden;
  margin:0 0 40px 0;
}
.store h2{
  color:#F58220;
  font-size:1.6em;
  font-weight:normal;
  margin:0 0 15px 0;
}
.storeImage{
  float:left;
  position:relative;
}
.storeImage img{
  width:170px;
  height:170px;
}
.storeImage .frame{
  width:164px;
  height:164px;
  display:block;
  border:3px solid #4f4f4f;
  position:absolute;
  top:0;
  left:0;
}
.storeContent{
  float:right;
  width:400px;
  overflow:hidden;
}
.storeLeft{
  font-size:1.2em;
  float:left;
  width:210px;
}
.storeRight{
  font-size:1.2em;
  float:right;
  width:150px;
}

/*.storeInfo{margin-bottom:8px}*/
.storePhone{margin-bottom:8px}
.storeEmail{margin-bottom:8px}
.storeMap{}
.storeTime{}

.storeInfo p{margin-bottom:16px}

/*________________________________  CONTACTS ___________________________*/
.contactsList{
  display:block;
  width:284px;
}
.contactsList li{ display:block; margin:0 0 30px 0}
.contactsList h2{
  color:#F58220;
  font-size:1.4em;
  font-weight:normal;
}
.contactInfo{font-size:1.2em; display:block; margin:10px 0 6px 0}
.contactEmail{font-size:1.2em; display:block}

#feedback{
  
}
#feedback .input{
  margin:0 0 20px 0;
}
#feedback label{
  color:#F58220;
}
#feedback input, #feedback textarea{
  background:#1f1f1f;
  display:block;
  margin:3px 0 0 0;
  border:1px solid #373737;
  color:#b2b2b2;
  padding:3px;
  width:300px;
}
#feedback textarea{
  width:500px;
}
#feedback button{
  padding:0 10px 0 10px;
  cursor:hand;
  cursor:pointer;
}
#feedbackStatus{
  font-size:1.4em;
  color:#F58220;
  margin:0 0 20px 0;
}
#feedback .form_error{
  color:#ff0000;
}


#headerContent{
  font-size:12px;
}
#headerContent .green{
  font-size: 26px;
  color: #BCCE00;
}
#headerContent .orange{
  font-size: 14px; 
  color: #F58220; 
}
