/*Common Library*/
/************** general attributes **************/
.clear_left { clear: left; }
.clear_right { clear: right; }
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }
.show { display: block; }
.inline { display: inline; }
.hide { display: none; }
.opacity0 { opacity: 0; }
.opacity1 { opacity: 0.1; }
.opacity2 { opacity: 0.2; }
.opacity3 { opacity: 0.3; }
.opacity4 { opacity: 0.4; }
.opacity5 { opacity: 0.5; }
.opacity6 { opacity: 0.6; }
.opacity7 { opacity: 0.7; }
.opacity8 { opacity: 0.8; }
.opacity9 { opacity: 0.9; }
/* The following are required when using the opacity attribute for Internet Explorer to work as well */
.bordered { border: solid 1px #000; }
.bordered_top { border-top: solid 1px #000; }
.bordered_right { border-right: solid 1px #000; }
.bordered_bottom { border-bottom: solid 1px #000; }
.bordered_left { border-left: solid 1px #000; }
/************ List attributes ************/
.bullet_circle { list-style-type: circle; }
.bullet_default { list-style-type: disc; }
.bullet_square { list-style-type: square; }
.bullet_none { list-style-type: none; list-style-image: none; }
/********** Position attributes ************/
.absolute { position: absolute; }
.fixed { position: fixed; }
.relative { position: relative; }
.over_auto { overflow: auto; }
.over_hidden { overflow: hidden; }
/********** global attributes ************/
a img { border: 0; }
sup { position: relative; top: -0.5em; vertical-align: baseline; }
sub { position: relative; bottom: -0.2em; vertical-align: baseline; }
.highlight { background: #fe2; }
.hrule { border-bottom: 1px solid #000; text-align: center; margin: 5px auto; display: block; }
.hrule_light_dashed { border-bottom: 1px dashed #ddd; text-align: center; margin: 5px auto; display: block; }
.hrule_dashed { border-bottom: 1px dashed #000; text-align: center; margin: 5px auto; display: block; }
.alert { background: #fff6bf url(/common_files/images/alert.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; margin: 10px 0; }
.info { background: #eee url(/common_files/images/info.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; }
.calc { font-size: 11px; border: 1px solid #eee; padding: 5px; margin: 0 auto 15px auto; width: 230px; }
.grayed_out { color: #aaa; font-style: italic; }
/********** common margins ************/
.margin_none { margin: 0px; }
.margin_five { margin: 5px; }
.margin_ten { margin: 10px; }
.margin_twenty { margin: 0px; }
.margin_top_none { margin-top: 0; }
.margin_top_five { margin-top: 5px; }
.margin_top_ten { margin-top: 10px; }
.margin_top_twenty { margin-top: 20px; }
.margin_top_thirty { margin-top: 30px; }
.margin_top_fifty { margin-top: 50px; }
.margin_right_none { margin-right: 0; }
.margin_right_five { margin-right: 5px; }
.margin_right_ten { margin-right: 10px; }
.margin_right_twenty { margin-right: 20px; }
.margin_left_none { margin-left: 0; }
.margin_left_five { margin-left: 5px; }
.margin_left_ten { margin-left: 10px; }
.margin_left_twenty { margin-left: 20px; }
.margin_bottom_none { margin-bottom: 0; }
.margin_bottom_five { margin-bottom: 5px; }
.margin_bottom_ten { margin-bottom: 10px; }
.margin_bottom_twenty { margin-bottom: 20px; }
/*********** common padding **************/
.padding_none { padding: 0px; }
.padding_five { padding: 5px; }
.padding_ten { padding: 10px; }
.padding_twenty { padding: 20px; }
.padding_top_none { padding-top: 0; }
.padding_top_five { padding-top: 5px; }
.padding_top_ten { padding-top: 10px; }
.padding_top_twenty { padding-top: 20px; }
.padding_right_none { padding-right: 0; }
.padding_right_five { padding-right: 5px; }
.padding_right_ten { padding-right: 10px; }
.padding_right_twenty { padding-right: 20px; }
.padding_left_none { padding-left: 0; }
.padding_left_five { padding-left: 5px; }
.padding_left_ten { padding-left: 10px; }

.padding_left_twenty { padding-left: 20px; }
.padding_bottom_none { padding-bottom: 0; }
.padding_bottom_five { padding-bottom: 5px; }
.padding_bottom_ten { padding-bottom: 10px; }
.padding_bottom_twenty { padding-bottom: 20px; }
/************* common text ***************/
.txt_center { text-align: center; }
.txt_right { text-align: right; }
.txt_left { text-align: left; }
.txt_justify { text-align: justify; }
.txt_tiny { font-size: .6em; }
.txt_smaller { font-size: .7em; }
.txt_small { font-size: .8em; }
.txt_large { font-size: 1.2em; }
.txt_larger { font-size: 1.4em; }
.txt_largest { font-size: 1.6em; }
.txt_itallic { font-style: italic; }
.txt_oblique { font-style: oblique; }
.txt_light { font-weight: lighter; }
.txt_bold { font-weight: bold; }
.txt_uppercase { text-transform: uppercase; }
.txt_lowercase { text-transform: lowercase; }
.txt_small_caps { font-variant: small-caps; }
.txt_dec_none { text-decoration: none; }
.txt_dec_underline { text-decoration: underline; }
.txt_dec_line-through { text-decoration: line-through; }
/************************************
end of Common Library
*************************************/
/* CSS Document */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: #000000; margin: 0px; padding: 0px; }
.body_bg { position: fixed; height: 100%; width: 100%; left: 0px; top: 0px; z-index: -1; }
h1 { font-size: 24px; font-family: 'Trebuchet MS' , Arial, Helvetica, sans-serif; font-weight: bold; color: #f98dbe; margin: 15px 0 20px 0; padding: 0; }
h3 { font-size: 18px; font-family: 'Trebuchet MS' , Arial, Helvetica, sans-serif; font-weight: normal; color: #000000; margin: 5px 0 5px 0; padding: 0; }
#wrapper { width: 100%; margin: auto; position: absolute; }
#header { width: 100%; float: left; }
#header_topimg { margin: auto; background: url(../images/mainimg.png) no-repeat bottom; position: relative; height: 130px; }
.bullet_navi { background-image: url(../images/bullet_navi.png); background-repeat: no-repeat; background-position: left center; }
.bullet_navi:hover { background-repeat: no-repeat; background-position: left center; }
.pinkbutton { background-color: #ed76b0; font-family: 'Trebuchet MS' , Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; border: 1px solid #ed76b0; cursor: pointer; margin: 0; }
.textfield { width: 130px; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #000000; height: 16px; background-color: #ffffff; border: 1px solid #b8dc80; margin: 0 3px 0 0; padding: 2px; }
#music { float: left; width: 100px; height: 23px; margin-top: 12px; font-size: 16px; color: #F9CBDF; }
#music img { float: left; padding-left: 8px; }
#navi_back { background-image: url(../images/glow_sides.png); background-repeat: repeat-y; background-position: center; width: 100%; text-align: center; }
#navigation { font-size: 18px; font-family: 'Trebuchet MS' , Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; width: 975px; height: 50px; background: url(../images/nav_bottom.png) no-repeat bottom #000; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 14px; }
#navigation ul { margin: 0; padding: 0; list-style: none; float: left; }
#navigation li { float: left; padding: 0; margin: 0; }
#navigation li a, #navigation li a:link { color: #000000; text-decoration: none; padding: 10px 13px; display: block; font-size: 18px; font-weight: bold; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#navigation li a:hover { }
#FlashID { display: block; width: 435px; height: 355px; margin: 0 auto; }
.home_wrap { background: #fff; border: 4px solid #000; width: 434px; margin: 0 auto; }
.home_txt { width: 400px; display: block; margin: 0 auto; text-align: left; padding: 10px; }
#main_content { width: 100%; float: left; overflow: visible; background-image: url(../images/glow_sides.png); background-repeat: repeat-y; background-position: center; }
.home_wrap h1.home_txt { padding-bottom: 0; }
#content_container { width: 900px; margin: 0 auto; }
#content { width: 913px; margin: 0 auto; padding: 0 14px; height: 256px; }
#home_content { background: url(../images/home_rotator.jpg) no-repeat center center; min-height: 400px; text-align: center; padding-top: 26px; }
#content_in { background-color: #ffffff; width: 911px; margin: 0 auto; padding: 0 14px 20px 14px; position: relative; overflow: auto; }
#content_in p { margin: 0px; padding: 5px 0 0 0; text-align: left; }
#img_left { margin: 0px; padding: 0px; height: 256px; width: 128px; float: left; }
#img_mid { margin: 0px; padding: 0px; height: 256px; width: 599px; float: left; }
#img_right { margin: 0px; padding: 0px; height: 256px; width: 178px; float: left; }
/********************bottom text********************/
#bottom_text { border-top: dashed 1px #bad97c; width: 913px; margin: 40px auto 0; padding: 10px 0 0; }
#bottom_text h1 { font-size: 18px; font-family: 'Trebuchet MS' , Arial, Helvetica, sans-serif; font-weight: bold; color: #eb65a6; margin: 0; padding: 0; }
#bottom_text ul { font-size: 16px; font-weight: bold; color: #eb65a6; margin: 0; padding: 0; }
#bottom_text li { list-style-image: url(../images/bullet_star.gif); text-align: left; line-height: 21px; list-style-position: inside; margin-left: 25px; }
#bottom_text li a { font-size: 14px; font-weight: normal; color: #000000; text-decoration: none; }
#bottom_text li a:hover { color: #eb65a6; text-decoration: none; }
#retailer { float: left; width: 262px; height: 92px; text-align: center; }
#aboutus { float: left; width: 170px; height: 92px; text-align: center; border-left-width: 1px; border-left-style: dotted; border-left-color: #d0e9ab; }
#getglitz { float: left; width: 225px; height: 92px; text-align: center; border-left-width: 1px; border-left-style: dotted; border-left-color: #d0e9ab; }
#newblack { float: left; width: 225px; height: 92px; text-align: center; border-left-width: 1px; border-left-style: dotted; border-left-color: #d0e9ab; font-size: 14px; font-weight: normal; color: #000000; text-decoration: none; padding-left: 15px; }
#footer { width: 100%; margin: 0 auto; clear: both; }
#foot_img { width: 939px; margin: 0 auto; height: 28px; }
#whiteboxleft { width: 400px; margin: 0 0 0 25px; padding: 10px 10px 20px 10px; float: left; border: 1px dashed #ccff99; background: #ffffff; }
#whiteboxright { width: 400px; margin: 0 25px 0 0; padding: 10px 10px 20px 10px; float: right; border: 1px dashed #ffccff; background: #ffffff; }
#ideaboxleft { width: 273px; margin: 0; padding: 10px 10px 20px 10px; float: left; border: 1px dashed #ccff99; background: #ffffee; position: relative; }
#ideaboxmiddle { width: 268px; margin: 0 10px; padding: 10px 10px 20px 10px; float: left; border: 1px dashed #ccff99; background: #eeeeff; position: relative; }
#ideaboxright { width: 273px; margin: 0; padding: 10px 10px 20px 10px; float: right; border: 1px dashed #ffccff; background: #ffeeee; position: relative; }
div.ideaboxgo { width: 40px; height: 20px; position: absolute; top: 15px; right: 0px; }
.ideaboxgo img { border: none; }
#searchresults { float: left; clear: both; width: 869px; border: 1px dashed #00FF66; padding: 20px; margin-top: 10px; }
#galleryleft { width: 350px; height: 420px; overflow: scroll; margin: 0; padding: 10px 5px 10px 5px; float: left; background: #ccff99; }
#galleryleft img { width: 100px; height: 100px; border: none; margin: 3px; }
#galleryright { width: 520px; margin: 0; padding: 5px; float: right; background: #ffffff; border: 1px dashed #ffccff; text-align: center; }
#galleryright img{width:520px;}
#freebieleft { width: 350px; margin: 0; padding: 10px 5px 10px 5px; float: left; background: #ccff99; }
#freebieright { width: 510px; height: 300px; margin: 0; padding: 10px 10px 10px 10px; float: right; background: #ffffff; border: 1px dashed #ffccff; text-align: center; }
li.freebies { list-style: none; margin-left: -30px; font-size: 13px; line-height: 23px; border-top: 1px solid #ffffff; }
li.freebies a { text-decoration: none; }
#contactboxleft { width: 400px; margin: 0 0 0 25px; padding: 10px 10px 20px 10px; float: left; background: #CCFF99; }
#contactboxright { width: 400px; margin: 0 25px 0 0; padding: 10px 10px 20px 10px; float: right; background: #ffccff; }
th.contact { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: right; padding: 9px 3px 3px 3px; margin: 3px; vertical-align: top; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; padding: 3px; margin: 3px; }
.contactbutton { background-color: #ed76b0; font-family: 'Trebuchet MS' , Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; border: 1px solid #ed76b0; float: right; cursor: pointer; }
span.contactnote { width: 150px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; padding-top: 9px; }
table.searchoutput { width: 700px; margin: 0 auto 0 auto; border-collapse: collapse; }
table.searchoutput td { padding: 5px; }
table.searchoutput td.center { padding: 5px; text-align: center; }
.copyright { text-align: center; margin-top: 20px; color: #8a8a8a; font-size: 10px; }
#homelink { position: absolute; top: 54px; border: none; text-align: right; height: 226px; right: 0px;z-index:1000; }
#homelink img { border: none; }
.noborder { border: none; }
#base { background-image: url(../images/glow_bottom.png); background-repeat: no-repeat; background-position: center top; width: 100%; clear: both; padding-top: 40px; color: #CCC; }
#base a { font-size: 18px; font-weight: bold; color: #F99; text-decoration: none; }
#base a img { padding-bottom: 5px; border: none; }
#navigation img { border: none; }