@charset "utf-8";
body {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;  font-size: 14px; margin: 0; padding: 0; text-align: justify; color: #555555;
	  background-color: #ffffff; background-image: url(../images/backg.gif); line-height: 18px;	background-repeat: repeat-y; background-attachment: scroll;
	  background-position: left top;}
	  
a {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #662d91; text-decoration: none;}  
a:link {color: #662d91;}
a:visited {color: #662d91;}
a:hover {color: #ed1c24;}
a:active {color: #662d91;}

strong {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;  font-size: 14px; color: #662d91; text-decoration: none;}
a strong {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;  font-size: 14px; color: #662d91; text-decoration: none;}
a:link strong {color: #662d91;}
a:visited strong {color: #662d91;}
a:hover strong {color: #ed1c24;}
a:active strong {color: #662d91;}

#bluPrice {background: transparent url(../images/buynow-b.jpg);}
#redPrice {background: transparent url(../images/buynow-r.jpg);}
#purPrice {background: transparent url(../images/buynow.jpg);}

#bluPrice,#redPrice,#purPrice {vertical-align: middle; margin: 0px 0px 0px 15px; padding:72px 0px 0px 0px;
width:84px; heigth:120px; background-repeat:no-repeat; letter-spacing: -0.1em;}
#bluPrice strong, #redPrice strong, #purPrice strong {color: #555; font-size:17px;}
#bluPrice em, #redPrice em, #purPrice em {color: #555; font-size:11px; font-style:normal; letter-spacing: 0em;}

#navmenu {position:absolute; display:block; float: left; width: 690px; margin: 0px 0px 0px 80px;}
#sidemenu {position:absolute; display:block; float: left; width: 180px; margin: 95px 0px 0px 780px;}

#content {position:absolute; display:block; float: left; width: 690px;  margin: 95px 0px 0px 80px;}

#border {position:relative; display:block; float: left; width: 690px;  margin: 0px; background-color: #FFFFFF;	border: 1px solid #e0d5e9;}
#border ul {font-family: "Trebuchet MS", GillSans, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 24px; color: #662d91;	list-style-position: outside;
list-style-image: url(../images/bullet.gif); list-style-type: none;	margin-top:25px;}
#insideBorder{display:block; float: left; width:640px; margin: 0px 0px 0px 30px;}

#purpleBorder {position:relative; float: left; width:100%; margin: 0px 0px 10px 0px; padding:0px; background-color: #FFFFFF; border: 1px solid #e0d5e9;}

#btmNav {position:relative;	display:block; float: left; width: 690px; margin: 10px 4px 0px 4px;}
#btmNav a {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;  text-decoration: none;}
#btmNav a:link {color: #662d91; margin: 0px 4px 0px 0px;}
#btmNav a:visited {color: #662d91; margin: 0px 4px 0px 0px;}
#btmNav a:hover {color: #ed1c24; margin: 0px 4px 0px 0px;}
#btmNav a:active {color: #662d91; margin: 0px 4px 0px 0px;}
#btmNav p {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #979797; text-decoration: none; margin: 20px 4px 0px 0px;}

#buyNow{display:block; float: right; width: 530px;  height: 92px; margin: 0px 0px 0px 0px; background-color:#662d91}

#homeContent {position:relative; display:block; float: left; width: 690px; margin: 0px}
#btmcontent { position:relative; display:block; float: left; width: 690px;  height: 120px; margin: 0px; background-color:#662d91;
font-family: "Trebuchet MS", GillSans, Arial, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: normal; line-height: 15px; }
#btmcontent h1 { font-family: "Trebuchet MS", GillSans, Arial, sans-serif; font-size: 22px; color: #FFFFFF; text-decoration: none; font-weight: normal; line-height: 14px; margin: 0px auto; }
#btmcontent h2 { font-family: "Trebuchet MS", GillSans, Arial, sans-serif; font-size: 18px; color: #FFFFFF; text-decoration: none; font-weight: normal; line-height: 14px; margin: 0px auto; }

#btmtext { position:relative; display:block; float: left; width: 630px;  padding: 4px 10px 0px 30px; margin:0;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

.box {position:relative; display:block; float: left; margin: 10px 0px 10px 10px; padding: 0px; clear:right;}
.box2home { position:relative; display:block;	float: left; width: 325px; height: 100px; margin: 10px 0px 10px 10px; padding: 0px; clear:none; }
.box2home a { font-family: "Trebuchet MS", GillSans, Arial, sans-serif; font-size: 14px; color: #ed1c24; text-decoration: none; font-weight: bold; line-height:24px;}
.box2home a:hover { color: #f6656b; }

.box4 {position:relative; display:block; float: left; width: 150px; text-align: left; margin: 10px 0px 10px 10px; padding: 0px; clear:right;}
.box4R {position:relative; display:block; /*-->*/float: right;width: 150px; text-align: left; margin: 10px 0px 10px 10px; padding: 0px; clear:right;}
.box3 {position:relative; display:block; float: left; width: 200px; text-align: left; margin: 10px 0px 10px 10px; padding: 0px; clear:right;}
.box3R {position:relative; display:block; /*-->*/float: right; width: 200px; text-align: left; margin: 10px 0px 10px 10px; padding: 0px; clear:right;}
.box50 { position:relative; display:block;	float: left; width: 46%; margin: 0px; padding: 15px 0px 0px 15px; clear:none; }
.box100 { position:relative; display:block;	float: left; width: 98%; margin: 0px 0px 15px 0px; padding: 15px 0px 0px 15px; clear:none; }

/*TEXT STYLES*/
h1 { font-family: "Trebuchet MS", GillSans, Arial, sans-serif; font-size: 22px; color: #662d91; text-decoration: none; font-weight: normal; line-height: 22px; margin: 15px 0px 0px 0px; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #595959; text-decoration: none; font-weight: bold; line-height: 16px; margin: 0px auto; }
h3 { font-family: "Trebuchet MS", GillSans, Arial, sans-serif; font-size: 14px; color: #ed1c24; text-decoration: none; font-weight: bold; line-height: 20px; margin: 0px auto; }

.zip {margin-left: 30px;}

/*MENU CLASSES*/

/*menuflt is a bug correction for IE*/
.menuflt { float: left; margin-right: -50px; }

#jrsmenu {width: 420px; height: 90px; background: url(../images/jrs-menu.gif); margin: 0px 0px 0px 270px; padding: 0; position: relative;}
#jrsmenu li {margin: 0px auto; padding: 0; list-style: none; position: absolute; top: 0;}
#jrsmenu li, #jrsmenu a {height: 90px; display:block;}

#m1 {left: 0px; width: 44px; text-indent: -1000px; overflow:hidden;}
#m2 {left: 45px; width: 66px; text-indent: -1000px; overflow:hidden;}
#m3 {left: 112px; width: 61px; text-indent: -1000px; overflow:hidden;}
#m4 {left: 174px; width: 80px; text-indent: -1000px; overflow:hidden;}
#m5 {left: 255px; width: 45px; text-indent: -1000px; overflow:hidden;}
#m6 {left: 301px; width: 61px; text-indent: -1000px; overflow:hidden;}
#m7 {left: 363px; width: 56px; text-indent: -1000px; overflow:hidden;}

#m1 a:hover {background: transparent url(../images/jrs-menu.gif)  0px -90px no-repeat;}
#m2 a:hover {background: transparent url(../images/jrs-menu.gif) -45px -90px no-repeat;}
#m3 a:hover {background: transparent url(../images/jrs-menu.gif) -112px -90px no-repeat;}
#m4 a:hover {background: transparent url(../images/jrs-menu.gif) -174px -90px no-repeat;}
#m5 a:hover {background: transparent url(../images/jrs-menu.gif) -255px -90px no-repeat;}
#m6 a:hover {background: transparent url(../images/jrs-menu.gif) -301px -90px no-repeat;}
#m7 a:hover {background: transparent url(../images/jrs-menu.gif) -363px -90px no-repeat;}

/*MENU SELECTED*/

#m1s {left: 0px; width: 44px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/jrs-menu.gif)  0px -180px no-repeat;}
#m2s {left: 45px; width: 66px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/jrs-menu.gif) -45px -180px no-repeat;}
#m3s {left: 112px; width: 61px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/jrs-menu.gif) -112px -180px no-repeat;}
#m4s {left: 174px; width: 80px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/jrs-menu.gif) -174px -180px no-repeat;}
#m5s {left: 255px; width: 45px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/jrs-menu.gif) -255px -180px no-repeat;}
#m6s {left: 301px; width: 61px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/jrs-menu.gif) -301px -180px no-repeat;}
#m7s {left: 363px; width: 56px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/jrs-menu.gif) -363px -180px no-repeat;}


/*SIDE MENU*/

#productmenu {width: 180px; height: 500px; background: url(../images/side-menu.jpg); margin: 0px 0px 0px 0px; padding: 0; position: relative;}
#productmenu li {margin: 0px 0px 0px 0px; padding: 0; list-style: none; position: absolute; left: 0px;}
#productmenu li, #productmenu a { height: 125px; left: 0px;	width: 180px; display:block; text-indent: -5000px;}

#sd1 {top: 0px; -1000px; overflow:hidden;}
#sd2 {top: 125px; -1000px; overflow:hidden;}
#sd3 {top: 250px; -1000px; overflow:hidden;}
#sd4 {top: 375px; -1000px; overflow:hidden;}

#sd1 a:hover {background: transparent url(../images/side-menu.jpg)  -180px 0px no-repeat;}
#sd2 a:hover {background: transparent url(../images/side-menu.jpg) -180px -125px no-repeat;}
#sd3 a:hover {background: transparent url(../images/side-menu.jpg) -180px -250px no-repeat;}
#sd4 a:hover {background: transparent url(../images/side-menu.jpg) -180px -375px no-repeat;}

/*SIDE MENU SELECTED*/

#sd1s {top: 0px; width: 180px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/side-menu.jpg)  -180px -0px no-repeat;}
#sd2s {top: 125px; width: 180px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/side-menu.jpg) -180px -125px no-repeat;}
#sd3s {top: 250px; width: 180px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/side-menu.jpg) -180px -250px no-repeat;}
#sd4s {top: 375px; width: 180px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/side-menu.jpg) -180px -375px no-repeat;}

/* Miscellaneous classes for reuse */

.fltrt { float: right; vertical-align: middle; margin: 0px 0px 0px 15px; }
.fltlft { float: left; vertical-align: middle; margin: 0px 20px 0px 0px; }
.imgBtmMrg {margin: 0px 0px 20px 0px;}
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }

/* FORM STYLES*/

.txtfield {font-family: Arial, sans-serif;  font-size: 13px; color: #33066; width: 150px; height: 18px; margin: 0px; border: 1px solid #a07dbb;}
.dropdown {font-family: Arial, sans-serif;  font-size: 13px; color: #33066; width: 150px; height: 20px; margin: 0px; border: 1px solid #a07dbb;}
.zipfield {font-family: Arial, sans-serif;  font-size: 13px; color: #33066; width: 60px; height: 20px; 0px 0px 0px 10px; border: 1px solid #a07dbb;}
.stfield {font-family: Arial, sans-serif;  font-size: 13px; color: #33066; width: 70px; height: 22px; margin: 0px; border: 1px solid #a07dbb;}
.commfield {font-family: Arial, sans-serif;  font-size: 13px; color: #33066; margin: 0px; border: 1px solid #a07dbb;}

.zip {margin: 0px 0px 0px 30px;}


/* LightBox 2.0*/

#lightbox{ position: absolute; left: 0;	width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none; }

#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/ltbx/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { top: 0; right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/ltbx/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/ltbx/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%;	height: 500px; background-color: #000; }