html { font-size: 62.5%; height: 100%; }
body { background: #EBEBEB url(../styleImages/bg.png) repeat-y center; height: 100%; margin: 0; }
img { border: 0; }
.clr { clear: both; line-height: 0px; height: 0px; }
#video iframe { border: none; height: 21px; overflow: hidden; width: 98px; }

#holder { background: url(../styleImages/bg2.gif) no-repeat center 176px; height: auto !important; height: 100%; margin-bottom: -164px; min-height: 100%; }

#header { background: url(../styleImages/headerbg.gif) repeat-x; height: 176px; width: 100%; }
#headeri { background: url(../styleImages/headeribg.png) no-repeat center; height: 176px; width: 100%; }
#headeri2 { background: url(../styleImages/headeri2bg.jpg); height: 176px; margin: 0 auto; position: relative; width: 898px; }
#headeri2 form { margin: 0; }
#headeri2 p { margin: 0; position: absolute; right: 171px; top: 38px; font-size: 1.1em; }
#headeri2 input { font-family: Arial, sans-serif; font-size: 1.1em; }
.sbox { border: solid 1px #959595; width: 140px; }
#headeri2 span { font-family: Arial, sans-serif; font-size: 11px; position: absolute; right: 305px; top: 63px; }
#headeri2 a, #headeri2 a:active, #headeri2 a:visited { color: #FFFFFF; text-decoration: underline; }
#headeri2 a:hover { color: #FFFFFF; text-decoration: none; }
.email { display: block; height: 18px; position: absolute; right: 171px; top: 9px; width: 71px; }

#content { background: #FFFFFF; margin: 0 auto; width: 898px;}

#mainnav { background: url(../styleImages/mainnavbg.jpg) no-repeat; height: 48px; width: 898px; }
#mainnav p { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 0 208px; padding-top: 9px; }
#mainnav em { font-style: normal; margin-right: 8px; }
#mainnav a, #mainnav a:active, #mainnav a:visited { color: #3E3E3E; text-decoration: none; }
#mainnav a:hover { color: #BC2576; text-decoration: none; }

#contentleft { float: left; width: 185px; padding: 0 0 0 12px; }

#shoppingcart, #loginregister, #mailinglist { background: #EBEBEB; color: #3D3D3D; font-family: Arial, sans-serif; padding-bottom: 7px; width: 185px; }
#shoppingcart img, #loginregister, #mailinglist img { display: block; }
#shoppingcart p, #loginregister p, #mailinglist p { font-size: 1.1em; margin: 0; padding: 5px 8px 0; }
#shoppingcart span, #mailinglist span { color: #BC2576; }
#shoppingcart a, #shoppingcart a:active, #shoppingcart a:visited, #loginregister a, #loginregister a:active, #loginregister a:visited, #mailinglist a, #mailinglist a:active, #mailinglist a:visited { color: #3D3D3D; text-decoration: underline; }
#shoppingcart a:hover, #loginregister a:hover, #mailinglist a:hover { color: #3D3D3D; text-decoration: none; }
#shoppingcart { margin-bottom: 4px; }

#categories, #documents { font-size: 1.4em; font-style: oblique; font-family: Arial, sans-serif; font-weight: bold; margin-top: 4px; width: 185px; }
#categories ul, #documents ul { list-style: none; margin: 0; padding: 0; }
#categories li, #documents li { display: block; list-style-type: none; margin: 0 0 2px; width: 185px; }
#categories li a, #categories li a:active, #categories li a:visited, #documents li a, #documents li a:active, #documents li a:visited { display: block; background: #F3F3F3; color: #3E3E3E; padding: 7px; text-decoration: none; width: 171px; }
#categories li a:hover, #documents li a:hover { display: block; background: #BC2576; color: #FFFFFF; padding: 7px; text-decoration: none; width: 171px; }

#mailinglist { margin-top: 4px; }
#mailinglist em { color: #FF0000; font-style: normal; font-weight: bold; }
#mailinglist form { margin: 0; }
#mailinglist input { font-family: Arial, sans-serif; font-size: 1.1em; }
.mlbox { border: solid 1px #959595; width: 165px; }

#documents { padding-bottom: 10px; }

#contentright { float: right; width: 689px; }

#video { width: 677px; }
#videol { color: #5F5F5F; float: left; font-family: Arial, sans-serif; font-size: 1.4em; font-weight: bold; }
#videol p { margin: 0; }
#videor { float: right; width: 350px; }
#videor p { float: left; margin: 0; width: 98px; }
.video { float: right; }

#general, #catbread { color: #3D3D3D; font-family: Arial, sans-serif; width: 677px; }
#general h1, #catbread h1 { background: #BC2576; color: #FFFFFF; display: block; font-size: 1.4em; font-weight: bold; padding: 7px; }
#general p, #general table { font-size: 1.2em; }
#general em { color: #FF0000; font-style: normal; font-weight: bold; }
#general a, #general a:active, #general a:visited, #catbread a, #catbread a:active, #catbread a:visited, #prodoptions a, #prodoptions a:active, #prodoptions a:visited, #prodoptionsbot a, #prodoptionsbot a:active, #prodoptionsbot a:visited, .cat a, .cat a:active, .cat a:visited, .prod a, .prod a:active, .prod a:visited { color: #3E3E3E; text-decoration: underline; }
#general a:hover, #catbread a:hover, #prodoptions a:hover, #prodoptionsbot a:hover, .cat a:hover, .prod a:hover { color: #BC2576; text-decoration: none; }
.input1 { border: solid 1px #959595; font-family: Arial, sans-serif; width: 150px; }
.input2 { border: solid 1px #959595; font-family: Arial, sans-serif; }
.input3 { font-family: Arial, sans-serif; }

#partyideatop, .partyidea { border: solid 3px #D5D5D5; padding: 0 5px 5px; width: 661px; }
#partyideatop, .partyidea img { float: left; padding-top: 5px; }
.partyidea { border-top: 0; }
.pir { float: right; padding-top: 5px; width: 529px; }
.pir h2 { color: #BC2576; font-size: 1.4em; margin-top: 0; }
.pir p { margin: 0; }

#catbread p { font-size: 1.2em; margin: 0 0 12px; }

#prodoptions { font-family: Arial, sans-serif; font-size: 1.2em; padding-bottom: 12px; }
#prodoptions p, #prodoptionsbot p { float: left; margin: 0; }
#prodoptions span, #prodoptionsbot span { display: block; float: right; padding-right: 12px; }

.cat { border: solid 1px #434343; float: left; font-family: Arial, sans-serif; margin: 0 12px 12px 0; height: 156px; padding-top: 20px; text-align: center; width: 158px; }
.cat h2 { font-size: 1.3em; font-weight: bold; margin: 0; }

#prodoptionsbot { clear: both; font-family: Arial, sans-serif; font-size: 1.2em; padding-bottom: 12px; }

.prod { border: solid 1px #434343; color: #3D3D3D; float: left; font-family: Arial, sans-serif; margin: 0 12px 12px 0; height: 140px; padding: 20px 20px 0; position: relative; width: 290px; }
.prod img { float: left; margin-right: 10px; }
.prod h2 { font-size: 1.2em; font-weight: bold; margin-top: 0; }
.prod p { font-size: 1.2em; }
.prod form { bottom: 20px; position: absolute; right: 20px; }

#prodl { float: left; width: 327px; }
#prodr { float: right; width: 327px; }

#bottominformation { background: #F3F3F3; clear: both; color: #797979; font-family: Arial, sans-serif; font-size: 1.1em; margin: 0 auto 12px; padding: 7px 0 7px 7px; width: 868px; }
#bottominformation p { margin: 0; }
#bottominformation span { color: #3E3E3E; font-weight: bold; }
.bicontent { float: left; width: 137px; margin-right: 7px; }
.bicontent a, .bicontent a:active, .bicontent a:visited { color: #797979; text-decoration: none; }
.bicontent a:hover { color: #797979; text-decoration: underline; }

#push { height: 164px; width: 100%; }

#footer { background: #004D73 url(../styleImages/footerbg.gif); min-height: 164px; width: 100%; }
#fcontent { color: #FFFFFF; font-family: Arial, sans-serif; margin: 0 auto; padding-top: 30px; width: 860px; }
#fcontent p { font-size: 1.1em; margin-top: 0; }
#fcontent em { font-style: normal; margin-right: 8px; }
#fcontent a, #fcontent a:active, #fcontent a:visited { color: #FFFFFF; text-decoration: none; }
#fcontent a:hover { color: #BC2576; text-decoration: none; }

.textboxDisabled { background: #FF0000; }
.txtcartProgressCurrent { color: #BC2576; font-weight: bold; }
.header { background: #BC2576; color: #FFFFFF; display: block; font-family: Arial, sans-serif; font-size: 1.4em; font-weight: bold; padding: 7px; width: 663px; }
.txtOldPrice { text-decoration: line-through; }
.SalePrice { color: #FF0000; font-size: 1.2em; font-weight: bold; }

#gallery { margin-bottom: 10px; }
#gallery img { border: solid 1px #BC2576; }

#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto; }
#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-image: url(../../../images/lightbox/blank.gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../../images/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../../images/lightbox/next.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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }