@charset "utf-8";
@media screen and (max-width: 4000px) {
    body{
    width:100%;
    margin:0 auto;
    }
	.contentheader .deskview{display:block;}
    .contentheader .tabview{display:none;}
    .contentheader .mobview{display:none;}
	
	.contentfooter .deskview{display:block;}
    .contentfooter .tabview{display:none;}
    .contentfooter .mobview{display:none;}
	
	.SignUpForm {
	width: 950px;
	}
	.PurchaseBody {
		width:1000px;
	}
	.PurchaseContent {
		width:790px;
	}
	
	.PurchaseMenu .deskmenu{display:block;}
	.ShowSearch .desksearch{display:block;}
	
	.ShowTitleAbove .mobtitle{display:none;}
	.ShowTitleBeside .desktitle{display:block;}
	
	.videocontent .desktopvideo{display:block;}
	.mobvideocontent .mobvideo{display:none;}
	
	col.m04 { visibility: collapse; }
	col.m14 { visibility: collapse; }
	
	col.m01 {width:10%;}
	col.m02 {width:40%;}
	col.m03 {width:10%;}
	col.m04 {width:0%;}
	col.m05 {width:10%;}
	col.m06 {width:10%;}
	col.m07 {width:10%;}
	col.m06 {width:10%;}
	col.m08 {width:10%;}
	col.m14 {width:0%;}
	col.m16 {width:20%;}
   
	.CookieBox {
	width:100%;
	background-color: #000;
	font-family: sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}
	.logincontent {
	width: 50%;
	}
	
	.logintext {
	font-family: sans-serif, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	}
	
	.loginboldwhite {
	font-family: sans-serif, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	}	
	
	.second-content {
	width: 770px;
	background-color: #C39;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;	
	}
	
.carttblstyledesk  {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

.carttblstylemob  {
	font-family: sans-serif;
	font-size: 0px;
	font-weight: normal;
	color: #000;
}
.carttblstyleall  {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
.carttblstyledeskoffer  {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F00;
}
.carttblstylemoboffer  {
	font-family: sans-serif;
	font-size: 0px;
	font-weight: normal;
	color: #F00;
}
}


@media screen and (max-width: 900px) {
    body{
    width:100%;
    margin:0 auto;
    }
	
    .contentheader .deskview{display:none;}
    .contentheader .tabview{display:block;}
    .contentheader .mobview{display:none;}
	
	.contentfooter .deskview{display:none;}
    .contentfooter .tabview{display:block;}
    .contentfooter .mobview{display:none;}

	.SignUpForm {
	width:700px;
	}
	
	.PurchaseBody {
		width:750px;
	}
	.PurchaseContent {
		width:530px;
	}
	
	.PurchaseMenu .deskmenu{display:block;}
	.ShowSearch .desksearch{display:block;}
	
	.ShowTitleAbove .mobtitle{display:none;}
	.ShowTitleBeside .desktitle{display:block;}
	
	.videocontent .desktopvideo{display:block;}
	.mobvideocontent .mobvideo{display:none;}
	
	col.m04 { visibility: collapse; }
	col.m14 { visibility: collapse; }
	
	col.m01 {width:10%;}
	col.m02 {width:50%;}
	col.m03 {width:10%;}
	col.m04 {width:0%;}
	col.m05 {width:10%;}
	col.m06 {width:10%;}
	col.m07 {width:10%;}
	col.m08 {width:10%;}
	col.m14 {width:0%;}
	col.m16 {width:20%;}
	
	.CookieBox {
	width:100%;
	background-color: #000;
	font-family: sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}


	.logincontent {
	width: 60%;
	}
	
	.logintext {
	font-family: sans-serif, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	}
	
	.loginboldwhite {
	font-family: sans-serif, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	}
	
	.second-content {
	width: 700px;
	background-color: #0F9;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;	
	}
	
.carttblstyledesk  {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

.carttblstylemob  {
	font-family: sans-serif;
	font-size: 0px;
	font-weight: normal;
	color: #000;
}
.carttblstyleall  {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
.carttblstyledeskoffer  {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F00;
}
.carttblstylemoboffer  {
	font-family: sans-serif;
	font-size: 0px;
	font-weight: normal;
	color: #F00;
}
}


@media screen and (max-width: 500px) {
    body{
    width:100%;
    margin:0 auto;
    }
    .contentheader .deskview{display:none;}
    .contentheader .tabview{display:none;}
    .contentheader .mobview{display:block;}
	
	.contentfooter .deskview{display:none;}
    .contentfooter .tabview{display:none;}
    .contentfooter .mobview{display:block;}
	
	.SignUpForm {
	width:100%;
	}
	
	.PurchaseBody {
		width:100%;
	}
	.PurchaseContent {
		width:98%;
	}
	
	.PurchaseMenu .deskmenu{display:none;}
	.ShowSearch .desksearch{display:none;}
	
	.ShowTitleAbove .mobtitle{display:block;}
	.ShowTitleBeside .desktitle{display:none;}
	
	.videocontent .desktopvideo{display:none;}
	.mobvideocontent .mobvideo{display:block;}
	
	col.m01 { visibility: collapse; }
	col.m02 { visibility: collapse; }
	col.m03 { visibility: collapse; }
	col.m04 { visibility: visible; }
	col.m14 { visibility: visible; }
	
	col.m01 {width:0%;}
	col.m02 {width:0%;}
	col.m03 {width:0%;}
	col.m04 {width:70%;}
	col.m05 {width:10%;}
	col.m06 {width:10%;}
	col.m07 {width:10%;}
	col.m08 {width:10%;}
	col.m14 {width:65%;}
	col.m16 {width:25%;}
	
	.CookieBox {
	width:100%;
	background-color: #000;
	font-family: sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}


.logincontent {
	width:98%;
	}
	
	.logintext {
	font-family: sans-serif, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	}
	
	.loginboldwhite {
	font-family: sans-serif, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	}
	
	.second-content {
	width: 300px;
	background-color: #FF0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;	
	}
	
.carttblstyledesk  {
	font-family: sans-serif;
	font-size: 0px;
	font-weight: normal;
	color: #000;
}

.carttblstylemob  {
	font-family: sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}
.carttblstyleall  {
	font-family: sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}
.carttblstyledeskoffer  {
	font-family: sans-serif;
	font-size: 0px;
	font-weight: normal;
	color: #F00;
}
.carttblstylemoboffer  {
	font-family: sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #F00;
}	
}

/*start of potrait test */

@media (orientation: portrait) {
    body{
    width:100%;
    margin:0 auto;
    }
    .contentheader .deskview{display:none;}
    .contentheader .tabview{display:none;}
    .contentheader .mobview{display:block;}
	
	.contentfooter .deskview{display:none;}
    .contentfooter .tabview{display:none;}
    .contentfooter .mobview{display:block;}
	
	.SignUpForm {
	width:100%;
	}
	
	.PurchaseBody {
		width:100%;
	}
	.PurchaseContent {
		width:98%;
	}
	
	.PurchaseMenu .deskmenu{display:none;}
	.ShowSearch .desksearch{display:none;}
	
	.ShowTitleAbove .mobtitle{display:block;}
	.ShowTitleBeside .desktitle{display:none;}
	
	.videocontent .desktopvideo{display:none;}
	.mobvideocontent .mobvideo{display:block;}
	
	col.m01 { visibility: collapse; }
	col.m02 { visibility: collapse; }
	col.m03 { visibility: collapse; }
	col.m04 { visibility: visible; }
	col.m14 { visibility: visible; }
	
	col.m01 {width:0%;}
	col.m02 {width:0%;}
	col.m03 {width:0%;}
	col.m04 {width:70%;}
	col.m05 {width:10%;}
	col.m06 {width:10%;}
	col.m07 {width:10%;}
	col.m08 {width:10%;}
	col.m14 {width:65%;}
	col.m16 {width:25%;}
	
	.CookieBox {
	width:100%;
	background-color: #000;
	font-family: sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}

.logincontent {
	width:98%;
	}
	
	.logintext {
	font-family: sans-serif, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	}
	
	.loginboldwhite {
	font-family: sans-serif, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	}
	
	.second-content {
	width: 300px;
	background-color: #FF0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;	
	}
	
.carttblstyledesk  {
	font-family: sans-serif;
	font-size: 0px;
	font-weight: normal;
	color: #000;
}

.carttblstylemob  {
	font-family: sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}
.carttblstyleall  {
	font-family: sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}
.carttblstyledeskoffer  {
	font-family: sans-serif;
	font-size: 0px;
	font-weight: normal;
	color: #F00;
}
.carttblstylemoboffer  {
	font-family: sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #F00;
}	
}



/*end of potrait test */





}
/*Background Styles */
{}
.bgred {
	background-color: #F00;
}
.bgred2 {
	background-color: #FF5959;
}
.headerbggrey {
	background-color: #F2F2F2;
}
.bgblack {
	background-color: #000;
}
.bgorange {
	background-color: #F60; 
}
.bgorange2 {
	background-color: #FC9; 
}
.bgwhite {
	background-color: #FFF; 
	padding: 0px;
}
/*Text Styles */
/* Small White Text - Used in Cookie Policy */
.regulartextwhite {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
}
.regulartextred {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #C00;
}
.regulartextwhitemob {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
}
.regulartextwhite_sml {
	font-family: sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}
.titletextblack {
	font-family: sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #000;
}
.titletextred {
	font-family: sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #F00;
}
.titletextblacksml {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000;
}
.regulartextblack {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
.regulartextred_sml {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F00;
}
.mobboldtext {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}
.mobboldtextred {
	font-size: 24px;
	font-weight: bold;
	color: #F00;
}
.mobstyle5 {
	font-family: sans-serif, Geneva, sans-serif;
	font-size: 18px;
	color: #000;
}

.cartsingle {
	font-family: sans-serif, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
}

.titletextwhite {
	font-family: sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
}
.titletextwhitesml {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
}
.specialoffertext {
font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
background-color: #FF9; 	
}
.pricetextred {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C00;
}
.style1  {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
.style7 {
		font-family: Arial, Helvetica, sans-serif;
		 font-size: 12px;
		 font-weight: bold; }
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style11 {
	font-family: Arial, Helvetica, sans-serif;
		 font-size: 12px;
	color: #FF0000
	}
.producttitletext {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #C00;
}
.producttitletextblack {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.regulartextsml {
	font-family: sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
}
.toggletextred {
	font-family: sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #C00;
}
.toggletextblack {
	font-family: sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
}
.aligntop {
	vertical-align: top;
}

/*Baselink Style */
a.baselink:link {
	color: #FFF;
	text-decoration: none;
}
a.baselink:visited {
	text-decoration: none;
	color: #FFF;
}
a.baselink:hover {
	text-decoration: underline;
	color: #CCC;
}
a.baselink:active {
	text-decoration: none;
	color: #FFF;
}
/* End of Baselink Style */

/*Menulink Style */
a.menulink:link {
	color: #000;
	text-decoration: none;
}
a.menulink:visited {
	text-decoration: none;
	color: #000;
}
a.menulink:hover {
	text-decoration: underline;
	color: #999; 
}
a.menulink:active {
	text-decoration: none;
	color: #000;
}
/* End of Menulink Style */


/* Start of Red Menu Tab Code */

.redtabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: 14px verdana;
list-style-type: none;
}

.redtabs li{
display: inline;
margin: 0;
}

.redtabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #F00; /*background of tabs (default state)*/
}

.redtabs li a:visited{
color: white;
}

.redtabs li a:hover, .redtabs li.selected a{
background: #DF0000; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
} 

/* end of Red Menu Tab Code */

	/*BannerStyle */
.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }
        /* End of Banner Style */
		
		/*Mobile Site CSS Starts Here */
		.homebtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #c7a7aa;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c7a7aa;
	box-shadow:inset 0px 1px 0px 0px #c7a7aa;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f21111), color-stop(1, #ff8400) );
	background:-moz-linear-gradient( center top, #f21111 5%, #ff8400 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f21111', endColorstr='#ff8400');
	background-color:#f21111;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #807880;
	display:inline-block;
	color:#fff7ff;
	font-family:arial;
	font-size:26px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #f20030;
}.homebtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8400), color-stop(1, #f21111) );
	background:-moz-linear-gradient( center top, #ff8400 5%, #f21111 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#f21111');
	background-color:#ff8400;
}.homebtn:active {
	position:relative;
	top:1px;
}

.homebtn2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #c7a7aa;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c7a7aa;
	box-shadow:inset 0px 1px 0px 0px #c7a7aa;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f21111), color-stop(1, #b00e15) );
	background:-moz-linear-gradient( center top, #f21111 5%, #b00e15 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f21111', endColorstr='#b00e15');
	background-color:#f21111;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #807880;
	display:inline-block;
	color:#fff7ff;
	font-family:arial;
	font-size:26px;
	font-weight:bold;
	padding:4px 4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #f20030;
}.homebtn2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b00e15), color-stop(1, #f21111) );
	background:-moz-linear-gradient( center top, #b00e15 5%, #f21111 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b00e15', endColorstr='#f21111');
	background-color:#b00e15;
}.homebtn2:active {
	position:relative;
	top:1px;
}

.homebtn3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #c7a7aa;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c7a7aa;
	box-shadow:inset 0px 1px 0px 0px #c7a7aa;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f21111), color-stop(1, #b00e15) );
	background:-moz-linear-gradient( center top, #f21111 5%, #b00e15 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f21111', endColorstr='#b00e15');
	background-color:#b00e15;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #807880;
	display:inline-block;
	color:#fff7ff;
	font-family:arial;
	font-size:26px;
	font-weight:bold;
	padding:8px 4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #f20030;
}.homebtn3:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b00e15), color-stop(1, #f21111) );
	background:-moz-linear-gradient( center top, #b00e15 5%, #f21111 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b00e15', endColorstr='#f21111');
	background-color:#b00e15;
}.homebtn3:active {
	position:relative;
	top:1px;
}
.menubtntext {
	font-family:arial;
	font-size:26px;
	font-weight:bold;
	color:#ffffff;
}


.nav-container{ background: url('siteimages/navbg.jpg') repeat-x 0 0; width: 100%;}
    .f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} /* this make our menu fixed top */
    
.nav { height: 50px;}
    .nav ul { list-style: none; }
    .nav ul li{float: left; margin-top: 6px; padding: 6px; border-right: 1px solid #ACACAC;}
    .nav ul li:first-child{ padding-left: 0;}
    .nav ul li a { }
    .nav ul li a:hover{ text-decoration: underline;}
	

.shadowblockmenu-v{
font: bold 20px arial;
width: 100%; /* width of menu */
}

.shadowblockmenu-v ul{
border: 1px solid #eee;
padding: 0;
margin: 0;
list-style: none;
}

.shadowblockmenu-v ul li{
margin:0;
padding:0;
}

.shadowblockmenu-v ul li a{
display:block;

color: #494949;
padding: 10px 15px;
text-decoration: none;
border-bottom: 1px solid #cacaca;
border-right: 1px solid #cacaca; /*right border between menu items*/
-moz-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); /* Add inset shadow to each menu item. First 3 values in (114,114,114, 0.5) specifies rgb values, last specifies opacity */
-webkit-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);
box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);
text-shadow: 0 -1px 1px #cfcfcf; /* CSS text shadow to give text some depth */
-moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.shadowblockmenu-v ul li a:hover, .shadowblockmenu-v ul li a.selected{
	color: black;
	-moz-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); /* Add 3 inset shadows to each menu item  */
	-webkit-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
	box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
	font-family: arial;
}
img, div {
    max-width: 100%
}
#slideshow { 
		    margin: 5px auto; 
		    position: relative; 
		    width: 90%; 
		    padding: 5px; 
		    		}
		
		#slideshow > div { 
		    position: absolute; 
		    top: 5px; 
		    left: 5px; 
		    right: 5px; 
		    bottom: 5px; 
		}
		
	.base:link {
		text-decoration: none;
	color: #F30;
}
.base:visited {
	text-decoration: none;
	color: #F30;
}
.base:hover {
	text-decoration: underline;
	color: #F00;
}
.base:active {
	text-decoration: none;
	color: #F30;
}
.headerbggrey {
	background-color: #F2F2F2;
}
.inputselect {
  width: 100%;
  line-height: 40px; font-size: 15px
  padding: 2px;
  border: 1px solid #bbb;
  border-radius: 4px;
  background-color: #f1f1f1;
} 
.inputtextbox {  
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 98%; height: 30px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
  padding: 2px;
}
.inputtextbox2 {  
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 43%; height: 30px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
  padding: 2px;
}
.inputtextboxsml {  
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 98%; height: 25px;
  line-height: 30px; font-size: 15px;
  border: 1px solid #bbb;
  padding: 2px;
}
.inputtextarea {  
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 98%; height: 90px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
  padding: 2px;
}
.inputpassword {  
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%; height: 40px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
}
.inputsubmit {
 -webkit-appearance: none; -moz-appearance: none;
 display: block;
 margin: 0.5em 0;
 font-size: 1em; line-height: 2.5em;
 color: #333;
 font-weight: bold;
 height: 40px; width: 100%;
 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
 border: 1px solid #bbb;
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
/*Mobile Site CSS Ends Here */
/*Code for Add to Cart Button */
#submit {
    background: darkred; /* background color of button */
    color: white;
    text-decoration: none;
    font: bold 14px Arial; /* font size and style */
    position: relative;
		top: 0; /* anchor main button's position */
    bottom: -4px; /* Depth of 3D effect. :after pseudo element inherits this value so it's animated in Chrome. See: kizu.ru/en/pseudos */
		margin-bottom: 4px;
    -moz-box-shadow: 0 -8px 2px darkred inset;
    -webkit-box-shadow: 0 -8px 2px darkred inset;
    box-shadow: 0 -15px 5px darkred inset;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#submit, #submit:after {
    display: inline-block;
    padding: 5px 8px; /* vertical and horizontal padding of button */
    -moz-border-radius: 4px/8px;
    -webkit-border-radius: 4px/8px;
    border-radius: 4px/8px;
    outline: none;
}

#submit:after { /* pseudo element to construct 3D side of button */
    content: "";
    position: absolute;
    padding: 0;
    z-index: -1;
    bottom: inherit; /* Inherit main button bottom value to animate it. See: kizu.ru/en/pseudos */
    left: 0;
    width: 100%;
    height: 100%;
    background: #6e0e0c; /* background color of 3D effect */
    -moz-box-shadow: 1px 0 3px gray;
    -webkit-box-shadow: 1px 0 3px gray;
    box-shadow: 1px 0 3px gray;
}

#submit:hover {
    -moz-box-shadow: 0 12px 2px rgba(182, 64, 61, 0.7) inset;
    -webkit-box-shadow: 0 12px 2px rgba(182, 64, 61, 0.7) inset;
    box-shadow: 0 12px 2px rgba(182, 64, 61, 0.7) inset;
    background: #bc3835; /* background color when mouse rolls over button */
}

#submit:active {
    top: 6px; /* shift button down 12px when depressed. Change 12px to match button's "bottom" property above */
    bottom: 0;
    -moz-box-shadow: 0 -10px 2px darkred inset, 1px 1px 2px #eee;
    -webkit-box-shadow: 0 -10px 2px darkred inset, 1px 1px 2px #eee;
    box-shadow: 0 -10px 2px darkred inset, 1px 1px 2px #eee;
}

/*Start of Black hover menu on New Products pages */
.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px sans-serif;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 2px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
/*End of Black Menu on New Products Pages*/