/****************************************************************************************
 * 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; background: #049DBF; color: #03658C; }


/****************************************************************************************
 * 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.7em; }
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: 20px; line-height: 1em; font-weight: bold; font-style: normal; margin: 0 0 .2em 0; color: #03658C; }
h2 { font-size: 13px; line-height: 1em; font-weight: normal; font-style: normal; margin: 1.5em 0; color: #2A5F95; }
h3 { font-size: 16px; line-height: 1em; font-weight: bold; font-style: normal; margin: 0 0 .5em 0; color: #049DBF; }
h4 { font-size: 13px; line-height: 1em; font-weight: bold; font-style: normal; margin: 0 0 .5em 0; color: #049DBF; }

/****************************************************************************************
 * Hyperlinks
 *
 * Anchor tags styles should go here
 * as well as general functionality styles
 ****************************************************************************************/
a { color: #2A5F95; 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: 1em 1em 1em 3em; display: block; background: #D3F2FE; b/order-left: 4px solid #67B5E3; overflow: hidden; }


/****************************************************************************************
 * Forms
 *
 * General Form elements styles
 * 
 * !!!!!!!!!!!!!!!!!!!
 * needs to be revised
 * !!!!!!!!!!!!!!!!!!!
 *
 ****************************************************************************************/
input, select, textarea { font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #5984AE; }

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

legend { display: none; }
.txInput, textarea, select { border: 1px solid #AFDAF3 !important; }
select { padding: .1em .2em; }
.txInput:focus, textarea:focus,
.txInput.focus, textarea.focus, select:focus { border-color: #5984AE !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; border-right: 1px #FF9900 solid; }
caption, th, td { text-align: left; font-weight: normal; }

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

/* Page dropshadow */

#wrapOuter, .tr, .bl, .br { background: url(/i/background.png) no-repeat left bottom; display: inline-block; }
#wrapOuter, .tr, .bl, .br { display: block; }

#wrapOuter { padding-left: 2px; width: 966px; margin: 0px auto; }
.tr { padding-bottom: 6px; background-position: right bottom; }
.bl { margin-left: -2px; padding-left: 2px; background-position: left top; position: relative; }
.br { padding-right: 6px; padding-top: 2px; background-position: right top; }
 
#wrap { background: #FFF; padding-top: 20px; }



/****************************************************************************************
 * 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; margin-top: .5em; }

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

.listItem h2 { margin-top: 0; font-weight: bold; }
.listItem h2 a { text-decoration: none; }
.listItem h2 a:hover { text-decoration: underline; }
.subHeading { margin: -1.2em 0 -.4em 0; color: #FF9900; }
.listImage { display: inline; width: 140px; overflow: hidden; margin: 0; }
.listImage * { float: left; *float: none; }
.l/istImage img { width: 130px; }
.listImage a { border: 1px #049DBF solid; padding: 4px; display: block; *float: left; }
.listImage a:hover { border: 1px #FF9900 solid; }
.listImage span { border: 1px #049DBF solid; padding: 4px; display: block; }
.listImage a span { border: none; padding: 0; }
.listText { margin-left: 152px; }
a.more { display: block; width: 77px; height: 23px; background: url(/i/btnDetails.jpg) no-repeat 0 0; text-indent: -9999em; margin-top: 10px; float: right; }

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

.galleryElement { width: 110px; display: inline; margin: 5px 0px 10px 30px; font-style: normal; text-align: center; overflow: hidden; float: left; }	
.galleryElement.newLine { margin-left: 0; clear: left; }
.galleryElement p {	margin: 9px 0px 0px 0px; }
.galleryElement span { border: 1px #049DBF solid; padding: 4px; width: 100px; overflow: hidden; display: block; }
.galleryElement a { font-size: 1px; border: 1px #049DBF solid; padding: 4px; width: 100px; overflow: hidden; display: block; }
.galleryElement a:hover { border: 1px #FF9900 solid; }
.galleryElement a span { border: none; padding: 0; cursor: pointer; }
.galleryElement img { display: block; }
.gallery { margin: 20px 0 20px 0; overflow: hidden; }

#lista #advColumn { display: none; _display: inline; }
#lista #inlineCartBar #inlineCartWrapper,
#lista #inlineCartBar #inlineCart,
#lista #inlineCartBar .finalizeOrder,
#lista #ads { display: none; }


/****************************************************************************************
 * 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: 2%; _margin-right: 0%; width: 44.5%; *width: 43%; }
.small { width: 25%; *width: 24%; }
.last { margin-right: 0; }

#aspnetForm { width: 960px; margin: 0 auto; position: relative; margin-top: 21px; }
#content { background: #FFFFFF; p/adding: 15px; border-bottom: 1px #EBF7FC solid; }
#inner { float: right; width: 740px; p/adding: 30px; pa/dding-top: 50px; padding-right: 15px; padding-top: 23px; padding-bottom: 23px; overflow: hidden; _overflow: none; ba/ckground: #F5FCFE url(/i/bgInner.png) repeat-x 0 0; m/in-height: 280px; _h/eight: 280px; }
#inner.adv { width: 506px; padding-right: 14px; p/adding-left: 15px; }

#advColumn { float: right; width: 220px; padding: 0; padding-top: 23px; overflow: hidden; c/lear: right; m/argin-right: -15px; _m/argin-right: -7px; _m/argin-left: -1px; m/argin-right: 15px; padding-right: 15px; }
#advColumn img { *margin-bottom: 1px; }


/****************************************************************************************
 * Header
 *
 * 1. Site logo
 * 2. Navigation probably
 * 3. Search 
 * etc
 ****************************************************************************************/
#header { position: relative; display: inline-block; font-size: 13px; m/argin-top: 20px; b/ackground: url(/i/Slogan.png) no-repeat 361px 38px; height: 120px; b/order-bottom: 1px #BADFF5 solid; }
#header { display: block; }
#header a { color: #333; }


/* Branding> Logo and Memo */
#branding { float: left; width: 205px; margin-top: 2px; }
#branding h1 { margin: 0; }
#branding h1 a { display: block; width: 105px; height: 84px; background: url(/i/PiscineSupraterane.png) no-repeat 0 0; text-indent: -9999em; margin: 0 auto; }

/* Label tel */
#labelTel { display: inline-block; background:url(/i/labelTel.jpg) no-repeat 0 0; position: absolute; right: 16px; top: 5px; width: 156px; height: 16px; }

/* Contextual Banner */
#banner { width: 720px; height: 153px; border: 1px #839FB7 solid; padding: 9px; overflow: hidden; f/loat: right; margin-right: 15px; _float: left; }
#banner img { display: block; }

/* Carousel */
#carousel { width: 720px; border: 1px #839FB7 solid; padding: 9px; overflow: hidden; margin-right: 15px; float: right; background: #D3F2FE; margin-top: 15px; }

/* Contextual intro */
#intro { overflow: hidden; padding-top: 18px; *margin-top: 18px; _margin-top: 0; padding-right: 16px; }
#intro h2 { color: #03658C; font-size: 12px; line-height: 1.7em; } 
#intro h2 * { margin: 0; }

/* User Nav */
#header ul, #header li { margin: 0; list-style: none; }
#userNav { position: absolute; top: 0px; left: 205px; background: url(/i/userNav.png) no-repeat 0 0; width: 539px; height: 22px; padding-top: 4px; *padding-top: 5px; *height: 21px; padding-left: 16px; }
#userNav * { display: inline; background: none; }
#userNav li, #userNav p { padding-left: 0; margin-left: 15px; p/adding-right: 49px; color: #FFFFFF; }
#userNav a { text-decoration: none; color: #FFFFFF; }
#userNav a:hover, #userNav a:focus { text-decoration: underline; }
#userNav li { float: left; display: inline-block; }
#userNav li.separator { background: url(/i/userNavSeparator.jpg) no-repeat center; width: 49px; }

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

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

#catNav .cat2 a { width: 131px; }
#catNav .cat2 a:hover, 
#catNav .cat2 a:focus,
#catNav .cat2 a:active,
#catNav .cat2 a.active { background-position: -155px -42px; }

#catNav .cat3 a { width: 156px; }
#catNav .cat3 a:hover, 
#catNav .cat3 a:focus,
#catNav .cat3 a:active,
#catNav .cat3 a.active { background-position: -286px -42px; }

#catNav .cat4 a { width: 158px; }
#catNav .cat4 a:hover, 
#catNav .cat4 a:focus,
#catNav .cat4 a:active,
#catNav .cat4 a.active { background-position: -442px -42px; }




.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 { h/eight: 69px; l/ine-height: 36px; c/lear: both; b/ackground: #ffffff url(/i/inlineShoppingCart.png) no-repeat 0 0; color: #ffffff; p/osition: relative; t/ext-align: right; padding: 0 0; t/ext-align: right; margin-bottom: 30px; }
#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: #EF0B0B; 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: #EF0B0B; 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 { p/osition: absolute; t/op: 0; r/ight: 0; width: 220px; z/-index: 100; t/ext-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; }

#inlineCartWrapper #inlineCartTitle { display: block; height: 31px; width: 220px; text-indent: -9999em; background: url(/i/inlineShoppingCartTitle.jpg) no-repeat  0 0; }

#inlineCart { p/osition: absolute; l/eft: -128px; *l/eft: -125px; t/op: 28px; background: #D3F2FE; b/order: 1px solid #cc0101; width: 206px; padding: 7px; color: #000000; line-height: 1.2em; text-align: center; display: none; }
#inlineCart ul { text-align: left; display: inline-block; margin: 0; }
#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: #03658C; }
#inlineCart .text { float: left; width: 12em; color: #03658C; }
#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 #noProducts { display: block; position: static; }
#inlineCart .total { text-align: left; background: #049DBF; font-weight: bold; padding: 6px 8px 4px 8px; display: inline-block; margin-bottom: 10px; color: #FFFFFF; font-family: Arial, Verdana, sans-serif; }
#inlineCart .total { display: block; }
#inlineCart .total span {float: left;}
#inlineCart .total strong { float: right; }
#inlineCartBar #inlineCart .finalizeOrder { position: static; background: url(/i/buttons.png) no-repeat -800px -300px; width: 153px; height: 22px; display: block; text-indent: -9999px; margin: 0 auto 5px auto; }


/****************************************************************************************
 * Product Navigation
 *
 * Accordion type navigation
 ****************************************************************************************/
#nav { f/loat: left; width: 176px; *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; }
#nav li { margin: 0; padding: 0; display: inline-block; width: 176px; m/in-height: 40px; _h/eight: 40px; t/ext-indent: -9999em; *margin: 0 -15px 0 -15px; margin-bottom: 13px; }
#nav li { display: block; }
#nav h5 { margin: 0; }
#nav li a { b/ackground: url(/i/navArrow.gif) no-repeat left center; background: #049DBF url(/i/nav.png) no-repeat 0 0; width: 151px; padding-left: 25px; height: 22px; padding-top: 4px; *height: 21px; *padding-top: 5px; _h/eight: auto; p/adding: 4px 19px; text-decoration: none; color: #FFF; font-size: 1.18em; b/order-bottom: 2px solid #ffffff; display: inline-block; }
#nav li a { display: block; }
#nav li.active a,
#nav li a:hover, 
#nav li a:focus,
#nav li a.active { ba/ckground: #EBF7FC url(/i/nav.png) no-repeat -300px 0; text-decoration: none; }

#nav ul { font-weight: normal; margin: 0; }
#nav ul li { background: url(/i/navArrow.jpg) no-repeat 0 7px; min-height: 0; _height: 0; width: auto; border-bottom: 1px #AFDAF3 solid; m/argin: 0 68px 0 37px; margin: 0; p/adding: 5px 0 10px 0; }
#nav ul li a, #nav li.active ul li.active a { background: none !important; b/ackground: #FFFFFF url(/i/navArrow2.gif) no-repeat left center; color: #2A5F95; border: 0; font-size: 1em; text-indent: 0; height: auto; width: auto; b/ackground: none; *m/argin: 0 15px 0 15px; padding-bottom: 4px; padding-top: 3px; }
#nav ul li a:hover, #nav li.active ul li.active a:hover { color: #FF9900; background: none !important; text-decoration: none; }

#nav ul li.active a.active { font-weight: bold; background: none !important; text-decoration: none; }

#nav ul ul a { border: 0; }
#nav ul li.active ul { *display: none; }
#nav ul li.active a { c/olor: #EF0B0B; font-weight: bold; background: none !important; }

#nav li.active ul li a { background: none !important; }

#nav ul li.sub { background: #FFFFFF; padding-left: 15px; }
#nav ul li.sub a { color: #333333; }
#nav ul li.active ul li.active a { c/olor: #EF0B0B; font-weight: bold; background: none !important; }

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

#produse #nav li a.active { font-weight: bold; }
#p/roduse #nav li.first a { background: #EBF7FC url(/i/nav.png) no-repeat -300px 0; }
#p/roduse #nav li.first ul { display: block !important; }
#home #nav li.first ul { di/splay: none !important; }

#nav ul li:last-child, #nav ul li.last-child { border: none; }

#nav .sect2 a { background-position: 0 -40px; }
#nav .sect2 a:hover, 
#nav .sect2 a:focus,
#nav .sect2 a:active,
#nav .sect2 a.active { background-position: -300px -40px; }
#nav .sect3 a { background-position: 0 -80px; }
#nav .sect3 a:hover, 
#nav .sect3 a:focus,
#nav .sect3 a:active,
#nav .sect3 a.active { background-position: -300px -80px; }
#nav .sect4 a { background-position: 0 -120px; }
#nav .sect4 a:hover, 
#nav .sect4 a:focus,
#nav .sect4 a:active,
#nav .sect4 a.active { background-position: -300px -120px; }
#nav .sect5 a { background-position: 0 -160px; }
#nav .sect5 a:hover, 
#nav .sect5 a:focus,
#nav .sect5 a:active,
#nav .sect5 a.active { background-position: -300px -160px; }
#nav .sect6 a { background-position: 0 -200px; }
#nav .sect6 a:hover, 
#nav .sect6 a:focus,
#nav .sect6 a:active,
#nav .sect6 a.active { background-position: -300px -200px; }


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


#brands { clear: both; width: 935px; background: #FFFFFF; padding: 0; margin: 0; padding: 25px 0 25px 25px; margin-right: -31px; padding-bottom: 15px; f/loat: left; w/idth: 180px; *w/idth: 196px; display: block; m/argin: 0; m/argin-left: -15px; *m/argin-left: -31px; m/argin: -15px 0 0 -15px; f/ont-weight: bold; f/ont-family: Arial, Verdana, Helvetica, sans-serif; }
#brands li { b/ackground: #CA0808 url(/i/nav.png) repeat-x 0 0; background: none; margin: 0; padding: 0; display: inline-block; float: left; margin-right: 31px; margin-bottom: 20px; }
#brands li { display: block; }
#brands a { b/ackground: url(/i/navArrow.gif) no-repeat left center; m/in-height: 16px; _h/eight: auto; p/adding: 4px 19px; t/ext-decoration: none; c/olor: #ffffff; f/ont-size: 1.18em; b/order-bottom: 2px solid #ffffff; display: inline-block; text-indent: -9999em; }
#brands a { display: block; }
#brands a:hover,
#brands a:focus { t/ext-decoration: underline; }

/*
#brands ul { font-weight: normal; margin: 0; }
#brands ul li { background: none; }
#brands ul a { b/ackground: #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; }
*/

/* Default Brand (unknown) */
#brands li a { background: url(/i/brands.png) no-repeat 0 0; }

/* Aircool */
#brands li.Aircool a { width: 94px; height: 37px; background-position: 0 0; }

/* Citizen */
#brands li.Citizen a { width: 127px; height: 33px; background-position: 0 -44px; }

/* Fujitsu */
#brands li.Fujitsu a { width: 88px; height: 44px; background-position: 0 -83px; }

/* Gree */
#brands li.Gree a { width: 112px; height: 21px; background-position: 0 -135px; }

/* Haier */
#brands li.Haier a { width: 82px; height: 23px; background-position: 0 -168px; }

/* Hitachi */
#brands li.Hitachi a { width: 107px; height: 33px; background-position: 0 -191px; }

/* LG */
#brands li.LG a { width: 84px; height: 50px; background-position: 0 -224px; }

/* Midea */
#brands li.Midea a { width: 110px; height: 48px; background-position: 0 -280px; }

/* Samsung */
#brands li.Samsung a { width: 113px; height: 38px; background-position: 0 -329px; }

/* Sero */
#brands li.Sero a { width: 91px; height: 39px; background-position: 0 -368px; }

/* Uniflair */
#brands li.Uniflair a { width: 157px; height: 23px; background-position: 0 -415px; }

/* Unique */
#brands li.Unique a { width: 182px; height: 39px; background-position: 0 -438px; }

/* Zass */
#brands li.Zass a { width: 94px; height: 51px; background-position: 0 -478px; }







#leftColumn { float: left; width: 176px; *w/idth: 196px; display: inline; padding: 0 15px 0 14px; *p/adding-top: 15px; *p/adding-bottom: 15px; p/adding-bottom: 15px; margin: 0; *margin-top: -15px; b/ackground: #EBF7FC url(/i/bgLeftColumn.png) no-repeat 0 0; min-height: 173px; _height: 173px; m/argin-left: -15px; *m/argin-left: -31px; m/argin: -15px 0 0 -15px; f/ont-weight: bold; f/ont-family: Arial, Verdana, Helvetica, sans-serif; }



#otherInfo { b/ackground-color: #F7F7F7; width: 176px; d/isplay: inline; padding: 0; margin: 0; }
#otherInfo li { margin: 0; padding: 0; display: inline-block; width: 176px; *m/argin: 0 -15px 0 -15px; margin-bottom: 13px; }
#otherInfo li { display: block; }
#otherInfo li a { display: inline-block; t/ext-indent: -9999em; width: 151px; padding-left: 25px; height: 22px; padding-top: 4px; *height: 21px; *padding-top: 5px; background: #FF9900 url(/i/nav.png) no-repeat 0 -26px; color: #FFF; font-size: 1.18em; text-decoration: none; }
#otherInfo li a { display: block; }
#otherInfo ul { font-weight: normal; margin: 0; }
#otherInfo ul li { background: url(/i/navArrow.jpg) no-repeat 0 7px; b/ackground-color: #CA0808; margin: 0; padding: 0; min-height: 0; _height: 0; width: auto; border-bottom: 1px #AFDAF3 solid; *margin: 0; }
#otherInfo ul li a { background: none; b/ackground: #F7F7F7 url(/i/navArrow2.gif) no-repeat 3px center; m/in-height: 16px; _h/eight: auto; p/adding: 4px 22px; text-decoration: none; color: #03658C; border: 0; height: auto; width: auto; font-size: 1em; padding-bottom: 4px; padding-top: 3px; }
#otherInfo ul li a:hover,
#otherInfo ul li a:focus { color: #FF9900; text-decoration: none; }
#otherInfo ul li.active a.active { font-weight: bold; background: none !important; text-decoration: none; }
#otherInfo ul li.active a { font-weight: bold; }
#otherInfo ul ul a { border: 0; }
#otherInfo ul li.active ul { *display: none; }
#otherInfo ul li:last-child, #otherInfo ul li.last-child { border: none; }



/****************************************************************************************
 * Home
 ****************************************************************************************/
#home #inner { p/adding: 0; w/idth: 600px; _h/eight: 369px; _overflow: none; }
#home #banner { height: 346px; }
#home #leftColumn { m/in-height: 290px; _h/eight: 290px; p/adding-bottom: 20px; }



/****************************************************************************************
 * Contact
 ****************************************************************************************/
#contact #content #inner { width: 931px; padding-left: 14px; float: none; m/in-height: 400px; _h/eight: 400px; _overflow: none; }


/****************************************************************************************
 * Product List
 *
 * List of products
 ****************************************************************************************/
#subcategories { f/ont-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Helvetica, Arial, sans-serif; margin: 1em 0; }
#subcategories ul { b/ackground: url(/i/description.png) repeat-x 0 0; margin: 0; p/adding: 6px 20px; }
#subcategories li { float: left; margin: 0 0 25px 30px; width: 160px; height: 160px; background: none; padding: 0; }
#subcategories li.newLine { margin: 0; clear: left; }
#subcategories a { b/order: 1px #AFDAF3 solid; width: 160px; height: 160px; overflow: hidden; background: #fff; text-align: center; position: relative; text-indent: -9999em; display: block; }
#subcategories a:hover, #subcategories a:focus { t/ext-decoration: underline; }

#subcategories li a { background: url(/i/categs.png) no-repeat 0 0; }
#subcategories li.categ3 a { background-position: 0 0; }
#subcategories li.categ4 a { background-position: 0 -160px; }
#subcategories li.categ5 a { background-position: 0 -320px; }
#subcategories li.categ6 a { background-position: 0 -480px; }
#subcategories li.categ7 a { background-position: 0 -640px; }
#subcategories li.categ8 a { background-position: 0 -800px; }
#subcategories li.categ9 a { background-position: 0 -960px; }

#subCategoryBanner { margin-bottom: 15px; }

#productList { margin: 1em 0; t/ext-align: center; clear: both; }
#productList li { z-index: 999; overflow: hidden; fl/oat: left; d/isplay: inline; m/argin: 0 0 0 30px; margin-top: 16px; w/idth: 160px; width: 100%; padding: 0 0 11px; p/adding: 10px; background: none; c/lear: left; m/in-height: 160px; _h/eight: 160px; p/osition: relative; border-bottom: 1px #CCCCCC solid; }
#productList li.newLine { margin: 0; clear: left; }
#productList .image { display: inline; overflow: hidden; float: left; width: 140px; }
#productList .image a { border: 1px #049DBF solid; padding: 4px; width: 130px; h/eight: 158px; height: auto; overflow: hidden; background: #fff; text-align: center; position: relative; }
#productList .image a:hover { border: 1px #FF9900 solid; }
#pr/oductList .image a img { width: 130px; }
#productList .image a .info { position: absolute; top: 0; right: 0; width: 70px; 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 a .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; f/loat: left; color: #03658C; background-position: -600px 0; w/idth: 84px; }
#productList a.button { float: right; width: 84px; }
#productList p { m/argin: 0 130px 0 0; c/olor: #666666; m/in-height: 128px; _h/eight: 128px; margin: 0.5em 0; }
#productList b, #productList em, #productList span  { display: block; padding: 3px 0; }
#productList b { color: #2A5F95; font-weight: normal; f/ont-size: 1.09em; p/adding-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: #3F576B; font-style: normal; f/ont-size: 1.27em; font-weight: bold; f/loat: right; t/ext-align: right !important; d/isplay: block; _p/adding-right: 10px; float: left; }
#productList small { color: #3F576B; font-weight: normal; d/isplay: block; t/ext-align: right !important; f/loat: right; margin: 3px 0; _p/adding-right: 10px; clear: left; float: left; }
#productList del { color: #3F576B; f/ont-size: 1.27em; font-weight: bold; text-decoration: line-through; }
#productList a:hover, #productList a:focus { text-decoration: underline; }

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


#productList .text { margin: 0; margin-left: 152px; p/adding: 0 0 0 15px; m/in-height: 65px; _h/eight: 65px; f/loat: left; overflow: hidden; t/ext-align: left; w/idth: 443px; c/ursor: pointer; _m/argin-right: -10px; _w/idth: 453px; }
#productList .text h2 { font-weight: bold; margin-top: 0; margin-bottom: 0.5em; }
#productList .text h2 a { display: inline; }


#filtru { float: left; width: 230px; }
#filtru fieldset label { display: none; }
#filtru fieldset select { width: 216px; h/eight: 20px; }
#pagerTop { float: right; width: 50%; }
#pagerTop.ieReset{ *float: none; *width: auto; }

/****************************************************************************************
 * Product Detail Page
 *
 * Product description, images, price etc
 ****************************************************************************************/
.single .image { float: right; width: 250px; overflow: hidden; }
.single .image div { clear: both; h/eight: 242px; }
.single .image a { border: 1px solid #72D6FC; padding: 4px; display: block; h/eight: 240px; width: 240px; overflow: hidden; background: #fff; cursor: pointer; position: relative; }
.single .image a:hover, .single .image a:focus { border-color: #FF9900; }
.single .image img { display: block; margin: 0 auto; }
.single .image a .info { position: absolute; top: 0; right: 0; width: 70px; 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; }
.single .image a .nou { background: url(/i/infoNou.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/infoNou.png',sizingMethod='crop'); }
.single .image ul, .single .image li { margin: 0; list-style: none; display: inline-block; }
.single .image ul { margin: 6px 0 0 -5px; 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: 80px; h/eight: 73px; display: inline; margin: 0 0 6px 5px; padding: 0; background: none; }
.single .image li.newLine { clear: left; }
.single .image li a { display: block; width: 74px; h/eight: 71px; border-color: #AFDAF3; padding: 2px; }
.s/ingle .image li a img { width: 74px; }
.single .text { margin-right: 255px; display: inline-block; m/argin-right: -5px; }
.single .text { display: block; }
.single .text:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.single .text.large { margin-right: 0px; }
.single h1 { l/ine-height: 1.2em; }
.single h2 { f/ont-size: 1em; margin: 1em 0 .5em 0; font-weight: bold; color: #049DBF; }
.single .title { background: #F7F7F7 url(/i/titleBorder.png) no-repeat left top; padding-left: 30px; min-height: 66px; _height: 66px; margin-bottom: 15px; }
.single #btnBack { width: 84px; background-position: -800px 0; }

#price { font-size: 13px; font-weight: bold; line-height: 1.3em; f/loat: left; width: auto; color: #3F576B; }
#price.variants { float: none; width: auto; }
#price del { c/olor: #bebecb; font-size: 11px; font-weight: normal; }
#price small { font-size: 11px; font-weight: normal; display: 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; b/ackground: #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 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: 48px; margin: 5px 0; color: #666666; font-weight: bold; font-size: 1.18em; }
#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; }

#detaliu #advColumn { display: none; _display: inline; }
#detaliu #inlineCartBar #inlineCartWrapper,
#detaliu #inlineCartBar #inlineCart,
#detaliu #inlineCartBar .finalizeOrder,
#detaliu #ads { display: none; }


/*
 * Column
 */
#column { float: right; width: 220px; display: inline; margin-left: 14px; }  
#column h3 { margin-top: 0; }
#column .box { margin-bottom: 1em; }
#column .image { text-align: center; color: #f97c00; line-height: 1.3em; }
#column .image a, #column .image span { display: block; }
#column .image img { display: block; }
#column .image a { display: block; border: 1px solid #049DBF; padding: 4px; *p/adding-bottom: 1px; } 
#column .image a:hover { border: 1px solid #FF9900; }
#column .image span { border: 1px solid #049DBF; padding: 4px; *p/adding-bottom: 1px; }
#column .image a span { border: none; padding: 0; }

#column .image p { margin: .5em; }
#column .legend { text-align: center; margin: -.5em 0 1em 0; }

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






/*
 * Account
 */
#account { padding-top: 23px; padding-right: 15px; p/adding-left: 14px; padding-bottom: 23px; float: right; width: 740px; overflow: hidden; _overflow: none; _clear: both; }
#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 table { border: 0; }
#account table td { border-width: 0 0 1px 0; }

#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; }
#account .col { width: 47.5%; _width: 49.5%; }
#account .col.last { fl/oat: right; width: 48.5%; }
#account h2 { font-size: 18px; }
#account h3 { font-size: 14px; color: #2A5F95; margin-bottom: 2px !important; font-weight: normal; }


/*
 * Contact Form
 */
#contactMessage { float: left; width: 385px; display: inline; margin-right: 20px; }
#contactDetails { float: left; width: 250px; }
#contact label { display: block; font-weight: normal; float: none; width: auto; padding: .1em 0; }
#contact label.req { font-weight: bold; }
#contact textarea { width: 385px; height: 20.0em; }
#contact .txInput { width: 19em; }
#contact select { width: 20em; }
#contact .formSubmit { margin-left: 0; }
#contact .quote { padding-left: 1.5em; }
#contact .col { width: 400px; *width: 400px; _width: 418px; }
#contact .small { width: 25%; *width: 25%; _width: 24.8%; margin-right: 3.5%; }
#contact .last { margin-right: 0; float: right; width: 220px; }
#contact .formItem { *margin-bottom: 0.5em; }

#contact #advColumn { display: none; _display: inline; }
#contact #inlineCartBar #inlineCartWrapper,
#contact #inlineCartBar #inlineCart,
#contact #inlineCartBar .finalizeOrder,
#contact #ads { display: none; }

/*
 * 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; margin-left: 5px; }
#total { font-weight: normal; }


/*
 * Newsletter
 */
#newsletter { width: 176px; margin-top: 50px; margin-bottom: 40px; }
#newsletter label { position: absolute; top: 50%; left: 13px; margin-top: -1.4em; *margin-top: -1.1em; color: #5984AE; font-size: .9166em; display: block; padding: .4em .6em; width: 161px; overflow: hidden; white-space: pre; display: none; }
#newsletter h2 { width: 176px; font-size: 12px; margin: 0 0 .5em 0; font-weight: bold; color: #03658C; }
#newsletter #txEmail { width: 161px; *width: 160px; _width: 158px; padding: .4em .6em; margin-bottom: 9px; border: 1px #049DBF solid; }
#newsletter #btnAbonare{ width: 88px; height: 18px; display: block; background: url(/i/btnAbonare.jpg) no-repeat 0 0; cursor: pointer; border: none; float: right; }


/*
 * Confirmare inscriere
 */
#confirmare #advColumn { display: none; _display: inline; }
#confirmare #inlineCartBar #inlineCartWrapper,
#confirmare #inlineCartBar #inlineCart,
#confirmare #inlineCartBar .finalizeOrder,
#confirmare #ads { display: none; }


/*
 * Dezabonare
 */
#dezabonare #advColumn { display: none; _display: inline; }
#dezabonare #inlineCartBar #inlineCartWrapper,
#dezabonare #inlineCartBar #inlineCart,
#dezabonare #inlineCartBar .finalizeOrder,
#dezabonare #ads { display: none; }



/*
 * Pager
 */
.pager { display: inline-block; font-size: 13px; font-family: Verdana, Arial, sans-serif; color: #03658C; 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: #03658C; }
.pager a, .pager span { text-decoration: none; float: left; padding: 0 .3em; display: inline; }
.pager a:hover, .pager a:focus { text-decoration: underline; }
.pager .active { font-weight: bold; color: #03658C; text-decoration: underline; }
.pager .prev, .pager .next { width: 27px; height: 19px; background: url(/i/pager.png) no-repeat 0 0; padding: 0; text-indent: -9999em; }
.pager a.prev { margin-right: .3em; }
.pager a.next { background-position: -27px 0; margin-left: .3em; margin-right: 0; }
.pager span.prev { background-position: 0 -19px; margin-right: .3em; }
.pager span.next { background-position: -27px -19px; margin-left: .3em; 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; margin-top: 10px; }
#buy legend { display: none; }
#buy input { width: 2em; text-align: center; }
#buy .button { background-position: 0 -300px; width: 180px; }
#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 #advColumn { display: none; _display: inline; }
#finalizareComanda #inlineCartBar { b/ackground-position: 0 -69px; }
#finalizareComanda #inlineCartBar h4,
#finalizareComanda #inlineCartBar .produseInCos,
#finalizareComanda #inlineCartBar #inlineCartWrapper,
#finalizareComanda #inlineCartBar .finalizeOrder,
#finalizareComanda #ads { 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: 153px; }

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

#finalizareComanda  td#quantity { width: 130px; }
#finalizareComanda  td#priceU { width: 90px; }
#finalizareComanda  td#priceT { width: 90px; }

/*
 * 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: 144px; height: 23px;  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: 94px; }


/* 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; height: 22px; }


/****************************************************************************************
 * Footer
 *
 * Copyright Information, Trafic, Netlogiq link
 ****************************************************************************************/
#footer { line-height: 2.3em; p/adding: 0 10px; text-align: right; color: #02394F; f/ont-size: .9166em; b/ackground: #FFFFFF; b/order-top: 1px #FFFFFF solid; margin-left: 2px; width: 960px; }
#footer a { text-decoration: none; color: #02394F; }
#footer a:hover, #footer a:focus { text-decoration: underline; }
#footer span { float: left; clear: left; }
#footer label { float: left; font-weight: normal; }
#footer img { m/argin: 0 -10px 0 -10px; }

#footer #links { background: #EFF8FC; min-height: 200px; _height: 200px; clear: both; padding: 20px 0; line-height: 150%; }
#footer #links ul { display: none; }
#footer #links ul { float: left; width: 960px; display: inline; margin: 0; }
#footer #links li { float: left; width: 220px; padding: 0 20px; margin: 0; text-align: left; background: url(/i/footer.gif) repeat-y 0 0; min-height: 210px; _height: 210px; }
#footer #links li a { color: #2A5F95; }
#footer #links ul ul { width: auto; float: none; display: block;  }


#footer #links li.first { background: none; width: 190px; }
#footer #links li.last { width: 170px; }

#footer #links ul li a { font-weight: bold; margin: 0 0 .5em 0; display: block; }
#footer #links ul ul { margin: 0; } 
#footer #links ul ul li { float: none; background: none; width: auto; padding: 0; min-height: 0; _height: auto; border-bottom: 1px #E3F2FB solid; padding: 5px 0; }
#footer #links ul ul li a { font-weight: normal; display: inline; }

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



/****************************************************************************************
 * Additional Links
 *
 * Styles for Additional Links related to a Detail page
 *
 * We have:
 * 1. Links
 * 2. Documents (attached)
 *
 ****************************************************************************************/
.additionalLinks { margin: 2em 0; p/adding: 0 1em; b/order-left: 4px solid #67B5E3; 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: #03658C; text-decoration: none; }
.additionalLinks a:hover, .additionalLinks a:focus { text-decoration: underline; }


/* Default Document (unknown) */
div.docs li { background: url(/i/moreInfo.gif) no-repeat left center; b/ackground: url(/i/docs.png) no-repeat 0 0; }

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

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

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

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

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

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

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

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

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

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