/****************************************************************************************
 * General Reset
 *
 * 1. Reset some styles
 * 2. Apply some cross-browsers rendering standards
 *
 * Shoud be included in every project
 *
 * Tips
 * a) Use em for fonts and other font-related dimensions
 *    (eg. line-height, some spacing around text etc)
 *
 * b) Use full length color HEX representations (useful for maintenance purposes)
 *    (eg. replace all in a project)
 ****************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset, img { border: none; vertical-align: middle; }
hr { display: none; }


/****************************************************************************************
 * Standard base font-size is 16px
 * so 1em = 16px, do the math accordingly
 *
 * 1. Set the base font-size on the body (for 12px the base font-size is 0.75em (12/16)
 *    (as well as line height and font-family)
 * 2. Always set the general background color for the body
 * 3. Set the general font color on the body
 ****************************************************************************************/
body { font: .689em/1.4em Verdana, Helvetica, Arial, sans-serif; color: #333333; margin: 0; padding: 0; }


html, body, form, #wrapper {
	height:100%;
	margin:0px;
	padding:0px;
	border:none;
}
#wrapper {
	margin:0px auto;
	text-align:left;
	width:100%;
	background: url(/i/bgFooter.png) repeat-x bottom;
}

#wrapper tr td {
	padding:0px !important;
	border:none !important;
	vertical-align:top;
}

#home #wrapper tr td { vertical-align: middle; }

/****************************************************************************************
 * General Margins for Content Elements
 *
 * Especially for admin edited content (FCK)
 ****************************************************************************************/
p, ul, ol, dl, table { margin: 1em 0 1em 0; }


/****************************************************************************************
 * List elements
 *
 * Ordered and Unorederd lists, bullets, spacing everything related to General Lists
 * should go here
 ****************************************************************************************/
ul { margin-left: 1em; }
ul li { background: url(/i/bullet.gif) no-repeat 0 .65em; list-style: none; padding-left: 14px; }
li ul, li ol { margin-top: 0; margin-bottom: 0; }
li { margin: .3em 0; }
ol { margin-left: 2.2em; }
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: upper-roman; }


/****************************************************************************************
 * Headings
 *
 * Ordered and Unorederd lists, bullets, spacing everything related to General Lists
 * should go here
 ****************************************************************************************/
h1, h2, h3, h4, h5, h6 { font-size: 1em; color: #000000; margin: 0 0 .5em 0; }
h1 { font-size: 33px; line-height: 1em; font-weight: normal; font-style: italic; m/argin: 0 0 1.5em 0; color: #A60000; }
h2 { font-size: 1.18em; line-height: 1em; font-weight: normal; font-style: normal; margin: 1.5em 0; color: #666666; }

/****************************************************************************************
 * Hyperlinks
 *
 * Anchor tags styles should go here
 * as well as general functionality styles
 ****************************************************************************************/
a { color: #A60000; text-decoration: underline; overflow: hidden; }
a:hover, a:focus { text-decoration: none; }


/****************************************************************************************
 * Clearers & Alignments
 *
 * Some clearer classes if needed and
 * Easyclear for clearing floats
 ****************************************************************************************/
.clear { clear: both; }
.easyclear { display: inline-block; }
.easyclear{ display: block; }
.easyclear:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

.aLeft { text-align: left; }
.aRight { text-align: right; }
.aCenter { text-align: center; }
.fLeft { float: left; display: inline; }
.fRight { float: right; display: inline; }


/****************************************************************************************
 * Quotes
 *
 * General Quote and Blockquote reset for better cross-browser compatibility
 ****************************************************************************************/
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.quote { padding: 1em 1em 1em 1.5em; display: block; background: #ffffff; border-left: 4px solid #C8C8C8; overflow: hidden; }


/****************************************************************************************
 * Forms
 *
 * General Form elements styles
 * 
 * !!!!!!!!!!!!!!!!!!!
 * needs to be revised
 * !!!!!!!!!!!!!!!!!!!
 *
 ****************************************************************************************/
input, select, textarea { font-size: .9166em; font-family: Verdana, Helvetica, Arial, sans-serif; color: #333; }

input[type=text], input[type=password], textarea { padding: .4em .6em; background: #fff; border: 1px solid #800000; }
textarea { height: auto; overflow: auto; }

legend { display: none; }
.txInput, textarea, select { border: 1px solid #d5d5dd !important; }
select { padding: .1em .2em; }
.txInput:focus, textarea:focus,
.txInput.focus, textarea.focus, select:focus { border-color: #a4a4b0 !important; }
textarea { overflow: auto; }

.formItem { margin-bottom: .7em; clear: both; display: inline-block; }
.formItem { display: block; }
.formItem:after { display: block; clear: both; height: 0; visibility: hidden; content: '.'; }
.formItem label { float: left; width: 10em; padding: 0 .6em; }
.formItem label em { line-height: 1.4em; display: block; }
.formItem label.error { display: block; margin-left: 10.3em; color: red; width: auto; }
.formSubmit { margin-left: 11.2em; }
.txInput, textarea { padding: .4em .6em; }
.description { font-size: .9166em; background: url(/i/description.png) repeat-x 0 0; line-height: 1.3em; display: block; clear: both; margin: 1em auto; width: 56%; padding: .5em 1em; }

/*For Checkboxes/radios */
.ckFormItem label { float: none; }


/****************************************************************************************
 * Tables
 *
 * General Table styles
 * 
 * !!!!!!!!!!!!!!!!!!!
 * needs to be revised
 * !!!!!!!!!!!!!!!!!!!
 *
 ****************************************************************************************/
table { text-align: left; border-collapse: separate; border-spacing: 0; border: 0; }
caption, th, td { text-align: left; font-weight: normal; }

thead td, thead th { background: #f5eded url(/i/thead.png) repeat-x 0 0; color: #cc0000; font-weight: bold;  }
th, td { border: solid #f2dbdb; border-width: 0 0 1px 0; padding: 3px 13px; text-align: left; }


/****************************************************************************************
 * Flexible List
 *
 * Flexible List styles
 * 1. General List
 * 2. With a #column
 *
 * Tips
 * a) .listImage and .listText only appear for List Elements that HAVE an image
 *    ignore them for no-image elements
 * b) There is a bug in IE, called "Margin transreference bug" which transfers
 *    a margin value from a child to its parent under certain circumstances;
 *    fixed here by applying a padding instead of a margin to the listItem content elements
 ****************************************************************************************/
.listItem { overflow: hidden; width: 100%; margin: 0 0 2em 0; }
.listItem p { margin-bottom: .5em; }

#list.column { margin-right: 315px; display: inline-block; }
#list.column { display: block; }
#listIntroduction { margin-bottom: 2em; }

.listItem h2 { margin-top: 0; color: #A60000; }
.subHeading { margin: -1em 0 1em 0; font-weight: bold; }
.listImage { float: left; display: inline; width: 120px; overflow: hidden; margin: 0; }
.listImage * { float: left; }
.listText { margin-left: 130px; }

/*Fix for IE "Margin transreference bug */
.listItem p { *margin-bottom: 0; *padding-bottom: 1em; }
	


/****************************************************************************************
 * Layout
 *
 * The bricks that hold the site togheter
 * comes hand-in-hand with the skeleton markup of the site
 ****************************************************************************************/
.col { display: inline;	float: left; margin-right: 3%; *margin-right: 3%; _margin-right: 1.5%; width: 48%; *width: 45%; }
.small { width: 23%; *width: 22%; }
.last { margin-right: 0; }

#aspnetForm { w/idth: 960px; margin: 0 auto; background: url(/i/bgHeader.png) repeat-x top; p/adding-top: 8px; position: relative; }
#gradient { margin: 0 auto; border: 1px #C8C8C8 solid; width: 958px; margin-top: 18px; background: #DFDFDF url(/i/bgGradient.png) repeat-x 0 0; }
#home #gradient {  background: #DFDFDF url(/i/bgGradientHome.png) repeat-x 0 0; }
#watermark { background: url(/i/watermark.gif) no-repeat right top; }
#home #watermark { background: url(/i/watermarkHome.gif) no-repeat right top; }
#content { b/ackground: #DFDFDF url(/i/bgContent.png) repeat-x 0 0; width: 898px; margin: 0 auto; m/argin-top: 18px; padding: 28px; padding-right: 32px; padding-top: 15px; b/order: 1px #C8C8C8 solid; border-top: 0; }
#home #content { b/ackground: #ffffff url(/i/bgHome.png) repeat-x bottom; }
#inner { float: right; width: 740px; padding-left: 18px; overflow: hidden; }
#inner.adv { width: 600px; padding-right: 15px; padding-left: 15px; }

#advColumn { float: right; width: 150px; padding: 0; overflow: hidden; clear: right; margin-right: -15px; _margin-right: -7px; _margin-left: -1px; }
#advColumn img { *margin-bottom: 1px; }

/****************************************************************************************
 * Header
 *
 * 1. Site logo
 * 2. Navigation probably
 * 3. Search 
 * etc
 ****************************************************************************************/
#home #header { height: 125px; b/ackground: #ffffff; }
#header { position: relative; display: inline-block; width: 958px; margin: 0 auto; b/order: 1px #C8C8C8 solid; border-bottom: 0; height: 175px; t/op: 18px; b/ackground: #ffffff url(/i/bgHeaderContent.png) repeat-x 0 0; }
#header { display: block; }
#header a { color: #666666; }

/* Branding> Logo and Memo */
#branding { float: left; w/idth: 208px; width: 214px; padding: 28px 0 0 28px; }
#branding h1 { margin: 0; }
#branding h1 a { display: block; w/idth: 208px; width: 214px; height: 85px; background: url(/i/Celebration.png) no-repeat 0 0; text-indent: -9999em; }
#home #branding h1 a { background: url(/i/CelebrationHome.png) no-repeat 0 0; }
#branding h2 { color: #666666; font-size: 1.166em; line-height: 1.7em; } 
#branding h2 * { margin: 0; }

/* Contextual Banner */
#banner { width: 765px; height: 130px; overflow: hidden; float: right; }
#banner img { display: block; }

/* User Nav */
#header ul, #header li { margin: 0; list-style: none; color: #666666; }
#userNav { position: absolute; top: 20px; right: 32px; text-transform: uppercase; font-family: Arial, Verdana, sans-serif; font-size: 12px; }
#userNav * { display: inline; background: none; }
#userNav li, #userNav p { padding-left: 0; margin-left: 15px; }
#userNav a { text-decoration: none; margin-left: 10px; }
#userNav a:hover, #userNav a:focus { text-decoration: underline; color: #A60000; }

/* Info Nav */
#header ul, #header li { margin: 0; list-style: none; }
#infoNav { position: absolute; left: 235px; top: 35px; right: 0; text-align: left; line-height: 2.2em; }
#infoNav * { display: inline; background: none; }
#infoNav li, #infoNav p { padding-left: 0; margin-left: 10px; color: #EF0B0B; }
#infoNav a { text-decoration: none; color: #EF0B0B !important; font-size: 1.18em; font-family: Arial, Verdana, Helvetica, sans-serif; }
#infoNav a:hover, #infoNav a:focus { text-decoration: underline; }

/* Search */
#search { position: absolute; left: 9px; top: 29px; _top: 35px; z-index: 100; }
#search label { position: absolute; top: 45%; _top: 40%; left: 0; margin-top: -1.1em; color: #666666; font-size: 1.18em; line-height: 1.4em; text-align: left; display: block; padding: .496em .6em; width: 175px; overflow: hidden; white-space: pre; }
#ctl00_txSearch { width: 175px; padding: .496em .6em; border: 1px #800000 solid; }

/* Header Background */
#headeraBg { background: #fff; height: 37px; width: 100%; position: absolute; left: 0; bottom: 27px; opacity: .3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); }

#home #catNav { display: none; }

/* General Navigation */
#catNav { margin: 0 32px 0 28px !important; clear: both; position: absolute; z-index: 20; bottom: 0; _b/ottom: 36px; r/ight: 0; width: 898px; height: 27px; background: url(/i/catNav.png) no-repeat 0 0; _background: url(/i/catNav.gif) no-repeat 0 0; }
#catNav li { float: left; display: inline-block; background: none; padding: 0; }
#catNav li { display: inline; }
#catNav a { float: left; width: 260px; height: 27px; display: inline; text-indent: -9999em; background: url(/i/catNav.png) no-repeat -9999em -9999em; }
#catNav a:hover, 
#catNav a:focus,
#catNav a:active,
#catNav a.active { background-position: 0 -27px; outline: none; }

#catNav .cat2 a { width: 273px; margin-left: 2px; margin-right: 3px; }
#catNav .cat2 a:hover, 
#catNav .cat2 a:focus,
#catNav .cat2 a:active,
#catNav .cat2 a.active { background-position: -262px -27px; }

#catNav .cat3 a { width: 153px; margin-right: 2px; }
#catNav .cat3 a:hover, 
#catNav .cat3 a:focus,
#catNav .cat3 a:active,
#catNav .cat3 a.active { background-position: -538px -27px; }

#catNav .cat4 a { width: 205px; }
#catNav .cat4 a:hover, 
#catNav .cat4 a:focus,
#catNav .cat4 a:active,
#catNav .cat4 a.active { background-position: -693px -27px; }




.introText { margin-bottom: 2em; }



/****************************************************************************************
 * Inline Cart
 *
 * appears on hovering the Show Cart link or when adding a product to the cart
 * 
 * !!!!
 * should need some revision
 ****************************************************************************************/
#inlineCartBar { height: 69px; line-height: 36px; clear: both; background: #ffffff url(/i/inlineShoppingCart.png) no-repeat 0 0; color: #ffffff; position: relative; text-align: right; padding: 0 0; text-align: right; }
#inlineCartBar h4 { position: absolute; top: 30px; left: 564px; width: 120px; t/ext-indent: -9999em; margin: 0; text-align: left; font-size: 1.18em; font-family: Arial, Verdana, Helvetica, sans-serif; display: none; }
#inlineCartBar a { color: #fff; }

#inlineCartBar .produseInCos { position: absolute; left: 564px; top: 30px; height: 36px; line-height: 36px; color: #EF0B0B; font-size: 1.18em; font-family: Arial, Verdana, Helvetica, sans-serif; }
#inlineCartBar .finalizeOrder { position: absolute; top: 35px; right: 10px; display: block; height: 24px; width: 157px; b/ackground: url(/i/buttons.png) no-repeat -800px -300px; text-indent: -9999em; text-align: left; }

#inlineCartWrapper { position: absolute; top: 0; right: 0; width: 125px; z-index: 100; text-align: left; }
#inlineCartWrapper #showInlineCart { display: block; height: 28px; width: 125px; text-indent: -9999em; background: url(/i/inlineShoppingCartActive.png) no-repeat -9999em -9999em; }
#inlineCartWrapper.active #showInlineCart { background-position: 0 0; }

#inlineCart { position: absolute; left: -128px; *left: -125px; top: 28px; background: #f1f1f8; border: 1px solid #cc0101; width: 21em; padding: 10px; color: #000000; line-height: 1.2em; text-align: center; display: none; }
#inlineCart ul { text-align: left; display: inline-block; }
#inlineCart ul { display: block; }
#inlineCart li { display: inline-block; border-bottom: 1px solid #d4d4dd; padding: 4px 0; background: none; }
#inlineCart li { display: block; }
#inlineCart li:after { display: block; content: '.'; clear: both; height: 0; visibility: hidden; }
#inlineCart a { color: #cc0000; }
#inlineCart .text { float: left; width: 14em; }
#inlineCart .text a { font-weight: bold; text-decoration: none; display: block; }
#inlineCart .text a:hover, #inlineCart a:focus { text-decoration: underline; }
#inlineCart .cant { float: right; width: 6.5em; text-align: center; position: relative; }
#inlineCart .cant input { width: 2em; padding: .2em .3em; text-align: center; }
#inlineCart .cant a { text-transform: uppercase; font-size: .7272em; }
#inlineCart .cant .minus, #inlineCart .cant .plus { background: url(/i/cartOptions.png) no-repeat 0 0; width: 17px; height: 17px; display: block; position: absolute; left: 0; top: 0; text-indent: -9999em; }
#inlineCart .cant .plus { background-position: 0 -17px;  right: 0; left: auto; }
#inlineCart .hideBorder { height: 1px; line-height: 1px; font-size: 1px; background: #f1f1f8; width: 125px; position: absolute; right: 0; top: -1px; }

#inlineCart .total { text-align: left; background: #e4e4f1; font-weight: bold; padding: 4px 8px; display: inline-block; margin-bottom: 10px; color: #cc0000; }
#inlineCart .total { display: block; }
#inlineCartBar #inlineCart .finalizeOrder { position: static; background: url(/i/buttons.png) no-repeat -400px -300px; width: 200px; height: 24px; display: block; text-indent: -9999px; margin: 0 auto 5px auto; }


/****************************************************************************************
 * Product Navigation
 *
 * Accordion type navigation
 ****************************************************************************************/
#nav { f/loat: left; width: 140px; *width: 156px; display: inline; padding: 0; margin: 0; m/argin-left: -15px; *m/argin-left: -31px; m/argin: -15px 0 0 -15px; f/ont-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; }
#nav li { background: #E1E1E1 url(/i/nav.png) repeat-x 0 0; margin: 0; padding: 0; display: inline-block; }
#nav li { display: block; }
#nav a { min-height: 16px; _height: auto; padding: 4px 20px; text-decoration: none; color: #666666; font-size: 15px; border-bottom: 1px dashed #ffffff; display: inline-block; }
#nav a { display: block; }
#nav a:hover,
#nav a:focus { color: #CC0000; background: url(/i/navArrow.gif) no-repeat right center; text-decoration: underline; }

#nav li.active a { color: #CC0000; background: url(/i/navArrow.gif) no-repeat right center; text-decoration: none; }

#nav ul { font-weight: normal; margin: 0; }
#nav ul li { background: none; }
#nav ul a { background: #FFFFFF url(/i/n/avArrow2.gif) no-repeat left center; color: #333333; border: 0; font-size: 1em; }
#nav ul a:hover,
#nav ul a:focus { color: #EF0B0B; }

#nav ul ul a { border: 0; }
#nav ul li.active ul { *display: none; }

#nav2 { width: 140px; *width: 156px; display: inline; padding: 0; margin: 0; }
#nav2 li { margin: 0; padding: 0; display: inline-block; }
#nav2 li { display: block; }
#nav2 a.specialOffer { width: 140px; display: block; padding: 0; margin: 0; *m/argin-left: 16px; text-indent: -9999em; height: 105px; background: #CA0808 url(/i/promoProd.png) no-repeat 0 0; border: 0; margin-top: 0px; }
#nav2 a.new { width: 140px; display: block; padding: 0; margin: 0; *m/argin-left: 16px; text-indent: -9999em; height: 105px; background: #CA0808 url(/i/promoProd.png) no-repeat 0 -105px; border: 0; m/argin-top: 30px; }
#nav2 a.specialOffer:hover { background: #CA0808 url(/i/promoProd.png) no-repeat 0 0; }
#nav2 a.new:hover { background: #CA0808 url(/i/promoProd.png) no-repeat 0 -105px; }
#nav2 li.noBack { background: none; }
#nav2 li.topSpacing { margin-top: 30px; }

#quotebox { display: inline; width: 140px; *w/idth: 156px; margin: 0; padding: 0; *p/adding-left: 16px; float: right; *margin-top: 15px; font-size: 12px; }

#contentListaBranduri ul#brands li { background: none; *margin-left: -16px; }
#contentListaBranduri ul#brands li ul li { *margin: 0; }


#brands { f/loat: left; w/idth: 180px; *w/idth: 196px; display: inline; padding: 0; m/argin: 0; m/argin-left: -15px; *m/argin-left: -31px; m/argin: -15px 0 0 -15px; f/ont-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; }
#brands li { background: #CA0808 url(/i/nav.png) repeat-x 0 0; margin: 0; padding: 0; display: inline-block; }
#brands li { display: block; }
#brands a { background: url(/i/navArrow.gif) no-repeat left center; min-height: 16px; _height: auto; padding: 4px 19px; text-decoration: none; color: #FFFFFF; font-size: 1.18em; border-bottom: 2px solid #ffffff; display: inline-block; }
#brands a { display: block; }
#brands a:hover,
#brands a:focus { text-decoration: underline; }

#brands ul { font-weight: normal; margin: 0; }
#brands ul li { background: none; }
#brands ul a { background: #FFFFFF url(/i/navArrow2.gif) no-repeat left center; color: #333333; border: 0; font-size: 1em; }
#brands ul a:hover,
#brands ul a:focus { color: #EF0B0B; }

#brands ul ul a { border: 0; }
#brands ul li.active ul { *display: none; }


#leftColumn { float: left; width: 140px; *width: 156px; display: inline; padding: 0; margin: 0; m/argin-left: -15px; *margin-left: -16px; *margin-top: -15px; m/argin: -15px 0 0 -15px; f/ont-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; }



#otherInfo { background-color: #F7F7F7; width: 150px; padding: 0; margin: 0 0 15px 0; font-family: Arial, Verdana, Helvetica, sans-serif; }
#otherInfo li { margin: 0; padding: 0; display: inline-block; }
#otherInfo li { display: block; }
#otherInfo span { display: block; text-indent: -9999em; height: 24px; background: #CA0808 url(/i/buttons.png) no-repeat -200px -100px; }

#otherInfo ul { font-weight: normal; margin: 0; width: auto; }
#otherInfo ul li { background-color: #CA0808; margin: 0; padding: 0; display: inline-block; }
#otherInfo ul li { display: block; }
#otherInfo ul a { background: #F7F7F7 url(/i/navArrow2.gif) no-repeat 3px center; min-height: 16px; _height: auto; padding: 4px 22px; text-decoration: none; color: #333333; border: 0; font-size: 1em; display: inline-block; }
#otherInfo ul a { display: block; }
#otherInfo ul a:hover,
#otherInfo ul a:focus { color: #EF0B0B; text-decoration: underline; }

#otherInfo ul ul a { border: 0; }



/****************************************************************************************
 * Product List
 *
 * List of products
 ****************************************************************************************/
#subcategories { font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Helvetica, Arial, sans-serif; margin: 1em 0; }
#subcategories ul { background: url(/i/description.png) repeat-x 0 0; margin: 0; padding: 6px 20px; }
#subcategories li { float: left; width: 47%; }
#subcategories a { text-decoration: none; }
#subcategories a:hover, #subcategories a:focus { text-decoration: underline; }

#productList { margin: 1em 0; text-align: center; font: 13px Arial, Verdana, sans-serif; }
/*#productList li { z-index: 999; f/loat: left; d/isplay: inline; margin: 0 0 10px 0; width: auto; padding: 10px; background: none; clear: left; border: 1px #E4E4E4 solid; min-height: 128px; _height: 128px; p/osition: relative; }*/
#productList li { float: left; display: inline; margin: 0 0 17px 17px; width: 225px; padding: 4px; padding-bottom: 10px; background: #E9E9E9; border: 1px #EEEEEE solid; min-height: 134px; _height: 134px; }
#productList li.newLine { margin: 0; clear: left; }
#productList .image { b/order: 1px solid #d4d4dd; width: 225px; m/in-height: 72px; _h/eight: 72px; overflow: hidden; background: #fff; text-align: center; position: relative; display: block; }
#productList .image .info { position: absolute; top: 0; right: 0; width: 35px; height: 35px; background: url(/i/infoReducere.png) no-repeat 0 0; cursor: pointer; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/infoReducere.png',sizingMethod='crop'); _bottom: -1px; _right: -1px; padding: 0; }
#productList .image .nou { background: url(/i/infoNou.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/infoNou.png',sizingMethod='crop'); }
/*
#productList a { text-decoration: none; display: block; float: left; }
#productList p { margin: 0 130px 0 0; color: #666666; min-height: 128px; _height: 128px; }
#productList b, #productList em, #productList span  { display: block; padding: 3px 0; }
#productList b { color: #EF0B0B; font-weight: bold; font-size: 1.09em; padding-top: 0; }
#productList div.buy { padding: 0; float: right; d/isplay: inline; text-align: right; margin-top: -80px; }
#productList div.buy a.addToCart { float: right; display: block; text-align: right; margin: 5px -10px 0 0;  background: url(/i/buttons.png) no-repeat -600px -300px; text-indent: 9999em; width: 86px; height: 24px; _p/osition:relative; _margin-right: 0; }
#productList em { color: #DE0909; font-style: normal; font-size: 1.27em; font-weight: bold; f/loat: right; text-align: right !important; d/isplay: block; _padding-right: 10px; }
#productList small { color: #666666; font-weight: normal; display: block; text-align: right !important; f/loat: right; margin: 5px 0; _padding-right: 10px; }
#productList a:hover, #productList a:focus { text-decoration: none; }

#productList .overlayLink { float: right; margin-right: -10px; _margin-right: -5px; margin-top: -29px; width: 86px; height: 24px; display: block; text-indent: 9999em; }


#productList .text { padding: 0 0 0 15px; min-height: 128px; _height: 128px; float: left; text-align: left; width: 443px; cursor: pointer; _margin-right: -10px; _width: 453px; }
*/
#productList a strong, #productList a em, #productList a span  { display: block; padding: 3px 0; text-decoration: none; }
#productList a strong { color: #666666; font-weight: normal; }
#productList a span { padding: 4px 7px; }
#productList a em { color: #A60000; font-style: normal; font-weight: bold; }
#productList a { text-decoration: none; }
#productList a:hover, #productList a:focus { text-decoration: none; }

#productList .text { padding: 5px 0 0 0; m/in-height: 50px; _h/eight: 50px; }

/****************************************************************************************
 * Product Detail Page
 *
 * Product description, images, price etc
 ****************************************************************************************/
.single .image { float: left; width: 320px; overflow: hidden; }
.single .image div { clear: both; h/eight: 320px; }
.single .image a { border: 1px solid #EEEEEE; padding: 4px; display: block; h/eight: 310px; width: 310px; overflow: hidden; background: transparent; cursor: pointer; }
.single .image a:hover, .single .image a:focus { border-color: #A60000; }
.single .image img { display: block; margin: 0 auto; }
.single .image ul, .single .image li { margin: 0; list-style: none; display: inline-block; }
.single .image ul { margin: 8px 0 0 -13px; display: inline-block; }
.single .image ul { display: block; }
.single .image ul:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.single .image li { float: left; width: 72px; h/eight: 73px; display: inline; margin: 0 0 13px 13px; padding: 0; background: none; }
.single .image li a { display: block; width: 70px; h/eight: 71px; border-color: #d4d4dd; }

.single .text .contact { background: #A60000 url(/i/contact.png) no-repeat 0 0; color: #FFFFFF; line-height: 1.3636em; margin-top: 5px; padding: 6px 10px; text-align: center; }
.single .text .contact a { color: #fff; font-weight: bold; border: 0; display: inline; padding: 0; }

.single .text { margin-left: 335px; display: inline-block; m/argin-right: -5px; font-family: Arial, Verdana, sans-serif; font-size: 15px; color: #666666; }
.single .text { display: block; }
.single .text:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

.single h1 { line-height: 1.2em; margin: 0pt 0pt -25px; *margin: 0pt 0pt -15px; font-size: 33px; _margin-right: -10px; }
/* Opera */ html:first-child .single h1 { margin: 0; }
.single h2 { font-size: 1em; margin: -1em 0 .5em 0; }
.single .title { background: #F7F7F7 url(/i/titleBorder.png) no-repeat left top; padding-left: 30px; min-height: 66px; _height: 66px; margin-bottom: 15px; }

#price { f/ont-size: 1.362em; font-weight: bold; line-height: 1.3em; f/loat: left; width: auto; color: #A60000; }
#price.variants { float: none; width: auto; }
#price del { color: #bebecb; }
#price small { f/ont-size: .785em; font-weight: normal; d/isplay: block; line-height: 1.8em; padding: 0 3px; c/olor: #666666; }
#price em { font-size: .75em; font-weight: normal; font-style: normal; display: block; color: #999999; }

#orderBox { width: 335px; min-height: 217px; _height: 217px; padding: 10px 0 15px 12px; background: #FFFFFF url(/i/bgOrderBox.png) no-repeat top center; }
#orderBox.pV { min-height: 235px; _height: 235px; }

#orderBox ul { font-weight: normal; margin: -10px 0 0 0; width: 132px; float: right; font-family: Arial, Verdana, Helvetica, sans-serif; }
#orderBox ul li { background: none; margin: 0; padding: 0; display: inline-block; }
#orderBox ul li { display: block; }
#orderBox ul a { background: url(/i/navArrow3.gif) no-repeat 6px center; min-height: 16px; _height: auto; padding: 5px 22px 4px 22px; text-decoration: none; color: #ffffff; border: 0; font-size: 1em; display: inline-block; }
#orderBox ul a { display: block; }
#orderBox ul a:hover,
#orderBox ul a:focus { text-decoration: underline; }


#orderBox .phoneNumbers { margin: 1.8em 0; padding: 0; float: left; color: #000000; width: 331px; margin-left: -12px; _margin-left: -6px; padding-left: 12px; border-left: 2px #EE8E8E solid; border-right: 2px #EE8E8E solid; }
#orderBox .phoneNumbers ul { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; float: none; width: auto; }
#orderBox .phoneNumbers li { background: url(/i/phones.png) no-repeat 0 3px; padding-left: 20px; margin: 5px 0; color: #666666; font-weight: bold; font-size: 1.18em; }
#orderBox .phoneNumbers li.mobile { background-position: 0 -50px; }

#orderBox .messenger { margin: -1em 0; padding: 0; float: left; color: #000000; width: 331px; _width: 331px; margin-left: -12px; _margin-left: -6px; padding-left: 12px; padding-bottom: 15px; border-left: 2px #EE8E8E solid; border-right: 2px #EE8E8E solid; }
#orderBox .messenger span { background: url(/i/orderByYM.gif) no-repeat 0 0; text-indent: -9999em; width: 128px; height: 13px; display: block; margin: 10px 0 5px 0; }
#orderBox .messenger a.button { background-position: -200px 0; width: 225px; margin-bottom: -10px; position: relative; _z-index: 1; }
#orderBox .messenger div#borderBottom { height: 25px; background: #FFFFFF url(/i/bgBottomOrderBox.png) no-repeat bottom center; margin-bottom: -25px; _margin-bottom: -15px; margin-left: -14px; width: 347px; _p/osition: absolute; _margin-right: -2px; _margin-top: -5px; _display: none; }

#orderBox div#borderBottomIE { display: none; _display: block; height: 25px; background: #FFFFFF url(/i/bgBottomOrderBox.png) no-repeat bottom center; margin-bottom: -25px; _margin-bottom: -15px; margin-left: -14px; width: 350px; _p/osition: absolute; _margin-right: -2px; _margin-top: -5px; }

#recomandate { margin-top: 20px; clear: both; }
#recomandate ul { margin: 0; margin-top: 20px; }
#recomandate ul li { float: left; display: inline; margin: 0 0 17px 17px; width: 120px; padding: 4px; padding-bottom: 10px; background: #E9E9E9; border: 1px #EEEEEE solid; text-align: center; }
#recomandate li.newLine { margin: 0; clear: left; }
#recomandate ul li a.recPhoto { width: 120px; }
#recomandate ul li a.recPhoto img { w/idth: 120px; }
#recomandate .text { padding: 5px 0 0 0; margin: 0; text-align: center; font-size: 13px; }
#recomandate span { font-size: 15px; font-family: Arial, Verdana, sans-serif; color: #666666; }
#recomandate a strong, #recomandate a em, #recomandate a span  { display: block; padding: 3px 0; text-decoration: none; }
#recomandate a strong { color: #666666; font-weight: normal; }
#recomandate a span { padding: 4px 7px; }
#recomandate a em { color: #A60000; font-style: normal; font-weight: bold; }
#recomandate a { text-decoration: none; }
#recomandate a:hover, #recomandate a:focus { text-decoration: none; }


a.smallPhoto {
  position:relative; /*this is the key*/
  z-index:24; 
  color:#333333;
  text-decoration:none;
  border: 1px solid #d4d4dd; 
  padding: 4px;
  display:block;
  width:70px;
}

a.smallPhoto img{width:70px;}

a.smallPhoto:hover{z-index:99;*display:block;*z-index:1;}

a.smallPhoto span.tooltip{
display:none;
}

a.smallPhoto span.tooltip img {
  float:left;
  padding-left:5px;
  padding-bottom:5px;
  border:0;
  width:120px !important;
}

.smallPhoto:hover span.tooltip{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-25px;
    *top:40px;
    _top:-25px;
	left:40px;
    /*height:200px;*/
	z-index:5;
	_z-index:99;
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
	padding:2px;
	width:300px;
}

/*Opera*/

.smallPhoto:hover span.tooltip{ /*the span will display just on :hover state*/
    /*top:60px;*/
	z-index:99;
}

/*

a:hover {background:#ffffff; text-decoration:none; position:relative;} /*BG color is a must for IE6*/
/*a.tooltip span.tool {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span.tool{display:block; position:absolute; top:25px; left:40px; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
*/


/*
 * Column
 */
#column { float: right; width: 228px; display: inline; margin-left: 15px; }  
#column h3 { margin-top: 0; }
#column .box { margin-bottom: 1em; }
#column .image { text-align: center; c/olor: #f97c00; line-height: 1.3em; }
#column .image a, #column .image span { display: block; }
#column .image span { border: 1px solid #A60000; padding: 1px; *padding-top: 0; *padding-bottom: 2px; }
#column .image img { display: block; }
#column .image p { margin: .5em; }
#column .legend { text-align: center; margin: .5em 0 !important; }

#column .quote { padding-left: 1em; }


/*
 * Home
 */
#home #content { padding-top: 48px; }
#home #content div#bannerHome { float: left; width: 439px; height: 365px; border:1px #C8C8C8 solid; }

#catNavHome { float: right; width: 457px; }
#catNavHome div { float: left; padding-left: 18px; width: 210px; }
#catNavHome p { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #666666; line-height: 120%; }
#catNavHome p a { background: none; text-indent: 0; width: auto; height: auto; display: inline; float: none; }
#catNavHome a { float: left; width: 210px; height: 107px; margin-bottom: 9px; text-indent: -9999em; background: url(/i/catNavHome.png) no-repeat 0 0; }
#catNavHome a:hover, 
#catNavHome a:focus,
#catNavHome a:active,
#catNavHome a.active { background-position: 0 -107px; outline: none; }

#catNavHome .cat2 a { width: 210px; background-position: -210px 0; }
#catNavHome .cat2 a:hover, 
#catNavHome .cat2 a:focus,
#catNavHome .cat2 a:active,
#catNavHome .cat2 a.active { background-position: -210px -107px; }

#catNavHome .cat3 { margin-top: 20px; }
#catNavHome .cat3 a { width: 210px; background-position: -420px 0; }
#catNavHome .cat3 a:hover, 
#catNavHome .cat3 a:focus,
#catNavHome .cat3 a:active,
#catNavHome .cat3 a.active { background-position: -420px -107px; }

#catNavHome .cat4 { margin-top: 20px; }
#catNavHome .cat4 a { width: 210px; background-position: -630px 0; }
#catNavHome .cat4 a:hover, 
#catNavHome .cat4 a:focus,
#catNavHome .cat4 a:active,
#catNavHome .cat4 a.active { background-position: -630px -107px; }



/*
 * Account
 */
#account label { width: 14em; text-align: right; }
#account .txInput { width: 15em; }
#account select { width: 16.3em; margin: .4em 0; }
#account textarea { width: 15em; line-height: 1.5em; height: 8em; }

#account dl { display: inline-block; margin-bottom: 2em; }
#account dl { display: block; }
#account dl:after { display: block; clear: both; height: 0; visibility: hidden; content: '.'; }
#account dt { float: left; width: 14em; text-align: right; padding: .4em .6em; clear: left; }
#account dd { float: left; width: 10em; padding: .4em .6em; }

#registerSubmit, #btnLansareComanda { clear: both; margin: 0; text-align: center; }
#registerSubmit input, #btnLansareComanda input { display: block; margin: 0 auto; }

#companyToggler { margin-bottom: 2em; }


/*
 * Contact Form
 */
#contactMessage { float: left; width: 400px; display: inline; margin-right: 20px; }
#contactDetails { float: left; width: 250px; }
#contact label { display: block; font-weight: bold; float: none; width: auto; padding: .1em 0; }
#contact textarea { width: 430px; height: 20.0em; }
#contact .txInput { width: 17em; }
#contact select { width: 18em; }
#contact .formSubmit { margin-left: 0; }
#contact .quote { padding-left: 1.5em; }
#contact .col { *width: 450px; }
#contact .small { *width: 22%; }
#contact .last { *margin-right: 0; }
#contact .formItem { *margin-bottom: 0.5em; }



/*
 * Shopping cart
 */
#shoppingCart table { width: 100%; }
#shoppingCart h3 { font-size: 1.1818em; margin: 0; }
#shoppingCart h3 a { text-decoration: none; }
#shoppingCart h3 a:hover, #shoppingCart h3 a:focus { text-decoration: underline; }
#shoppingCart .txInput { width: 2em; text-align: center; }
#shoppingCart .sterge { font-size: .9166em; }
#total { font-weight: normal; }



/*
 * Pager
 */
.pager { display: inline-block; font-size: 1.2727em; font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, sans-serif; color: #333; line-height: 1.8em; }
.pager { display: block; }
.pager:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.pager div { float: right; }
.pager a { color: #333; }
.pager a, .pager span { text-decoration: none; float: left; padding: 0 .5em; display: inline; }
.pager a:hover, .pager a:focus { text-decoration: underline; }
.pager .active { font-weight: bold; color: #333; }
.pager .prev, .pager .next { width: 25px; height: 25px; background: url(/i/pager.png) no-repeat 0 0; padding: 0; text-indent: -9999em; margin-right: .5em; }
.pager a.next { background-position: -25px 0; margin-left: .5em; margin-right: 0; }
.pager span.prev { background-position: 0 -25px; }
.pager span.next { background-position: -25px -25px; margin-left: .5em; margin-right: 0; }

#pagerTop .pager { margin-bottom: 1em; }


/****************************************************************************************
 * Promotii
 *
 * taburi
 ****************************************************************************************/
#promotii { float: right; width: 678px; border: 1px solid #ccc; border-bottom: 0; font-family: Helvetica, Arial, Sans-Serif; font-size: 1.166em; margin-bottom: 2em; } 
#promotii ul { margin: 0; background: #cc0000; display: inline-block; }
#promotii ul { display: block; }
#promotii ul:after { display: block; clear: both; height: 0; visibility: hidden; content: '.'; }
#promotii li { float: left; display: inline; margin: 0; padding: 0; }
#promotii a { color: #fff; text-decoration: none; float: left; padding: .4em .6em; border: 1px solid #cd0303; border-top: 0; }
#promotii a:hover { text-decoration: underline;} 
#promotii a:focus { outline: none; }

.ui-tabs-hide { display: none; }
#promotii .ui-tabs-selected { border: solid #fff; border-width: 0 1px; }
#promotii .ui-tabs-selected a { background: #fff; color: #cc0000; }


/*
 * Buy Now
 */
#buy { width: auto; float: left; }
#buy legend { display: none; }
#buy input { width: 2em; text-align: center; }
#buy .button { background-position: 0 -300px; }
#buy.variants { clear: both; float: none; padding-top: 3em; width: 100%; line-height: 22px; }
#buy.variants div { margin-bottom: 1.5em; }
#buy.variants h3 { margin: 0; color: #333; }
#buy.variants .price { float: left; }
#buy.variants .variantBuy { float: left; width: 370px; text-align: right; padding-right: 10px; }
#buy.variants a.button { background-position: -200px -300px; width: 80px; height: 15px; }

/*
 * Finalizare comanda
 */
#finalizareComanda #inlineCartBar { b/ackground-position: 0 -69px; }
#finalizareComanda #inlineCartBar h4,
#finalizareComanda #inlineCartBar .produseInCos,
#finalizareComanda #inlineCartBar #inlineCartWrapper,
#finalizareComanda #inlineCartBar .finalizeOrder { display: none; }
#finalizareComanda #total { font-size: 1.5em; margin: .5em 0; }

#finalizareComanda .finalizareComanda { width: 406px; height: 69px; background: #ffffff url(/i/inlineShoppingCartNone.png) no-repeat 0 0; position: absolute; top: 130px; left: 554px; }

#dvCuCardOnline { display: none; } 
#shoppingCart .description { display: none; }

#btnLansareComanda { width: 200px; }

#finalizareComanda .formItem label em { display: inline; }

/*
 * Meesages & Error Messages
 */
#ctl00_dvMessage { color: #292954; display: block; width: 10em; height: 4em; padding: 2em; border: .5em solid #292954; background: #F1F1F8; position: absolute; top: 50%; left: 50%; margin: -6em 0 0 -3em; }
.message { padding: .5em 1em; background: url(/i/description.png) repeat-x 0 0; margin: 2em 0; line-height: 1.4em; } 
.message h3 { margin-top: .5em; }
.error h3 { color: #DF291B; }


/*
 * Buttons
 */
.button { background: url(/i/buttons.png) no-repeat 0 0; width: 175px; height: 29px;  border: 0; padding: 0; cursor: pointer; text-indent: -9999px; }
a.button { display: block; }

.formSubmit .button { display: block; }
#ctl00_cpBody_dvSubscribe .button,
#contact .button { display: block; }


/* Search button */
#search .button { background-position: 0 -100px; width: 24px; }


#btnCauta { background-position: 0 -100px;  float: right; }
#btnAutentifica { background-position: 0 -200px; margin-bottom: .5em; display: block; }
#ctl00_cpBody_btnContNou { background-position: -200px -200px; display: block; }
#ctl00_cpBody_btnMaiDeparte { background-position: -600px -300px; display: block; }
#ctl00_cpBody_btnSalvare,
#ctl00_cpBody_btnModificare { background-position: -400px -200px; }
#btnLansareComanda { background-position: -400px -300px; }


/****************************************************************************************
 * Footer
 *
 * Copyright Information, Trafic, Netlogiq link
 ****************************************************************************************/
#footer { width: 960px; margin: 0 auto; line-height: 2.3em; padding: 10 0px; text-align: right; color: #535353; font-size: 11px; b/ackground: #FFFFFF url(/i/bgFooter.png) repeat-x 0 0; }
#footer a { text-decoration: none; color: #535353; }
#footer a:hover, #footer a:focus { text-decoration: underline; }
#footer span { float: left; }

#footer img { m/argin: 0 -10px 0 -10px; }

#trafic { float: left; }



/****************************************************************************************
 * Additional Links
 *
 * Styles for Additional Links related to a Detail page
 *
 * We have:
 * 1. Links
 * 2. Documents (attached)
 *
 ****************************************************************************************/
.additionalLinks { margin: 2em 0; padding: 0 1em; border-left: 4px solid #C8C8C8; clear: left; }
.additionalLinks ul { margin: 0; }
.additionalLinks li { background: url(/i/arrow.gif) no-repeat 3px 50%; padding-left: 20px; margin: 5px 0; }
.additionalLinks a { color: #000; text-decoration: none; }
.additionalLinks a:hover, .additionalLinks a:focus { text-decoration: underline; }


/* Default Document (unknown) */
div.docs li { background: url(/i/docs.png) no-repeat 0 0; }

/* Archives */
.docs .rar,
.docs .zip,
.docs .ace { background-position: 0 -50px; }

/* Images */
.docs .gif,
.docs .jpg,
.docs .jpg2,
.docs .jpeg,
.docs .jpeg2,
.docs .png { background-position: 0 -100px; }

/* Video */
.docs .avi,
.docs .mov,
.docs .mpg,
.docs .mpeg,
.docs .wma { background-position: 0 -150px; }

/* Audio */
.docs .mp3,
.docs .mp4,
.docs .wav,
.docs .mid { background-position: 0 -200px; }

/* Text */
.docs .txt { background-position: 0 -250px; }

/* Word like */
.docs .doc,
.docs .docx { background-position: 0 -300px; }

/* Excel like */
.docs .xls,
.docs .xlsx { background-position: 0 -350px; }

/* Powerpoint */
.docs .ppt { background-position: 0 -400px; }

/* HTML */
.docs .htm,
.docs .html { background-position: 0 -450px; }

/* PDF */
.docs .pdf { background-position: 0 -500px; }