/* CSS Document */

body{
	text-align:center;
	margin:0;
	padding:0;
	color:#333333;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	background:#465368 url(/v/vspfiles/templates/GearPodV1/images/bg.gif) repeat-x left top;
	line-height:20px
}

/*ul, ol, dl { position: relative;  }*/
#body a {
	text-decoration:none;
	outline:none;
	color:#0072cf;
}
#body li.last{
	margin:0;
	padding:0;
	border:none;
}
#body a:hover{
	text-decoration:underline;
}
#body #buttons{
	color:#000;
}
#body #buttons a{
	color:#000;
}

.clearall { clear:both;}

#wrapper{
	margin:0px auto;
	width:910px;
	background:#fff;
}
#header {
	margin:0px auto;
	padding:0px;
	width:910px;
	height:150px;	
	margin-bottom:18px;
	text-align:left;
	background:url(/v/vspfiles/templates/GearPodV1/images/header-new.jpg) no-repeat left top;
}
#headlinks {
padding-top:16px;
float:right;
text-align:right;
}
#headlinks li { 
list-style:none;
display:inline;
padding-right:10px;
margin-right:10px;
border-right:#fff solid 1px;
}
#headlinks a { color:#fff;font-size:11px;}
#homelink { width:350px;height:100px}

/* social media header links */
#medialinks { float:right;width:335px;margin-right:7px;height:25px;padding-top:15px;}
#medialinks img { padding-left:11px;float:left;border:none;}

.feature_top { background: url(/v/vspfiles/templates/GearPodV1/images/feature-top.gif) no-repeat;height:7px;}
.feature_bot { background: url(/v/vspfiles/templates/GearPodV1/images/feature-bot.jpg) no-repeat left bottom;padding:10px;}
.feature_bot_short { background: url(/v/vspfiles/templates/GearPodV1/images/feature-bot-short.jpg) no-repeat left bottom;padding:10px;}
.feature_bot_tall{ background: url(/v/vspfiles/templates/GearPodV1/images/feature-bot-tall.jpg) no-repeat left bottom;padding:10px;}

.retail_table { width:95%;border-right:#e5e5e5 solid 1px;;border-left:#e5e5e5 solid 1px;}
.retail_table td { padding:3px 3px 3px 8px;border-bottom:#e5e5e5 solid 1px;text-align: left;}
.retail_table .headrow { color:#ffffff;background:#ff3300;font-weight:bold;}
.retail_table .onrow td { background: url(/v/vspfiles/templates/GearPodV1/images/sidebar-bg.gif) 0px -25px repeat-x}


#content_area #product_photo_zoom_url2 { padding-bottom: 15px;display:block}
#product_photo { margin-bottom: 10px}

#left_nav  { padding-left:10px}

#left_nav .sbmenuMain a, #left_nav .sbmenuMain {
color:#4891dc;
font-weight:bold;
font-size:13px;
padding-left:10px;
margin-bottom:8px;
display:block;
text-decoration:none;
}
#left_nav .sbmenuMain a:hover { text-decoration:none;color:#ff3300;}

#left_nav .sbMenuProducts { background: url(/v/vspfiles/templates/GearPodV1/images/sidebar-bg.gif) no-repeat;padding-top:1px;}
#left_nav .sbMenuProducts ul { margin-top:0px;padding-top:0px;}
#left_nav .sbMenuProducts ul li {
	margin:0;
	padding-bottom:.4em;
	margin-bottom:.5em;
	margin-top:.5em;
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:1px solid #dedede;
	width:165px;
			background:url(/v/vspfiles/templates/GearPodV1/images/li-arrow.png) no-repeat 10px 0px;

}

#left_nav .sbMenuProducts ul li a {
	color:#333;
	padding-left:18px;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}
#left_nav .sbMenuProducts .noline { }
/* indented products */
#left_nav .sbMenuProducts .l1 { margin-left:10px;width:155px;}

#left_nav .sbMenuProducts ul li  a:hover { text-decoration:none;color:#999999;}
#left_nav .sbMenuProducts ul li.nav a {
	padding-bottom:.1em;
	color:#333;
	
}

#left_nav ul{
	list-style:none;
	margin:0px auto;
	padding:0;
	margin-left:6px;
	margin-right:0.5em;
	padding-top:1em;
	padding-bottom:1em;	
}


#left_nav ul li{
	margin:0;
	padding-bottom:.4em;
	margin-bottom:.5em;
	margin-top:.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:1px solid #5D5D5C;
}

#left_nav ul li a {
	color:#333;
	padding-left:11px;
}
#left_nav ul li.nav a {
	padding-bottom:.1em;
	color:#333;
}

#display_menu_1{
	margin:0px auto;
	padding:0px;
	width:817px;
	height:26px;
	background:url(/nav.gif) no-repeat left top;
	margin-top:4px;
	padding-top:7px;
}
#display_menu_1 ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2D2A2A;
	font-size:12px;
	font-weight:bold;
	text-align:left;
        margin:0px;
        padding:0px;
}
#display_menu_1 ul li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2D2A2A;
	font-size:12px;
	font-weight:bold;
	list-style:none;
	display:inline;
	
}
#display_menu_1 ul li a{
	color:#2D2A2A;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
	margin-right:10px;
	background:url(Template/nav_top_bullet.gif) no-repeat 0 3px;
	padding-left:20px;
}
	
#content{
	margin:0px auto;
	padding:0;
	text-align:left;
	width:910px;
}
#content > *{
	text-align:left;
}

#left_nav {
	margin:0px;
	padding:0px;
	height:100%;
	width:200px;
}
#left_nav div.nav_section{
	margin:0px;
	padding-left:10px;
	width:165px;
}

#left_nav h3{
	margin:0;
	padding:0;
	width:169px;
	height:28px;
	color:#fff;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	text-indent:-99999px;
}

#left_nav h3#Menu2_Title{
	background:url(first_nav_title.gif) no-repeat left top;
}
#left_nav h3#Menu3_Title{
	background:url(second_nav_title.gif) no-repeat left top;
}


/* -------- search box ---------- */

#left_nav #search_box.nav_section {
	margin:0px;
	padding:0px;
	width:169px;
	height:146px;
	border:1px solid #605E5E;
	position:relative;
}
#search_box h3{
	margin:0;
	padding:0;
	width:169px;
	height:28px;
	color:#fff;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	text-indent:-99999px;
	background:url(Template/search_title.gif) no-repeat left top;
}
#display_search_box{
	padding:0px 0px 15px 10px;
	margin:0;
	}
.searchtitle { color:#4891dc;
font-weight:bold;
font-size:13px;
padding-left:10px;
}

#display_search_box form{
	padding:0;
	margin:0;
}

.sbox { width:120px;}
#search_box .searchbutton {
	padding-top:0px;
	padding-left:2px;
}
#display_search_box text {
padding-right:5px;
	width:75px;
	height:14px;
	font-size:10px;
	border:1px solid #D4D0C8;
}

#display_search_box img{

}

#left_nav #DropDown_ShopBy_Price{
	margin:0px;
	padding:0px;
	width:140px;
	height:18px;
	position:absolute;
	top:80px;
	left:11px;
}	
#left_nav #DropDown_ShopBy_Manufacturer{
	margin:0px;
	padding:0px;
	width:140px;
	height:18px;
	position:absolute;
	top:112px;
	left:11px;
}	



span.ir{
	display:none;
}
#content #content_area{
	margin:0px;
	padding:0px;
	text-align:left;
	width:710px;
}
#content #content_area table{
	text-align:left;
}
#footer {
	width:910px;
	padding-top:10px;
	padding-bottom: 5px;
	margin-bottom:20px;
	margin-top:20px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/v/vspfiles/templates/GearPodV1/images/footer-bg.gif) bottom;
}
#footer a {
	width:910px;
	color:#ffffff;
	text-decoration:none;
}

#footlinks { float:left;margin-left:10px; }

#footlinks li {
	text-align:left;
	list-style:none;
	display:inline;
	padding-right:10px;
	maring-right:10px;
}

#boiler { float:right;margin-right:10px;text-align:right;}

#footer ul#top li a{
	color:#fff;
	font-weight:bold;
	padding-left:13px;
	padding-right:13px;
}
#footer #bottom{
	margin:0px;
	padding:0px;
	text-align:right;
	display:inline;
	position:absolute;
	top:42px;
	right:28px;
}
#bottom ul{
	margin:0px;
	padding:0px;
	text-align:right;
	display:inline;
}
#bottom ul li{
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	list-style:none;
}
#bottom ul li a{
	text-decoration:none;
	color:#fff;
	list-style:none;
}
#bottom ul li a:hover{
	text-decoration:underline;
	list-style:none;
}
#bottom p{
	margin:0;
	padding:0;
	color:#fff;
	font-weight:normal;
	text-align:right;
	font-size:10px;
}
#bottom p a{
	margin:0;
	padding:0;
	color:#fff;
	font-weight:normal;
	text-align:right;
	font-size:10px;
	text-decoration:none;
	list-style:none;
}
#bottom p a:hover{
	margin:0;
	padding:0;
	color:#fff;
	text-decoration:underline;
}


#home_page_top{
	width:625px;
	height:500px;
	position:relative;
	background:url(Home_Graphic_Welcome.jpg) no-repeat left top;
	margin:0;
	padding:0;
	margin-bottom:1em;
}
#home_page_splash{
       text-align:center;
       width:625px;
       margin:0px auto;

}

.rowcontainer{	
	float:left;
	width:593px;
}

.home_page_section{
	height:141px;
	float:left;	
}
#text{
	margin:0px;
	padding:0px;
	width:598px;
	height:150px;
}
#section1{
	background:url(/v/vspfiles/templates/GearPodV1/images/box-01.gif) top left no-repeat;
	width:201px;
}
#section2{
	background:url(/v/vspfiles/templates/GearPodV1/images/box-02.gif) top left no-repeat;
	width:189px;
}


.home_page_section_featured{
	margin-top:1em;
	width:593px;
	height:33px;
	clear:both;
	background:url(/v/vspfiles/templates/GearPodV1/images/FeaturedProducts.gif) top left no-repeat;
	
}

.home_page_section p{
	color:#BDBCBC;
	margin-top:.8em;
	margin-left:.8em;
	margin-right:1.6em;
	font-size:10px;
	line-height: 16px;
}
.home_page_section p a{
	color:#ff9933;
	font-weight:bold;
}

/* for our manual page titles */
.title { FONT: bold 20px Arial; color:#ff3300;}


.sm_or_question, .sm_or_heading { margin-bottom:0px;padding:0px;color:#ff3300;font-weight:bold;font-size:13px;}

.bodycopyRpad { padding-right:40px}

/* ------- side bar promo --------*/
#Display_Promotions_999{
	padding:0px;
	text-align:center;
	width:140px;
	padding-left:1.2em;
	padding-right:1.2em;
}


#Display_Promotions_999 {
color:#ff3300;
background-image:url(/v/vspfiles/templates/GearPodV1/images/bg-promo.gif);
background-repeat:no-repeat;
margin-left:10px;
margin-bottom:20px;
font-size:14px;
padding-top:8px;
}

#Display_Promotions_999 form{
	padding:0;
	margin:0;
}

#Display_Promotions_999 td { line-height:17px;}
#Display_Promotions_999 .searchbutton {
	padding-top:0px;
	padding-left:2px;
	padding-bottom:5px;
}
	
	
.colors_descriptionbox td { line-height:20px;}
	
/*---------- page specific --------- */

/* HOME PAGE */
#tophomehero_text { height:300px;font-size:30px;line-height:34px;text-align:right;padding-right:10px;padding-top:18px;color:#ffffff;}
#homehero_text {
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	line-height:20px;
	padding-left:10px;
	width: 375px;
}
#hm-teaser1, #hm-teaser2, #hm-teaser3, #hm-teaser4, #hm-teaser5 {
width:225px;
height:280px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#333333;
margin-bottom:10px;
background: #dadada url(/v/vspfiles/templates/GearPodV1/images/hm-teaser-Ushadow.gif) 0px 150px no-repeat;
} 
#hm-teaser3 { background-position-y: 30px}
#hm-teaser1 P, #hm-teaser2 P, #hm-teaser3 P, #hm-teaser4 P, #hm-teaser5 P {margin-top:0px;margin-bottom:5px;padding-top:0px;}
.hm-tease-top-click { height:150px;}
.hm-tease-top-click3 { height:30px;}
.hm-tease-text { padding:8px}
.hm_tease_big_blue { font-size:14px;line-height:18px;color:#0072cf;font-weight:bold;}

    

#hm-teaser1 {
	height:320px;
}
#hm-teaser2 {  height:320px; }
#hm-teaser3 {  height:605px; }
#hm-teaser4 {  height:275px; }
#hm-teaser5 {  height:275px; }

#homehero { height:401px;
width:710px;
background:url(/v/vspfiles/templates/GearPodV1/images/hero-hm-n2.jpg) no-repeat; }
#homehero h2 {
	font-size:30px;
	line-height:32px;
	text-align:left;
	padding-right:10px;
	padding-top:0px;
	color:#FC3200;
	font-weight: normal;
	padding-left: 20px;
	margin-top: 10px;
	padding-top:10px;
	margin-bottom:5px;
}
#homehero .intro {
	font-size:14px;
	line-height:23px;
	text-align:left;
	width:420px;
	color:#000000;
	font-weight: normal;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom:15px;
}
#homehero .bullets P {
	font-size:14px;
	line-height:14px;
	color:#666666;
	margin-left:20px;
	background:url(/v/vspfiles/templates/GearPodV1/images/hm-arrow.gif) no-repeat 5px 0px;
	padding-left:22px;
	margin-bottom:14px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
}
#homehero .bottomtext {
	font-size:14px;
	line-height:23px;
	margin-left:20px;
	color:#000;
	width:360px;
	margin-top: 15px;
}
#homehero .bottomtext a { text-decoration:underline}

.emailsignup { margin-bottom:10px;}

.socialmedia { margin-bottom:15px;}
.socialmedia img { padding-bottom:10px;}


/* orange site links box */
.orbox { padding:10px;}
#left_nav #sitelinks {
	margin:0px 0px 10px 10px;
	font-size:12px;
	color:#ffffff;
	width:165px;
	background-color: #FF3300;
}
#left_nav #sitelinks ul { margin:0px;padding:0px;}
#left_nav #sitelinks li {
	list-style-image:url(/v/vspfiles/templates/GearPodV1/images/or-store-box-arrow.gif);
	margin-left:18px;
	font-weight: normal;
	line-height: 16px;
	border:none;
	padding-bottom:1px;
	margin-bottom:1px;
	padding-top:1px;
	margin-top:1px;
}
#left_nav #sitelinks a { text-decoration:none;color:#ffffff;font-weight:normal;padding:0px;}
#left_nav #sitelinks a span {
	text-decoration:underline;
	color:#FF936B;
}
#left_nav #sitelinks a:hover span {
	text-decoration:underline;
	font-weight:bold;
	color:#ffffff;
}
#left_nav #sitelinks a:hover {
	text-decoration:underline;
}
#left_nav #sitelinks .top {
	background:url(/v/vspfiles/templates/GearPodV1/images/or-store-box-top.gif) no-repeat;
	padding:5px;
	margin:0px;
}
#left_nav #sitelinks .bot { background:url(/v/vspfiles/templates/GearPodV1/images/or-store-box-bot.gif) no-repeat;height:8px;margin:0px;padding:0px;}


.sbspecial { margin:10px;}

/* home tabbed rotator styles */
          #homehero2, #fragment-1, #fragment-2, #fragment-3, #fragment-4 { height:401px;width:710px;background:#ffffff;text-align: left;}
          
          #fragment-1 { background: url(/v/vspfiles/templates/GearPodV1/images/hm-tab-bg-1.jpg) left bottom no-repeat;}
          #fragment-2 { background: url(/v/vspfiles/templates/GearPodV1/images/hm-tab-bg-2.jpg) left bottom no-repeat;}
          #fragment-3 { background: url(/v/vspfiles/templates/GearPodV1/images/hm-tab-bg-3.jpg) left bottom no-repeat;}
          #fragment-4 { background: url(/v/vspfiles/templates/GearPodV1/images/hm-tab-bg-4.jpg) left bottom no-repeat;}
          #fragment-5 { background: url(/v/vspfiles/templates/GearPodV1/images/hm-tab-bg-5.jpg) left bottom no-repeat;}
          #rotate { width:710px;border-left:#ebebeb solid 1px;background-color: #ffffff;background: url(/v/vspfiles/templates/GearPodV1/images/bg-hm-top-line.gif) no-repeat;}
.herotabs h2 {
	font-size:24px;
	line-height:29px;
	text-align:left;
	padding:0px 10px 0px 20px;
	color:#FC3200;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
}
.herotabs .intro {
	font-size:14px;
	line-height:23px;
	text-align:left;
	width:420px;
	color:#000000;
	font-weight: normal;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom:15px;
}
.herotabs .bullets P {
	font-size:14px;
	line-height:16px;
	color:#666666;
	margin-left:20px;
	background:url(/v/vspfiles/templates/GearPodV1/images/hm-arrow.png) no-repeat 5px 0px;
	padding-left:22px;
	margin-bottom:14px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	text-align: left;
}
.herotabs .bottomtext {
	font-size:14px;
	line-height:23px;
	margin-left:20px;
	color:#000;
	width:360px;
	margin-top: 15px;
}
.herotabs .bottomtext a { text-decoration:underline}
.herotabs .rt-col { float:right;width:255px;cursor:pointer}
.rt-col .top { height:375px;width:255px;}
.rt-col .bot { padding:0px 10px}
.rt-col .bot img { padding-right: 5px;}
.herotabs .price { font-size:18px;font-weight: bold;color:#4e9de0;text-align: right;padding-right:20px}

.sizechart_img { float:right;padding-left:10px;border:0}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab.png) no-repeat;
}
#content #content_area .ui-tabs-nav a { color:#ffffff;text-decoration:none;}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #fff;
}
.ui-tabs-nav a span {
    width: 120px; /* IE 6 treats width as min-width */
    min-width: 120px;
    height: 20px; /* IE 6 treats height as min-height */
    min-height: 20px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -81px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -54px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -27px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

