/****************************************************************************************
 * 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: .75em/1.4em 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: #CC0000; margin: 0 0 .5em 0; }
h1 { font-size: 2em; line-height: 1em; font-weight: normal; font-style: italic; margin: 0; }
h2 { font-size: 1.5em; line-height: 1em; font-weight: normal; font-style: italic; margin: 0; }


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


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

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


/****************************************************************************************
 * Quotes
 *
 * General Quote and Blockquote reset for better cross-browser compatibility
 ****************************************************************************************/
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.quote { padding: 1em 1em 1em 3em; display: block; background: #ffffff; border-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: #cc0000; }

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

legend { display: none; }
.txInput, textarea, select { border: 1px solid #d5d5dd; }
select { padding: .1em .2em; }
.txInput:focus, textarea:focus,
.txInput.focus, textarea.focus, select:focus { border-color: #a4a4b0; }
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; p/adding: 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; }
#autentificare .formSubmit { margin-left: 116px; }
.txInput, textarea { padding: .4em .6em; }
.description { font-size: .9166em; background: url(/i/description.png) repeat-x 0 0; line-height: 1.3em; display: block; clear: both; margin: 1em auto; width: 56%; padding: .5em 1em; }

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


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

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


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

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

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

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



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

#aspnetForm { width: 960px; margin: 0 auto; border-top: 10px solid #cc0000; position: relative; }
#content { background: #f7f7f7; padding: 14px; }
#inner { float: right; width: 680px; overflow: hidden; }
#inner.adv { width: 542px; padding-right: 13px; }

#advColumn { float: right; width: 125px; padding: 20px 0 0 0; overflow: hidden; clear: right; }


/****************************************************************************************
 * Header
 *
 * 1. Site logo
 * 2. Navigation probably
 * 3. Search 
 * etc
 ****************************************************************************************/
#header { position: relative; display: inline-block; padding-bottom: 36px; height: 189px; }
#header { display: block; }
#header a { color: #cc0000; }

/* Branding> Logo and Memo */
#branding { float: left; width: 400px; padding-bottom: 40px; }
#branding h1 { margin: 0; }
#branding h1 a { display: block; width: 284px; height: 78px; background: url(/i/sculesiechipamente.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: 525px; height: 180px; overflow: hidden; }
#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; }

/* Search */
#search { position: absolute; left: 0; bottom: 41px; z-index: 80; }
#search label { position: absolute; top: 50%; left: 0; margin-top: -1.1em; color: #cc0000; font-size: .9166em; display: block; padding: .4em .6em; width: 200px; overflow: hidden; white-space: pre; }
#ctl00_txSearch { width: 200px; padding: .2em .6em; border-color: #800000; }

/* 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: 36px; line-height: 36px; clear: both; background: #cc0000 url(/i/inlineSHoppingCart.png) no-repeat 290px 0; color: #ffffff; position: absolute; left: 0; top: 189px; width: 920px; text-align: right; padding: 0 20px; text-align: right; }
#inlineCartBar h4 { position: absolute; top: 0; left: 280px; width: 120px; text-indent: -9999em; margin: 0; text-align: left; }
#inlineCartBar a { color: #fff; }

#inlineCartBar .produseInCos { position: absolute; left: 390px; top: 0; height: 36px; line-height: 36px; }
#inlineCartBar .finalizeOrder { position: absolute; top: 0; right: 140px; display: block; height: 36px; width: 175px; text-indent: -9999em; text-align: left; }

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

#inlineCart { position: absolute; left: 0; top: 29px; background: #f1f1f8; border: 1px solid #cc0101; width: 21em; padding: 10px; color: #000000; line-height: 1.2em; text-align: center; display: none; }
#inlineCart ul { text-align: left; display: inline-block; 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: #cc0000; }
#inlineCart .text { float: left; width: 14em; }
#inlineCart .text a { font-weight: bold; text-decoration: none; display: block; }
#inlineCart .text a:hover, #inlineCart a:focus { text-decoration: underline; }
#inlineCart .cant { float: right; width: 6.5em; text-align: center; position: relative; }
#inlineCart .cant input { width: 3em; 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; left: 0; top: -1px; }

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


/****************************************************************************************
 * Product Navigation
 *
 * Accordion type navigation
 ****************************************************************************************/
#nav { f/loat: left; width: 250px; d/isplay: inline; padding: 0; margin: 0; m/argin: -14px 0 0 -14px; *m/argin-left: -28px; font-weight: bold; }
#nav li { background: url(/i/nav.png) repeat-x 0 0; margin: 0; padding: 0; display: inline-block; }
#nav li { display: block; }
#nav a { background: url(/i/navArrow.gif) no-repeat right center; padding: 4px 13px; text-decoration: none; border-bottom: 1px solid #cccccc; display: inline-block; }
#nav a { display: block; }
#nav ul .active a { font-weight: bold; }
#nav a:hover,
#nav a:focus { text-decoration: underline; }

#nav .p-active a { background: #C00; color: #fff; }

#nav ul { font-weight: normal; }
#nav ul li { background: none; }
#nav ul a { background: url(/i/navArrow2.gif) no-repeat left center; }

#nav ul ul a { border: 0; }


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

#productList { margin: 1em 0; text-align: center; }
#productList li { float: left; display: inline; margin: 0 0 0 14px; width: 125px; padding: 0 0 15px 0; background: none; overflow: hidden; }
#productList li.newLine { margin: 0; clear: left; }
#productList .image { border: 1px solid #d4d4dd; width: 123px; height: 98px; overflow: hidden; background: #fff; text-align: center; position: relative; }
#productList .image .info { position: absolute; top: 0; right: 0; width: 35px; height: 35px; background: url(/i/infoReducere.png) no-repeat 0 0; cursor: pointer; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/infoReducere.png',sizingMethod='crop'); _bottom: -1px; _right: -1px; padding: 0; }
#productList .image .nou { background: url(/i/infoNou.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/infoNou.png',sizingMethod='crop'); }
#productList a { text-decoration: none; display: block; color: #333333; }
#productList a strong, #productList a em, #productList a span  { display: block; padding: 3px 0; }
#productList a strong { color: #cc0000; font-weight: normal; }
#productList a span { padding: 4px 7px; }
#productList a em { color: #999999; font-style: normal; }
#productList a:hover, #productList a:focus { text-decoration: none; }

#productList .text { padding: 5px 0 10px 0; height: 7em; _height: 7em; overflow: hidden; }


/****************************************************************************************
 * Product Detail Page
 *
 * Product description, images, price etc
 ****************************************************************************************/
.single .image { float: left; width: 242px; overflow: hidden; }
.single .image div { clear: both; m/in-height: 240px; }
.single .image a { border: 1px solid #d4d4dd; display: block; width: 240px; overflow: hidden; background: #fff; cursor: pointer; }
.single .image a:hover, .single .image a:focus { border-color: #333333; }
.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 -10px; 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: 52px; height: 35px; display: inline; padding: 0 0 11px 11px; background: none; margin: 0; }
.single .image li a { display: block; width: 50px; height: 33px; border-color: #d4d4dd; }
.single .text { margin-left: 260px; display: inline-block; }
.single .text { display: block; }
.single .text:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

.single h2 { font-size: 1em; margin: 0 0 .5em 0; }

.gallery .galleryElement a.thickbox img.play { _behavior: url(/js/iepngfix.htc); }

#price { font-size: 1.33em; font-weight: bold; line-height: 1.3em; float: left; width: 100px; color: #cc0000; }
#price.variants { float: none; width: auto; }
#price del { color: #bebecb; }
#price small { font-size: .625em; font-weight: normal; display: block; line-height: 1.6em; padding: 0 3px; }
#price em { font-size: .75em; font-weight: normal; font-style: normal; display: block; color: #999999; }


/*
 * Column
 */
#column { float: right; width: 154px; display: inline; margin-left: 15px; } 
#column h3 { margin-top: 0; }
#column .box { margin-bottom: 1em; }
#column .image { text-align: center; color: #f97c00; font-size: line-height: 1.3em; }
#column .image a, #column .image span { display: block; }
#column .image span { border: 1px solid #cc0000; padding: 1px; }
#column .image img { display: block; }
#column .image p { margin: .5em; }
#column .legend { text-align: center; margin: .5em 0; }

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






/*
 * Account
 */
#account label { width: 14em; text-align: right; padding-top: .3em; }
#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: 94%; height: 21.3em; }
#contact .txInput { width: 16em; }
#contact select { width: 13.5em; }
#contact .formSubmit { margin-left: 0; }
#contact .quote { padding-left: 1.5em; }



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

#leftSide { width: 250px; margin: -14px 0 0 -14px; *m/argin-left: -28px; display: inline; float: left; }

/*
 * Newsletter
 */
#newsletter { width: 250px; margin-top: 10px; margin-bottom: 10px; clear: both; ma/rgin: 0 0 0 -14px; *ma/rgin-left: -28px; display: inline; float: left; background: #CC0000; min-height: 243px; _height: 243px; }
#newsletter  #headTabNewsletter{background-image:url(/i/headTabNewsletter.jpg);background-repeat:no-repeat;width:200px;height:28px;padding-left:50px;padding-top:4px;font:18px Verdana, Arial, sans-serif;color:#FFFFFF;}
#newsletter  #mainNewsletter{position:absolute;z-index: 100;background-color:#F7F7F7;width:225px;height:200px;padding-left:12px;padding-right:13px;padding-top:11px;color:#CC0000;}
#newsletter  #mainNewsletter label { position: absolute; top: 50%; left: 13px; margin-top: -1.4em; *margin-top: -1.1em; color: #cc0000; font-size: .9166em; display: block; padding: .4em .6em; width: 217px; overflow: hidden; white-space: pre; }
#newsletter  #mainNewsletter span{width:226px;display:block;margin-right:-1px;}
#newsletter  #mainNewsletter #txEmail{width:217px;h/eight:25px; padding: .4em .6em;border:1px #800000 solid;color:#CC0000;margin-bottom:9px;margin-top:13px;}
#newsletter  #mainNewsletter #btnAbonare{width:154px;height:22px;display:block;background:url(/i/buttons.png) no-repeat 0 0;cursor:pointer;padding:0px;border:none;margin-left: 35px;}

/*
 * 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: #cc0000; }
.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; height:198px; border: 1px solid #ccc;  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: 154px; float: right; }
#buy legend { display: none; }
#buy input { width: 3em; text-align: center; }
#buy .button { background-position: 0 -300px; }
#buy .button.zero { background-position: 0 -337px; }
#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; }
#buy.variants a.button.zero { background-position: -200px -330px; }

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

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

.minim { text-align: center; font-size: 18px; color: #CC0000; }
.minim * { display: inline; }
.minim h3 { font-size: 1.5em !important; color: #CC0000 !important; }

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

#shoppingCart { margin-top: 25px; }

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

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


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


#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 { padding-top: 8px; text-align: right; color: #999999; font-size: .9166em; }
#footer a { text-decoration: none; color: #999999; }
#footer a:hover, #footer a:focus { text-decoration: underline; }

#trafic { float: left; }

.galleryElement { width: 240px; display: inline; margin: 5px 0px 10px 25px; font-style: normal; text-align: left; overflow: hidden; float: left; }	
.galleryElement.newLine { margin-left: 0; clear: left; }
.galleryElement p {	margin: 5px 0px 0px 0px; font-size: 9px; font-family: Verdana, Arial; color: #0063DB; }
.galleryElement span { border: 1px #F4F4F1  solid; padding: 20px 8px; width: 238px !important; overflow: hidden; display: block; background-color: #F4F4F1;  }
.galleryElement a { font-size: 1px; b/order: 1px #F4F4F1  solid; padding: 0px; width: 238px !important; overflow: hidden; d/isplay: block; background-color: #F4F4F1;  }
.galleryElement a:hover { b/order: 1px #CB6500 solid; b/ackground: #386DB8; }
.galleryElement a span { border: none; padding: 0; cursor: pointer; }
.galleryElement img { w/idth: 114px; display: block; margin: 0px auto;  _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/play.png',sizingMethod='crop') }
.gallery { margin: 10px 0 20px 0; overflow: hidden; }
.gallery p {	margin: 5px 0px 0px 0px; font-size: 12px; font-family: Verdana, Arial; color: #333333; }

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


#listaFlex #leftSide { display: none; }
#listaFlex #inner { width: 932px; }




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

/*
 * Finalizare comanda
 */
#finalizareComanda #inlineCartBar { background-position: 0 -54px; }
#finalizareComanda #inlineCartBar h4,
#finalizareComanda #inlineCartBar .produseInCos,
#finalizareComanda #inlineCartBar #inlineCartWrapper,
#finalizareComanda #inlineCartBar .finalizeOrder,
#finalizareComanda #inlineCart #noProducts,
#finalizareComanda #inlineCart #buyButtons,
#finalizareComanda #inlineCart .hideBorder,
#finalizareComanda .noProductsInShoppingCart,
#finalizareComanda #leftSide, #finalizareComanda #nav, #finalizareComanda .banner, #finalizareComanda #brand { display: none; }
#finalizareComanda #total { font-size: 1.5em; margin: .5em 0; }
#finalizareComanda #inlineCart { display: inline-block; }
#finalizareComanda #inlineCart { display: block; }
#finalizareComanda #inlineCart:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

#finalizareComanda #inlineCartBar #inlineCartWrapper #showInlineCart { cursor: default; }
#finalizareComanda #inlineCartBar #inlineCartWrapper #inlineCart { display: none !important; }

#finalizareComanda #content { w/idth: 918px; p/adding-left: 30px; p/adding-top: 38px; }
#finalizareComanda #btnLansareComanda { background: url(/i/btnTrimiteComanda.jpg) no-repeat 0 0; width: 170px; height: 48px; float: left; margin-top: 20px; }
#finalizareComanda #content .col { width: 460px; margin: 0; }
#finalizareComanda #content .last { float: right; width: 407px; }
#finalizareComanda #shoppingCart { margin: 0; clear: left; }
#finalizareComanda #shoppingCart #inlineCart { border: none; background: none; width: 408px; position: static; padding: 0; color: #333333; font-family: Arial, Verdana, sans-serif; }
#finalizareComanda #shoppingCart #inlineCart ul li { margin: 0; padding: 6px 0; border-bottom: 1px solid #ccc; }
#finalizareComanda #shoppingCart #inlineCart ul li a { color: #333333; font-size: 10px; }
#finalizareComanda #shoppingCart #inlineCart ul li .text { width: 286px; }
#finalizareComanda #shoppingCart #inlineCart ul li .text a { font-size: 14px; }
#finalizareComanda #shoppingCart #inlineCart ul li .cant { top: 0px; }
#finalizareComanda #shoppingCart #inlineCart ul li .cant .minus, #finalizareComanda #shoppingCart #inlineCart ul li .cant .plus { background-image: url(/i/cartOptions.png); }
#finalizareComanda #shoppingCart #inlineCart .total { background: none; border: none; font-size: 16px; color: #333333; padding: 5px 5px 5px 0; margin: 0; font-family: Arial, Verdana, sans-serif; line-height: 140%; }
#finalizareComanda #shoppingCart #inlineCart .total label { width: 135px; float: right; text-align: right; font-weight: normal; padding: 0; }
#finalizareComanda #shoppingCart #inlineCart .total div { float: right; text-align: right; }
#finalizareComanda #shoppingCart #inlineCart .total span { color: #CC0000; display: inline; }
#finalizareComanda #shoppingCart #inlineCart .total span.totaltva { border-top: 1px #60686C solid; }
#finalizareComanda #shoppingCart #inlineCart .total label span.totaltva { font-weight: bold; color: #3DC23D; }
#finalizareComanda #shoppingCart #inlineCart .total label span { font-size: 14px; padding-right: 15px; }
#finalizareComanda #shoppingCart #shoppingCartTitle { }
#finalizareComanda #shoppingCart #shoppingCartTableHead { border-bottom: 1px solid #CC0000; padding-bottom: 5px; }
#finalizareComanda #shoppingCart #shoppingCartTableHead span { float: right; *float: none; *margin-left: 324px; }
#finalizareComanda #content #login { clear: left; }
#finalizareComanda #content #login #loginInner { }
#finalizareComanda #content #login #loginInner #autentificare { }
#finalizareComanda #content #login #loginInner #autentificare .ckFormItem label { }
#finalizareComanda #content #login #loginInner #autentificare .ckFormItem input { *float: left; width: auto; float: none; }
#finalizareComanda #content #login #loginInner #autentificare .formItem label { color: #333; width: auto; float: none; }
#finalizareComanda #content #login #loginInner #autentificare #ctl00_cpBody_dvAutentif .formItem { margin-bottom: 7px; *margin-bottom: 6px; _margin-bottom: 5px; }
#finalizareComanda #content #login #loginInner #autentificare #ctl00_cpBody_dvAutentif .formItem label { }
#finalizareComanda #content #login #loginInner #autentificare #ctl00_cpBody_dvAutentif .formItem input { }
#finalizareComanda #content #login #loginInner #autentificare #ctl00_cpBody_dvAutentif .formSubmit { margin-left: 0; padding-top: 2px; }
#finalizareComanda #content #login #loginInner #autentificare #ctl00_cpBody_dvAutentif .formSubmit a.forgotPassword { color: #666666; font-size: 11px; float: left; }
#finalizareComanda #content #login #loginInner #autentificare #ctl00_cpBody_dvAutentif .formSubmit #btnAutentifica { background: url(/i/btnAutentificare.jpg) no-repeat 0 0; width: 142px; height: 33px; float: right; }
#finalizareComanda #content #login #loginInner #autentificare #ctl00_cpBody_dvWrong, #finalizareComanda #content #login #loginInner #autentificare #ctl00_cpBody_dvInactive { color: #FFFFFF; clear: both; }
#finalizareComanda #content #phoneInfo { border: 1px #C5C5C5 solid; background: #E4E4E4; }
#finalizareComanda #content #phoneInfo h2 { font-size: 16px; line-height: 140%; color: #333333; text-align: center; width: 487px; height: 53px; padding-top: 12px; }
#finalizareComanda #content #phoneInfo span.label { background: #FFFFFF; display: block; border-top: 1px #C5C5C5 solid; height: 56px; text-align: center; line-height: 56px; font-size: 29px; color: #686868; width: 487px; overflow: hidden; }
#finalizareComanda #buyButtons { display: none !important; }

#finalizareComanda #content .finalizBox {}
#finalizareComanda #content .finalizBox .finalizBoxInner {}
#finalizareComanda #content .finalizBox .finalizBoxInner fieldset { padding-bottom: 27px; clear: left; }
#finalizareComanda #content .finalizBox .finalizBoxInner fieldset.finalizBoxToggle { padding-bottom: 0; clear: left; }
#finalizareComanda #content .finalizBox .finalizBoxInner fieldset #ctl00_cpBody_dvIsCompany,
#finalizareComanda #content .finalizBox .finalizBoxInner fieldset #ctl00_cpBody_dvCreateAccount { }
#finalizareComanda #content .finalizBox .finalizBoxInner h2 { }
#finalizareComanda #content .finalizBox .finalizBoxInner h3 { color: #586369; font-size: 15px; font-weight: bold; margin-top: 20px; padding-bottom: 5px; }
#finalizareComanda #content .finalizBox .finalizBoxInner .ckFormItem label { }
#finalizareComanda #content .finalizBox .finalizBoxInner .ckFormItem input { float: left; margin-right: 5px; margin-top: 2px; float: none; width: auto; }
#finalizareComanda #content .finalizBox .finalizBoxInner .finalizBoxToggle .ckFormItem { width: 100%; margin: 10px 0; }
#finalizareComanda #content .finalizBox .finalizBoxInner .finalizBoxToggle .ckFormItem label { float: none; }

#finalizareComanda #content .finalizBox .finalizBoxInner #finalizCreateAccount .description { width: auto; margin-left: 85px; padding-top: 5px; margin: 0;  }
#finalizareComanda #content .finalizBox .finalizBoxInner #finalizCreateAccount p { font-size: 11px; margin: 0; margin-top: -5px; margin-bottom: 15px; }

#finalizareComanda #content #finalizComments { margin-top: 20px; }
#finalizareComanda #content #finalizComments textarea { padding: 5px; background: #F7FAFD; width: 397px; height: 92px; border: 1px solid #CCCCCC; }
#finalizareComanda #content #finalizComments textarea:hover, #finalizareComanda #content #finalizComments textarea:focus { border: 1px solid #CC0000; }
#finalizareComanda #content #finalizComments p { font-size: 11px; margin: 0; margin-top: -5px; margin-bottom: 10px; font-family: Arial, Verdana, sans-serif; }
#finalizareComanda #content #finalizComments .formItem label { d/isplay: none; }
#finalizareComanda #content #finalizComments .ckFormItem label { }
#finalizareComanda #content #finalizComments .ckFormItem input { }

#finalizareComanda #firstColumn { float: left; width: 210px; margin-right: 10px; }

#finalizareComanda #secondColumn { float: left; width: 281px; margin-right: 10px; }
#finalizareComanda #secondColumn #autentificare .formItem { float: left; width: 100%; }
#finalizareComanda #secondColumn #companyToggler.formItem { float: left; width: 100%; clear: left; }
#finalizareComanda #secondColumn #companyToggler.formItem input{ float: left; width: auto; }
#finalizareComanda #secondColumn #finalizCreateAccount.formItem { float: left; width: 100%; }
#finalizareComanda #secondColumn .formItem { float: left; width: 137px; clear: none; }
#finalizareComanda #secondColumn #ctl00_cpBody_dvIsCompany .formItem { float: left; width: 100%; clear: none; }
#finalizareComanda #secondColumn #ctl00_cpBody_dvIsCompany .formItem input { width: 269px; }
#finalizareComanda #secondColumn #ctl00_cpBody_dvIsCompany .formItem textarea { width: 269px; }
#finalizareComanda #secondColumn p { clear: left; margin: 0; margin-top: 4px; font-size: 11px; font-style: italic; }
#finalizareComanda #secondColumn .formItem label { float: left; width: auto; }
#finalizareComanda #secondColumn .formItem select { float: left; width: 136px; padding: 5px; background: #F7FAFD; border-color: #CCCCCC; height: 25px; margin: 0; }
#finalizareComanda #secondColumn .formItem textarea { float: left; width: 127px; padding: 5px; background: #F7FAFD; border-color: #CCCCCC; height: 15px; }
#finalizareComanda #secondColumn .formItem input { float: left; width: 127px; padding: 5px; background: #F7FAFD; border-color: #CCCCCC; }
#finalizareComanda #secondColumn .formItem textarea:hover, #finalizareComanda #secondColumn .formItem textarea:focus { border-color: #CC0000; }
#finalizareComanda #secondColumn .formItem input:hover, #finalizareComanda #secondColumn .formItem input:focus { border-color: #CC0000; }
#finalizareComanda .formCk label { width: auto; float: none; }

#finalizareComanda #ctl00_cpBody_dvAutentif .formItem { width: 137px !important; }

#finalizareComanda .last { float: left; width: 450px; }

#finalizareComanda .description { width: 200px; margin: 0; padding: 5px; background: #eee; margin-top: 4px; display: none; float: left; }
#finalizareComanda .number { display: inline; float: left; }
#finalizareComanda span.number { width: 20px; height: 25px; background: url(/i/bgNo.gif) no-repeat 0 0; padding: 5px 0 0 10px; margin-right: 8px; margin-bottom: 10px; }
#finalizareComanda h2.number { margin-top: 4px; }
#finalizareComanda #firstColumn h2 { width: 170px; }