/****************************************************************************************
 * 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; }

* { outline: 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: 12px/140% Georgia, Verdana, Helvetica, Arial, sans-serif; background: #ffffff; color: #333333; }


/****************************************************************************************
 * 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: 1.27em; line-height: 1em; font-weight: bold; font-style: normal; margin: 0 0 -5px 0; }
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: #69A922; 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; }
.dN { display: none; }


/****************************************************************************************
 * 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: 10px 15px; display: block; background: #E4F3CA; b/order-left: 4px solid #cc0000; 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: #E64AA3 ; }

input[type=text], input[type=password], textarea { padding: .4em .6em; background: #fff; border: 1px solid #69A922; }
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: #69A922 !important; }
textarea { overflow: auto; }

.formItem { margin-bottom: 7px; 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-color: #E4F3CA; 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: #E4F3CA; color: #F300C8; 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: 175px; display: inline-block; }
#list.column { display: block; }
#listIntroduction { margin-bottom: 2em; }

.listItem h2 { margin-top: 0; color: #E750A6; font-weight: bold; margin-bottom: 17px; }
.listItem h2 a { color: #E750A6; font-weight: bold; }
.subHeading { margin: -1em 0 1em 0; font-weight: bold; margin-bottom: -8px; }
.listImage { float: left; display: inline; width: 122px; overflow: hidden; margin: 0; *padding-bottom: 2px; }
.listImage * { float: left; *float: none; }
.listImage a { *f/loat: left; border: 1px solid #69A922; }
.listImage a:focus, .listImage a:hover { border-color: #E750A6; }
.listImage span { *d/isplay: block; }
.listText { margin-left: 130px; }
.listItem p a { color: #69A922; font-weight: bold; }
/*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: 4%; _margin-right: 2%; width: 48%; *width: 45%; }
.small { width: 22%; *width: 21%; }
.last { margin-right: 0; }

#aspnetForm { w/idth: 960px; margin: 0 auto; b/ackground: url(/i/bgForm.jpg) repeat-x 0 0; p/adding-top: 8px; position: relative; }
#content { background: #ffffff; padding: 15px 0; margin: 0 auto; width: 960px; background: url(/i/bgContent.jpg) repeat-x 0 0; }
#contentOuter { background: url(/i/bgContent.jpg) repeat-x 0 0; min-height: 206px; }
#inner { float: right; width: 750px; overflow: hidden; }
#inner.adv { width: 600px; padding-right: 15px; padding-left: 15px; *w/idth: 584px; _width: 599px; }

#advColumn { float: right; width: 150px; padding: 0; overflow: hidden; clear: right; ma/rgin-right: -15px; _ma/rgin-right: -7px; _m/argin-left: -1px; }
#advColumn img { *margin-bottom: 1px; }


/****************************************************************************************
 * Header
 *
 * 1. Site logo
 * 2. Navigation probably
 * 3. Search 
 * etc
 ****************************************************************************************/
#header { position: relative; display: inline-block; m/argin: 0 auto; height: 258px; background: url(/i/bgHeader.jpg) no-repeat 0 0; width: 1150px; margin: 0 auto; }
#header { display: block; }
#header a { color: #cc0000; }

#innerHeader { height: 199px; width: 960px; margin: 0 auto; padding-top: 59px; }

#headerOuter { height: 258px; position: relative; }
#headerOuter #leftHeader { position: absolute; right: 50%; width: 50%; background: url(/i/leftHeader.jpg) repeat-x 0 0; height: 258px; }
#headerOuter #rightHeader { position: absolute; left: 50%; width: 50%; background: url(/i/rightHeader.jpg) repeat-x 0 0; height: 258px; }

/* Branding> Logo and Memo */
#branding { float: left; width: 210px; }
#branding h1 { margin: 0; visibility: visible; }
#branding h1 a { display: block; width: 210px; height: 130px; background: url(/i/bebelinio.png) no-repeat 0 0; text-indent: -9999em; }
#branding h2 { color: #666666; font-size: 1.166em; line-height: 1.7em; } 
#branding h2 * { margin: 0; }

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

/* User Nav */
#header ul, #header li { margin: 0; list-style: none; }
#userNav { position: absolute; top: 10px; right: 0; }
#userNav * { display: inline; background: none; }
#userNav li, #userNav p { padding-left: 0; margin-left: 15px; }
#userNav a { text-decoration: none; }
#userNav a:hover, #userNav a:focus { text-decoration: underline; }

/* 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: #E64AA3; }
#infoNav a { text-decoration: none; color: #E64AA3 !important; font-size: 13px; 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: 13px; 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 #F300C8 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); }

/* General Navigation */
#catNav { position: absolute; z-index: 20; bottom: 36px; _bottom: 36px; right: 0; width: 590px; height: 33px; 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: 150px; height: 33px; 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 -33px; outline: none; }

#catNav .cat2 a { width: 190px; }
#catNav .cat2 a:hover, 
#catNav .cat2 a:focus,
#catNav .cat2 a:active,
#catNav .cat2 a.active { background-position: -150px -33px; }

#catNav .cat3 a { width: 130px; }
#catNav .cat3 a:hover, 
#catNav .cat3 a:focus,
#catNav .cat3 a:active,
#catNav .cat3 a.active { background-position: -340px -33px; }

#catNav .cat4 a { width: 100px; }
#catNav .cat4 a:hover, 
#catNav .cat4 a:focus,
#catNav .cat4 a:active,
#catNav .cat4 a.active { background-position: -470px -33px; }




.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: url(/i/inlineShoppingCart.png) no-repeat 0 0; color: #ffffff; position: relative; text-align: right; padding: 0 0; text-align: right; }
#inlineCartBar { _background: url(/i/inlineShoppingCart.jpg) no-repeat 0 0; }
#inlineCartBar h4 { position: absolute; top: 30px; left: 564px; width: 230px; t/ext-indent: -9999em; margin: 0; text-align: left; font-size: 1.18em; font-family: Arial, Verdana, Helvetica, sans-serif; color: #E64AA3; font-weight: normal; display: none; }
#inlineCartBar h4.noProducts { display: block; }
#inlineCartBar a { color: #fff; }

#inlineCartBar .produseInCos { position: absolute; left: 564px; top: 30px; height: 36px; line-height: 36px; color: #E64AA3 ; font-size: 1.18em; font-family: Arial, Verdana, Helvetica, sans-serif; }
#inlineCartBar .finalizeOrder { position: absolute; top: 35px; right: 1px; 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 #showInlineCart:focus, #inlineCartWrapper #showInlineCart:hover, #inlineCartWrapper #showInlineCart.focus { _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/inlineShoppingCartActive.png',sizingMethod='crop'); _cursor: pointer; }
#inlineCartWrapper.active #showInlineCart { background-position: 0 0; }

#inlineCart { position: absolute; left: -149px; *l/eft: -146px; top: 28px; background: #fff; border: 1px solid #E64AA3 ; 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; b/order-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: #E64AA3; }
#inlineCart .text { float: left; width: 14em; color: #333; }
#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: #fff; width: 125px; position: absolute; right: 0; top: -1px; }

#inlineCart .total { text-align: left; background: #DEF0BE; font-weight: bold; padding: 4px 8px; display: inline-block; margin-bottom: 10px; color: #69A922; margin-top: 8px; }
#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: 180px; *w/idth: 196px; 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: url(/i/nav.png) repeat-x 0 0; margin: 0; padding: 0; display: inline-block; margin-bottom: 2px; }
#nav li { display: block; }
#nav a { b/ackground: url(/i/navArrow.gif) no-repeat left center; min-height: 16px; _height: auto; padding: 4px 19px; text-decoration: none; color: #fff; font-size: 13px; b/order-bottom: 2px solid #ffffff; display: inline-block; font-family: Georgia, Arial; }
#nav a { display: block; }
#nav a:hover,
#nav a:focus { text-decoration: underline; }

#nav ul { font-weight: normal; margin: 0; }
#nav ul li { background: none; }
#nav ul a { background: url(/i/navArrow2.gif) no-repeat 6px 10px; color: #333333; border: 0; font-size: 1em; }
#nav ul a:hover,
#nav ul a:focus { color: #69A922; }

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

#nav ul li.sub { b/ackground: #FFFFFF; padding-left: 15px; }
#nav ul li.sub a { color: #333333; }
#nav ul li.active ul li.active a { color: #69A922; }

#nav a.specialOffer { display: block; padding: 0; margin: 0; *margin-left: 16px; text-indent: -9999em; height: 24px; background: url(/i/buttons.png) no-repeat -395px -100px; border-bottom-width: 0px; margin-bottom: 4px; }
#nav a.news { display: block; padding: 0; margin: 0; *margin-left: 16px; text-indent: -9999em; height: 24px; background: url(/i/buttons.png) no-repeat -590px -100px; border: 0; }


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


#brands { f/loat: left; width: 180px; *width: 195px; 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; }
ul#brands  { margin-top: 15px; float: left; w/idth: 180px; *w/idth: 195px; }
#brands li { background: url(/i/navBrands.gif) repeat-x 0 0; margin: 0; padding: 0; display: inline-block; }
#brands li { display: block; }
#brands a { b/ackground: url(/i/navArrow.gif) no-repeat left center; min-height: 16px; _height: auto; padding: 4px 19px; text-decoration: none; color: #FFFFFF; font-size: 13px; border-bottom: 2px solid #ffffff; display: inline-block; }
#brands a { display: block; }
#brands a:hover,
#brands a:focus { text-decoration: underline; }
#contentListaBranduri ul#brands li ul { width: 600px; }
#contentListaBranduri ul#brands { margin-top: -5px; }
ul#brands li ul { width: 180px; }
ul#brands li ul li{ width: 180px; }
#brands ul { font-weight: normal; margin: 0; }
#brands ul li { background: none; }
#brands ul a { background: url(/i/navArrow5.gif) no-repeat 6px center; color: #333333; border: 0; font-size: 11px; font-family: Georgia, Arial; }
#brands ul a:hover,
#brands ul a:focus { color: #EF89C4; }

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


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



#otherInfo { background-color: #fff; 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: #fff url(/i/navArrow5.gif) no-repeat 7px center; min-height: 16px; _height: auto; padding: 4px 22px; text-decoration: none; color: #333333; border: 0; font-size: 11px; display: inline-block; }
#otherInfo ul a { display: block; }
#otherInfo ul a:hover,
#otherInfo ul a:focus { color: #EF89C4; 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-color: #E4F3CA; 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; float: left; _position: relative; }
#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 #69A922 solid; min-height: 128px; _height: 128px; p/osition: relative; _position: relative; }
#productList li:focus, #productList li:hover { border-color: #EF89C4; }
#productList li.newLine { margin: 0; clear: left; }
#productList .image { b/order: 1px solid #d4d4dd; width: 120px; height: 120px; overflow: hidden; background: #fff; text-align: center; position: relative; f/loat: left; _po/sition: fixed; }
#productList .image .info { position: absolute; top: 0; right: 0; width: 35px; height: 35px; background: url(/i/infoReducere1.png) no-repeat 0 0; cursor: pointer; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/infoReducere1.png',sizingMethod='crop'); _bottom: -1px; _right: -1px; padding: 0; }
#productList .image .nou { background: url(/i/infoNou1.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/infoNou1.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: #E750A6; font-weight: bold; font-size: 1.09em; padding-top: 0; l/ine-height: 240%; }
#productList b:focus, #productList b:hover { text-decoration: underline; }
#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 0 0 0;  background: url(/i/buttons.png) no-repeat -600px -300px; text-indent: 9999em; width: 114px; height: 24px; _p/osition:relative; _margin-right: 4px; }
#productList em { color: #E750A6; 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: #333; font-weight: normal; display: block; text-align: right !important; f/loat: right; margin: 5px 0; _padding-right: 10px; font-family: Georgia, Arial; font-size: 11px; }
#productList del { color: #999; font-size: 1.27em; font-weight: bold; _margin-right: 10px; }
#productList a:hover, #productList a:focus { text-decoration: none; }

#productList .overlayLink { float: right; margin-right: 0px; margin-top: -25px; width: 115px; 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; }


/****************************************************************************************
 * Product Detail Page
 *
 * Product description, images, price etc
 ****************************************************************************************/
.single .image { float: left; width: 242px; overflow: hidden; *margin-bottom: 10px; }
.single .image div { clear: both; height: 242px; }
.single .image a { border: 1px solid #B4DF74; display: block; height: 240px; width: 240px; overflow: hidden; background: #fff; cursor: pointer; }
.single .image a:hover, .single .image a:focus { border-color: #EF8AC4; }
.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; height: 73px; display: inline; margin: 0 0 13px 13px; padding: 0; background: none; }
.single .image li a { display: block; width: 70px; height: 71px; border-color: #B4DF74; }
.single .text { m/argin-left: 255px; display: inline-block; margin-right: 0px; float: right; }
.single .text { display: block; width: 342px; }
.single .text p { margin-top: 0; }
.single .text:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

.single h1 { line-height: 1.2em; margin-top: 7px; margin-bottom: 15px; }
.single h2 { font-size: 1em; margin: -1em 0 .5em 0; font-family: Georgia, Arial; font-size: 11px; color: #666; }
.single .title { background: #fff url(/i/titleBorder.png) no-repeat left top; padding-left: 30px; min-height: 66px; _height: 66px; margin-bottom: 15px; border: 1px solid #F7BFDF; }

#price { f/ont-size: 1.27em; font-weight: bold; line-height: 1.3em; float: left; width: auto; color: #E750A6; font-family: Verdana, Arial; font-size: 14px; }
#price.variants { float: none; width: auto; }
#price del { color: #999; }
#price small { font-size: 11px; font-weight: normal; display: block; line-height: 1.8em; padding: 0 3px; color: #333; font-family: Georgia, Arial; }
#price em { font-size: .75em; font-weight: normal; font-style: normal; display: block; color: #999999; }

#orderBox { width: 330px; min-height: 217px; _height: 217px; padding: 10px 0 15px 12px; b/ackground: #FFFFFF url(/i/bgOrderBox.png) no-repeat top center; border: 1px solid #B3DF6F; float: left; }
#orderBox.pV { min-height: 235px; _height: 235px; }

#orderBox ul { font-weight: normal; margin: 0; width: 117px; 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/navArrow5.gif) no-repeat 6px center; min-height: 16px; _height: auto; padding: 5px 22px 4px 22px; text-decoration: none; color: #EF89C4; border: 0; font-size: 1em; display: inline-block; font-weight: bold; }
#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; b/order-left: 2px #EE8E8E solid; b/order-right: 2px #EE8E8E solid; }
#orderBox .phoneNumbers div { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; float: none; width: auto; background: url(/i/phones.png) no-repeat 0 8px; padding-top: 5px; }
#orderBox .phoneNumbers span { padding-left: 30px; margin: 5px 0; color: #333; font-weight: bold; font-size: 13px; }
#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; b/order-left: 2px #EE8E8E solid; bo/rder-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: -198px 0; width: 230px; margin-bottom: -10px; p/osition: relative; _z-index: 1; }
#orderBox .messenger div#borderBottom { display: none; height: 25px; b/ackground: #FFFFFF url(/i/bgBottomOrderBox.png) no-repeat bottom center; margin-bottom: -25px; margin-left: -14px; width: 347px; }

#o/rderBox div#bo/rderBottomIE { 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; }


/*
 * Column
 */
#column { float: right; width: 154px; display: inline; margin-left: 15px; }  
#column h3 { margin-top: 0; }
#column .box { margin-bottom: 1em; }
#column .box a { b/order: 1px solid #69A922; display: block; }
#listaFlex #column .box img { border: 1px solid #69A922; display: block; }
#column .box a:focus, #column .box a:hover { border-color: #E750A6; }
#column .image { text-align: center; color: #f97c00; line-height: 1.3em; }
#column .image a, #column .image span { display: block; }
#column .image span { border: 1px solid #B4DF74; padding: 1px; *padding-bottom: 2px; }
#column .image span:focus, #column .image span:hover { border: 1px solid #EF8AC4; p/adding: 1px; }
#column .image img { display: block; }
#column .image p { margin: .5em; }
#column .legend { text-align: center; margin: -10px 0 15px 0; }
#listaFlex #column .legend { text-align: center; margin: 2px 0 15px 0; }

#column .quote { pa/dding-left: 1em; }


#ctl00_cpBody_ContactCtrl_contactForm { float: left; }



/*
 * 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: 450px; height: 295px; }
#contact .txInput { width: 16em; }
#contact select { width: 190px; margin-bottom: 5px; }
#contact .formSubmit { margin-left: 0; }
#contact .quote { padding-left: 1.5em; min-height: 305px; }
#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.6em; }
.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 .2em; display: inline; }
.pager a:hover, .pager a:focus { text-decoration: underline; }
.pager .active { font-weight: bold; color: #69A922; }
.pager .prev, .pager .next { width: 29px; height: 26px; background: url(/i/pager.png) no-repeat 0 0; padding: 0; text-indent: -9999em; }
.pager a.next { background-position: -29px 0; margin-left: .2em; margin-right: 0; }
.pager span.prev { background-position: 0 -26px; }
.pager span.next { background-position: -29px -26px; margin-left: .2em; 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: 300px; 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: 189px; left: 648px; }

#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: 157px; height: 24px;  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; width: 190px; }


/* 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 { line-height: 2.3em; p/adding: 0 10px; text-align: right; color: #FFFFFF; font-size: .9166em; background: url(/i/bgFooter.jpg) no-repeat 0 0; w/idth: 960px; m/argin: 0 auto; height: 307px; width: 1150px; margin: 0 auto; p/osition: relative; z/-index: 99999; position: relative; display: block; }
#footer a { text-decoration: none; color: #fff; font-family: Verdana, Arial; font-size: 11px;  }
#footer a:hover, #footer a:focus { text-decoration: underline; }
#footer span { float: left; font-family: Verdana, Arial; font-size: 11px; }
#footer img { margin: 0 -10px 0 -10px; }
#footerInner { width: 960px; margin: 0 auto; p/osition: relative; t/op: 200px; height: 107px; padding-top: 200px; }
#footerOuter { b/ackground: url(/i/bgFooterOuter.jpg) repeat-x 0 0; height: 307px; position: relative; }
#footerOuter #leftFooter { position: absolute; right: 50%; width: 50%; background: url(/i/leftFooter.jpg) repeat-x 0 0; height: 307px; }
#footerOuter #rightFooter { position: absolute; left: 50%; width: 50%; background: url(/i/rightFooter.jpg) repeat-x 0 0; height: 307px; }
#trafic { float: left; }

#subCategoryBanner { float: left; margin-top: 10px; }


#promotii2 { float: left; margin-top: 10px; _margin-bottom: 7px; border: 1px solid #69A922; height: 300px; width: 598px; }

/****************************************************************************************
 * Additional Links
 *
 * Styles for Additional Links related to a Detail page
 *
 * We have:
 * 1. Links
 * 2. Documents (attached)
 *
 ****************************************************************************************/
.additionalLinks { m/argin: 2em 0; p/adding: 0 1em; b/order-left: 4px solid #CC0000; float: left; width: 242px; border: 1px solid #B3DF71; margin-bottom: 10px; }
.additionalLinks ul { margin: 0; padding-left: 10px; }
.additionalLinks li { background: url(/i/arrow.gif) no-repeat 3px 50%; padding-left: 20px; margin: 10px 0; }
.additionalLinks a { color: #666; text-decoration: none; }
.additionalLinks a:hover, .additionalLinks a:focus { text-decoration: underline; color: #69A922; }
.additionalLinks h4 { color: #416815; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; text-transform: uppercase; background-color: #D0ECA8; border-bottom: 1px solid #B3DF71; padding: 6px 10px; }

/* 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; }