/* CSS Document */


h5 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .75em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: normal;
  text-indent: 0px;
  color: #444444;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

a.plain:active {text-decoration: none; color: 0000ff}
a.plain:visited {text-decoration: none; color: #0000ff}
a.plain:hover {text-decoration: none; color: #0000ff}
a.plain:link {text-decoration: none; color: #0000ff}


a.images:active {text-decoration: none; border-width:1px; border-color: grey;}
a.images:visited {text-decoration: none; border-width:1px; border-color: grey;}
a.images:hover {text-decoration: none; border-width:1px; border-color: grey; color:}
a.images:link {text-decoration: none; border-width:1px; border-color: grey; color:}


.main {
  padding: 50px;
  border: 2px #ccc solid;
}

.rightpanel {
  padding-right: 10px;
  padding-left: 10px;
  border-left-width: 2px;
  border-left-style: dotted;
  border-left-color: #dddddd;
}


.videobox {
  background-image: url(images/videoplayer_bg.jpg);
}



.vidtitle {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bolder;
  color: #777777;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 10px;
}



.vidstats {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-align: right;
  color: #777777;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 0px;
}



.vidinfo {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}



.thumbgallery {
 background-color: #000000;
}


.thumbtitle {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #999999;
  background-color: #222222;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}


.products {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 17px;
  color: #000000;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  width: 600px;
}



.productbg1 {
 background-color: #E5ECFF;
}


.productbg2 {
 background-color: #F9FFE5;
}

.productbg3 {
 background-color: #eeeeee;
}

.productbg4 {
 background-color: #dddddd;
}


.productimage {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 17px;
  color: #000000;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  text-align: center;
  width: 20%;
}


.productname {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 0px;

}


.productdescription {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 5px;
  width: 60%;
}


.productlinks {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  color: #000000;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  width: 40%;
}


.productprice {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #0000cc;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  width: 100%;
  text-align: left;
}


.cartbg {
  background-image: url(images/cart_bg.jpg);
  width:700px;

}


.chart {
  background: #ffffcc;
  border-width: 1px;
  border-style: solid;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1em;
  color: #000000;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}


.thumb {

      float: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 4px;
	background: #eeeeee;
	text-align: left;
      vertical-align: text-center;
	width: 150px;
}


.bs_thumb {

      float: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 4px;
	background: #eeeeee;
	text-align: center;
	align: center;
      vertical-align: text-center;
	width: 200px;

}


.picright {

	border: 1px solid #cccccc;
	margin: 0px 20px 10px 40px;
	padding:4px;
	background:#eeeeee;
	float: right;
      width: 400px;
}


.piccenter{

	border: 1px solid #cccccc;
	margin: 5px 10px 5px 0px;
	padding:4px;
	background:#eeeeee;
	float: none;
      width: 750px;
      height: 325px;
}


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px solid white;
margin: 0 5px 5px 0;

}

.thumb {
border: 1px solid #ccc;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 500px;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.xmastable {
  padding:0px;
  width: 900px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  background: #fff;
}

.xmascell {
  background-image: url(images/gift_bg_green.jpg);

  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  width: 240px;
  height: 340px;
  text-align: center;
  padding-top: 55px;

}

.xmascell2 {
  background-image: url(images/gift_bg.jpg);

  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  width: 245px;
  height: 360px;
  text-align: center;
  padding-top: 50px;

}

.xmascell3 {
  background-image: url(images/gift_bg2.jpg);
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  width: 245px;
  height: 360px;
  text-align: center;
  padding-top: 50px;

}

.xmasproduct {
  width: 240px;
  text-align: left;
  padding-top: 7px;

}

.xmasprice1 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .75em;
  color: #005500;
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 100%;
  text-align: center;
}

.xmasprice2 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .95em;
  font-weight: bold;
  color: #990000;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 3px;
  padding-left: 0px;
  width: 100%;
  text-align: center;
  border-style: dashed;
  border-width: 0px 0px 0px 0px;
  border-color: #aaaaaa;
  background: #ccffcc;
}

.howmany {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .85em;
  font-weight: bolder;
  color: #990000;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  margin-top: 50px;
  width: 98%;
  text-align: center;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
 border-color: #dddddd;
  background: yellow;
}

.xmastitle {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .90em;
  font-weight: bold;
  color: #005500;
  padding-top: 2px;
  text-align: left;
}

.xmastitle_pop {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  color: #005500;
  padding-top: 0px;
  text-align: left;
}

.xmasdescription {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .80em;
  color: #000000;
  padding-right: 5px;
  text-align: left;
}

.xmasdescription_pop {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1em;
  color: #000000;
  height: 250px;
  text-align: left;
  padding-top: 10px;
  padding-right: 10px;
}


.xmaspopup {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #0000cc;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  width: 100%;
  text-align: left;
}


.saletable {
  padding:0px;
  width: 900px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  background: #fff;
}

.salecell {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  width: 240px;
  height: 300px;
  text-align: center;
  padding: 15px 5px 5px 5px;
  border: 1px #ccc solid;
  background:#ffffff;

}

.salecell2 {
  background-image: url(images/gift_bg.jpg);

  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  width: 245px;
  height: 360px;
  text-align: center;
  padding-top: 50px;

}

.salecell3 {
  background-image: url(images/gift_bg2.jpg);
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  width: 245px;
  height: 360px;
  text-align: center;
  padding-top: 50px;

}

.saleproduct {
  width: 240px;
  text-align: left;
  padding-top: 7px;

}

.saleprice1 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .85em;
  color: #000000;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;

}
.saleprice2 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  color: #cc0000;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
  border: 1px #cccccc solid;
  background: #eeeecc;

}

.howmany {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .85em;
  font-weight: bolder;
  color: #990000;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  width: 98%;
  text-align: center;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #dddddd;
  background: yellow;
}


.howmany2 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .75em;
  font-weight: bolder;
  color: #000000;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  width: 100%;
  text-align: center;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #dddddd;
  background: #eeeeee;
}


.howmany3 {

  color: #000000;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  width: 100%;
  text-align: right;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #dddddd;
  background: #ffffff;
}

.howmanyval {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .75em;
  font-weight: bolder;
  color: #000000;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  width: 100%;
  text-align: center;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #dddddd;
  background: #ffd5e6;
}

.saletitle {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .90em;
  font-weight: bold;
  color: #0000ff;
  padding-top: 2px;
  text-align: left;
}

.saletitle_pop {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  color: #0000ff;
  padding-top: 0px;
  text-align: left;
}

.saledescription {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .80em;
  color: #000000;
  padding-right: 5px;
  text-align: left;
}

.saledescription_pop {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .80em;
  color: #000000;
  text-align: left;
  padding-top: 10px;
  padding-right: 10px;
}


.salepopup {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #0000cc;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  width: 100%;
  text-align: left;
}



.order {
  font-family: Georgia, Times New Roman, Sans-Serif;
  font-size: 16px;
  color: #000000;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  width: 100%;
  text-align: center;


}


.vdaytitle {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .90em;
  font-weight: bold;
  color: #8d5b5c;
  padding-top: 2px;
  text-align: left;
}

.vdaytitle_pop {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  color: #8d5b5c;
  padding-top: 5px;
  text-align: left;
}

.vdaydescription {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .80em;
  color: #000000;
  padding-right: 5px;
  text-align: left;
}

.vdaydescription_pop {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .80em;
  color: #000000;
  text-align: left;
  padding-top: 10px;
  padding-right: 10px;
}


.vdaypopup {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #0000cc;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  width: 100%;
  text-align: left;
}


.vdaypopupwindow {
border-color: #ffd5e6; 
border-width: 3px;
border-style: solid;

}



.vdayproduct {
  width: 240px;
  text-align: left;
  padding-top: 7px;

}

.vdayable {
  padding:0px;
  width: 900px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  background: #fff;
}

.vdaycell {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  width: 240px;
  height: 300px;
  text-align: center;
  padding: 15px 5px 5px 5px;
  border: 1px #ccc solid;
  background:#ffffff;

}

.vdayprice1 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: .85em;
  color: #000000;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;


}

.vdayprice2 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  color: #cc0000;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
  border: 1px #cccccc solid;
  background: #ffdddd;

}

</style>