/* RESET */
h1, h2, h3, h4, h5, h6, p  { 
     margin: 1% 0% 0% 0%;
     font-family: "ff-basic-gothic-pro";
     font-style: normal;
     font-weight:normal;
     color: #666666;
}

/* NORMAL CLASS STYLES */

/* A */

a:-webkit-any-link, a, a:link, a:visited {
    color: #2f7de1;
    cursor: auto;
    text-decoration: none;
}

/* B */

/* C */

#checkoutleft {
     float:left;
     width:60%;
     margin-right: 3%;
     box-sizing: border-box !important;
}

#checkoutright {
     float:left;
     width: 35%;
     box-sizing: border-box !important;
}
.checkouttextbox, .checkouttextblock  {
     width: 100%;
}
.checkoutform {
     /* text on purchaser details section */
}


/* D */

/* E */

/* F */

#features, #specifications, #information, #reviews {
     border: 1px solid #2f7de1;
     z-index: 10;
     position:relative;
     margin-top: 1px;
     padding: 5px;
     background-color: #FFFFFF;
     width: 100%;	
}

form {
	font-family: "ff-basic-gothic-pro";
	width: 100%;
}
.formcontainer {
     box-sizing: border-box !important;
	}
.formmandatory {
       color: #2f7de1;
       font-size:20px;
       line-height:10px;
	}
.formmandatory:after {
	content: "#";
	}
.formmandatorytitle:after {
	content: " required fields";
	}
.formleftcol, .formrightcol {
	padding-left:0px;
	padding-right:10px;
	padding-bottom: 10px;
	}
.formitem {
	margin-top: 10px;	
}
.formfield {
	margin-top: 5px;
	margin-bottom: 5px;
}
.formnote {
	font-style: italic;
	margin-top: 10px;
}
#formcheckcodeleft {
	font-style: normal !important; 
}

#formsubmit {
	margin-top: 10px;
}

#formsearch {
	width: 80%;
	border: 1px solid #cccccc;
	border-radius: 20px;
	height: 40px;
	margin:0px;	
	padding: 0px;
	position: relative;
}

#formsearch input[type="text"] {
	position:absolute;
	top:1px;
	left:20px;
	margin:0px;
	border: 0px #ffffff none !important;
	height: 37px;
	background-color: #FFFFFF !important;
	width: 75%;
}
#forsearchicon {
	position:absolute;
	height:20px;
	width:auto;
	right: 10px;
	top: 10px;
}

#formsearchcart {
	position:absolute;
	right:-50px;
}

#footercontainer {
	width: 100%;
	text-align: center;
	font-family: "ff-basic-gothic-pro";
	margin-top: 20px;
     box-sizing: border-box !important;
}

#footer, #footercredit {
	text-align: center;
	margin: 0px auto 0px auto;
}

#footercredit, #footercredit a, #footercredit a:link, #footercredit a:visited {
	color: #d1d1d1 !important;
	margin-top: 60px;
}

/* G */

/* H */

h1 {
	font-size: 40px;
}
h2, .submenusonpage {
	font-size: 34px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 10px;
}

#homelogos {
	position:relative;
	margin: 0px auto 0px auto;
	width: 100%;
	text-align: center;
}

#homelogos img {
	max-width: 200px;
	height: auto;
	max-height: 80px;
	width: auto;
	margin:10px;
}

.hideonmobile {
	display:inline;
}
.hideondesktop {
	display: none;
}

/* I */

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

input[type="button"], input[type="submit"] {
     background-color: #2f7de1 /* Dark blue */;
     text-align: center;
     cursor: pointer;
     color: #FFFFFF;
     padding: 5px;
     margin: 5px;
     border: 1px solid #2f7de1;
     border-radius: 4px;
     font-size: 16px;
     box-sizing: border-box !important;
}

input[type="text"] {
     box-sizing: border-box !important;
     max-width: 95%;
}
/* J */

/* K */

/* L */

/* M */

/* N */

.navtabon, .navtaboff {
     padding:10px;
     cursor:default;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     z-index: -500;
}

.navtabon {
     color: #FFFFFF;
     background-color: #2f7de1 /* Dark blue */;
}
.navtaboff {
     color: #111111;
     background-color: #aec8e5;
}

/* O */

/* P */

p {
     font-size: 16px;
     color: #000000;
     font-family: "ff-basic-gothic-pro";
}

#parenting {
     font-family: verdana, san-serif;
     position:absolute;
     top: 90%;
     left: 5%;
     color: #CCCCCC;
     font-size: 30px;
	
}

/* Product thumbnail display */

.productthumbnaildiv {
     width: 300px;
     display:inline-block; /* use instead of . . float: left; */
     padding: 5px;
     margin: 5px;
     height: 400px;
     text-align: center;
     box-sizing: border-box !important;
     cursor: pointer;	
}
.productthumbnaildiv:hover {
     border: 2px solid #FF0000;	
}
.productthumbnailimagecontainer {
     position: relative;
     width: 100%;
     height: 290px;	
}
.productthumbnailimage {
     width: 100%;
     max-width: 280px;
     height: auto;
     max-height: 280px;
     width: auto;
     margin: auto 0px auto 0px;	
}
.productthumbnaildiv a, .productthumbnaildiv a:link, .productthumbnaildiv a:visited, .productlink a, .productlink a:link, .productlink a:visited {
     color: #666666 !important;
     text-decoration: none !important;
}
.productlink:hover, .productthumbnaildiv {
     color:#2f7de1 !important;
}
.productthumbnailitem {
     Font-weight: bold;
}
.productthumbnailcode {
     font-size: 10px;	
}
.productthumbnailprice {
}
.productthumbnailbuy {
}

/* Product hero display */

#productheroleft {
     float:left;
     width:50%;
     margin: 0px 3% 10px 0px;
     
}
.productimage {
	border: 1px solid #cccccc;
	margin-right:20px;
}
.productimagestiny {
     height: 100px !important;
     width:auto
}

#productheroright {
     float:left;
     width: 45%;
     margin: 0px 0px 10px 0px;
}
.productlogo {
     max-width:200px;
     max-height:200px;
}

/* Q */

/* R */

.reviewstars {
     font-size: 36px;
     cursor: pointer;
}

.review {}
.reviewauthor { font-style: italic; text-align:right; line-height:12px;}
.reviewrating { color: #FF9900; font-size: 30px; line-height: 12px;}
/* S */

#subscribeform {
     width: 100%;
     border-radius: 4px;
     background-color: #D3d3d3;
     padding: 5px 20px 30px 20px;
     clear:both;
     height: auto;
     box-sizing: border-box !important;
}
#subscribeform .smltbl, #subscribeform .formitem, #formmandatorypara {
     display: none;
}
#subscribeform .formfield {
     width:80%;
     float:left !important;
     padding-right: 10px;
	 margin: 0px;
}
#subscribeform #formsubmit {
     margin: 0px 0px -20px 0px !important;
}
#searchform {
     position:absolute;
     right:10px;
     top:10px;
     width: 300px;	
}

#shopnowhome {
     font-family: verdana, sans-serif;
     font-size: 40px;
     color: #FFFFFF;
     padding: 20px;
     width: 300px;
     border-radius: 10px;
     border: 2px solid #FFFFFF;
     z-index: 999;
     cursor: pointer;
     box-sizing: border-box !important;
}
#shopnowhometable {
     position:absolute;
     top: 10%;
     width: 100%;
     box-sizing: border-box !important;
}
.shopnow {
     font-family: kremlin-pro-expanded;
     font-size: 30px;
     color: #999999;
     padding-top: 40px;
     clear: both;
}

.shopiconsbrands {
     width:300px;
     height: auto;
     margin: 5px;
     box-sizing: border-box !important;
}
.shopiconsbrands:hover, .shopiconscategory:hover {
border: 3px solid #FF0000;
}

.shopiconscategory {
     width: 100%;
     height:auto;
     box-sizing: border-box !important;
}
.shopcategorysurround {
    position: relative;
    width: 300px;
    height: auto;
    margin: 5px;
    padding: 0px;
    box-sizing: border-box !important;
    display:inline-block; /* use instead of . . float: left; */
}
.shopcategorytitle {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width:100%;
    font-family: kremlin-pro-expanded;
    font-size: 20px;
    height: auto;
    padding: 5px;
    background-color: #999999;
    color: #FFFFFF;
    box-sizing: border-box;
     box-sizing: border-box !important;
    text-transform: capitalize;
}

.shopcategorytitle:hover {
    background-color: #666666;
}

#shopbycategory, #shopbybrand, #shopbylatest, #shopbybestsellers {
    width: auto;
    margin: 0px auto 0px auto;
    text-align: center;
    height:auto;
    position:relative;
    box-sizing: border-box !important;
}

/* T */

#toplogo {
    position: relative;
    margin: 20px auto 5px auto;
    text-align: center;
}

#toplogoimage {
    width: 400px;
    height: auto;
}

#toplogo hr, #footercontainer hr, #topimages hr {
    width: 70%;
    border-top: 1px solid #8c8b8b;
}

#topimages {
    margin: 0px !important;
    position:relative;
}

#topimagestextleft {
    font-family: kremlin-pro-expanded;
    font-size: 80px;
    color: #FFFFFF;
    position: absolute;
    top: 50px;
    left: 50px;	
}

#topmenutable, #topmenutablecell {
    width: auto;
    margin-top: 30px;
}

#topmenublock {
   display: none;
}

#table1 {
    font-size:13px;
    width:100%;
    border-collapse:collapse;
}
#table1 td, #table1 th {
    border:1px solid #FFFFFF;
    padding:3px 7px 2px 7px;
}
#table1 th {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #2f7de1;
    color: #ffffff;
    font-weight: bold;
}
#table1 th A {
	color:#ffffff;
}
#table1 tr:nth-child(odd) {
	background-color: #b9d6fb;
}
#table1 tr:nth-child(even) {
	background-color: #aec8e5;
}
#table1 tr:hover {
	background-color: #d5e5fb;
}

/* U */

/* V */

/* W */

.warning {
      padding: 10px;
      border: 2px solid #FF0000;
      color: #FF0000;
}

/* X */

/* Y */

/* Z */


/* DEVICES SMALLER THAN 600px ================================================== */
/* rules that only apply for canvases narrower than 600px ie mobiles*/

@media only screen and (max-width: 500px) { 

/* A MOBILE */

/* B MOBILE */

/* C MOBILE */
	
#content {
     width: 100%;
}

#checkoutleft {
     float:none !important;
     width:100%;
     padding-right: 0px !important;
}

#checkoutright {
     float:none;
     width: 100%
}

/* D MOBILE */

/* E MOBILE */

/* F MOBILE */

/* G MOBILE */

/* H MOBILE */

.hideonmobile {
    display: none;
}

.hideondesktop {
	display:inline;
}


/* I MOBILE */

/* J MOBILE */

/* K MOBILE */

/* L MOBILE */

/* M MOBILE */

/* N MOBILE */

.noshow {
    display: none;
}

/* O MOBILE */

/* P MOBILE */

#parenting {
      position: absolute;
      top: 80%;
      font-size: 20px;
      color: #FFFFFF;
}

.productthumbnaildiv {
      width: 100%;
      float: none;
      height: auto;
}
.productthumbnailimagecontainer {
     height: auto;
}
.productthumbnailimage {
    max-width: 100%;
    max-height: 300px;
}

#productheroleft {
     float:none;
      width:100%;
      margin-right:0%;
}
#productheroright {
      float:none;
      width: 100%;
}

.productimage {
      max-width: 100% !important;
}

/* Q MOBILE */

/* R MOBILE */

/* S MOBILE */

.submenusonpage {
	margin-top:10px !important;
}

#searchform {
    position: relative;
    right: 0px;
    top: 0px;
    width: 100%;
    margin-top: 5px;
}

#shopnowhome {
	font-size: 24px;
	width: 200px;
     padding: 10px;
	}

#subscribeform .formfield {
    width: 100%;
    float: none !important;
}

#subscribeform .button {
    margin: 0px !important;
}

.shopcategorysurround {
    float: none !important;
    margin: 5px auto 5px auto !important;
}

.shopnow {
     padding: 10px 0px 0px 20px !important;
}



/* T MOBILE */
	
	
#toplogoimage {
	width: 100%;
	height: auto;
}
	
#topmenublock {
	display:block;	
	font-family: "ff-basic-gothic-pro";
	font-size: 24px;
	}
	
#topnavbar {
	display: none;
	}
	
#topimagestextleft {
	font-size: 40px;
	top: 10px;
	left: 10px;	
}

#topmenutable, #topmenutablecell {
	width: 100%;
    margin-top: 0px !important;
}

/* U MOBILE */

/* V MOBILE */

/* W MOBILE */

/* X MOBILE */

/* Y MOBILE */

/* Z MOBILE */

}


/* PRINT ONLY STYLES */

@media print 
{
	
body  { background-color: #ffffff;}
.button	{ display:none; }
.noprint { display:none; }
#table1 th, #table1 td {
	border: 1px solid #cccccc;
	font-size:9pt;
}
}

/* CLASS ITEMS USED in FUNCTIONS.ASP ======================================================== */

.submenusonpage {
	margin-top:20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.directorylisting {
	margin-top:20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* CLASS ITEMS USED in POPUP CALENDAR ======================================================= */

.CalendarTable {
	width: 160px;
	border: 1px solid #333333;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	vertical-align: bottom;
	background-color: #FFFFFF;
}
.CalendarTable TD {
	padding: 1px;
	border: 1px solid #333333;
}
.SelectMonthRow {
	background-color: #999999;
}
.CalendarSelect {
	/* Month and Year selector */
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #000;
}
.MonthHeadingRow {
	background-color: #666666;
	font-weight: bold;
	color: #FFFFFF;
}
.SMTWTFS {
	color: #CCCCCC;
	background-color: #666666;
	font-size: 10px;
}
.CalendarNormalDays, .CalendarNormalDays A {
	color: #996600;
	background-color: #FFCC33;
	font-weight: bold;
}
.CalendarToday, .CalendarToday A {
	color: #2f7de1;
	background-color: #ffffff;
}
.CalendarOtherDays {
	color: #000000;
	background-color: #CCCCCC;
}
.CalendarWeekend, .CalendarWeekend A {
	color: #669900;
	background-color: #CCCC33;
	font-weight: normal;
}
.CalendarTable A {
	TEXT-DECORATION: none
}
.CalendarTable A:hover {
	color: #000000;
}