a { outline: none; }
html { overflow-y:scroll; } 
body { margin: 0; color: #eee; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; letter-spacing: 1px; line-height: 1.4em; background-color: #000;}
#wrapper { width: 980px; margin: 0 auto; padding: 0; }
#head { height: 81px; margin: 0; padding: 0; background-color: #000; }
#headleftdecor { width: 738px; height: 80px; margin: 0; padding: 0; float: left; background-image: url(../images/HeadDecor.jpg); background-repeat: no-repeat; background-position: top; }
#headrightdecor { width: 242px; height: 80px; margin: 0; padding: 0; float: right; }
#headlefthdwr { width: 738px; height: 80px; margin: 0; padding: 0; float: left; background-image: url(../images/HeadHardware.jpg); background-repeat: no-repeat; background-position: top; }
#headrighthdwr { width: 242px; height: 80px; margin: 0; padding: 0; float: right; }
#headleftspl { width: 738px; height: 80px; margin: 0; padding: 0; float: left; background-image: url(../images/HeadSpecialComm.jpg); background-repeat: no-repeat; background-position: top; }
#headrightspl { width: 242px; height: 80px; margin: 0; padding: 0; float: right; }
#search { padding: 26px 14px 10px 0; text-align: right; }
#searchinput { height: 18px; width: 150px; font-size: 14px; vertical-align: middle; padding: 0; margin: 0; border: none; }
#searchbutton { font-size: 12px; vertical-align: middle; }
#contentarea { width: 770px; float: right; background-color: #000; }
#sidebar { width: 210px; min-height: 300px; float: left; background-color: #000; }
#mainarea { width: 980px; clear: both; background-color: #000; overflow: hidden; position: relative; }
.clearfloat { height: 1px; font-size: 1px; line-height: 1px; clear: both; }

#maincontent { padding-bottom: 120px; margin-right: 14px; }
#centercontent { width: 480px; float: left; padding-bottom: 120px; }
#rightsidebar { width: 276px; float: left; padding-bottom: 120px; margin-right: 14px; }

#logo { width: 756px; height: 120px; background-image: url(../images/eblogo.jpg); background-repeat: no-repeat; background-position: bottom right; z-index: 10; position: absolute; bottom: 0; right: 14px; }

#footer { width: 980px; height: 80px; clear: both; background-color: #000; }
#footercontent { margin: 0 20px; padding-top: 16px; font-size: 9px; color: #777; font-weight: normal; border-top: solid 1px #111;}
#footercontent a { color: #bbb; text-decoration: none; }
#footercontent a:hover { color: #fff; text-decoration: underline; }
#crystalized { position:absolute; left:24px; bottom:30px; height: 29px; width: 183px; background-image: url(../images/crystalizedbyswarovski.jpg); background-repeat: no-repeat; }

.browserwarning { position: absolute; width:525px; top: 10px; right: 10px; background:#fedae0; color: #333333; border:2px solid #9f041c; font-family: Arial,Sans-serif; font-size:14px; line-height: 20px; padding: 20px; text-align: center; z-index: 1000; }
#jsDisabled { display: block; }
#cookiesDisabled { display: none; }

h1 { font-size: 26px; font-weight: normal; color: #E5B730; padding: 8px 0; }
h2 { font-size: 20px; font-weight: normal; color: #E5B730; padding: 4px 0; text-transform: uppercase; }
h3 { font-size: 18px; font-weight: normal; color: #cccccc; padding: 3px 0; }
h4 { font-size: 15px; font-weight: normal; color: #bbbbbb; padding: 3px 0; text-transform: uppercase; }
h5, h6 { font-size: 13px; font-weight: normal; color: #E5B730; padding: 3px 0; text-transform: uppercase; }

a { color: #aaa; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
form { margin: 0 }
input { height: 18px; font-size: 14px; vertical-align: middle; padding: 0; margin: 0; }
button { font-size: 10px; vertical-align: middle; }
.seethru { opacity: .7; filter: alpha(opacity=70); }

/* ----------- GATEWAY Page ------------- */
#gatetop { height: 80px; }
#gateleft { width: 482px; float: left; }
#gateleftlogo { height: 120px; margin: 50px 10px; background-image: url(../images/eblogo.jpg); background-repeat: no-repeat; background-position: right; }
#gateright { width: 498px; float: right; margin: 0; padding: 0; }
#gateleftborder { border-left: solid 1px #666666; }
#gatebottom { width: 980px; clear: both; }
.gatesite { margin: 0; padding: 10px 0; vertical-align: middle; }
.gatesite img { float: left; border: solid 1px #666666; margin: 0px 20px 0px 20px; }
.gatesite p { width: 300px; float: right; text-align: left; font-size: 16px; color: #999999; font-weight: normal; margin: 70px 0 0 0; padding: 0; }
.gatesite p a { font-weight: bold; color: #fff; text-decoration: none; }
.gatesite p a:hover { text-decoration: underline; }

#sidebar img { margin: 10px 10px 10px 28px; border: 0; }
#sidebarsites { margin: 50px 0 70px 40px; }
#sidebar #sidebarsites img { border: solid 1px #666666; margin: 8px 0 8px 0px; }

/* -------------- Dealer Locator ------------------- */
#locator { margin: 50px 50px 0 100px; }
#locator div.errors { height: 30px; overflow: hidden; color: red; }

/* -------------- Catalog Display Page ------------------- */
#catalog { width: 736px; margin: 60px 30px 20px 10px; overflow: hidden; background-color: #000;}
#product { margin: 0 27px 15px 27px; padding-bottom: 8px; background-color: #000; border-bottom: solid 1px #222; }
#productimage { height: 350px; width: 242px; margin-left: 30px;}
#productimage a { color: #bbbbbb; text-decoration: none;}
#productimage a:hover { color: #ffffff; }
#productimage img { margin-top: 20px; border: solid 1px #fff; }
#productimage select { font-size: 10px; vertical-align: middle; margin-left: 10px; }
#productimage .rightarrow {margin: 0; padding: 0 20px 0 0; display: inline; background-image: url(../images/TinyGreyArrow.gif); background-repeat: no-repeat; background-position: right center; }	
#catalog h2 {color: #E5B730; font-size: 16px; text-transform: uppercase; }
#searchdescription { margin-left: 27px; margin-top: 4px; font-size: 11px; }



#hardware { width: 756px; margin: 0; background-color: #000; }
#hardware h1 { font-size: 26px; font-weight: normal; color: #E5B730; padding: 8px 0 4px 0; margin: 0; text-align: right;}
.hcarousel  { padding: 0; margin: 0px; position: relative; }
.hcarousel .jCarouselLite { float: left; background-color: #000; /* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; }
.hcarousel ul { margin: 0; }
.hcarousel li img { width: 230px; height: 230px; margin: 0; border: solid 1px #fff; }
.hcarousel li p { width: 786px; height: 548px; margin: 0; }
.hcarousel li div.p { width: 786px; height: 548px; margin: 0; }
.hcarousel li div.p div.item { margin: 0 30px 20px 0; font-size: 13px; line-height: 28px; width: 232px; height:250px; text-align: left; float:left; }
.hcarousel li div.p div.item div.img { margin: 0; width: 232px; height:232px; background-color: white; }
/*.hcarousel a.prev, .hcarousel a.next { display: inline; text-decoration: none; color: #40a6bf; }*/

.smallbluetext { text-align: right; font-size: 10px; color: #40a6bf; margin: 0; padding: 0; }
.sliderbuttons { text-align: right; font-size: 12px; color: #ddd; padding: 5px 0 6px 0; }
.sliderbuttons a { dislpay: inline; text-decoration: none; color: #A6D5E2; padding: 2px 4px; border: solid 1px #000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.sliderbuttons a:hover { color: #40a6bf; border-color: #A6D5E2; }
a:link.getcatalog, a:active.getcatalog, a:visited.getcatalog { display: block; position: absolute; bottom: 80px; left: 230px; width: 150px; height: 15px; line-height: 15px; color: #A6D5E2; font-size: 10px; font-weight: normal; text-decoration: none; background: #000; border: solid 1px #A6D5E2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 500; text-align: center;}
a.getcatalog:hover {color: #40a6bf; border-color: #40a6bf; text-decoration: none; }


#hstyle { width: 735px; margin: 0 0 120px 0; background-color: #000; float: right; }
#hstyle img { border: solid 1px #fff; }
#hstyle h1 { font-size: 26px; font-weight: normal; color: #E5B730; padding: 8px 0; margin: 0; text-align: right;}
#hstyle h2 { font-size: 20px; font-weight: bold; color: #FFF; padding: 11px 0 6px 0; margin: 0; text-align: left; text-transform: none; }

#hstyle a.back { display: block; float: right; font-size: 11px; color: #40a6bf; background-image: url(../images/StyleBackArrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 18px; line-height: 38px; margin-right: 5px; }
#hstyle a.fwd { display: block; float: right; font-size: 11px; color: #40a6bf; background-image: url(../images/StyleFwdArrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 18px; line-height: 38px; margin-right: 5px; }

.stylecarousel  { padding: 0; margin: 0px; position: relative; }
.stylecarousel .jCarouselLite { float: left; background-color: #000; /* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; }
.stylecarousel ul { margin: 0; }
.stylecarousel li img { width: 733px; height: 408px; margin: 0; border: solid 1px #fff; }

p.leftarrow { margin: 0; padding: 0 0 0 12px; display: inline; background-image: url(../images/TinyGreyArrow.gif); background-repeat: no-repeat; background-position: left center; }
.smaller {font-size: 12px; letter-spacing: 0px;}
.alert { font-style: italic; color: #40a6bf; }
	
.Article { padding: 40px 100px 40px 100px; }
.Article p { font-size: 13px; }
.Article img { border: solid 1px #777; margin-top: -30px; }
/* -------------------- LOGIN ------------------------*/
#loginBox { position: absolute; top: 150px; left: 50%; width: 300px; margin-left: -150px; background-color:#EEEEEE; border-top:1px solid #acacac; border-left:1px solid #acacac; border-right:2px solid #252525; border-bottom:2px solid #252525; letter-spacing: 0px; z-index: 1000; }
#login { width:272px; margin: 14px; padding: 0; }
#login .message { margin: 7px 0 7px 0; border: 1px solid #016BB9; background-color: #CCE9FD; padding: 0; }
#login .error { height: 14px; margin-top: 8px; font-size: 10px; font-weight: bold; color: #BB0000; padding:0; }
#login h3 { font-size: 13px; font-weight: bold; color:#b11f2a; padding: 0; margin: 5px 7px 5px 7px; }
#login h4 { font-size: 10px; font-weight: bold; color:#464646; letter-spacing: 1px; text-align:left; margin:15px 0 0 0; }
#login p { font-size: 10px; font-weight: normal; line-height: 1.3em; color:#252525; margin: 5px 7px 5px 7px; padding: 0; }
#login .textinput { padding: 1px 0; width: 266px; }
#login .buttonrow { margin-top: 22px; }
#login .buttonrow input { height: 18px; font-size: 14px; vertical-align: middle; padding: 0; margin: 0; line-height: 18px; height: 24px; }
#login .lostpw { text-align: right; font: italic normal normal 10px Arial, sans-serif; color:#252525; margin: 10px 0 0 0; }

/* -------------------- shopping cart -------------------------*/
table.cart { background-color: #444; border-collapse: collapse; }
table.cart th { background-color: #AAA; color: #111; font-weight: bold; }
table.cart td { border: solid 1px #333; padding: 4px; }

/* -------------------- carousel ------------------------*/
.carousel  { padding: 0; margin: 10px 0 20px 0px; position: relative; }
.carousel button { float: left; }           
.carousel a.prev, .carousel a.next { display: block; float: left; width: 23px; height: 88px; margin-top: 4px; text-decoration: none; }
.carousel a.next { background: url("../images/CarouselNextButton.gif") right center no-repeat; }
.carousel a.next:hover { background-image: url("../images/CarouselNextButtonHover.gif"); }
.carousel a.prev { background: url("../images/CarouselPrevButton.gif") right center no-repeat; }
.carousel a.prev:hover { background-image: url("../images/CarouselPrevButtonHover.gif"); }
.carousel a:hover, .carousel a:active { border: none; }                 
.carousel .jCarouselLite { float: left; background-color: #000; /* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; }
.carousel ul { margin: 0; }
.carousel li div.img { width: 90px; height: 90px; margin: 4px; background-color: white; }
.carousel li img { width: 88px; height: 88px; border: solid 1px #fff; }
.carousel li p { width: 620px; height: 422px; margin: 0; }
.carousel li div.p { width: 620px; height: 460px; margin: 0; }
.carousel li div.p div.item { margin: 6px; font-size: 10px; line-height: 11px; width: 90px; height:102px; text-align:center; float:left; }
.clear { font-size: 1px; clear: both; }


/* ---------------------- mega menu ------------------ */
.menu { width: 184px; margin-left: 14px; }
.menu a { display: block; height: 29px; line-height: 29px; margin-left: 5px; color: #bbb; font-size: 13px; padding: 0 0 0 20px; text-decoration: none; }
.menu a:hover { color: #fff; background-color: #666; opacity:.9; }
.menu a.current { background-image:  url(../images/BerebiMenuListImage.gif); background-repeat:	no-repeat; background-position: left center; color: #fff; }
.menu a.hovered { color: #fff; background-color: #666; opacity:.9; }

.megamenu{ position: absolute; display: none; top: 0; background: #666666; opacity:.9; padding: 10px; font: normal 12px Arial; z-index: 10000; }
.megamenu .column{float: left;width: 200px; /*width of each menu column*/margin-right: 5px;}
.megamenu .column ul{margin: 0;padding: 0;list-style-type: none;}
.megamenu .column ul li{ padding: 10px 5px;}
.megamenu .column h3{background: #e0e0e0;color: #000;font: bold 13px Arial;margin: 0 0 5px 0;}
.megamenu .column ul li a{color: #13cce0; font-weight: normal; text-decoration: none;}
.megamenu .column ul li a:hover{color: #fff; background: #666666; opacity:1; }


/* ------------ SLIDESHOWS -----------------*/
#slideshow480 { height: 640px; width: 480px; position: relative; overflow: hidden; }
#slideshow756 { height: 640px; width: 756px; position: relative; overflow: hidden; }
.slideshow img { position: absolute; left: 0; top: 0; z-index:8; opacity:0.0; filter: alpha(opacity=0); }
.slideshow img.active { z-index:10; opacity:1.0; filter: alpha(opacity=100);}
.slideshow img.last-active, #slideshow756 img.last-active { z-index:9; }

/* -------- FRAMEWORK REQUIRED STYLES ------- */
.thumbnail { float: left; }
.imagecenterwrapper { text-align: center; }
.imagedivcenter { z-index: 100; }
.imagedivleft { margin: 8px 20px 10px 0px; float:left; z-index: 100; }
.imagedivright { margin: 8px 0px 10px 20px; float:right; z-index: 100; }
.imagecaption { text-align:left; color: #761207; font-size: 11px; line-height: 1.5em; padding: 10px 20px 0 20px; }

.NavBar { width: 100%; overflow: auto; clear: both; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 5px; margin: 0 0 25px 0; text-align: right; font-size: 12px; }
.NavBar a { display: inline-block; margin-left: 10px; }
.NavBar a.grey { color: #AAAAAA; cursor: default; }
.NavBar a.grey:hover { text-decoration: none; }
.NavBar a.currentPage { color: #333; }
a.TextButton9px { margin: 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; padding: 0px 4px 0px 4px; background: #FFFFFF; border: solid 1px #AAAAAA; text-decoration: none;-moz-border-radius: 6px; -webkit-border-radius: 6px; }
a.TextButton9px:hover {background-color: #AA0000; color: #FFFFFF; text-decoration: none; }