.selectnav { display: none; }

#log-panel .button1 {
	display: none;
}

.closemenu {
	width: 20px;
	height: 20px;
	font-size: 18px;
	text-align: center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	float: right;
	line-height: 20px;
	cursor: pointer;
}

.span9 .tmp-content-area {
	margin-left: 2%;
	margin-right: 2%;
}

@media (min-width: 1200px) { 
	.camera_caption h1 {
		font-size: 220%;
		margin: 4px 0px 30px 0px;
	}
	
	.camera_caption h2 {
		font-size: 160%;
		margin: 4px 0px 30px 0px;
	}
	
	.camera_caption {
		font-size: 1vw;
	}

	
	#search-position .search .inputbox, #search-position .finder .inputbox {
		max-width: 150px;
	}
	
	.camera_wrap .camera_next {
		margin-right: -585px;
	}
	
	.camera_wrap .camera_prev {
		margin-left: -585px;
	}
	
}

/* Large desktop */

@media (min-width: 980px) and (max-width: 1199px) { 

	.inner {
		padding: 0px 30px;
	}

	.camera_caption h1 {
		font-size: 300%;
		letter-spacing: 0px;
		margin: 4px 0px 25px 0px;
	}
	
	.camera_caption h2 {
		font-size: 150%;
		letter-spacing: 0px;
		margin: 4px 0px 25px 0px;
	}
	
	.camera_caption {
		font-size: 110%;
	}
	
	.camera_caption .button {
		font-size: 90%;
	}
	

	#menu #nav ul { width: 14.5em !important;}
	#menu #nav ul ul { left: 14.5em !important; }
	
	
	.moduletable_menu ul.menu li a, .moduletable_menu ol.menu li a, ul.latestnews_menu li a, .VMmenu li div a {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		
	}
	
	
	.moduletable_style3 > img {
		width: 70px;
		margin: 5px 7px;
	}
	
	
	.camera_wrap .camera_next {
		margin-right: -470px;
	}
	
	.camera_wrap .camera_prev {
		margin-left: -470px;
	}
	
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

	.span9 .span3 .spacer .quantity-input.js-recalculate, 
	.span9 .span3 .spacer input.quantity-input {
		margin-top: 0px !important;
		padding-bottom: 1px !important;
	}

	.span2 .spacer .quantity-input.js-recalculate,
	.span2 .spacer input.quantity-input {
		margin-top: 1px;
	}

	h3 {
		font-size: 130%;
	}
	
	.inner {
		padding: 0px 20px;
	}

	.camera_caption h1 {
		font-size: 200%;
		letter-spacing: 0px;
		margin: 4px 0px 20px 0px;
	}
	
	.camera_caption h2 {
		font-size: 125%;
		letter-spacing: 0px;
		margin: 4px 0px 20px 0px;
	}
	
	.camera_caption {
		font-size: 110%;
	}
	

	#menu ul.menu-nav > li > a {
		padding-left: 7px !important;
		padding-right: 7px !important;
		font-size: 12px;
	}

	#menu #nav ul { width: 11em !important;}
	#menu #nav ul ul { left: 11em !important; }

	#menu #nav ul li a { font-size: 11px; }
	
	.vmproduct.productdetails .spacer .pr-add { height: 20px; overflow: hidden;}
	
	.category-view .row-fluid:hover .category:hover .spacer {
		padding-bottom: 26px !important;
	}

	.moduletable_menu ul.menu li a, .moduletable_menu ol.menu li a, ul.latestnews_menu li a, .VMmenu li div a {
		padding: 8px 15px !important;
	}

	.moduletable_style3 > img {
		width: 50px;
	}
	
	.camera_caption > div {
		padding: 0px 15px;
	}
	
	.button, button, a.button, a.product-details, input.addtocart-button, a.ask-a-question, .highlight-button, .vm-button-correct, span.quantity-controls input.quantity-plus, span.quantity-controls input.quantity-minus {
		padding: 9px 11px;
	}
	
	.moduletable_style3 > img {
		margin: 5px 5px;
	}
	
	.itemC .k2sl-content-handler .moduleItemIntrotext {
	  padding: 25px 30px;
	}
	
	.camera_wrap .camera_next {
		margin-right: -362px;
	}
	
	.camera_wrap .camera_prev {
		margin-left: -362px;
	}

}

@media (min-width: 980px) {
	#menu #nav, #mega-menu {
		display: block !important;
	}

	a.menupanel {
		display: none;
	}
}

@media (max-width: 979px) {

	#top-handler {
		position: absolute !important;
		top: 0px !important;
		padding: 10px 0px !important;
		left: 0px !important;
		right: 0px !important;
		width: 100% !important;
	}

	.rm-line {
		display: block;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		width: 30%;
		height: 3px;
		margin: 3px 35% 3px 35%;
	}
	
	a.menupanel {
		padding: 9px 15px 10px 0px; 
		float: left;
		position: relative;
	}
	
	#mega-menu {
		display: none;
	}
	
	#menupanel2 {
		padding: 0px !important;
		text-align: center;
	}

	
	#top #mega-menu {
		position: absolute;
		left: 0px;
		z-index: 9999;
	}
	
	.res-ico {
		width: 50px;
		float: left;
	}
	
	.responsive-menu {
		float: none;
	}
	
	#top .responsive-menu ul#nav.menu-nav {
		padding: 10px 4% 10px 4%;
		float: none !important;
		position: absolute;
		z-index: 870 !important;
		width: 60%;
		top: 69px;
		-moz-box-shadow: 0px 3px 15px rgba(0,0,0,.25);
		-webkit-box-shadow: 0px 3px 15px rgba(0,0,0,.25);
		box-shadow: 0px 3px 15px rgba(0,0,0,.25);
		left: 0px;
		right: 0px;
	}
	
	#menu .menu-nav > li > a > span small, #mega-menu span small {
		float: right !important;
		margin-top: -27px !important;
		width: auto !important;
	}
	
	#menu .menu-nav > li > a > span small:before {
		display: none !important;
	}
	
	.responsive-menu ul#nav.menu-nav * {
		position: static !important;
		display: block !important;
		visibility: visible !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		border: none !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	
	#mega-menu {
		-moz-box-shadow: 0px 3px 15px rgba(0,0,0,.25);
		-webkit-box-shadow: 0px 3px 15px rgba(0,0,0,.25);
		box-shadow: 0px 3px 15px rgba(0,0,0,.25);
	}
	
	#mega-menu * {
		position: static !important;
		visibility: visible !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		border: none !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	
	#mega-menu li, #mega-menu li > a, #mega-menu ul {
		display: block !important;
	}
	
	#mega-menu a.button, #mega-menu a.button:hover {
		display: inline-block !important;
		-webkit-border-radius: 3px !important;
		-moz-border-radius: 3px !important;
		border-radius: 3px !important;
		border-width: 2px !important;
		border-style: solid !important;
	}
	
	.responsive-menu ul#nav.menu-nav li {
		float: none !important;
		margin-left: 0px !important;
	}
	
	#mega-menu [class*="moduletable"] {
		margin-bottom: 20px;
	}
	

	
	.responsive-menu ul#nav.menu-nav ul, #mega-menu ul {
		background-color: transparent !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		padding-right: 0px !important;
	}
	
	#mega-menu {
		width: 684px!important;
		padding: 20px!important;
	}
	
	ul#mega-menu > li > a {
		padding: 5px 1px !important;
	}
	
	a.menupanel {display: block;text-decoration: none !important;}
	#menu #nav{ display: none; }
	#menu .selectnav { display: block; width:98%; }
	.selectnav { margin: 3px 1%; }
	#menu .menu-nav {
		display: none;
	}
	
	.responsive-menu ul#nav.menu-nav ul, #mega-menu .menu-nav ul {
		border-left: 2px solid rgba(0,0,0,0.1) !important;
		width: auto !important;
		margin: 0px 0px 0px 11px;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	
	.responsive-menu ul#nav.menu-nav ul li, #mega-menu .menu-nav ul li {
		position: relative !important;
	}
	
	.responsive-menu ul#nav.menu-nav ul li:before, #mega-menu .menu-nav ul li:before {
		position: absolute !important;
		content: "--";
		font-size: 30px;
		color: rgba(0,0,0,0.1);
		top: -9px;
		left: -12px;
		letter-spacing: -2px;
		
	}
	
	#megamenu-handler #mega-menu.menu-nav > li, #mega-menu .menu-nav li {
		border-right: none !important;
		width: 100% !important;
	}
	
	#mega-menu > li > ul {
		min-width: 100% !important;
		padding: 0px !important;
	}
	
	#menu .menu-nav > li > a:after {
		display: none !important; 
	}
	
}

@media (min-width: 500px) and (max-width: 767px) { 
	.category-view .row-fluid .span3,
	.latest-view .row-fluid .span3,
	.vmgroup_products.product-sl-handler .span2,
	.vmgroup_products.product-sl-handler .span3,
	ul.row-fluid.vmproduct.productdetails li
	{
		width:49%;
		margin: 0px 0.5% 30px 0.5% !important;
		float: left;
	}
	
	.row-fluid.vmmanufacturer .span4 {
		width: 32%;
		margin: 3px 0.3%;
		float: left;
	}
	
	ul.row-fluid.vmproduct.productdetails li {
		margin: 0px !important;
	}
	
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

	#mega-menu {
		width: 90%!important;
		padding: 20px 5% !important;
	}

	.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 100%;
	}

	#top-modules .moduletable {
		padding: 0px 20px;
	}

	#top-modules .moduletable.item-slider {
		padding: 0px 0px !important;
	}
	
	body {
		font-size:90% !important;
	}
	
	.tm-bg-1, .tm-bg-3 {
		display: none;
	}
	
	.tm-bg-2 {
		padding: 20px 0px;
	}
	
	.tm-bg-2 .moduletable {
		clear: both;
	}
	
	#tab-modules .container {
		padding-bottom: 0px;
	}
	
	#top-modules, #story-slideshow, #story-top1, #story-top2, #story-top3, #story-bottom1, #story-footer, #bot-modules-2 {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	#story-top1 .story, #story-top2 .story, #story-bottom1 .story, #story-footer .story {
		padding: 0px 20px;
	}

	#log-panel li a {
		padding: 6px 3px;
	}
	
	.category-view .row-fluid .span3,
	.latest-view .row-fluid .span3,
	.vmgroup_products.product-sl-handler .span2,
	.vmgroup_products.product-sl-handler .span3,
	ul.row-fluid.vmproduct.productdetails li {
		margin-bottom: 30px;
	}
	
	#tab-modules {
		margin: 0px -20px;
	}

	.category-view .row-fluid .span3 img {
		width: 100%;
	}

	.camera_caption h1 {
		font-size: 150%;
		letter-spacing: 0px;
		margin: 4px 0px 20px 0px;
	}
	
	.camera_caption h2 {
		font-size: 115%;
		letter-spacing: 0px;
		margin: 4px 0px 20px 0px;
	}
	
	.camera_caption {
		font-size: 100%;
	}

	.product-sl-handler ol li.next, .product-sl-handler ol li.prev{
		display: none !important;
	}
	
	.vmproduct .spacer {
		padding: 0px 5px 15px 5px !important;
	}

	#bottom-bg {
		padding: 5px 0px;
	}

	.info-area, .info-area-2, #content-handler, #footer {
		padding-left:20px;
		padding-right:20px;
	}
	
	.moduletable_style3, .blog-featured .item { margin-bottom: 15px; }
	.moduletable_style3 img { width: 100%; height: auto; }
	
	.mobile-center * {
		text-align: center !important;
	}
	
	.moduletable, .moduletable_text, .moduletable_style1, .moduletable_style2, .browse-view .row, .moduletable_menu,.spacer,.vmproduct li, .category
	{margin-bottom:5px;}

	.inner {
		padding: 0px 10px;
	}
	
	#site-name-handler {
		height: auto !important;
	}
	
	#site-name-handler {
		width: 30% !important;
		height: auto !important;
		float: left;
	}
	
	#top-handler #sn-position #h1, #top-handler #sn-position #h2 {
		position: static;
	}
	
	#sn-position {
		text-align: center;
		padding: 10px !important;
		width: auto !important;
		height: auto !important;
	}
	
	#menu-handler {
		padding: 0px;
	}
	
	#menu-handler .row-fluid > .span9 { 
		float: left;
		width: 40px;
	}
	
	#search-position .search .advanced-search-button {
		width: 21px;
		text-indent: 9999px;
		font-size:0.01em;
		background-image: url(../images/advanced-search.png);
		background-position: 2px 3px;
		background-repeat: no-repeat;
		overflow: hidden;
		float:left;
	}

	section#bottom-long {
		padding: 0px;
		margin-left: -20px;
		margin-right: -20px;
	}
	
	#menu-handler .span2 {
		float: left;
		width: 60%;
	}
	
	#menu-handler .span10 {
		float: left;
		width: 40%;
	}
	
	ul.vmproduct.productdetails {
		padding: 0px !important;
	}
	
	#bot-modules .span2, #bot-modules-2 .span2 {
		width: 100% !important;
	}
	
	.product-sl-handler ol li.prev, .product-sl-handler ol li.next { display: none; }


	.span2.sp20,#tab-modules .row-fluid > .span12, #tab-modules .row-fluid > .span6, #tab-modules .row-fluid > .span4, #tab-modules .row-fluid > .span3, #tab-modules .row-fluid > .span2,
#top-modules .row-fluid > .span12, #top-modules .row-fluid > .span6, #top-modules .row-fluid > .span4, #top-modules .row-fluid > .span3, #top-modules .row-fluid > .span2,
#bot-modules-2 .row-fluid > .span12, #bot-modules-2 .row-fluid > .span6, #bot-modules-2 .row-fluid > .span4, #bot-modules-2 .row-fluid > .span3, #bot-modules-2 .row-fluid > .span2,
#bot-modules .row-fluid > .span12, #bot-modules .row-fluid > .span6, #bot-modules .row-fluid > .span4, #bot-modules .row-fluid > .span3, #bot-modules .row-fluid > .span2,.info-area .span3, .info-area .span9,
.blog-featured article.span12, .blog-featured article.span6, .blog-featured article.span4, .blog-featured article.span3, .blog-featured article.span2 {
		width: 100%;
		margin-left: 0;
	}

	#menu {
		padding: 0px;
		margin: 0px;
	}
	
	.catItemImage img {
		width: 60% !important;
	}	

	p.set-left {
		text-align: left !important;
	}
	
	.info-area .moduletable_empty {
		padding: 0px 0px;
	}
	
	.info-area .span9 .moduletable_empty, .info-area .span9 .moduletable {
		position: static;
	}
	

	
	#sn-position #h1 {
		position: static;
	}
	
	#h1-tiny{display:none;}

	
	#bottom-long {
		padding-bottom: 25%;
	}
	
	.itemC .moduleItemImage, .itemC .k2sl-content-handler {
		width: 100% !important;
		float: none !important;
	}
	
	.itemC .moduleItemImage img {
		width: 100%;
	}
	
	#top-long {
		padding: 30px 20px 30px 20px;
		margin: 0px -20px;
	}
	
	.camera_wrap .camera_next {
		right: 10px !important;
	}
	
	.camera_wrap .camera_prev {
		left: 10px !important;
	}
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 


	#site-name-handler {
		display: none;
	}
	
	.mega-menu-responsive-handler {
		margin-left: 20px;
	}

	#bottom-long {
		padding-bottom: 45%;
	}


	.inner {
		padding: 0px 5px;
	}

	#search-position .search .inputbox, #search-position .finder .inputbox {
		max-width: 100px;
	}

	#foo-left-right .span6 p {
		text-align: center !important;
	}
	
	.catItemImage img {
		width: 100% !important;
	}
	

}