@font-face { font-family: TradeGothicLTStd-BdCn20Obl; src: url('/fonts/TradeGothicLTStd-BdCn20Obl.otf'); }

#content { 
width:800px;
clear:both;
	
	margin:0 auto;
	line-height:1.5em;
	min-height:575px;

}



#newcontent { 
width:976px;
clear:both;
	
	margin:0 auto;
	line-height:1.5em;
	min-height:575px;

}

.home_wide {
	width:650px !important;
}



#home_grid {
        margin: 10px 0;
	width:978px;
        float:left;
}

#home_grid li {
	display:inline-block;
	padding:0px;
	margin:0px;
	float:left;
	margin:1px;
	width:324px;
}

.hero {
	
}

#home_grid ul {
	padding:0px;
	margin:0px;

}

	

#flash_error {
	text-align:center;
	font-style:italic;
	line-height:0px;
}

#bannertxt {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-style:italic;
	width:700px;
	color:#cccccc;
}

.floatright {
	float:right;
	margin-left:8px;
	margin-bottom:2px;
	margin-top:-2px;
}


#new {
position:relative;
top:-10px;
left:-20px;
margin-left:-20px;
z-index:0;
}




#event-bright { color:#E6E6E6; }

.zeroheight {
	line-height:0px;
}

#bannersocial {
	width:65px;
	margin-bottom:10px;
	padding:5px 10px;
	border-bottom:#FFF 2px dotted;
}

#brandlogo {
	height:135px;
width:206px;	
padding-right:20px;
	
}

#banner {

  padding-bottom: 20px;
  padding-top:35px;
  width: 976px;
 
}

#share {
	margin-top:35px;
	width:750px;
	float:right;
	
	

}




#recommendbtn {
	float:right;
	margin-top:20px;
	
}

#logoandrecommend {
	width:295px;
	
}

#pasteventslist {
	clear:both;
	width:100%;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

.pasteventsblock {
	text-align:left;
	float:left;
	width:145px;
}

.pasteventsblock a { 
	display:block;
	margin:3px 0;
	font-size:`4px;
	color:#999999;
}

.pasteventsblock a:hover { 
	color:#00CCFF;;
}

#pasteventsimg {
	margin-bottom:15px;
}

#firstrow {

}

#lastrow {
width:0px;
}

.eventbox {
	width:324;
	height:40px;
	background:url(../images/eventboxbg.jpg) repeat-x; 
	
}

#upcomingevents {
	padding-top:21px;
	padding-bottom:21px;
	font-family:Georgia, Times, "Times New Roman", serif;
	font-size:18px;
	font-style:italic;
	color:#999999;
	border-bottom:#666666 1px solid;
	width:976px;
}

#pastevents {
	padding-top:21px;
	padding-bottom:21px;
	margin-bottom:21px;
	height:150px;
	border-bottom:#666666 1px solid;
	
	
}

#upcomingevents a {
	color:#999999;
}

#upcomingevents a:hover {
	color:#CCC;
}

#upcomingeventsimg {
	margin-right:15px;
}

.percentage {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:4px;
}

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

.tinybluetxt {
	color:#00CCFF;
	font-size:12px;
	font-weight:bold;
}

.shopnowbtn {
float:right;
margin-right:4px;
margin-top:4px;
background-image:url(/images/shopnowbtn.png);
background-repeat:no-repeat;
height:34px;
background-position:top;
overflow:hidden;
width:34px;

/* border-bottom:#666 1px solid;
background-color:#5b5b5b;
border-radius:5px 5px 5px 5px;
padding:7px; */

}

.shopnowbtn:hover {

background-position:bottom;

/* float:right;
margin-right:4px;
margin-top:4px;
border-bottom:#666 1px solid;
background-color:#323031;
border-radius:5px 5px 5px 5px;
padding:7px; */


}

.row {
	height:324;
	margin-top:2px;
}

.right {
	float:right;
	width:324px;
	height:324px;
	
}

.rightwide {
	float:right;
	width:650px;
	height:324px;
	
}


.middle {
	margin-right:2px;
	float:right;
	width:324px;
	height:324px;
	color: #fff;
	
}

.left {
	
	width:324px;
	height:324px;
	color: #fff;
	
}

body{
	padding:0; margin:0;
	background:#000000;
	font-family: Arial, "MS Trebuchet", sans-serif;
	color: #FFFFFF;
        border-top: 3px solid #00ccff;
}

#blackopacity {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image:url(../images/opaquebackground.png);
	background-repeat:repeat;

}
.tradegoth {
	font-size:24px;
	font-family:TradeGothicLTStd-BdCn20Obl, sans-serif;
	margin-top:5px;
}

#boxes {
	width:100%;
	height:350px;
	margin-top:50px;
}

#boxespagetwo {
	width:100%;
	height:350px;
	margin-top:15px;
}


#rightgraphic {
  border-left: 1px solid #999999;
float: right;
margin-right: -20px;
padding-left: 30px;

}

#middlegraphic {
  border-left: 1px solid #999999;
float: right;
padding-left: 30px;
padding-right: 30px;
}

.welcomeheader {
	text-align:center;
	font-size:24px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:-15px;
}

.welcomesubheader {
	text-align:center;
	font-size:14px;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	
}

#leftgraphic img.backpack {
	padding-left: 60px;
}

.customered {
	margin-left:auto;
	margin-right:auto;
	/*width:939px;
	height:511px; */
	background-color:#000;
	margin-top:160px;
	color: #fff;
	padding:50px;
	width:839px;
        height:411px;
       -moz-box-shadow: 0px 5px 15px #111; /* Firefox */
       -webkit-box-shadow: 0px 5px 15px #111; /* Safari, Chrome */
       box-shadow: 0px 5px 15px #111; /* CSS3 */




/* For WebKit (Safari, Google Chrome etc) */

background: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#000));

/* For Mozilla/Gecko (Firefox etc) */

background: -moz-linear-gradient(top, #565656, #000);

/* For Internet Explorer 5.5 - 7 */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#565656, endColorstr=#00000000);

/* For Internet Explorer 8 */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#565656, endColorstr=#00000000)";
	
}

#user_password_confirmation {
		height:26px;
	width:220px;
	background-color:#7f7f7f;
	border:none;
	padding:5px;
}

#user_password {
		height:26px;
	width:220px;
	background-color:#7f7f7f;
	border:none;
	padding:5px;
}

#submit {
	float:right;
}

#aboutyourpassword {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	color:#999999;
        margin-left: 12px;
}

#ed_clymbletter {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:22px;
	color:#999999;
}

.horizontalgrey {
	color:#999999;
}

#reset {
	background-color:#28aae1;
	border-radius:7px;
	padding:12px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	
}

#lastpage {
	padding:50px;
	width:889px;
	height:461px;
	
}

.welcometxt {
	font:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:21px;
	margin-top:10px;
}
	
.bold {
	font-weight:bold;
}

#addmore {
	margin-bottom:30px;
}

#addressbook {
	background-color:#00ADEE;
	padding:10px;
	color:#000;
	font-size:12px;
	font-style:italic;
	
}


#addressbook:hover {
	background-color:#575756;
	
	color:#FFF;
	
}
	

.emailboxrow1 {
margin-right:15px;
margin-bottom:15px;
width:403.5px;
height:30px;
}

.emailboxrow2 {
margin-bottom:15px;
width:403.5px;
height:30px;
}

#sendinvites {
	float:right;
	
}
.closebtn {
  font-size: 14px;
  right: -25px;
  float:right;
  position: relative;
  top: -25px;
}


.closebtn a {
	color:#999;
}

.closebtn a:hover {
	color:#CCC;
}

.welcome2header {
	width:250px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
}

#skipandcontinue {
  font-size: 12px;
  right: 0px;
  float:right;
  position: relative;
  bottom: 0px;
  top:-10px;
}

#skipandcontinue a {
	color:#FFF;
}

#skipandcontinue a:hover {
  opacity:0.7px;
}

.nextbtn {
      	background-image:url(/images/newgridview_switcher.png);
	background-repeat:no-repeat;
	background-position:top right;
        padding-right: 40px;
        padding-top: 13px;
  font-size: 16px;
  right: -25px;
  top:-10px;
  float:right;
  position: relative;
  bottom: 0px;
  
}

.bluetext {
	color:#00ccff;
}


.nextbtn a {
	color:#FFF;
}

.nextbtn a:hover {
	opacity:0.7;
}

img { border:none; }

h1, h2, h3 {
	color:#00CCFF;
	font-weight:normal;
}

a {
	color:#00ADEE;
	text-decoration:none;
}
a.button {
	display:block;
	background: #000000 url(https://clymb.s3.amazonaws.com/application/btn_bg.jpg) top center no-repeat;
	height: 52px;
	width:202px;
	text-transform:uppercase;
	text-align:center;
	padding-top:5px;
	color:#FFFFFF;
}
a.button:hover{ 
	font-weight:bold; 
	background: #000000 url(https://clymb.s3.amazonaws.com/application/btn_bg-hover.jpg) top center no-repeat;
}

p { color:#CCC; }

img {border:none;}

.metal {
	color:#CCCCCC;
}

.blue { color:#00CCFF; }
.orange { color:#FF6633 }
#beta{
	position:relative;
	float:left;
	height:0;
}
#wrapper{
	width:976px;
	margin:0 auto;
	padding:0;
	background:#000000;
	border-left:1px solid black;
	border-right:1px solid black;
}
#event-bar{
	clear:both;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#999999;

	padding-bottom:10px;
	font-size:12px;
	height:35px;
	text-transform:uppercase;
	width:976px;
	height:46px;
	
}

#getinspired {
	float:right;
	margin-top:10px;
	display:none;
	

}

#gridview-bar{
	clear:both;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #666666;
	
	
	padding-top:5px;
	padding-bottom:5px;
	
	height:35px;
	
	width:976px;
	height:46px;
	
}

.bigblue {
	font-size:16px;
	color:#00ccff;
}


/***  back to sale links   ***/

#social_networking {
	position:relative;
	top:0px;
	right:-50px;
	height:0;
	float:right;
}
.header { text-indent: -9999em; padding:5px 0;}
#indent {clear:both;}

#hero_container{
	width:947px;
	overflow:hidden;
}

#hero_image{
  margin-bottom:5px;
}
#footer,
#banner_bottom{
	clear:both;
	width:100%;
	padding:40px 0;
	margin:0;
	border-top:1px #666666 solid;
	/* background: #000000 url(https://clymb.s3.amazonaws.com/application/foot_top.jpg) top left repeat-x; */
}
#foot_logo{
	padding:30px 0;
	height:70px;
	border-right:1px solid #CCCCCC;
}
.social{
	padding:5px;
	padding-left:18px;
}
#tw_small{	background: url(https://clymb.s3.amazonaws.com/application/tw_small.jpg) center left no-repeat; }
#fb_small{	background: url(https://clymb.s3.amazonaws.com/application/fb_small.jpg) center left no-repeat; }
#blog_small{ background: url(https://clymb.s3.amazonaws.com/application/favicon.jpg) top left no-repeat;}
.foot_block{
	text-align:left;
	float:left;
	width:135px;
	margin-left:10px;
}
.foot_block h4 { 
	color: #CCCCCC; 
	font-weight:normal;
	font-size:14px; 
	margin-bottom:2px; 
}
.foot_block a { 
	display:block;
	margin:3px 0;
	font-size:10px;
	color:#999999;
}
#company.foot_block{
	margin-left:20px;
}
.no-border{ border:none !important; }
#copyright{
	float:left;
	font-size:10px;
	margin-left:165px;
	margin-top:-10px;
	color:#999999;
	width:80%;
}
#invite{
	float:right;
	margin-right:20px !important;
	border:none !important;
	color:#FFFFFF !important;
}
/***  errors   ***/
.fieldWithErrors { 	color:#800000; }
.fieldWithErrors input { border:1px solid #800000; }
#errorExplanation{
	width:550px;
	padding-left:20px;
	margin:10px 0;
}
#errorExplanation ul { list-style:none;}
#errorExplanation ul li {
	margin-bottom:10px;
	line-height:1.5em;
}

/***  NOTICE   ***/
#notice,
#errorExplanation h2 {
	/***  for the non-IE browsers:   ***/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
/* 	border:2px solid #00ADEE;
	color: #FFFFFF;
	background:#505050; */
	padding:15px 10px;
	margin:0 30px;
	/* margin-top:-20px; FIXME this was here for a reason I'm sure */
}

/* Travel Module - Added by Paddy */
.small_text
{
	font-size: 11px;
	letter-spacing: 2px;
	color: #999;
}

.travel_dates_row{
	margin-bottom:15px;
	border-width: 1px; 
	border-style: dashed; 
	border-color: #999;
}

 /***  errors   ***/
.validation-error{
	color:#F00000;
	font-size:12px;
	text-transform: capitalize;
	
} 

#discount_code {
	padding-top:10px;
}
#accordion h3 { 
	padding:3px 10px;
}
#accordion h3.odd {
	background-color:#363636;
}
#accordion h3.even{
	background-color:#505050;
}

#accordion h3 a {
	color:#cccccc;		
}


#accordion h3 a:hover {
	color:#FFF;
}

#accordion .careerlocation {
	float:right;
	padding-right:100px;
}

#accordion ul {
	color:#cccccc;
}

#accordion p {
	padding:0px 20px;
}

#accordion .ui-state-active a {
	color:#00CCFF;
}

#new_return div {
	clear: both;
color: #CCCCCC;
font-size: 12px;
text-transform: uppercase;
width: 100%;
}

#new_return p {
color: #CCCCCC;
float: left;
font-size: 12px;
margin: 10px 20px;
text-transform: uppercase;

}

#return_btn {
	margin-top:20px;
	background: url(https://clymb.s3.amazonaws.com/application/btn_bg.jpg) left center no-repeat;
	height:45px;
	width:201px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	border:none;
	margin-left:20px;
}

#return_btn:hover {
	background: url(https://clymb.s3.amazonaws.com/application/btn_bg-hover.jpg) left center no-repeat;
	font-weight:bold;
	text-align:left;
	margin-left:20px;
}
#return_btn a {
	color:#FFFFFF;
	font-size:14px;
	padding:4px 45px;
}

#return_product_description {
	width:220px;
}
.lowercase {
	text-transform:lowercase;
}

#promo {
	margin-top:20px;
}

#logopic {
	display:block;
	margin-bottom:20px;
	margin-top:20px;
}
#menu-countdown{
	
	}
#headerbar{
	padding:0; margin:0;
	margin-top:5px;
	margin-bottom:25px;
        *margin-left: -400px; /* IE 8 sent the menu bar clear over the edge. What a POS browser */
	list-style:none;
	float:right;
	height:10px;
        width:976px;
        text-align:right;
}
#headerbar li {
	display:inline;
	padding:0 10px;
	font-size:11px;
        font-weight: bold;
	text-transform:uppercase;
}
#headerbar li a { color:#CCCCCC; text-decoration:none;}

#headerbar li a:hover { opacity:0.7;}

#spread{ 
	float:right;
	width:100%;
}
#countdown{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:20px;
}
#cdclock{
	color:#CCC;
	font-size:12px;
}
#suunto{
	display:block;
	position:relative;
	height:0;
	top:170px;
	left:395px;
}


#spread-the-word {
  

  float:right;
}



#spread-the-word a {
	width:311px;
height:39px;
float:right;

	
background-image: url("/images/headernew_tellfriends.jpg");
	background-position:center top;
background-repeat: none;


}

#spread-the-word a:hover {

	background-position: center bottom;
}


#stw_link{
	text-decoration:none;
	padding-top:2px;
	color:#CCC;
	font-size:12px;
}
.clear{ clear:both; display:block; height:25px;}


/* product details */

#newdetail_greyleftarrow {
	
}
















/** navigation drop down starts here **/

.menu-container {
	float:right;
}

.menu-container ul li.nav {
	position:relative;

}

.menu-container li {
	display:inline;
	margin-right:15px;
}

li.nav {
  background-position: center bottom;
  cursor: pointer;
} /*--Hover effect for trigger--*/


.dropdownnav li {
	margin: 0; 
	padding: 0;
	clear: both;
	width: 170px;
}

ul.dropdownnav li a {
	float: left;
	width: 145px;
	margin-left:8px;
	padding-left: 10px;
	padding-top:10px;
	padding-bottom:10px;
	color:#cccccc;
	font-size:14px !important;
	text-transform:lowercase !important;
	text-transform:capitalize !important;
	border-bottom:#cccccc 1px solid;
	font-family:Arial, Helvetica, sans-serif;
}


ul.dropdownnav li a:hover {
	color:#00CCFF;
}


.menu-container li a {
	display:inline;
	margin-right:15px;
	font-size:12px;
	
}

.menu-container li a:hover {

}


li ul.dropdownnav {
	list-style: none;
	position: absolute; /*--Important - Keeps dropdownnav from affecting main navigation flow--*/
	left: 0; top: 14px;
	background: #333;
	margin: 0; padding: 0;
        padding-bottom:8px;
	display: none;
	float: left;
	width: 170px;
        max-height: 158px;
        overflow-y: auto;
        overflow-x: hidden;
}

.dropdownnav {
	border-top:#000 10px solid;
}

.dropdownarrowwhite {
	margin-bottom:4px;
}

.dropthedrop {
	position:absolute;
	right:140px;
	top:-10px;
}

.dropdownadventuregreyed {

	
}


#dropdownmachines:hover,
.coming_soon{
/***
opacity:0.7; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
***/	
}

#getinspired:hover {
opacity:0.7; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
}


/** here ends all the css necessary for the header dropdown **/






/** here starts the detail color dropdown **/



#menu-container_detail {
	float:none !important;
	margin-left:-40px;
}


#nav_detailcolor {
	border:#7f7f7f 1px solid;
	padding:7px;
	font-weight:bold;
	border-right:#7f7f7f 30px solid;
	text-transform:lowercase;
	text-transform:capitalize;
}

#color_select_text {
	display:inline-block;
	width:235px;
}

#nav_detailcolor:hover {
	border:#00CCFF 1px solid;
	border-right:#00CCFF 30px solid;
	color:#7f7f7f !important;
}

.dropdownarrow_detailcolor {
  left: 129px;
  margin-right: -20px;
  position: relative;
  top: 1px;
}



li ul.dropdownnav_detailcolor {
  background: none repeat scroll 0 0 #333333;
  float: left;
  left: 0;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 26px;
  width: 266px;
  max-height:158px;
  overflow:-moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: auto;
}

.dropdownnav_detailcolor li{
	margin: 0; 
	padding: 0;
	clear: both;
	width: 259px;
}

.dropdownnav_detailcolor {
	border-bottom:#7f7f7f 1px solid;
}

ul.dropdownnav_detailcolor li a {
	margin-left:8px;
	padding-left: 10px;
	color:#7f7f7f !important;
	font-size:12px !important;
	text-transform:lowercase !important;
	text-transform:capitalize !important;
	font-family:Arial, Helvetica, sans-serif;
}

ul.dropdownnav_detailcolor li a:hover {
	color:#FFF !important;
}

#item_detailcolor {
  border-left: 1px solid #7F7F7F;
    border-right: 1px solid #7F7F7F;
	  border-bottom: 1px solid #7F7F7F;
  color: #7F7F7F !important;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px !important;
  font-weight: bold;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
  text-transform: capitalize !important;
}

#item_detailcolor img {
	float:left;
}




/** here starts the detail size dropdown **/

#nav_detailsize {
	font-size:12px !important;
	border:#7f7f7f 1px solid;
	padding:7px;
	padding-right:20px;
	font-weight:bold;
	border-right:#7f7f7f 30px solid;
	text-transform:lowercase;
	text-transform:capitalize;
	width: 143px;
}

#size_select_text {
	display:inline-block;
	width:96px;
}

#nav_detailsize:hover {
	border:#00CCFF 1px solid;
	border-right:#00CCFF 30px solid;
	color:#7f7f7f !important;
}

#item_detailsize {
  border-left: 1px solid #7F7F7F;
  border-right: 1px solid #7F7F7F;
  border-bottom: 1px solid #7F7F7F;
  color: #7F7F7F !important;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px !important;
  font-weight: bold;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
  text-transform: capitalize !important;
}

.dropdownarrow_detailsize {
  left: 22px;
  margin-right: -20px;
  position: relative;
  top: 1px;
}


#item_detailsize img {
	float:left;
}

.dropdownnav_detailsize li{
	margin: 0; 
	padding: 0;
	clear: both;
	width: 143px;
}

li ul.dropdownnav_detailsize {
  background: none repeat scroll 0 0 #333333;
  float: left;
  left: 0;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 26px;
  width: 150px; 
  max-height:158px;
  overflow:-moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: auto;
}





/** here starts the gridview color dropdown **/


#menu-container_gridview {
	width:421px;
        margin-right: -29px;
}
#menu-container_gridview ul {
  text-align: right;
}

#nav_gridviewcategory  {
	font-size:12px !important;
	border:#00CCFF 1px solid;
	padding:7px;
	padding-right:50px;
	font-weight:bold;
	border-right:#00CCFF 30px solid;
	text-transform:lowercase;
	text-transform:capitalize;
	color:#FFF;
}

#nav_gridviewcategory:hover {
	border:#7f7f7f 1px solid;
	border-right:#7f7f7f 30px solid;
	color:#7f7f7f !important;
}

.dropdownarrow_gridviewcategory {
  left: 52px;
  margin-right: -20px;
  position: relative;
  top: 1px;
}



.dropdownnav_gridviewcategory li{
	margin: 0; 
	padding: 0;
	clear: both;
	width: 186px;
}

li ul.dropdownnav_gridviewcategory {
  background: none repeat scroll 0 0 #333333;
  float: left;
  left: 0;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 26px;
  width: 186px; 
  max-height:158px;
  overflow:-moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: auto;
  
}

ul.dropdownnav_gridviewcategory li a {
	color:#7F7F7F;
}

ul.dropdownnav_gridviewcategory li a:hover {
	color:#7F7F7F;
}

.dropdownnav_gridviewcategory {
	border-bottom:#7f7f7f 1px solid;
}


#item_gridviewcategory {
  border-left: 1px solid #7F7F7F;
  border-right: 1px solid #7F7F7F;
  border-bottom: 1px solid #7F7F7F;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px !important;
  font-weight: bold;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-top: 5px;
  text-transform: capitalize !important;
  text-align: left;
}

#item_gridviewcategory a:hover {
	color:#CCC;
}

#item_gridviewcategory img {
	float:left;
}

/** here starts the gridview size dropdown **/

#nav_gridviewsize  {
	font-size:12px !important;
	border:#00CCFF 1px solid;
	padding:7px;

	font-weight:bold;
	border-right:#00CCFF 30px solid;
	text-transform:lowercase;
	text-transform:capitalize;
	color:#FFF;
}



#nav_gridviewsize:hover {
	border:#7f7f7f 1px solid;
	border-right:#7f7f7f 30px solid;
	color:#7f7f7f !important;
}

.dropdownarrow_gridviewsize {
  left: 13px;
  margin-right: -15px;
  position: relative;
  top: 1px;
}


li ul.dropdownnav_gridviewsize {
  background: none repeat scroll 0 0 #333333;
  float: left;
  left: 0;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 26px;
  width: 127px;
  max-height:158px;
  overflow:-moz-scrollbars-vertical;
   overflow-x: hidden;
  overflow-y: auto;
}

.dropdownnav_gridviewsize li{
	margin: 0; 
	padding: 0;
	clear: both;
	width: 120px;
}



.dropdownnav_gridviewsize {
	border-bottom:#7f7f7f 1px solid;
}

ul.dropdownnav_gridviewsize li a {
	float: left;
	width: 165px;
	margin-left:8px;
	padding-left: 10px;
	color:#7f7f7f !important;
	font-size:12px !important;
	text-transform:lowercase !important;
	text-transform:capitalize !important;
	font-family:Arial, Helvetica, sans-serif;
}

ul.dropdownnav_gridviewsize li a:hover {
	color:#FFF !important;
}

#item_gridviewsize {
  border-left: 1px solid #7F7F7F;
  border-right: 1px solid #7F7F7F;
  border-bottom: 1px solid #7F7F7F;
  color: #7F7F7F !important;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px !important;
  font-weight: bold;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
  text-transform: capitalize !important;
  text-align: left;
}
#item_gridviewsize img {
	float:left;
}



.sold-out a { text-decoration:line-through; color:#666 !important; }  /** FIXME: style this **/



/*

::-webkit-scrollbar              { width:30px; background-color:#333333; border-right:#999 1px solid; }
::-webkit-scrollbar-button       { }
::-webkit-scrollbar-track        {  -webkit-box-shadow: inset 12px 0 6px rgba(0,0,0,0.3);  }
::-webkit-scrollbar-track-piece  { ;}
::-webkit-scrollbar-thumb        { -webkit-box-shadow: inset 12px 0  12px #666; background-color:#4d4c4c; border-right:#666 1px solid; background-image:("/images/scrollbartrolley.jpg"); background-repeat:no-repeat; }
::-webkit-scrollbar-corner       { }
::-webkit-resizer                { }
*/




/** navigation drop down ends here **/