body
{
    padding:0;
    margin: 0;  
    font-family: arial;  
    height: 100%;
}

input
{
    border: solid 1px #d9d9d9;
}
h3
{
    color: #363636;    
}

a
{
    text-decoration: none;
    color: #363636;
}
/* very top */ 
.sticktop 
{
    background-color: #2D2D2D;
    background-image: none;
    _background-image: none;
    background-position: 0 -138px;
    background-repeat: repeat-x;
    border-bottom: 1px solid black;
    font-size: 24px;
    height: 5px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 990;
    min-width: 1010px;
}

.account
{
    width:980px;
    color:white;
    margin:auto;
}

.account_box
{
    float:right;
    text-align: right;
    width:200px;
    color:#969696;
    padding-top:8px;
    font-size: 15px;
}
/* header */ 
.header
{
    width: 980px;
    margin:auto;  
}

.logo 
{
    margin-top: 30px;
    width:230px;
    float:left;
}

.logo img
{
    width:190px;
}

/* menu */ 
.navigation
{
    height: 38px;
    width:980px;
    margin:auto;
    margin-top: 10px;
    margin-bottom:20px;
    border-bottom: 2px solid rgb(211, 211, 211);
}
#menu 
{
    margin-left:200px;
    position: absolute;
    z-index: 1;
}


#menu li 
{
    display: inline-block;
    margin-top: 10px;
    height:20px;
    padding-left: 5px;
}

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

#menu li a
{
    padding:10px;
    color: rgb(92, 92, 92);
    font-size: 14px;
    margin: 0 10px;
    font-family: arial;
    cursor: pointer;
    font-weight: bold;
}

#menu li a:hover
{
    color: black;
}

/* category navigation */
#mega-menu-1
{
    margin-left: 78px;
}

#mega-menu-1 li a
{
    background: transparent;
}

#mega-menu-1 li a:hover
{
    background: transparent;
}
#mega-menu-1 li
{
    margin-top: 5px;
}
.mega-menu
{
    width: 980px !important;
    background: transparent !important;
    position: absolute !important;
    margin-left: 40px;
}

a.dc-mega
{
    padding: 5px 15px 5px 15px!important;
    background: deepskyblue !important;
    border-radius: 50px;
    width:75px;
    font-size: 14px;
    font-family: arial;
    color:white !important;
}

#mega-menu-1 li.mega-hover a:hover
{
    color: white;
}
    
#mega-menu-1 li .sub
{
    background: white;    
}

#mega-menu-1 li .sub li
{
    width: 190px;
}

#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a
{
    padding: 5px !important;
    background: white;
    color: black;
}

#mega-menu-1 li .sub a
{
    padding-right: 0px !important;
}

#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a
{
    border-bottom: 2px solid black;
}

.sub-container
{
    margin-top:10px;    
}
/* home widget */
.promo_widgets
{
    border-top: 3px solid #67ACC9;
    display: block;
    
    
}
.w_block
{
    float:left;
    width: 230px;
}

/* banner */ 
.banner
{
    width: 700px;    
    float: left;
    
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0px !important;
  max-height: 348px !important;

  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
.prev1 
{
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("<?= base_url() ?>template/marketplace/css/images/arrow_left.png") no-repeat left top;
    margin-top: -130px;
}

.next1 
{
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("<?= base_url() ?>template/marketplace/css/images/arrow_right.png") no-repeat left top;
    margin-left: 685px;
    margin-top: -130px;
}

.rslides 
{
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    max-height: 300px;
    
}

.rslides1_tabs
{
    padding-top: 8px;
    text-align: right;
}

.rslides_tabs li 
{
    display: inline;
    float: none;
    _float: left;
    margin-right: 5px;
}

.rslides_tabs .rslides_here a 
{
    background: #222;
    background: rgba(0,0,0, .8);
}

.rslides_tabs a 
{
    text-indent: 9999px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #ccc;
    background: rgba(0,0,0, .2);
    display: inline-block;
    _display: block;
    -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
    width: 9px;
    height: 9px;
}

/* widget top right */

.widget_topright
{
    float:left;
    margin-left: 20px;
    width: 260px;
}

.guide_div
{
}

.widget_title
{
    color: #146070;
    font-family: arial;
    padding: 10px 0;
}

.guide_div .title
{
    font-size: 18px;
    font-weight: bold;
    color: #AFAFAF;
    padding: 15px 10px;
}

.guide_div ul
{
    list-style: square;
    margin-left: 35px;
    color: gray;
}


.guide_div .ui-state-active, .guide_div .ui-state-active, .guide_div .ui-state-active
{
    border: 0px !important;
    
}

.ui-guide_div .ui-tabs-nav li
{
    border: 0px;
}
.guide_div ul li
{
    padding: 5px 10px 8px 8px;
    font-size: 14px;
}


.guide_div .ui-tabs-nav li
{
    border : 0 !important;
}

.guide_div .ui-tabs
{
    padding:0px;
}

.guide_div .ui-tabs-nav
{
    padding:0px;
}

.guide_div .ui-state-active
{
    border-bottom: 0px;
}

.guide_div .ui-tabs-nav li
{
    border: 0px;
    margin: 0px;
}

/* component */ 
#component
{
    width:980px;
    margin:auto;
    min-height: 500px;
}

.brand_block
{
    border: thin solid gray;
    height: 200px;
    margin-bottom: 40px;
}

.brand_block h3
{
    background: #454344; 
    padding: 10px;
    text-align: center;
    color:white;
    border-bottom: thin solid gray; 
      
}

.line
{
    /*
    height:4px;
    background: #67ACC9;
    widows: 100%;
    display: block;
    */
}

/* left */ 
.left
{
    margin-top: 15px;
    width: 270px;
    display: block;
    float: left;
}

.left .dropdown dt
{
    width: 230px;
    border: none;
    border-bottom: 2px solid #DCDCDC;
    padding: 10px;
    padding-left: 15px;
    font-weight: bold;
    cursor: pointer;
    background: #F9F9F9;
    color: #BDBDBD;
}

.left .dropdown dt:hover
{
    background: white;
    color: #676767;
}

.left .dropdown ul {
    width: 224px;
    border: none;
    border-left: 2px solid #DCDCDC;
    border-bottom: 2px solid #DCDCDC;
    border-right: 2px solid #DCDCDC;
    list-style: none;
    background: white;
}

.left .dropdown a 
{
    background: white;
    color: black;
    padding: 10px;
    padding-left: 15px;
    max-width: 180px;
}

.left .dropdown a:hover 
{
    background: white;
    color: #67ACC9;
}
.left .dropdown dd 
{
    width: 228px;
    display: none;
    background: white;
    opacity: 0;
}

.ul_header
{
    padding: 10px;
    padding-left: 15px;
    font-weight: bold;
    border-top: 2px solid #DCDCDC;
    border-right: 2px solid #DCDCDC;
    
}

.component_title
{
    font-family: cambria;
    padding-bottom: 10px;
    font-weight: normal;
    font-size: 18px;
    text-align: center; 
    margin: auto; 
    background: white;
}
/* left bar */ 
.left_bar
{
    width: 205px;
    border: none;
    padding: 10px;
    margin-left: 20px;
    font-weight: bold;
    padding-left:20px;
    cursor: pointer;
    color: #BDBDBD;
    background: url(http://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/16/tri-right.png) no-repeat left center;
}

.left_bar a 
{
    color: #BDBDBD;
    text-decoration: none;
}

.left_bar a:hover
{
    background-color: white;
    background-image: url(http://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/16/tri-right.png) no-repeat left center;
    color: #676767;
}

.left_bar .selecteda
{
    color: red;
}

.selected
{
    color: #67ACC9 !important;
}


.side_border
{
    border: thin solid gainsboro; 
    width: 253px; 
    margin-bottom: 20px; 
}

/* right */ 
.right
{
    width:700px;
    float:right;
}

/* above footer */
.popular_cat
{
    width:980px;
    margin: auto;
    background-color: white;
    height:20px;
    padding:10px;
    
}

.popular_cat .label
{
    font-size: 18px;
    color: #676767;
    font-family: cambria;
    display: inline-block;
}

.popular_cat ul
{
    display:inline-block;
    margin-left: 30px;
}

.popular_cat li
{
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
    color: #AFAFAF;
    border-right: thin solid #AFAFAF;
}

.popular_cat li:last-child
{
    border-right: none;
}

/* footer */ 
.footer 
{
    width:100%;
    background: #F9F9F9;
    height:280px;
    bottom:0;
    display: block;
    z-index:150;
    min-width: 1010px;

}

.footer h3 
{
    font-weight: lighter;
    margin-top: 25px;
    margin-bottom: 20px;    
}

.footer ul 
{
    list-style: none;
}

.footer ul li
{
    margin: 10px 0 10px 0;
}

.footer ul li a
{
    color: #AFAFAF;
    cursor: pointer;    
}

.footer ul li a:hover
{
    color: #676767;
}

.footer_white
{
    background-color: white;
    width:100%;
}

.footer_content
{
    width:980px;
    margin:auto;
}

.footer_end
{
    width: 100%;
    background: #E7E2DC;
    height:60px;
    margin-top:200px;
}
/* category navigation */ 
.category_nav a:hover
{
    color : #AFAFAF;
}

.category_nav a:hover
{
    color : #67ACC9;
}

/* corner ribbon */
.block {
	position: relative;
	color: #fff;
	display: inline-block;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-weight: 900;
    background: white;
} 

.block {
	display: inline;	
}

.block p span {
	position: absolute;
	display: inline-block;
	right: -25px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
	text-align: center;
	text-transform: uppercase;
	top: 22px;
	background: #d93131;
	width: 100px;
	padding: 3px 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
} 

.block p:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -17px;
	right: 69px;
	z-index: -1;
	border: 17px solid;
	border-color: transparent transparent #662121 transparent;
}

.block p:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 74px;
	z-index: -1;
	right: -10px;
	border: 17px solid;
	border-color: #662121 transparent transparent transparent;
}

/* Product listing */
.wrapper
{
    margin-top: 15px;
}

.list_items label
{
    color: #676767;
}

.list_items p
{
    padding: 5px 0 5px 0;
}

.list_items
{
    float: left;
    width: 230px;
    display: block;
    height: 280px;
}

.list_block img
{
    margin: 10px;
    width:200px;
}

.test
{ 
    height: 280px; 
    background: white; 
    overflow: hidden;
}

.store_info
{
    clear: both;
    display: inline-block; 
    height: 20px; 
    vertical-align: top; 
    color: blue; 
    cursor: pointer
}

.store_detail
{
    width: auto; 
    float: right; 
    display: none;
    padding: 10px;   
}

.display_image
{
    margin:auto;
    width: 100%;
    display: block;
}

.pic_div
{
    width:113px;
    float:left;
    
}

.detail_info
{
    width: 320px;
    float:left;
    min-height:30px;
}

.detail_info h3 
{
    font-weight: lighter;
    margin-bottom: 10px;  
    color: #676767;
    max-height: 17px;
    overflow: hidden; 
}

.supplier
{
    width: 260px;
    float:left;
    min-height:30px;
    font-weight: lighter;
}

.supplier h3 
{
    color: #363636;
    font-weight: bold;
    margin-bottom: 8px;
}
.detail_info
{
    margin-top:10px;
}

.detail_info h3 a
{
    font-size: 12px;
    font-weight: bold;
    
}

/* search */ 
.search 
{
    float: right;
    padding-top: 5px;
    width: 740px;
    height: 40px;
    background: #fff; 
}

.category_ddl_box
{
    float:left;
    border: solid 1px silver;
    padding: 7px;
    padding-right: 0px;
    padding-left: 0px;
    height:16px;
}

#category_ddl
{
        
    -webkit-appearance: none;
    border: 0;
    padding: 0 10px 0 3px;
    background: url(http://p.ebaystatic.com/aw/pics/globalHeader/sprVisR_v4.png) no-repeat right 6px;
    outline: 0;
    background-position:80px 5px;
    -webkit-box-shadow: none;
}

/* Style the search input field. */
#field {
    float:left; 
    width:450px; 
    height:30px; 
    padding-left: 5px;
    font-family:arial, sans-serif; 
    color:#333; 
    background: #fff; 
    border:solid 1px #d9d9d9; 
    border-top:solid 1px #c0c0c0; 
    border-right:none;
    border-left:none;
    outline: none;
}
 
/* Style the "X" text button next to the search input field */
#delete {
    float:left; 
    width:16px;
    height:30px; 
    line-height:27px; 
    padding:0 10px 0 10px;
    font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
    font-size:22px; 
    background: #fff;  
    border:solid 1px #d9d9d9; 
    border-top:solid 1px #c0c0c0; 
    border-left:none;
}
/* Set default state of "X" and hide it */
#delete #x {
    color:#A1B9ED; 
    cursor:pointer;
    display:none;
}
/* Set the hover state of "X" */
#delete #x:hover {
    color:#36c;
}
.ui-autocomplete {
    max-height: 600px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1000 !important;
}

#submit:hover 
{
    background: url(http://mobipotcms.com/template/sample2/images/search-white.png) no-repeat center #357AE8;
    border: 1px solid #2F5BB7;
}   

#submit 
{
    cursor: pointer;
    width: 55px;
    height: 31px;
    line-height: 0;
    font-size: 0;
    text-indent: -999px;
    color: transparent;
    background: url(http://mobipotcms.com/template/sample2/images/search-white.png) no-repeat #4D90FE center;
    border: 1px solid #3079ED;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    float:right;
}

input
{
    height: 25px;
}
/* accordion */
.ui-widget
{
    font-family: arial;    
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    font-weight: bold !important;
    background-color: #AFAFAF !important;
}

/* component - search_keyword */
#search_keyword
{
    width: 410px;
}

#keyword_submit:hover 
{
    background: url(http://mobipotcms.com/template/sample2/images/search-white.png) no-repeat center #357AE8;
    border: 1px solid #2F5BB7;
}   

#keyword_submit 
{
    cursor: pointer;
    width: 55px;
    height: 31px;
    line-height: 0;
    font-size: 0;
    text-indent: -999px;
    color: transparent;
    background: url(http://mobipotcms.com/template/sample2/images/search-white.png) no-repeat #4D90FE center;
    border: 1px solid #3079ED;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    float:right;
}


/* form div */ 
.form_div .label
{
    float:left;
    width: 20%;
}

.form_div .input
{
    float:left;
    width: 80%;
}


.form_div .category_ddl_box
{
    float:left;
    border: solid 1px silver;
    padding: 7px;
    padding-left: 0px;
    padding-right: 0px;
    width:450px;
    height:16px;
}

.form_div .ddl
{
    width:450px;
    -webkit-appearance: none;
    border: 0;
    padding: 0 10px 0 3px;
    background: url(http://p.ebaystatic.com/aw/pics/globalHeader/sprVisR_v4.png) no-repeat right 6px;
    background-position:355px 5px;
    outline: 0;
}

.clear
{
    clear: both; 
    height:10px;
}


.main_cat
{
    padding: 0px !important;
    background: transparent !important;
    color: rgb(155, 153, 153) !important;
}

.main_cat:hover
{
    color: black !important;
    padding: 0px !important;
    background: transparent !important;
}

/* product list image preview */ 

#preview
{
	position:absolute;
	border:1px solid #636363;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

/* pagination */ 
.pagination {
    padding: 10px 20px 10px 20px;
    margin-bottom: 20px;
    background-color: #F9F9F9;
    margin-top: 20px;
}

.pagination a{
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.pagination strong
{
    padding: 0px 9px;
    margin-right: 4px;
}

/* contact form */
.error_box
{
    background: #FFEFEE url("http://i02.i.aliimg.com/simg/sprites/app/sprite-feedback-addon.png") no-repeat;
    padding: 5px 10px 4px 37px;
    border: 1px solid #FFD4D2;
    background-position: -110px 0;
    display: none;
    float: left;
}
.email_form
{
    width:980px;
    display: block;
    margin: auto;
    padding:10px;
    border: 1px solid #CCC;
    font-family: Arial,Helvetica,sans-senif;
    font-size: 12px;
    padding-top: 20px;
}

.email_form table
{
    font-family: Arial,Helvetica,sans-senif;
    font-size: 12px;
}

.row
{
    margin-bottom: 5px;
}

.form_label
{
    width: 80px;
    margin-right: 10px;
    text-align: right;
    float:left;
    min-height: 30px;
    
}

.form_input
{
    width: 650px;
    float:left;
}

.form_input input {
    background-color: white;
    border: 1px solid #CCC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: #333;
    -moz-transition: border .2s linear 0s;
    -webkit-transition: border .2s linear 0s;
    -o-transition: border .2s linear 0s;
    transition: border .2s linear 0s;
    height: 25px;
    padding: 2px 5px;
    line-height: 22px;
    font-family: inherit;
}

.chat {
    width: 200px;
    margin-top:20px;
    margin-left: 5px;
    float:left;
}

.bubble{
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 10px;
    position: relative;
    vertical-align: top;
    font-size: 10px;
    font-weight: bold;
}

.bubble::before {
    background-color: white;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
}

.message {
    float: left;   
    margin: 5px 5px 5px 20px;         
}

.message::before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -9px;           
}

.wrapper input[type="text"]
{
    float:left;
}

input[type="checkbox"]
{
    height:13px;
}

.title
{
    color:#06C;
    cursor: pointer;
    
}

h3
{
    margin:0px;
}

.sendbutton 
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 5px 15px;
	background: -moz-linear-gradient(
		top,
		#ff2819 0%,
		#ab0000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff2819),
		to(#ab0000));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #7d0000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
   cursor: pointer;
}

.sendbutton:hover
{
	background: -moz-linear-gradient(
		top,
		#ff756e 0%,
		#ab0000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff756e),
		to(#ab0000));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(120,0,0,0.5),
		inset 0px 0px 2px rgba(255,40,25,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(120,0,0,0.5),
		inset 0px 0px 2px rgba(255,40,25,0.7);
	box-shadow:
		0px 1px 3px rgba(120,0,0,0.5),
		inset 0px 0px 2px rgba(255,40,25,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.box{
    display: none;
    position:fixed;
    left:30%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}
a.boxclose{
    float:right;
    width:26px;
    height:26px;
    top left;
    width:20px;
    height 10px;
    background-color: #c0c0c0;
    border: 1px solid black;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
    color: white;
    border-radius: 40px;
    padding-left: 15px;
    padding-top: 10px;
}
.box h1{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:10px;
    background-color:#30B6EB;
    color:white;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}

/* contact form - detail page */
.contact_form .line
{
    margin-bottom: 15px;   
}

.contact_form .form_label
{
    padding-top: 8px;
}

.contact_form .form_input
{
    width: 200px;
    float:left;
}

.contact_form a
{
    cursor: pointer;
    padding-top:8px;
    display: block;
}


.left_box
{
    float:left;
    width: 310px;
    min-height:100px;
}

.main_image
{
    border: thin solid #E3E1E2;
}


.content_div
{
    width: 660px;
    float:right;
    
}

.center_box
{
    float:left;
    width: 650px;
    min-height:100px;
    padding: 0px 10px 10px 10px;
}

.center_box h1
{
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.center_box hr
{
    display: block; height: 1px;
    border: 0; border-top: 1px solid #E3E1E2;
    margin: 1em 0; padding: 0; 
}

.center_box .promo_price
{ 
    font-size: 18px;
    color: #363636;
    display: inline-block;
}

.center_box .promo_price
{ 
    font-size: 18px;
    color: #363636;
    display: inline-block;
    font-weight: bold;
}

.center_box .slash_price
{
    font-size: 16px;
    padding-left:10px;
    display: inline-block;
}

.price
{
    
}

.price h2
{
    font-size: 20px;
    margin:0px;
    color: #363636;
    
}

.right_box
{
    float:left;
    width: 260px;
    min-height:100px;
    padding: 20px 10px 20px 10px;
    background-color: #C0DBF2;
    border: thin solid #67ACC9;
}

.detail_wrapper
{
}

.supplier_info 
{
    font: 12px Verdana, Arial, Helvetica;
    margin:10px;
}

.supplier_info img
{
    margin-right: 5px;
}

.supplier_info h3
{
    padding-bottom:10px;
}

.supplier_info p
{
    padding: 5px 0 5px 0;
    font: 12px Verdana, Arial, Helvetica;
}

.supplier_info td
{
    padding: 5px 0 5px 0;
}

.supplier_info label
{
    font-weight: bold;
}

/* speech bubble */ 
.arrow_box {
	position: relative;
	background: white;
    width:230px;
	border: 1px solid #b0b0b0;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 10px;
	top: 50%;
	margin-top: -10px;
}
.arrow_box:before {
	border-color: rgba(176, 176, 176, 0);
	border-right-color: #b0b0b0;
	border-width: 11px;
	top: 50%;
	margin-top: -11px;
}

/* css3 button */

.contact_button 
{
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #86ae47;
    width:150px;
}
.contact_button:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}
.contact_button:active 
{
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

/* send email button */
.send_button {
    
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.send_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.send_button:active {
	position:relative;
	top:1px;
}
/* end */

.product_desc
{
    margin-top: 10px;
    padding: 10px;
}


.store_product h3
{
    border: thin solid #E3E1E2;
    border-bottom: 2px solid #67ACC9;
    padding: 10px 10px 10px 10px;
}

.vert .simply-scroll-clip
{
    padding-left: 10px;
    border: thin solid #E3E1E2;
    border-top: 0px;    
    border-bottom: 0px;    
    width:299px;
    margin-top:-12px;
}

.vert .simply-scroll-list li
{
    height: auto;
    min-height: 100px;
    border-bottom: thin solid #E3E1E2;
}

.store_product p
{
    padding-top:5px;
}

.store_product .price
{
    color: #363636;
    font-weight: bold;
}

.more_detail
{
    font-weight: bold;
    font-size: 10px;
}

.store_product .end
{
    border: thin solid #E3E1E2;
    border-top: 0px;    
    margin-top: -16px;
    text-align: right;
    padding: 20px 10px 10px 0;
    color: #363636;
}

/* jqzoom */ 
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}


ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:2px;list-style:none; margin-right:5px; width: 57px; height: 80px; overflow: hidden; }
ul#thumblist li a{display:block;border:1px solid #CCC; height: 80%; margin-top:10px; min-height:60px; overflow: hidden; }
ul#thumblist li a.zoomThumbActive{
    border:1px solid orange;
    
}

.jqzoom{
    
	text-decoration:none;
    display: block;
    width: 250px;
    margin:auto;
    
}

.zoomPad
{
    float: none;
}


/* related product */ 
.next
{
    padding:2px;
    text-indent: 10000px;
    width:17px;
    background: url("images/arrow.png") no-repeat top right;
    
}

.prev
{
    padding:2px;
    margin-left: 10px;
    text-indent: 10000px;
    width:17px;
    background: url("images/arrow.png") no-repeat ;
}

ul#items{		
	margin:0;
	width:310px;
	overflow:hidden;
	}
ul#items li{
	list-style:none;
	width:100%;
	overflow:hidden;
	margin:0 0 0 1px;
	color:#fff;
    display: none;
	}
ol#pagination{
    float: right;
    overflow:hidden;}
ol#pagination li{
	float:left;
	list-style:none;
	cursor:pointer;
	}
ol#pagination li.current{color:#f00;font-weight:bold;}

/* buy now button */
.buynow {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
    width: 100px;
}.buynow:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.buynow:active {
	position:relative;
	top:1px;
}

.marqueeElement 
{
    color: #363636;
}

.jcarousel-skin-tango
{
    padding-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item
{
    width:150px;
    height:auto;
    padding:15px;
}

.jcarousel-skin-tango .jcarousel-item:last-child
{
}

.img_block
{
    border: thin solid white;
    width:100%;
    height: 150px;
    margin-bottom: 20px;
}

.img_block:hover
{
    border: thin solid rgb(194, 194, 194);
}

.jcarousel-skin-tango .jcarousel-item img
{
    width: inherit;
    margin: 0 auto;
    height:auto;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal
{
    top:0;
    height: inherit;
    background: url(http://mobipot.com/js/jsor-jcarousel/skins/tango/left.png) no-repeat center !important;
    opacity: 0.7; 
    
}
.jcarousel-prev-disabled-horizontal
{
    opacity: 0.3 !important;   
}

.jcarousel-skin-tango .jcarousel-next-horizontal
{
    top:0;
    height: inherit;
    background: url(http://mobipot.com/js/jsor-jcarousel/skins/tango/right.png) no-repeat center !important;
    opacity: 0.7; 
}

.jcarousel-next-disabled-horizontal
{
    opacity: 0.3 !important;   
}

.jcarousel-skin-tango .jcarousel-prev-horizontal
{
    width: 45px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal
{
    width: 45px;
}

.jcarousel-skin-tango h1
{
    font-size: 12px;
    font-weight: normal;
}

.thumb_price
{
    color: rgb(131, 131, 131);
    display: inline-block;
    margin-top:5px;
    font-size: 10px;
    font-weight: bold;
}

.slash_price
{
    color: rgb(131, 131, 131);
    margin-top:5px;
    font-size: 10px;
    text-decoration: line-through;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
}

.promo_price
{
    margin-top:5px;
    color:rgb(131, 131, 131);
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    
}
/* featured_block */ 

.product_block
{
    width: 210px;
    float:left;
    border-right: thin solid #E7E7E7;
    height:230px;
}

/* cms subscribe */ 
.info-container
{
    width:400px;
    float:left;
    margin-top: 50px;
}
.signup
{
    top: 0px;
    border-radius: 5px;
    background: #F7F7F7;
    padding:10px 10px 10px 20px;
}

#form_wrapper p
{
     text-align: left;
     padding:10px 10px 10px 0;
}

#form_wrapper .message
{
    margin: 0px;
}

p label
{
    display: inline-block;
}

#form_wrapper input[type="text"]
{
    width: 350px;
}

#form_wrapper input[type="password"]
{
    width: 350px;
}


#form_wrapper input:not([type="checkbox"])  
{
	width: 92%;
	margin-top: 4px;
	padding: 15px 5px 15px 32px;	
	border: 1px solid rgb(178, 178, 178);
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}

#form_wrapper textarea  {
	width: 92%;
	margin-top: 4px;
	padding: 15px 5px 15px 32px;	
	border: 1px solid rgb(178, 178, 178);
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}

#form_wrapper select
{
    width: 92%;
	margin-top: 4px;
	padding: 15px 5px 15px 32px;	
	border: 1px solid rgb(178, 178, 178);
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
#form_wrapper input:not([type="checkbox"]):active,
#form_wrapper input:not([type="checkbox"]):focus{
	border: 1px solid rgba(91, 90, 90, 0.7);
	background: rgba(238, 236, 240, 0.2);	
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
} 

/** the magic icon trick ! **/
[data-icon]:after {
    content: attr(data-icon);
    font-family: 'FontomasCustomRegular';
    color: rgb(106, 159, 171);
    position: absolute;
    left: 10px;
    top: 35px;
	width: 30px;
}

/*styling both submit buttons */
#form_wrapper p.button input{
	width: 30%;
	cursor: pointer;	
	background: #0076a3;
	padding: 8px 5px;
	color: #fff;
	font-size: 24px;	
	margin-bottom: 10px;	
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
#form_wrapper p.button input:hover{
	background: rgb(74, 179, 198);
}
#form_wrapper p.button input:active,
#form_wrapper p.button input:focus{
	background: #00a3e1;
	position: relative;
	top: 1px;
	border: 1px solid rgb(12, 76, 87);	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}

.image-input
{
    float:left;
    width:110px;
}

.textarea-input
{
    float:left;
    width:270px;
    padding: 0 5px 0 5px;
}

/* list product */
.by_cat_block
{
    float: left;
    padding: 10px;
    width: 212px;
    border-right: thin solid #E7E7E7;
}

.by_cat_block .title
{
    text-align: center;
    font-weight: bold;
    height: 50px;
}

.title a
{
    vertical-align: middle;
}

.cat_img
{
    display: block; 
    margin-bottom: 15px;
    overflow: hidden;
}

.cat_img img
{ 
    width: 212px;

}

.by_cat_block:nth-child(3)
{
    border-right: 0;
}

.by_cat_block:nth-child(6)
{
    border-right: 0;
}

.by_cat_block:last-child
{
    border-right: 0;
}

.child_cat_list ul 
{
    padding: 10px 0 10px 20px;
}

.child_cat_list li
{
    padding: 8px 0 8px 0;
    border-bottom: thin dotted gray;
}


/* home page tabs */
#tabs
{
    background: url('images/hr.png') top no-repeat;    
}

.ui-tabs .ui-tabs-nav li
{
    border : thin solid #d3d3d3;
}
.ui-tabs .ui-tabs-nav
{
    width:280px;
    margin: auto;
}
.ui-widget-content
{
    border: none;
}

.ui-tabs .ui-tabs-panel
{
    padding: 0;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    border-bottom: 2px solid #DCDCDC !important;
}

.ui-widget-header
{
    border: none;
    background: none;
}



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(http://mobipot.com/template/marketplace/js/ul_totop/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(http://mobipot.com/template/marketplace/js/ul_totop/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}