/*
-----------------------------------------------------

Copyright 2008 Eggplant Studios All Rights Reserved.

Author: Gina Chen

-----------------------------------------------------

/* --- 1. Frame Work --- */
body{

font-family:Verdana, Arial, Helvetica, sans-serif;

background:#e5e5e5;

margin-left:0;

margin-top:0;

font-size:16px;

}

#mainWrapper{
margin:0 auto;

width:58.875em;/*942px;*/

border:1px #000000 solid;

background:#fff;

}

#logo {

background:url(../images/head_bg.jpg) no-repeat left top;

}



#topSecondNav {

float:left;

width:100%;

height:1em;

position:relative;

background:url(../images/top_nav_bj.gif) repeat-x; 

}


#navColumnOneWrapper {

text-align:center;

}


/*#categoriesContent {

margin-top:16px;

}*/

#bottomInfo {

margin:0 0 20px 0;

padding-left:5px;

text-align:left;

width:166px;

}

#productMainImage table {

float:left;

text-align:center;

border:1px #CCCCCC solid;

width:405px;

height:335px;

}

#cartAdd {

float:right;

width:14.1em;

}

#productDescription {

margin-top:1.8em;

}

#productDescription p {margin-bottom:20px; font-size:11px;}

#featuredProducts {

margin-top:10px;

}

/* --- 2. Fonts Work --- */

ul,h1,h2,p{

 margin:0;
 
 padding:0;
 
 }
 
h1 {

font-size:1.25em;/*20px;*/

line-height:1.6em;

color:#9a9a9a;

}

h1#productName { font-size:20px;position:relative; width:717px; margin-bottom:25px;}

h1#productName  span { position:absolute; right:0;}
h2 {

font-size:0.625em;

line-height:1em;

}
#whatsNew,#featuredProducts { margin-top:20px;} 

#whatsNew h2,#featuredProducts h2 { display:none;font-size:1em; line-height:1.5em; margin-bottom:0.8em; border-top:1px #cccccc solid; background:#f5f5f5;}

h3 {

font-size:0.625em;

line-height:1em;

}

.centeredContent h3 { margin:0;}

p{

font-size:12px;

line-height:18px;

}

a { color:#666666; text-decoration:none;}
a:hover { color:#AABBDD; text-decoration:none;}

legend,label {

font-size:12px;

}

#topSecondNav span { float:left; font-size:0.55em; margin-top:0.15em; color:#000000;}

#topSecondNav span a { text-decoration:none; color:#666666;}

#topSecondNav span a:visited { text-decoration:none; color:#666666;}
#topSecondNav span a:hover { text-decoration:underline; color:#fff;}

#productMainImage span {  font-size:0.625em; }

#productMainImage a {text-decoration:none;}

td#navColumnOne{ background:url(../images/left_bg.jpg) repeat-y; }
#bottomInfo font { font-size:12px; font-weight:bold; color:blue; }
.productListHome div h2 { /*line-height:1.5em; width:161px; overflow:hidden; height:1.5em;*/}

#rightHome div { text-align:left;}

#productDescription ul { padding-left:2.5em;}

#productDescription h1 { color:#000000; font-size:14px; line-height:20px;}
#productDescription h2 { color:#666; font-size:12px; line-height:16px;}
#productDescription h3 { font-size:12px; line-height:16px;}

table#contentMainWrapper tr td { vertical-align:top; }
ul#top_nav { font-size:0.625em; color:#FFFFFF; height:2.8em; background:url(../images/top_nav_1.gif) repeat-x; list-style-type:none; line-height:2.8em; position:relative;}
ul#top_nav li { display:inline; color:#FFFFFF;}
ul#top_nav li a,ul#top_nav li a:visited { color:#FFFFFF; text-decoration:none;}
ul#top_nav li a:hover { color:#8AAFF5; text-decoration:none;}
ul#top_nav span { text-align:right; position:absolute; right:0; top:2px; margin-right:43px;}

#topSecondNav ul { list-style-type:none; float:left; position:absolute; right:0;  margin-right:43px;}
#topSecondNav ul li{ display:block; float:left; text-indent:-999em;}
#topSecondNav ul li a { display:block;width:130px;}

#topSecondNav ul li.newGear{ background:url(../images/new_gear.gif) no-repeat; width:130px; height:15px;}
#topSecondNav ul li.consign{ background:url(../images/sell.gif) no-repeat;width:130px; height:15px;}
#topSecondNav ul li.orderInfo{ background:url(../images/oderInfo.gif) no-repeat;width:130px; height:15px;}
#topSecondNav ul li.advaned{ background:url(../images/search_advance.gif) no-repeat;width:130px; height:15px;}
#topSecondNav ul li.wanted{ background:url(../images/wanted.gif) no-repeat;width:130px; height:15px;}


#topSecondNav ul li.newGear a:hover{ background:url(../images/new_gear_b.gif) no-repeat; width:130px; height:15px;}
#topSecondNav ul li.consign a:hover{ background:url(../images/sell_b.gif) no-repeat;width:130px; height:15px;}
#topSecondNav ul li.orderInfo a:hover{ background:url(../images/oderInfo_b.gif) no-repeat;width:130px; height:15px;}
#topSecondNav ul li.advaned a:hover{ background:url(../images/search_advance_b.gif) no-repeat;width:130px; height:15px;}
#topSecondNav ul li.wanted a:hover{ background:url(../images/wanted_b.gif) no-repeat;width:130px; height:15px;}


#navCategory ul { list-style-type:none;}

a.category-top { font-family:Verdana, Arial, Helvetica, sans-serif; display:block; width:154px; height:15px; font-size:0.669em; font-weight:600;font-variant:small-caps; line-height:15px; text-align:center; margin-left:10px; background: #c6c3c6 url(../images/left_nav_bg.gif) repeat-x top ; border:1px #666666 solid; margin-top:4px;}

#categoriesContent a,#userGear a,#userGear a:visited,#categoriesContent a:visited { color: #555555; text-decoration:none; }

#categoriesContent a:hover,#userGear a:hover{ background:#999 url(../images/left_nav_bgHover.gif) repeat-x;}

#categoriesContent a.category-links { display:none;}

.content p{ margin-top:1.5em; }

.productListHome .productFeatureHome { border:2px #999 solid; text-align:center; padding:1px 3px 0px 2px;}

.productListHome div a,.productListHome div a:visited{ color:#535353; text-decoration:none; }
.productListHome div a:hover{ text-decoration:underline;color:#aabbdd; }

.productListHome div p { font-size:0.625em; }

.categoryListBoxContents { font-size:0.75em; font-weight:bold; padding:3px 0;}
.categoryListBoxContents a { display:block; line-height:18px;}
.categoryListBoxContents a,.categoryListBoxContents a:visited { color:#000000;}
.categoryListBoxContents a:hover { color:#666666;}
/* --- 3. Images Work --- */

img { border:none;}

img.bannerOne { border:1px #CCCCCC solid;} 

.productListHome div img { margin-top:0.16em;}

.productListHome div p img { margin-top:0.16em; height:20px;}


.controlSize {vertical-align:middle; width:172px; height:141px; border:1px #CCCCCC solid; margin:auto; text-align:center; display:table; vertical-align:middle;}

.controlSize a { display:table-cell; width:172px; height:141px; vertical-align:middle;}

.controlSize img { display:block; margin: auto auto; text-align:center; }

#bannerOne img { margin-top:10px;}

h1#productName  span img{ margin-top:8px;}
h
#productMainImage img { }

.rightB img { vertical-align:top;}

#right2 { margin-top:12px;}

.productGeneral p { font-size:12px}

/* --- 4. Class Work --- */

.fleft { float:left;}

.back { float:left;}

.forward { float:right;}

.marginL { margin-left:5px;}

.marginLC { margin-left:10px;}

.marginT{ margin-top:10px;}

.clearBoth {clear: both;}
	
.noCen { clear:both; height:1.25em; background:url(../images/noName.gif) repeat-x;}

.leftBoxContainer { padding-top:4px;}

.centerBoxContentsProducts,.centerBoxContentsNew ,.centerBoxContentsFeatured  { text-align:center;}
.centerBoxContentsNew span ,.centerBoxContentsFeatured span{ font-size:0.625em; padding-bottom:0.3em; }

.legalCopyright { font-size:0.625em; text-align:center; line-height:1.5em;}

.navSplitPagesLinks { font-size:0.833em; padding-right:1.5em; }
.navSplitPagesResult  { font-size:0.625em; }
.navSplitPagesResult a ,.navSplitPagesLinks a { color:#0000FF; }
.navSplitPagesResult a:hover ,.navSplitPagesLinks a:hover { background-color:#FFFF00; }

.centerColumn { padding:0.8em 0.8em 0.8em 0; width:717px;}


#featured div { /*width:161px; height:163px;*/}

/* --- 5. Forms Work --- */

form {

margin:0;

padding:0;

}

#indexProductList form { float:right; font-size:0.75em;}

#indexProductList h1 { float:left;  line-height:1;}

#productsListingListingTopLinks ,#productsListingTopNumber{ margin:1em 0;}


#searchContent input.searchB { background:url(../buttons/english/search.gif) no-repeat; text-indent:-999em; border:none; padding:0 0 3px 0; margin:0.5em 0 0 0; height:15px; }


/* --- 6. Navigation ---*/
/* common styling */
.menu {width:156px; position:relative; margin-top:14px; margin-left:5px; z-index:100;}

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 156px; /* Width of Menu Items */
	}

.menu ul li {
	position: relative;
	margin-right:1px;
	margin-bottom:4px;
	z-index:200;
	}

.menu ul li ul li {
	margin-bottom:0;
	}

.menu li ul, .menu li ul li ul {
	position: absolute;
	left: 156px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	z-index:300;
	}

.menu ul li ul li a {
	width:196px
}


/* Styles for Menu Items */
.menu ul li a {
	position: relative;
top: 0;
left: 0;
z-index: 90;
	text-decoration:none; color:#666666; width:156px; height:18px; text-transform:uppercase; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; margin-bottom:4px;
	display:block; 
	background:#ecebeb; 
	color:#666666; 
	width:156px; 
	filter: alpha(opacity=91);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=91);
 -moz-opacity: 0.91; opacity:0.91; margin-bottom:0;
 
	}
	
#flashcontent {
  z-index: 1;
}

/* Fix IE. Hide from IE Mac \*/
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%;}
* html .menu ul li ul li { float: left; height: 1%; }
* html .menu ul li ul li a { height: 1%; }
/* End */

.menu ul li a:hover { background:#cccccc; color:#666666; } /* Hover Styles */
		
.menu li ul li a { padding: 2px 5px;} /* Sub Menu Styles */
 
		
.menu li:hover ul, .menu li.over ul  { display: block; } /* The magic */

.menu li:hover ul li ul, .menu li.over ul li ul  { display: none;} /* The magic */

#usedProductList .usedProducts a { text-decoration:none;}
#usedProductList .usedProducts a:hover { text-decoration:underline; color:#8AAFF5; background:none;}


.thumbsize img { width:37px; height:37px;}

#productAdditionalImages a {width:50px; height:50px; vertical-align:middle; border:none;}

#policiesMainContent { font-size:12px;}
#consignmentMainContent { font-size:12px;}
#sellyourgearMainContent { font-size:12px;}
#wantedMainContent { font-size:12px;}
#orderinfoMainContent { font-size:12px;}
#aboutusMainContent { font-size:12px;}
#starclientsMainContent { font-size:12px;}
#testimonialsMainContent { font-size:12px;}


.select-free
{
	position:absolute;
	z-index:10;/*any value*/
	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/;
}
.select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

.select-free .bd{border:solid 1px #aaaaaa;padding:12px;}



/*

.menu {width:156px; height:150px; position:relative; margin-top:40px; margin-left:10px; z-index:999;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#666666; width:156px; height:18px; text-transform:uppercase; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; margin-bottom:4px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
*/
/* specific to non IE browsers */
/*
.menu ul li:hover a {color:#666666; background: #cccccc;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:156px; width:105px;}
.menu ul li:hover ul li a.hide {background:#ecebeb; color:#666666;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {padding-left:5px; display:block; background:#ecebeb; color:#666666; width:150px; filter: alpha(opacity=91);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=91);
 -moz-opacity: 0.91; opacity:0.91; margin-bottom:0;}
.menu ul li:hover ul li a:hover {background:#cccccc; color:#666666;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#666666;}
.menu ul li:hover ul li:hover ul li a {display:block; width:100px; background:#ecebeb; color:#666666;}
.menu ul li:hover ul li:hover ul li a:hover {background:#cccccc; color:#666666;}
*/