#page {padding-top:30px; padding-bottom:20px;  display:inline-block;opacity:0;}
#product_dock #menu {width:100%; display:none; margin-right:35px; }
/*...style the base...*/
#baseLeft {right:100%;}
#baseRight {left:100%;}
#baseCentre {left:0; width:100%; height:50px;}
.greyBase {display:none; position:absolute; top:10px; z-index:1;}
#product_dock #menu .greyBase {display:inline;}
/*dock styling...*/
/*...centre the dock...*/
#product_dock #menu div.jqDockWrap {margin: 0 auto; position:relative;}
/*...set the cursor, and give the dock a background...*/
#product_dock #menu div.jqDock {cursor:pointer; position:relative; z-index:5;}
#product_dock #menu div.jqDock img {
	border: 0;
	height: 65px;
	padding:3px;
	/*background-color: #000000;*/
	border-radius:9px;
}
#dock {
		
	display: block;
	margin-left: auto;
	margin-right: auto;
    text-align:center;
    font-size:40px;
    color:white;

	/*width:200px;*/
	background-image: -ms-linear-gradient(top right, #FFFFFF 0%, #C0C0C0 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top right, #FFFFFF 0%, #C0C0C0 100%);

/* Opera */ 
background-image: -o-linear-gradient(top right, #FFFFFF 0%, #C0C0C0 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #C0C0C0));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top right, #FFFFFF 0%, #C0C0C0 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom left, #FFFFFF 0%, #C0C0C0 100%);

border: 1px solid #000000; 
	border-top-right-radius: 15px; 
	border-bottom-right-radius: 15px;

}

#mobile-menu {
	display: none;
	/*margin-top: 27px;*/
	padding-bottom:8px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 2px solid #000000;
}
#mobile-menu img {
	height: 50px;
	border-radius:9px;
}


#product_dock {
	/*vertical-align: bottom;*/
}

@media screen and (orientation: portrait) {
	#mobile-menu {
		padding-bottom:8px !important;
		border-bottom: 2px solid #000000 !important;
	}
	
	#mobile-menu img {
		height: 30px !important;
	}
}

/* portrait 700 px or greater */
@media screen and (orientation: portrait)  and (min-width: 700px) {
		#mobile-menu img {
			height: 50px !important;
		}
		#mobile-menu {
			margin-top: -33px !important;
		}


}