X-Cart:Skin1/main.css

As stated in X-Cart:Code the Skin1/main.css file is one of the more important files within the X-Cart storefront design. We are going to drill down in the file and explain some of the parts of the files and how to make adjustments.

/*
general tags styles
*/

/*
service styles
*/

/* float-box finisher */ .clearing { height: 0px; font-size: 0px; clear: both; }

/* vertical align (center) */ .valign-middle { vertical-align: middle; height: 100%; } .valign-middle-adv-lvl1 { height: 100%; display: table; } .valign-middle-adv-lvl2 { display: table-cell; vertical-align: middle; } .valign-middle-adv-lvl3 { }

/* horizontal align */ .halign-center-noscript, .halign-center { display: table; margin: 0px auto; text-align: center; } .center { text-align: center; } .right-box { width: 100%; text-align: right; }

/* text block container */ .text-block { margin-bottom: 15px; } .text-pre-block { margin-top: 15px; }

/* no-wrap */ .nowrap { white-space: nowrap; }

/* width:100% emulator */ table.width-100 { width: 100%; }

/* page break */ .page-break { height: 0px; line-height: 0px; margin: 0px; padding: 0px; page-break-after: always; }

/* pointer cursor */ .pointer { cursor: pointer; }

/* overflow wrapper */ .overflow { position: relative; margin-right: 20px; padding-bottom: 20px; overflow: auto; }

label { vertical-align: bottom; line-height: 15px; } label input { margin: 0px; vertical-align: bottom; } label.input-block { vertical-align: middle; line-height: 21px; } label.input-block input, label.input-block select { vertical-align: middle; } label.input-row, .input-row label { float: left; padding-right: 20px; } label.plain-box { display: block; padding-bottom: 15px; } label.plain-box .label-title { display: block; } input.default-value { color: #aaaaaa; }

a.underline:link, a.underline:visited, a.underline:hover, a.underline:active { text-decoration: underline; } </source>

/*
common styles
*/
.error-message {
color: #b51a00;
font-weight: bold;
}
div.error-message {
margin: 0px 0px 15px 0px;
}
.form-text {
color: #112536;
font-weight: bold;
}
.black-text {
color: #000000;
}
a.list-item:link,
.list-item a:link
{
color: #043fa0;
text-decoration: none;
}
a.list-item:visited,
.list-item a:visited
{
color: #043fa0;
text-decoration: none;
}
a.list-item:hover,
.list-item a:hover
{
color: #2863c2;
text-decoration: underline;
}
a.list-item:active,
.list-item a:active
{
color: #043fa0;
text-decoration: none;
}
tr.head-row th
{
background: #cccccc none;
font-weight: bold;
}
tr.highlight td,
tr.highlight th
{
background: #eeeeee none;
}
tr.center-row th {
text-align: center;
}

/* Currency */
.currency {
white-space: nowrap;
}

/*==============================================================================

layout styles

==============================================================================*/


#page-container

#content-container

#content-container2

#center

#left-bar

#right-bar

#center-main

#header

#footer


/*
header styles
*/
#header .line1

#header .line1 .logo

#header .line1 .logo a img

/* header tabs */

/* phones line */
#header .phones
#header .phones span

/* header line 2 */
#header .line2

/* header line 3 */

#header .line3

/*
footer styles
*/
#footer .box
#footer .subbox

/*==============================================================================

widgets

==============================================================================*/

/*
location bar
*/
#location {
height: 25px;
line-height: 15px;
margin-bottom: 10px;
font-size: 11px;
color: #818891;
}
font.bread-crumb {
font-size: 11px;
color: #818891;
}
a.bread-crumb:link {
font-size: 11px;
color: #818891;
text-decoration: underline;
}
a.bread-crumb:visited {
font-size: 11px;
color: #818891;
text-decoration: underline;
}
a.bread-crumb:hover {
font-size: 11px;
color: #818891;
text-decoration: none;
}
a.bread-crumb:active {
font-size: 11px;
color: #818891;
text-decoration: underline;
}
font.last-bread-crumb {
text-decoration: none;
}
#location span {
padding: 0px 5px 0px 5px;
}

/*
dialog message container
*/
#dialog-message {
padding: 15px 0px 20px 0px;
width: 100%;
}
#dialog-message .box {
position: relative;
margin-left: 8%;
margin-right: 8%;
border: 1px solid black;
border-top: 3px solid black;
padding: 10px 25px 10px 59px;
vertical-align: middle;
text-align: left;
min-height: 32px;
}
#dialog-message a.close-link:link,
#dialog-message a.close-link:visited,
#dialog-message a.close-link:hover,
#dialog-message a.close-link:active
{
display: block;
position: absolute;
top: 5px;
right: 5px;
width: 13px;
height: 13px;
text-decoration: none;
}
#dialog-message .close-img {
width: 13px;
height: 13px;
background: transparent url(images/but_cross.gif) no-repeat left top;
}
#dialog-message .message-I {
color: #112536;
border-color: #7a97c1;
background: #f4f5f7 url(images/icon_info.gif) no-repeat 10px 10px;
}
#dialog-message .message-W {
color: #3e3104;
border-color: #c3902f;
background: #f8f7f3 url(images/icon_warning.gif) no-repeat 10px 10px;
}
#dialog-message .message-E {
color: #590a0a;
border-color: #d30000;
background: #f7f3f3 url(images/icon_error.gif) no-repeat 10px 10px;
}
#dialog-message .anchor {
position: relative;
margin-left: auto;
margin-right: 0px;
height: 15px;
text-align: right;
vertical-align: middle;
}
#dialog-message .anchor img {
width: 12px;
height: 10px;
vertical-align: middle;
background: transparent url(images/goto_arr.gif) no-repeat left top;
}
.dialogtr {
color: #1a2b3c;
}

/* inline message */
.inline-message {
height: 16px;
line-height: 16px;
vertical-align: middle;
padding: 1px 1px 15px 1px;
margin: 0px;
}
.inline-message img.icon-w {
vertical-align: top;
width: 18px;
height: 18px;
background: transparent url(images/icon_warning_small.gif) no-repeat;
}

.cart-message {
padding: 5px 5px 5px 35px;
text-align: left;
min-height: 20px;
color: #4f6280;
font-size: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.cart-message-W {
background: #efefef 5px 5px url(images/icon_warning_info.gif) no-repeat;
}
.cart-message-W {
background: #efefef 5px 5px url(images/icon_warning_small.gif) no-repeat;
}
.cart-message-E {
background: #efefef 5px 5px url(images/icon_warning_error.gif) no-repeat;
}
.cart-message div.close-link {
float: right;
width: 25px;
height: 13px;
text-align: right;
cursor: pointer;
background: transparent url(images/but_cross.gif) no-repeat right top;
}

/*
side bar container
*/
.menu-dialog {
border: 1px solid #5f94c0;
margin-bottom: 15px;
}
.menu-dialog .title-bar {
width: 100%;
background: #9ec6de url(images/menu_bg.gif) repeat-x left top;
border: 0px none;
border-bottom: #215485 1px solid;
height: 27px;
overflow: hidden;
}
.menu-dialog .title-bar img.icon {
vertical-align: middle;
margin: 4px 7px 6px 7px;
width: 17px;
height: 17px;
}
.menu-dialog .title-bar h2 {
font-size: 12px;
color: #ffffff;
font-weight: bold;
line-height: 27px;
height: 27px;
margin: 0px;
padding: 0px;
width: auto;
display: inline;
white-space: nowrap;
}
.menu-dialog .link-title span.title-link {
float: right;
padding: 8px 7px 8px 0px;
}
.menu-dialog .link-title a.title-link:link,
.menu-dialog .link-title a.title-link:visited,
.menu-dialog .link-title a.title-link:hover,
.menu-dialog .link-title a.title-link:active
{
text-decoration: none;
outline-style: none;
}
.menu-dialog .link-title .title-link img {
width: 7px;
height: 11px;
background: transparent url(images/menu_arrow.gif) no-repeat left center;
}

.menu-dialog .content {
border: 0px;
background-color: #ffffff;
padding: 8px 10px 20px 10px;
overflow: hidden;
}
.menu-dialog .content a:link,
.menu-dialog .content a:visited,
.menu-dialog .content a:link
{
color: #324c76;
}
.menu-dialog .content a:hover {
color: #2863c2;
}

.menu-dialog ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px;
}
.menu-dialog ul li {
padding: 0px 0px 0px 0px;
vertical-align: middle;
}
.menu-dialog .item {
color: #112536;
font-size: 10px;
}
.menu-dialog ul li a:link {
font-size: 11px;
text-decoration: none;
}
.menu-dialog ul li a:visited {
font-size: 11px;
text-decoration: none;
}
.menu-dialog ul li a:hover {
font-size: 11px;
text-decoration: underline;
}
.menu-dialog ul li a:active  {
font-size: 11px;
text-decoration: none;
}
.menu-dialog hr {
background-color: #999999;
}
.menu-dialog .login-text ul li {
padding: 1px 0px;
}

/*
dialog container
*/
.dialog {
border: 1px solid #acb7c7;
padding: 0px;
margin: 0px 0px 30px 0px;
page-break-inside: avoid;
}
.dialog .title {
position: relative;
color: #253161;
font-weight: bold;
font-size: 13px;
background: transparent url(images/dialog_bg.gif) repeat-x top left;
border: 0px none;
vertical-align: middle;
height: 30px;
line-height: 30px;
margin: 0px;
padding: 0px 0px 0px 18px;
text-align: left;
border-bottom: 1px solid #acb7c7;
overflow: hidden;
}
.dialog .title h2 {
margin: 0px;
padding: 0px;
font-size: 13px;
overflow: hidden;
white-space: nowrap;
}
.dialog .content {
border: 0px none;
background: transparent none;
text-align: left;
padding: 10px 10px 25px 10px;
color: #58595b;
}

.list-dialog .title h2 {
width: 60%;
}
.list-dialog .title div.sort-box {
height: 30px;
position: absolute;
top: 0px;
right: 0px;
width: 40%;
overflow: hidden;
}
.list-dialog .title div.sort-box .search-sort-bar {
padding: 0px;
margin: 7px 0px;
}
.list-dialog .title div.sort-box .search-sort-title,
.list-dialog .title div.sort-box .search-sort-cell
{
padding-right: 10px;
}

.noborder {
border: 0px none;
}
.noborder .title {
background: transparent none;
display: none;
}
.noborder .content {
padding: 0px;
}

/*
buttons
*/

/* button-based */
button.button {
border: 0px none;
background-color: transparent;
cursor: pointer;
height: 23px;
margin: 0px;
padding: 1px;
vertical-align: top;
overflow: visible;
outline-style: none;
}
button.button .button-right {
display: block;
background: transparent url(images/but_right.png) no-repeat right top;
padding: 0px 10px 0px 0px;
height: 22px;
}
button.button .button-left {
display: block;
margin: 0px;
background: transparent url(images/but_left.png) no-repeat left top;
padding: 0px 5px 0px 15px;
vertical-align: middle;
white-space: nowrap;
font-family: verdana, arial, helvetica, sans-serif;
color: #111d4d;
font-weight: bold;
font-size: 11px;
height: 22px;
line-height: 21px;
}

/* div-based */
div.button {
border: 0px none;
background: transparent none;
cursor: pointer;
margin: 0px;
padding: 0px 10px 0px 0px;
white-space: nowrap;
background: transparent url(images/but_right.png) no-repeat right top;
float: left;
}
div.button div,
div.button a:link,
div.button a:visited,
div.button a:hover,
div.button a:active
{
display: block;
background: transparent url(images/but_left.png) no-repeat left top;
padding: 0px 5px 0px 15px;
line-height: 21px;
white-space: nowrap;
font-family: verdana, arial, helvetica, sans-serif;
color: #111d4d;
font-weight: bold;
font-size: 11px;
text-decoration: none;
outline-style: none;
}

/* button-based link */
button.simple-button {
border: 0px none;
background-color: transparent;
cursor: pointer;
height: 15px;
margin: 3px 0px 0px 0px;
padding: 0px;
white-space: nowrap;
color: #043fa0;
font-size: 11px;
font-weight: bold;
line-height: 15px;
vertical-align: middle;
outline-style: none;
}
button.simple-button span {
text-decoration: underline;
}
button.simple-button img {
display: none;
}

/* a-based link */
a.simple-button:link,
a.simple-button:visited,
a.simple-button:hover,
a.simple-button:active
{
font-size: 11px;
white-space: nowrap;
color: #043fa0;
font-weight: bold;
margin: 0px;
padding: 0px;
line-height: 21px;
vertical-align: bottom;
text-decoration: underline;
outline-style: none;
}
a.simple-button:hover {
color: #2863c2;
}
/* input-image-based */
input.image-button {
margin: 0px;
padding: 0px;
margin-bottom: 2px;
border: 0px none;
width: 19px;
height: 18px;
background: transparent url(images/go.gif) no-repeat left top;
vertical-align: middle;
}

/* a-image-based */
a.image-button:link,
a.image-button:visited,
a.image-button:hover,
a.image-button:active
{
text-decoration: none;
}
a.image-button:link img,
a.image-button:visited img,
a.image-button:hover img,
a.image-button:active img
{
margin: 0px;
padding: 0px;
margin-bottom: 2px;
border: 0px none;
width: 19px;
height: 18px;
background: transparent url(images/go.gif) no-repeat left top;
vertical-align: middle;
}

/*
Buttons alternative styles
*/

/* highlighted button */

button.main-button .button-right {
background: transparent url(images/but_main_right.png) no-repeat right top;
}
button.main-button .button-left {
background: transparent url(images/but_main_left.png) no-repeat left top;
color: #510000;
}

div.main-button {
background: transparent url(images/but_main_right.png) no-repeat right top;
}
div.main-button div,
div.main-button a:link,
div.main-button a:visited,
div.main-button a:hover,
div.main-button a:active
{
background: transparent url(images/but_main_left.png) no-repeat left top;
color: #510000;
}

button.simple-main-button,
a.simple-main-button:link,
a.simple-main-button:visited,
a.simple-main-button:hover,
a.simple-main-button:active
{
color: #880000;
}

/* Light button */
button.light-button {
padding-right: 10px;
}
button.light-button .button-right {
background: transparent url(images/but_light_right.gif) no-repeat right top;
padding: 0px 2px 0px 0px;
}
button.light-button .button-left {
background: transparent url(images/but_light_left.gif) no-repeat left top;
padding: 0px 10px 0px 15px;
color: #365f8f;
font-size: 11px;
}

div.light-button {
padding: 0px 5px 0px 0px;
background: transparent url(images/but_light_right.gif) no-repeat right top;
}
div.light-button div,
div.light-button a:link,
div.light-button a:visited,
div.light-button a:hover,
div.light-button a:active
{
background: transparent url(images/but_light_left.gif) no-repeat left top;
padding: 0px 5px 0px 11px;
color: #365f8f;
font-size: 11px;
}

/* Delete cart item button */
a.simple-delete-button:link,
a.simple-delete-button:visited,
a.simple-delete-button:hover,
a.simple-delete-button:active
{
color: #880000;
background: transparent url(images/delete_cross.gif) no-repeat left 7px;
padding-left: 13px;
}

/* Delete button w/o icon */
a.simple-delete-button-woicon:link,
a.simple-delete-button-woicon:visited,
a.simple-delete-button-woicon:hover,
a.simple-delete-button-woicon:active
{
color: #880000;
}

/* Add to list... button */
div.drop-out-button {
padding: 0px 23px 0px 0px;
background: transparent url(images/but_right_dropout.png) no-repeat right top;
}
div.drop-out-button div,
div.drop-out-button a:link,
div.drop-out-button a:visited,
div.drop-out-button a:hover,
div.drop-out-button a:active
{
background: transparent url(images/but_left.png) no-repeat left top;
padding-right: 10px;
}
div.dropout-container {
position: absolute;
padding: 0px;
margin: 0px;
border: 0px none;
}
div.dropout-wrapper {
float: left;
position: relative;
z-index: 1;
margin: 0px;
}
div.dropout-box {
border: solid 1px #adb6c6;
background-color: #ffffff;
padding: 5px 0;
margin-top: 26px;
position: absolute;
display: none;
}
div.dropout-wrapper ul {
margin:0;
padding:0;
}
div.dropout-wrapper ul li {
list-style-position: outside;
list-style-type: none;
padding: 5px 15px;
float: left;
}
div.dropout-wrapper ul li .button {
float: left;
position: relative;
}
div.dropout-wrapper .button {
float: none;
position: absolute;
margin-right: 0px;
}

/* Menu button */
button.menu-button {
height: 22px;
}
button.menu-button .button-right {
background: transparent url(images/but_menu_right.png) no-repeat right top;
padding-right: 7px;
height: 20px;
}
button.menu-button .button-left {
background: transparent url(images/but_menu_left.png) no-repeat left top;
height: 20px;
padding: 0px 1px 0px 8px;
color: #deedf7;
font-size: 10px;
height: 21px;
line-height: 20px;
}

div.menu-button {
background: transparent url(images/but_menu_right.png) no-repeat right top;
padding-right: 7px;
}
div.menu-button div,
div.menu-button a:link,
div.menu-button a:visited,
div.menu-button a:hover,
div.menu-button a:active
{
background: transparent url(images/but_menu_left.png) no-repeat left top;
padding: 0px 1px 0px 8px;
line-height: 20px;
color: #deedf7 !important;
font-size: 10px;
}

/* Add2Cart AJAX-based */
button.do-add2cart-wait,
button.do-add2cart-success,
button.do-add2cart-error
{
cursor: default;
}
button.do-add2cart-wait .button-right,
button.do-add2cart-success .button-right,
button.do-add2cart-error .button-right
{
background: transparent url(images/but_light_right.gif) no-repeat right top;
padding: 0px 5px 0px 0px;
}
button.do-add2cart-wait .button-left,
button.do-add2cart-success .button-left,
button.do-add2cart-error .button-left
{
background: transparent url(images/but_light_left.gif) no-repeat left top;
padding: 0px 10px 0px 15px;
color: #365f8f;
font-size: 11px;
}
button.do-add2cart-wait .button-left .progress {
display: block;
background: transparent url(images/progress.gif) repeat-x left 5px;
}

/*
button(s) containers
*/
.button-row,
.button-row-right
{
margin-top: 20px;
padding: 0px;
height: 23px;
line-height: 23px;
}
.buttons-row .button,
.buttons-row button.simple-button,
.buttons-row a.simple-button
{
float: left;
}
.buttons-row-right .button,
.buttons-row-right button.simple-button,
.buttons-row-right a.simple-button,
.button-row-right .button,
.button-row-right button.simple-button,
.button-row-right a.simple-button
{
float: right;
}
.buttons-row-right-box {
float: right;
}

.buttons-row-right,
.buttons-row
{
margin: 5px 0px 0px 0px;
height: 23px;
}
.buttons-row .button-separator {
float: left;
width: 20px;
height: 22px;
}
.buttons-row-right .button-separator {
float: right;
width: 30px;
height: 15px;
}
table tr td.buttons-row,
table tr td.button-row,
table tr td.buttons-row-right,
table tr td.button-row-right
{
margin: 0px;
padding-top: 15px;
}
.buttons-auto-separator .button,
.buttons-auto-separator button.simple-button,
.buttons-auto-separator a.simple-button
{
margin-right: 20px;
}
.button-up {
position: relative;
margin-top: -23px;
width: 30%;
}

/*
popup help link
*/
a.popup-link:link,
a.popup-link:visited,
a.popup-link:hover,
a.popup-link:active
{
text-decoration: none;
}
a.popup-link:link img,
a.popup-link:visited img,
a.popup-link:hover img,
a.popup-link:active img
{
vertical-align: bottom;
width: 20px;
height: 18px;
background: transparent url(images/question_button.gif) no-repeat left top;
margin-bottom: 1px;
}

/*
Popup window
*/
.popup-modal-bg {
background: transparent url(images/grey.png) repeat left top;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 1000;
}
.popup-window {
position: absolute;
background: white none;
overflow: hidden;
padding: 0px;
margin: 0px;
z-index: 1100;
}
.popup-window .popup-bg-iframe {
position: absolute;
width: 100%;
height: 100%;
border: 0px none;
background: white none;
margin: 0px;
padding: 0px;
z-index: 1150;
}
.popup-window .popup-title {
position: absolute;
top: 2px;
left: 2px;
right: 2px;
height: 22px;
background: transparent url(images/popup_header_bg.gif) repeat-x left top;
vertical-align: middle;
z-index: 1200;
}
.popup-window .popup-title span {
color: #ffffff;
font-size: 10px;
line-height: 22px;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
padding: 0px 0px 0px 20px;
}

.popup-window .popup-title a:link,
.popup-window .popup-title a:visited,
.popup-window .popup-title a:hover,
.popup-window .popup-title a:active
{
display: block;
position: absolute;
top: 3px;
right: 5px;
outline-style: none;
text-decoration: none;
width: 16px;
height: 16px;
}
.popup-window .popup-title img {
width: 16px;
height: 16px;
background: transparent url(images/popup_header_cross.gif) no-repeat left top;
}
.popup-window .popup-content {
position: absolute;
top: 24px;
left: 2px;
right: 2px;
bottom: 20px;
overflow: auto;
margin: 0px;
padding: 0px;
z-index: 1200;
}
.popup-window .popup-frame {
padding: 20px;
margin: 0px;
}
.popup-window .popup-footer {
position: absolute;
bottom: 2px;
left: 2px;
right: 2px;
background: #f3f5f7 none;
height: 18px;
text-align: right;
z-index: 1200;
}
.popup-window .popup-footer div {
position: absolute;
width: 18px;
height: 18px;
top: 0px;
right: 0px;
background: transparent url(images/popup_bottom_arrow.gif) no-repeat 9px 9px;
cursor: se-resize;
}
.popup-dnd-border {
position: absolute;
border: 1px dotted #000000;
background: transparent none;
z-index: 1200;
}
.popup-window .popup-border {
position: absolute;
line-height: 0px;
font-size: 0px;
margin: 0px;
padding: 0px;
}
.popup-window .popup-t-side {
top: 0px;
left: 0px;
right: 0px;
width: 100%;
border: 0px none;
border-top: 1px solid #215485;
background: #5f94c0 none;
height: 2px;
cursor: n-resize;
z-index: 1250;
}
.popup-window .popup-tr-corner {
right: 0px;
top: 0px;
height: 2px;
width: 2px;
border-top: 1px solid #215485;
border-right: 1px solid #215485;
background: #5f94c0 none;
cursor: ne-resize;
z-index: 1260;
}
.popup-window .popup-r-side {
top: 0px;
right: 0px;
bottom: 0px;
height: 100%;
border-right: 1px solid #215485;
background: #5f94c0 none;
width: 2px;
cursor: e-resize;
z-index: 1250;
}
.popup-window .popup-br-corner {
right: 0px;
bottom: 0px;
height: 2px;
width: 2px;
border-bottom: 1px solid #215485;
border-right: 1px solid #215485;
background: #5f94c0 none;
cursor: se-resize;
z-index: 1260;
}
.popup-window .popup-b-side {
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
border-bottom: 1px solid #215485;
background: #5f94c0 none;
height: 2px;
cursor: s-resize;
z-index: 1250;
}
.popup-window .popup-bl-corner {
left: 0px;
bottom: 0px;
height: 2px;
width: 2px;
border-bottom: 1px solid #215485;
border-left: 1px solid #215485;
background: #5f94c0 none;
cursor: sw-resize;
z-index: 1260;
}
.popup-window .popup-l-side {
top: 0px;
left: 0px;
bottom: 0px;
height: 100%;
border-left: 1px solid #215485;
background: #5f94c0 none;
width: 2px;
cursor: w-resize;
z-index: 1250;
}
.popup-window .popup-tl-corner {
left: 0px;
top: 0px;
height: 2px;
width: 2px;
border-top: 1px solid #215485;
border-left: 1px solid #215485;
background: #5f94c0 none;
cursor: nw-resize;
z-index: 1260;
}

/*
Images preview
*/
.images-preview-bg {
background: transparent url(images/grey.png) repeat left top;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 3000;
}
.images-preview {
position: absolute;
top: 50px;
right: 50px;
bottom: 50px;
left: 50px;
background: #ffffff none;
border: 5px solid #e3e3e3;
overflow: hidden;
min-width: 700px;
min-height: 500px;
z-index: 4000;
}
.images-preview .wait {
position: absolute;
top: 30px;
right: 0px;
bottom: 30px;
left: 0px;
background: #ffffff url(images/loading.gif) no-repeat center center;
z-index: 1500;
}
.images-preview a.close:link,
.images-preview a.close:visited,
.images-preview a.close:hover,
.images-preview a.close:active
{
position: absolute;
top: 9px;
right: 11px;
background: transparent url(images/close_images_preview.gif) no-repeat left center;
padding-left: 12px;
padding-bottom: 2px;
font-size: 11px;
color: #4e4e4e;
text-decoration: none;
outline-style: none;
text-transform: lowercase;
}
.images-preview .list-box {
margin: 50px 50px 0px 50px;
padding: 0px;
text-align: center;
position: relative;
border: 1px solid #ffffff;
}
.images-preview a.arrow,
.images-preview a.arrow:link,
.images-preview a.arrow:visited,
.images-preview a.arrow:hover,
.images-preview a.arrow:active
{
position: absolute;
display: block;
width: 13px;
height: 13px;
outline-style: none;
cursor: pointer;
}
.images-preview a.hidden,
.images-preview a.hidden:link,
.images-preview a.hidden:visited,
.images-preview a.hidden:hover,
.images-preview a.hidden:active
{
display: none;
}
.images-preview a.left,
.images-preview a.left:link,
.images-preview a.left:visited,
.images-preview a.left:hover,
.images-preview a.left:active
{
left: 0px;
background: transparent url(images/arrow_left.gif) no-repeat left center;
}
.images-preview a.right,
.images-preview a.right:link,
.images-preview a.right:visited,
.images-preview a.right:hover,
.images-preview a.right:active
{
right: 0px;
background: transparent url(images/arrow_right.gif) no-repeat right center;
}
.images-preview a.left-disabled,
.images-preview a.left-disabled:link,
.images-preview a.left-disabled:visited,
.images-preview a.left-disabled:hover,
.images-preview a.left-disabled:active
{
background: transparent url(images/arrow_left_disabled.gif) no-repeat left center;
cursor: auto;
}
.images-preview a.right-disabled,
.images-preview a.right-disabled:link,
.images-preview a.right-disabled:visited,
.images-preview a.right-disabled:hover,
.images-preview a.right-disabled:active
{
background: transparent url(images/arrow_right_disabled.gif) no-repeat 6px center;
cursor: auto;
}
.images-preview div.list-subbox {
margin: 0px;
padding: 0px;
overflow: hidden;
position: relative;
text-align: center;
}
.images-preview ul {
list-style: none;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
position: absolute;
}
.images-preview ul li {
display: block;
padding: 0px;
margin: 0px 12px;
border: 1px solid #ffffff;
background: transparent none;
text-align: center;
vertical-align: middle;
float: left;
cursor: pointer;
}
.images-preview ul li.over,
.images-preview ul li:hover
{
border: 1px solid #cccccc;
}
.images-preview ul li.selected {
border: 1px solid #215485;
}
.images-preview ul li img {
display: inline;
text-align: center;
vertical-align: middle;
}
.images-preview ul li.loading {
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}
.images-preview ul li.loading img {
display: none;
}
.images-preview .box {
position: relative;
margin: 50px;
vertical-align: middle;
text-align: center;
background: transparent none;
}
.images-preview .box.loading {
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}
.images-preview .box img {
cursor: pointer;
vertical-align: middle;
text-align: center;
}

/*
data table
*/
table.data-table td {
padding: 4px 1px;
line-height: 21px;
vertical-align: top;
}
table.data-table.light-table td {
line-height: 16px;
padding: 3px;
}
table.data-table td.data-name {
vertical-align: top;
color: #112536;
padding-right: 5px;
}
table.data-table .data-required,
.data-required
{
color: #880000;
}
table.data-table td.data-required {
padding-right: 4px;
}
table.data-table td.data-required {
text-align: center;
width: 5px;
}
table.data-table .error-message {
color: #880000;
vertical-align: middle;
}
table.data-table div.error-message {
margin: 0px;
}
table.data-table tr.head-row th {
padding-left: 5px;
padding-right: 5px;
}
table.data-table tr th.data-checkbox-column {
width: 10px;
}
table.data-table tr .data-right-column {
text-align: right;
}
table.data-table tr .data-width-100 {
width: 100%;
}
table.data-table tr td.data-name label {
line-height: 21px;
vertical-align: top;
}


/*
search sort bar
*/
.search-sort-bar {
vertical-align: middle;
line-height: 16px;
height: 16px;
padding-right: 20px;
white-space: nowrap;
margin: 15px 0px 30px 0px;
text-align: right;
}
.search-sort-title {
padding-right: 20px;
}
.search-sort-cell {
padding-right: 20px;
}
a.search-sort-link:link,
a.search-sort-link:visited,
a.search-sort-link:hover,
a.search-sort-link:active
{
text-decoration: underline;
}
.search-sort-bar img,
.search-sort-bar-float img {
width: 9px;
height: 9px;
margin-right: 5px;
}
.search-sort-bar a.up-direction:link,
.search-sort-bar a.up-direction:visited,
.search-sort-bar a.up-direction:hover,
.search-sort-bar a.up-direction:active
{
font-weight: bold;
padding-left: 14px;
background: transparent url(images/uarrow.gif) no-repeat left 3px;
}
.search-sort-bar a.down-direction:link,
.search-sort-bar a.down-direction:visited,
.search-sort-bar a.down-direction:hover,
.search-sort-bar a.down-direction:active
{
font-weight: bold;
padding-left: 14px;
background: transparent url(images/darrow.gif) no-repeat left 3px;
}

/*
expandable section
*/
.expand-section {
height: 16px;
margin: 20px 0px 20px 0px;
vertical-align: middle;
line-height: 16px;
}
.expand-section img {
width: 11px;
height: 11px;
vertical-align: middle;
margin: 2px 5px 3px 0px;
}
.expand-section img.plus {
background: transparent url(images/plus.gif) no-repeat left top;
}
.expand-section img.minus {
background: transparent url(images/minus.gif) no-repeat left top;
}
.expand-section a:link,
.expand-section a:visited,
.expand-section a:hover,
.expand-section a:active
{
font-weight: bold;
text-decoration: underline;
}

/*
pagination mechanism
*/
.nav-pages {
white-space: nowrap;
vertical-align: bottom;
padding: 0px;
margin: 0px;
}
.nav-pages-title {
padding-right: 10px;
}
.nav-pages img {
vertical-align: bottom;
width: 15px;
height: 15px;
}
.nav-pages a:link,
.nav-pages a:visited,
.nav-pages a:hover,
.nav-pages a:active
{
text-align: center;
text-decoration: underline;
}
.nav-pages .left-arrow img {
background: transparent url(images/navigation_arrow_left.gif) no-repeat left top;
}
.nav-pages .right-arrow img {
background: transparent url(images/navigation_arrow_right.gif) no-repeat left top;
}
.nav-pages .current-page {
text-align: center;
font-weight: bold;
}
.nav-pages .right-delimiter {
padding-right: 12px;
}

/*
subheader styles
*/
h3 {
margin: 0px 0px 10px 0px;
color: #b51a00;
font-weight: bold;
font-size: 12px;
padding: 0px;
border: 0px none;
border-bottom: 1px solid #9d1500;
}
h3.grey {
color: #666666;
font-size: 11px;
border-bottom: 1px solid #cccccc;
}
h3.black {
color: #010101;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #000000;
}
h3.red {
border-bottom: 1px solid #acb7c7;
}
h3.separator {
margin-top: 30px;
}

/*
Table head cell
*/
.img-down-direction {
width: 7px;
height: 6px;
vertical-align: middle;
background: transparent url(images/r_bottom.gif) no-repeat left top;
margin-right: 3px;
}
.img-up-direction {
width: 7px;
height: 6px;
vertical-align: middle;
background: transparent url(images/r_top.gif) no-repeat left top;
margin-right: 3px;
}

/*
NoScript warning
*/
.noscript-warning {
position: absolute;
top: 10px;
left: 30%;
padding: 10px 10px 10px 10px;
overflow: hidden;
border: 1px solid #dddddd;
background: #ffffff none;
}
.noscript-warning .content {
background: transparent url(images/icon_warning.gif) no-repeat left top;
font-weight: bold;
padding-left: 37px;
height: 32px;
line-height: 16px;
}

/*
Webmaster mode
*/
.lbl {
display: inline !important;
color: green !important;
font-weight: bold !important;
width: auto !important;
margin: 0px !important;
padding: 0px !important;
}
.section {
margin: 0px !important;
padding: 0px !important;
width: auto !important;
}

/*==============================================================================

side-bar styles

==============================================================================*/

/*
categories list
*/
.menu-categories-list img.icon {
background: transparent url(images/dingbats_categorie.gif) no-repeat left top;
}
.menu-categories-list ul li {
padding: 4px 0px 5px 20px;
background: transparent url(images/category_bullet.gif) no-repeat 8px 5px;
}
.rtl .menu-categories-list ul li {
padding: 4px 20px 5px 0px;
background: transparent url(images/category_bullet_invert.gif) no-repeat right 5px;
}

.menu-categories-list ul li a:link,
.menu-categories-list ul li a:visited,
.menu-categories-list ul li a:hover,
.menu-categories-list ul li a:active
{
font-size: 12px;
}

/*
Special menu
*/
.menu-special img.icon {
background-image: url(images/dingbats_categorie.gif);
}

/*
Help menu
*/
.menu-help img.icon {
background-image: url(images/dingbats_help.gif);
}

/*
Minicart
*/
.menu-minicart .title-bar {
background-image: url(images/menu_bg_light.gif);
}
.menu-minicart .title-bar h2 {
color: #2c3e49;
}
.menu-minicart img.icon {
background: url(images/dingbats_orders.gif) no-repeat;
}
.full-mini-cart .title-bar img.icon {
background: transparent url(images/cart_full.gif) no-repeat left top;
width: 18px;
height: 13px;
}
div.minicart {
color: #112536;
font-size: 10px;
}
div.minicart a {
float: left;
}
div.minicart img {
width: 19px;
height: 16px;
}
div.minicart .empty b {
line-height: 18px;
}
div.minicart table {
margin: 0px 0px 0px 1px;
}
div.minicart table tr td {
color: #112536;
font-size: 10px;
padding: 1px;
}
hr.minicart {
clear: both;
margin: 5px 0px 5px 0px;
}

/*
AJAX-based minicart
*/
.ajax-minicart .title-bar {
position: relative;
overflow: visible;
}
#content-container .ajax-minicart img.minicart-button {
background: transparent url(images/cart_button.gif) no-repeat left top;
width: 38px;
height: 21px;
cursor: pointer;
position: relative;
overflow: hidden;
margin-top: 2px;
margin-bottom: 4px;
z-index: 3000;
}
#content-container .ajax-minicart img.minicart-button-show {
background-position: left -21px;
}
.minicart-box {
display: none;
position: absolute;
left: auto;
right: 0px;
top: 23px;
width: 250px;
padding: 10px 10px 10px 5px;
border: 1px solid #99a4ad;
background: #ffffff none;
white-space: normal;
z-index: 2500;
font-weight: normal;
}
.minicart-box .progress {
background: transparent url(images/progress.gif) repeat-x left top;
height: 11px;
}
.minicart-box hr {
margin-left: 5px;
}
.minicart-box ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.minicart-box ul li {
position: relative;
margin: 0px;
padding: 6px 15px 6px 5px;
overflow: hidden;
white-space: normal;
line-height: normal;
}
.minicart-box ul li a.delete:link,
.minicart-box ul li a.delete:visited,
.minicart-box ul li a.delete:hover,
.minicart-box ul li a.delete:active
{
padding-left: 10px;
}
.minicart-box ul li a.delete:link img,
.minicart-box ul li a.delete:visited img,
.minicart-box ul li a.delete:hover img,
.minicart-box ul li a.delete:active img
{
background: transparent url(images/delete_cross.gif) no-repeat left top;
width: 9px;
height: 9px;
}
.minicart-box ul li a:link,
.minicart-box ul li a:visited,
.minicart-box ul li a:hover,
.minicart-box ul li a:active
{
text-decoration: underline;
white-space: normal !important;
}
.minicart-box .price-row {
margin-top: 4px;
}
.minicart-box input.quantity {
width: 35px;
}
.minicart-box .buttons-row {
margin-top: 5px;
margin-left: 5px;
height: 30px;
}
.minicart-box .buttons-row .light-button div,
.minicart-box .buttons-row .light-button a:link,
.minicart-box .buttons-row .light-button a:visited,
.minicart-box .buttons-row .light-button a:hover,
.minicart-box .buttons-row .light-button a:active,
.minicart-box .buttons-row .light-button .button-left
{
font-size: 10px;
font-weight: normal;
}
.minicart-box ul.menu li.view-cart-link a:link,
.minicart-box ul.menu li.view-cart-link a:visited,
.minicart-box ul.menu li.view-cart-link a:hover,
.minicart-box ul.menu li.view-cart-link a:active,
.minicart-box ul.menu li.checkout-link a:link,
.minicart-box ul.menu li.checkout-link a:visited,
.minicart-box ul.menu li.checkout-link a:hover,
.minicart-box ul.menu li.checkout-link a:active
{
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.minicart-box li.checkout-popup-link {
overflow: visible;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 2px;
}
.minicart-box .checkout-popup-link a.link:link,
.minicart-box .checkout-popup-link a.link:visited,
.minicart-box .checkout-popup-link a.link:hover,
.minicart-box .checkout-popup-link a.link:active
{
text-decoration: none;
border: 1px solid #ffffff;
outline-style: none;
z-index: 1000;
background-color: #ffffff;
padding: 4px 0px 4px 5px;
position: relative;
outline-style: none;
}
.minicart-box .checkout-popup-link a.show:link,
.minicart-box .checkout-popup-link a.show:visited,
.minicart-box .checkout-popup-link a.show:hover,
.minicart-box .checkout-popup-link a.show:active
{
border-top: 1px solid #99a4ad;
border-left: 1px solid #99a4ad;
border-right: 1px solid #99a4ad;
border-bottom: 1px solid #ffffff;
padding-right: 5px;
}
.minicart-box .checkout-popup-link .link span {
border-bottom: 1px dashed #043fa0;
cursor: pointer;
}
.minicart-box .checkout-popup-link a.link:link img,
.minicart-box .checkout-popup-link a.link:visited img,
.minicart-box .checkout-popup-link a.link:hover img,
.minicart-box .checkout-popup-link a.link:active img
{
background: transparent url(images/checkout_arrow.gif) no-repeat right top;
width: 9px;
height: 7px;
cursor: pointer;
}
.minicart-box .checkout-popup-link div.buttons-box {
position: absolute;
border: 1px solid #99a4ad;
background: #ffffff none;
left: 0px;
top: 19px;
display: none;
padding: 10px;
}
.minicart-box .minicart-checkout-button {
background: transparent url(images/but_flc_arrow_right.png) no-repeat right top;
padding-right: 31px;
}
.minicart-box .minicart-checkout-button a:link,
.minicart-box .minicart-checkout-button a:visited,
.minicart-box .minicart-checkout-button a:hover,
.minicart-box .minicart-checkout-button a:active
{
background: transparent url(images/but_flc_main_left.png) no-repeat;
line-height: 29px;
color: #510000;
font-weight: bold;
font-size: 11px;
text-decoration: none;
float: left;
}
.minicart-box .gcheckout-cart-buttons a:link img,
.minicart-box .gcheckout-cart-buttons a:visited img,
.minicart-box .gcheckout-cart-buttons a:hover img,
.minicart-box .gcheckout-cart-buttons a:active img
{
width: inherit;
height: inherit;
background: transparent none;
}
.minicart-box .paypal-cart-button,
.minicart-box .paypal-cart-button p,
.minicart-box .gcheckout-cart-buttons,
.minicart-box .gcheckout-cart-buttons p
{
text-align: left;
}
.minicart-box .paypal-cart-button div,
.minicart-box .gcheckout-cart-buttons div
{
text-align: left;
margin: 0px;
}
iframe.minicart-bg {
position: absolute;
display: none;
width: 250px;
border: 0px none;
background: #ffffff none;
}
iframe.minicart-checkout-bg {
position: absolute;
display: none;
border: 0px none;
background: #ffffff none;
}

.help-link {
border-bottom: 1px dashed #000000;
cursor: help;
}
#tooltip {
position: absolute;
border: 1px solid #000000;
padding: 5px;
background: #ffffff none;
top: 0px;
left: 0px;
text-align: left;
width: 300px;
z-index: 10000;
}

/*
auth box
*/
.menu-auth img.icon {
background: url(images/dingbats_authentification.gif) no-repeat;
}
.menu-auth input {
width: 120px;
}
.login-buttons {
margin: 3px 0px 5px 0px;
}
.login-buttons .button {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
.menu-dialog .recovery {
clear: both;
margin-bottom: 2px;
}
.menu-dialog .recovery a:link,
.menu-dialog .recovery a:visited,
.menu-dialog .recovery a:hover,
.menu-dialog .recovery a:active
{
text-decoration: underline;
font-size: 10px;
}
.menu-dialog .left {
text-align: left;
}
.menu-dialog .login-text {
vertical-align: top;
}
.small-note,
a.small-link:link {
color: #3c6992;
text-decoration: none;
font-size: 9px;
font-family: arial, verdana, helvetica, sans-serif;
}
a.small-link:visited {
color: #3c6992;
text-decoration: none;
font-size: 9px;
font-family: arial, verdana, helvetica, sans-serif;
}
a.small-link:hover {
color: #3c6992;
text-decoration: underline;
font-size: 9px;
font-family: arial, verdana, helvetica, sans-serif;
}
a.small-link:active {
color: #3c6992;
text-decoration: none;
font-size: 9px;
font-family: arial, verdana, helvetica, sans-serif;
}

/*
news box styles
*/
.menu-news img.icon {
background: url(images/dingbats_news.gif) no-repeat;
}
.menu-dialog .subscribe {
margin-top: 8px;
}
.menu-dialog a.prev-news:link,
.menu-dialog a.prev-news:visited,
.menu-dialog a.prev-news:hover,
.menu-dialog a.prev-news:active
{
text-decoration: underline;
}

/*
interneka menu
*/
.menu-interneka img.icon {
background: url(images/dingbats_affiliates.gif) no-repeat;
}

/*============================================================================

page-specific styles

==============================================================================*/

/*
category page
*/
.category-description {
margin-bottom: 15px;
}
.current-category-icon {
padding: 0px;
height: 100%;
vertical-align: top;
}
.current-category-icon img {
margin: 5px;
}
ul.subcategories {
list-style: none;
margin: 0px;
padding: 0px 0px 15px 0px;
}
ul.subcategories li {
margin: 0px 0px 10px 0px;
text-align: left;
}
ul.subcategories a:link,
ul.subcategories a:visited,
ul.subcategories a:hover,
ul.subcategories a:active
{
text-decoration: underline;
font-weight: bold;
}
span.subcategories {
display: inline-block;
vertical-align: top;
margin: 0px 10px;
text-align: center;
padding-bottom: 0px;
overflow: hidden;
}
.subcategory-image {
float: left;
margin: 0px 10px 10px 0px;
}
.subcategory-descr {
width: auto;
padding: 0px;
margin-bottom: 20px;
}

/*
product details page
*/
.product-details {
position: relative;
margin-bottom: 50px;
}
.product-details .image {
text-align: center;
vertical-align: top;
padding: 0px;
float: left;
margin: 5px 20px 5px 10px;
}
.product-details .image .image-box {
margin: 0px auto;
padding: 0px;
}
.product-details .details {
padding-left: 30px;
}
.product-details .details .descr {
vertical-align: top;
padding-right: 20px;
}
.product-details .details .save-percent-container {
margin-left: 10px;
width: 57px;
height: 57px;
}
.product-details .details .save {
float: left;
width: 57px;
height: 29px;
padding-top: 28px;
padding-left: 3px;
color: #ffffff;
font-size: 11px;
font-weight: bold;
text-align: center;
background: transparent url(images/save_money.gif) no-repeat left top;
}
.product-details .product-subtitle {
padding: 23px 0px 10px 0px;
}
.product-details .product-subtitle div {
color: #b51a00;
font-weight: bold;
font-size: 12px;
border: 0px none;
border-bottom: 1px solid #9d1500;
}
.product-details .message {
color: #b51a00;
}
.product-details .warning-message {
color: red;
}
.product-details .customer-message {
color: #b51a00;
font-weight: bold;
}
.product-details .quantity-row td {
padding-top: 15px;
}
.product-details .buttonw-row {
margin-top: 15px;
}

/* product properties table */
table.product-properties {
width: 100%;
margin: 0px;
}
table.product-properties tr td {
padding: 2px;
}
table.product-properties .property-name {
width: 111px;
white-space: nowrap;
}
table.product-properties .property-value {
white-space: normal;
}
table.product-properties .product-price {
color: #010101;
font-weight: bold;
font-size: 12px;
}
table.product-properties .product-price-value {
color: #b51a00;
font-weight: bold;
font-size: 12px;
font-family: verdana;
white-space: nowrap;
}
table.product-properties .product-market-price {
color: #787878;
padding-left: 5px;
font-size: 12px;
font-family: verdana;
white-space: nowrap;
font-weight: bold;
}
table.product-properties .product-taxed-price {
color: #383838;
white-space: nowrap;
font-weight: normal;
vertical-align: bottom;
}
table.product-properties .product-input {
height: 25px;
padding-right: 10px;
}
table.product-properties .product-min-amount,
table.product-properties .product-one-quantity
{
font-size: 14px;
}
table.product-properties .separator td {
height: 18px;
}

/* send 2 friend section */
input.send2friend {
width: 300px;
}

/*
products list
*/

/* common styles */
.products {
margin-bottom: 15px;
margin-top: 15px;
}
.products .image {
text-align: center;
vertical-align: top;
white-space: nowrap;
}
.products a.see-details:link,
.products a.see-details:visited,
.products a.see-details:hover,
.products a.see-details:active
{
display: block;
text-align: center;
text-decoration: underline;
}
.products a.product-title:link,
.products a.product-title:visited,
.products a.product-title:hover,
.products a.product-title:active,
.products .product-title,
.product-details .product-title
{
font-weight: bold;
font-size: 14px;
text-decoration: underline;
}
.products .descr {
padding: 15px 0px 0px 0px;
margin: 0px;
}
.products .sku {
margin-top: 15px;
}
.products .price-row {
margin: 0px;
padding: 0px;
text-align: left;
}
.products .market-price-value {
background: transparent url(images/spacer_black.gif) repeat-x left 8px;
}
.products .price {
font-weight: bold;
font-size: 12px;
}
.products .price-value {
font-weight: bold;
font-size: 12px;
color: #b51a00;
}
.products .price-save {
padding: 0px;
margin: 0px;
color: #b51a00;
}
.products .taxes {
margin-top: 15px;
padding: 2px 2px 2px 70px;
}

.products .buy-now {
margin: 10px 0px 0px 0px;
}
.products .buy-now .quantity {
height: 30px;
white-space: nowrap;
vertical-align: middle;
}
.products .buy-now .quantity-empty {
height: 45px;
}
.products .buy-now .quantity-title {
width: 75px;
padding-right: 16px;
}
.products .buy-now .quantity select {
vertical-align: middle;
}
.products .buy-now .out-of-stock {
white-space: nowrap;
font-weight: bold;
}
.products .buy-now .prices {
height: 15px;
vertical-align: middle;
}
.products .product-details-title {
color: #b51a00;
font-weight: bold;
font-size: 12px;
}
.products .product-price-text {
color: #010101;
font-weight: bold;
font-size: 12px;
}

.quantity-text {
color: #818891;
padding-left: 3px;
}

/* list as list */
.products-list .item {
position: relative;
margin: 0px 0px 45px 0px;
}
.products-list .image {
float: left;
position: relative;
padding: 3px 20px 3px 10px;
margin-right: auto;
}
.products-list .details {
vertical-align: top;
padding-left: 30px;
border: 0px none;
}
.products-list .details hr {
margin: 5px 5px 5px 0px;
}
.products-list .buy-now .center,
.products-list .buy-now .halign-center
{
margin-left: 0px;
text-align: left;
}

/* list as multicolumn table */
.products-table .product-cell {
background: #ffffff none;
padding: 0px;
vertical-align: top;
}
.products-table .first.products-row td.product-cell {
padding-top: 0px;
}
.products-table td.product-cell-price {
padding-top: 2px;
}
.products-table td.product-cell-buynow {
padding-top: 6px;
}
.products-table td.product-cell-buynow .button-row {
text-align: left;
margin: 9px 0 5px;
}
.products-table .image {
padding: 0px;
margin: 5px 0px;
text-align: left;
}
.products-table a.see-details:link,
.products-table a.see-details:visited,
.products-table a.see-details:hover,
.products-table a.see-details:active
{
text-align: left;
display: inline;
}
.products-table .sku {
margin-top: 5px;
}
.products-table a.product-title:link,
.products-table a.product-title:visited,
.products-table a.product-title:hover,
.products-table a.product-title:active,
.products-table .product-title
{
font-size: 12px;
}
.products-table .buttons-row,
.products-table .button-row
{
margin: 0px;
}
.products-table .buttons-row button,
.products-table .button-row button
{
float: none;
}
.products-table .buy-now {
margin-top: 5px;
}
.products-table .buy-now .quantity-title {
width: auto;
padding-right: 5px;
}
.products-table tr.separator td {
padding: 0px;
height: 60px;
}

/*
advanced search page
*/
.adv-search table td {
white-space: nowrap;
padding: 3px 5px 3px 0;
}
.adv-search table .data-name {
width: 20%;
vertical-align: top;
color: #112536;
font-weight: bold;
}
.adv-search table .data-input {
white-space: nowrap;
}
.adv-search table .pattern {
padding-bottom: 0px;
}
.adv-search table .pattern input,
.adv-search table .pattern select
{
width: 95%;
vertical-align: bottom;
}
.adv-search table .search-button {
width: 25%;
padding: 0px;
}
#adv_search_box {
margin-bottom: 15px;
}
.search-again {
position: relative;
margin-top: -17px;
text-align: right;
margin-left: 400px;
}
.results-found {
position: relative;
width: 400px;
}

/*
register page
*/
.register-note {
color: #000000;
margin-bottom: 15px;
}
.register-newbie-note {
text-align: center;
margin-top: 30px;
}
.register-bottom-note {
margin-top: 30px;
padding-bottom: 45px;
}
.register-ups-box {
margin-top: 45px;
margin-bottom: 15px;
}
.register-section-title {
height: 30px;
vertical-align: middle;
}
.register-section-title div {
vertical-align: middle;
padding: 2px 0px;
border-bottom: 1px solid black;
}
.register-section-title div * {
vertical-align: middle;
}
.register-sec-minimized div {
border-bottom: 0px none;
}
.register-section-title label {
color: #2c3e49;
font-size: 10px;
font-weight: bold;
}
.register-table .register-exp-section label {
border-bottom: 1px dashed #2c3e49;
}
table.register-table .register-exp-section {
padding-top: 16px;
padding-bottom: 16px;
}
table.register-table td.data-name {
text-align: right;
font-weight: normal;
width: 30%;
}

/*
cart page
*/
.cart .item {
margin: 0px 0px 30px 0px;
}
.cart .item .image {
position: relative;
padding: 3px 8px 3px 3px;
height: 100%;
}
.cart .details {
margin-left: 138px;
vertical-align: top;
width: 80%;
}
.cart a.product-title:link,
.cart a.product-title:visited,
.cart a.product-title:hover,
.cart a.product-title:active
{
text-decoration: underline;
}
.cart .descr {
padding-bottom: 15px;
}
.cart .poptions-title {

font-weight: bold;
}
.cart .poptions-list {
margin-bottom: 15px;
}
.cart .buttons {
position: relative;
vertical-align: top;
margin-top: 30px;
height: 23px;
}
.cart .buttons .buttons-row {
margin-top: 0px;
}
.cart .left-buttons-row {
vertical-align: top;
position: absolute;
top: 0px;
left: 0px;
}
.cart .right-buttons-row {
position: absolute;
top: 0px;
right: 0px;
width: 50%;
}
.cart .right-buttons-row .checkout-button {
float: right;
}
.cart-total-line {
width: 50%;
margin-left: 50%;
}
.cart-total-row {
text-align: right;
}
div.shipping-method {
color: #112536;
font-weight: bold;
margin-bottom: 15px;
text-align: right;
}
th.shipping-method {
color: #112536;
font-weight: bold;
text-align: left;
}
.shipping-method select {
font-weight: normal;
}
.shipping-method table {
margin: 0px 0px 0px auto;
text-align: right;
}
.shipping-method table td {
font-weight: normal;
text-align: left;
}
.shipping-method tr.selected {
background: #eeeeee none;
}
.totals {
margin: 0px 0px 0px auto;
text-align: right;
width: 30%;
}
.totals td {
padding: 3px;
}
.totals .total-name {
white-space: nowrap;
color: #112536;
font-weight: bold;
padding-right: 8px;
text-align: left;
}
.totals .total-value {
white-space: nowrap;
color: #b51a00;
font-weight: bold;
text-align: right;
}
.totals .total-alt-value {
white-space: nowrap;
text-align: right;
}
.totals .total-line {
height:  1px;
}
.totals .total-line img {
background: black none;
width: 100%;
height: 1px;
}
.totals .total {
white-space: nowrap;
color: #112536;
font-weight: bold;
padding-right: 8px;
text-transform: uppercase;
text-align: left;
}
.totals .total-taxes {
font-weight: bold;
text-align: right;
}
.totals .total-tax-line {
background-color: #eeeeee
}
.totals .total-tax-line td {
text-align: right;
white-space: nowrap;
}
.totals .total-tax-name {
padding-right: 8px;
}
.cart hr {
margin-top: 10px;
margin-bottom: 10px;
}

.cart-content {
margin-bottom: 15px;
}
.cart-content tr td,
.cart-content tr th
{
padding: 1px 3px;
height: 23px;
text-align: left;
}
.cart-content .cart-column-tax {
text-align: center;
}
.cart-content td.cart-column-price,
.cart-content td.cart-column-total
{
text-align: right;
}
.cart-content .cart-content-text {
color: #b51a00;
font-weight: bold;
}
.cart-content .cart-column-quantity {
width: 30px;
}
.cart-content .cart-column-product {
width: 100%;
}
.cart-content input.cart-quantity {
width: 30px;
}

.cmpi-vbv-icon {
width: 49%;
float: left;
text-align: center;
}
.cmpi-vbv-icon img {
width: 71px;
height: 57px;
background: transparent url(images/vbv_logo.gif) no-repeat left top;
}
.cmpi-mcsc-icon {
width: 49%;
text-align: center;
}
.cmpi-mcsc-icon img {
width: 74px;
height: 40px;
background: transparent url(images/mcsc_logo.gif) no-repeat left top;
}

/*
Checkout page
*/
.checkout-payments tr td {
padding: 2px;
text-align: left;
}
.checkout-payments tr td.checkout-payment-name {
width: 20%;
white-space: nowrap;
}
.checkout-payments tr td.checkout-payment-name label {
font-weight: bold;
}
.checkout-payments tr td.checkout-payment-descr {
width: 80%;
}
.checkout-payments tr td.checkout-payment-paypal {
width: 100%;
}
.checkout-payments tr td.checkout-payment-paypal img {
border: 0px none;
}
.checkout-update-button {
float: left;
margin: 0px;
}
.order-placed-msg {
margin: 20px 0px 10px 0px;
padding: 0;
font-size: 13px;
text-align: center;
}

/*
Payment wait page
*/
body.payment-wait {
text-align: center;
}
body.payment-wait .payment-wait-title {
border-top: 30px solid #d0ddeb;
}
body.payment-wait h1 {
display: block;
padding: 40px 0px 0px 0px;
border-top: 1px solid #d0ddeb;
margin-top: 1px;
color: #2c3e49;
}
body.payment-wait img.payment-wait-image {
background: transparent url(images/progress.gif) repeat-x;
width: 350px;
height: 11px;
margin-top: 10px;
}

/*
help index page
*/
.help-index {
list-style: none;
padding: 0px;
margin: 0px;
}
.help-index li {
margin: 0px;
padding: 10px 0px 0px 0px;
}
.help-index li.first-item {
padding-top: 0px;
}

/*
help / cvv2 page
*/
.help-cvv2-images {
float: right;
margin: 15px 5px 5px 5px;
}
.help-cvv2-images img {
float: none;
display: block;
margin-bottom: 15px;
}

/*
help / usps test page
*/
.help-usps-test-dir {
text-decoration: underline;
margin-bottom: 15px;
}

/*
Images viewer
*/
.images-viewer {
text-align: center;
margin: 10px 0px
}
.images-viewer-list {
position: relative;
white-space: nowrap;
}
.images-viewer-list .side-arrow,
.images-viewer-list .side-arrow:link,
.images-viewer-list .side-arrow:visited,
.images-viewer-list .side-arrow:hover,
.images-viewer-list .side-arrow:active
{
position: absolute;
top: 0px;
display: block;
width: 10px;
height: 54px;
text-decoration: none;
outline-style: none;
}
.images-viewer-list .left-arrow:link,
.images-viewer-list .left-arrow:visited,
.images-viewer-list .left-arrow:hover,
.images-viewer-list .left-arrow:active
{
text-align: left;
left: 0px;
}
.images-viewer-list .right-arrow:link,
.images-viewer-list .right-arrow:visited,
.images-viewer-list .right-arrow:hover,
.images-viewer-list .right-arrow:active
{
padding-left: 3px;
text-align: right;
right: 0px;
}
.images-viewer-list .side-arrow:link img,
.images-viewer-list .side-arrow:visited img,
.images-viewer-list .side-arrow:hover img,
.images-viewer-list .side-arrow:active img
{
width: 7px;
height: 100%;
}
.images-viewer-list .left-arrow .enabled,
.images-viewer-list .left-arrow:link .enabled,
.images-viewer-list .left-arrow:visited .enabled,
.images-viewer-list .left-arrow:hover .enabled,
.images-viewer-list .left-arrow:active .enabled
{
display: block;
background: transparent url(images/arrow_left.gif) no-repeat left center;
}
.images-viewer-list .left-arrow .disabled,
.images-viewer-list .left-arrow:link .disabled,
.images-viewer-list .left-arrow:visited .disabled,
.images-viewer-list .left-arrow:hover .disabled,
.images-viewer-list .left-arrow:active .disabled
{
display: block;
background: transparent url(images/arrow_left_disabled.gif) no-repeat left center;
}
.images-viewer-list .hidden {
display: none;
}
.images-viewer-list .right-arrow .enabled,
.images-viewer-list .right-arrow:link .enabled,
.images-viewer-list .right-arrow:visited .enabled,
.images-viewer-list .right-arrow:hover .enabled,
.images-viewer-list .right-arrow:active .enabled
{
display: block;
background: transparent url(images/arrow_right.gif) no-repeat left center;
}
.images-viewer-list .right-arrow .disabled,
.images-viewer-list .right-arrow:link .disabled,
.images-viewer-list .right-arrow:visited .disabled,
.images-viewer-list .right-arrow:hover .disabled,
.images-viewer-list .right-arrow:active .disabled
{
display: block;
background: transparent url(images/arrow_right_disabled.gif) no-repeat left center;
}

.images-viewer-icons {
text-align: left;
padding: 0px;
margin: 0px 10px;
overflow: hidden;
}
.images-viewer-icons a:link,
.images-viewer-icons a:visited,
.images-viewer-icons a:hover,
.images-viewer-icons a:active
{
display: block;
padding: 0px;
border: 1px solid #ffffff;
padding: 0px;
margin: 0px 10px;
float: left;
outline-style: none;
background: #eeeeee none;
text-align: center;
vertical-align: middle;
}
.images-viewer-icons a.selected:link,
.images-viewer-icons a.selected:visited,
.images-viewer-icons a.selected:hover,
.images-viewer-icons a.selected:active
{
border: 1px solid #215485;
}
.images-viewer-icons a:hover {
border: 1px solid #cccccc;
}
.images-viewer-icons img {
margin: 1px;
vertical-align: middle;
border: 0px none;
}

/*
Order invoice
*/
.order-invoice {
background: #ffffff none;
}
.invoice-company-icon {
vertical-align: top;
padding-top: 30px;
}
.invoice-data-box {
width: 100%;
padding-left: 30px;
}
.invoice-data-box table {
width: 100%;
}
.invoice-data-box table tr td {
padding: 2px;
vertical-align: top;
}
.invoice-title {
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
}
.invoice-data-box table tr td.invoice-right-info {
text-align: right;
vertical-align: bottom;
}
hr.invoice-line {
margin: 2px 0px 17px 0px;
border-bottom: 2px solid #58595b;
}
.invoice-personal-info {
width: 45%;
margin-bottom: 15px;
}
.invoice-personal-info tr td {
padding: 0px;
}
.invoice-personal-info tr td strong {
white-space: nowrap;
}
.invoice-address-box {
width: 100%;
margin-bottom: 30px;
}
.invoice-address-title {
width: 45%;
height: 25px;
}
td.invoice-line {
vertical-align: top;
padding: 0px;
height: 4px;
}
td.invoice-line img {
height: 2px;
width: 100%;
background: #58595b none;
}
.invoice-address-box table {
width: 100%;
}
.invoice-address-box table tr td {
padding: 0px;
}
.invoice-address-box table tr td strong {
white-space: nowrap;
}
.invoice-customer-notes {
padding-top: 30px;
}
.invoice-customer-notes p {
font-size: 14px;
font-weight: bold;
text-align: center;
}
.invoice-customer-notes div {
border: 1px solid #cecfce;
height: 50px;
overflow: hidden;
padding: 5px;
}
.invoice-bottom-note {
text-align: center;
padding-top: 30px;
font-size: 12px;
}
p.invoice-products-title {
font-size: 14px;
font-weight: bold;
text-align: center
}
.invoice-products {
width: 100%;
background: #000000 none;
}
.invoice-products tr td,
.invoice-products tr th
{
background: #ffffff none;
}
.invoice-products tr th {
padding: 3px;
background: #cccccc none;
white-space: nowrap;
}
.invoice-products tr th.invoice-sku-column,
.invoice-products tr th.invoice-quantity-column,
.invoice-products tr th.invoice-total-column
{
width: 60px;
}
.invoice-products tr th.invoice-tax-column {
width: 100px;
}
.invoice-products tr th.invoice-price-column {
width: 100px;
text-align: center;
}
.invoice-products tr td {
padding: 3px;
}
.invoice-products tr td.invoice-price-column,
.invoice-products tr td.invoice-tax-column,
.invoice-products tr td.invoice-quantity-column
{
text-align: center;
}
.invoice-products tr td.invoice-product-column span {
font-size: 11px;
}
.invoice-products tr td.invoice-product-column table tr td {
vertical-align: top;
padding: 0px 3px 3px 0px;
}
.invoice-products tr td.invoice-product-column p {
white-space: nowrap;
}
.invoice-products tr td.invoice-product-column div {
padding-left: 10px;
white-space: nowrap;
}
.invoice-products tr td.invoice-price-column {
text-align: right;
white-space: nowrap;
}
.invoice-products tr td.invoice-total-column {
text-align: right;
white-space: nowrap;
padding-right: 5px;
}
.invoice-totals {
width: 100%;
}
.invoice-totals tr td {
padding: 0px;
}
.invoice-totals tr .invoice-total-title {
text-align: right;
width: 100%;
height: 20px;
}
.invoice-totals tr .invoice-total-name {
text-align: right;
width: 100%;
height: 20px;
padding-right: 3px;
}
.invoice-totals tr .invoice-total-value {
text-align: right;
height: 20px;
padding-right: 5px;
white-space: nowrap;
}
.invoice-totals tr .invoice-total-name-fin {
text-align: right;
width: 100%;
height: 25px;
padding-right: 3px;
background: #cccccc none;
}
.invoice-totals tr .invoice-total-value-fin {
text-align: right;
height: 25px;
padding-right: 5px;
background: #cccccc none;
white-space: nowrap;
}
.invoice-totals tr td.invoice-line {
height: 2px;
}
.invoice-giftcerts {
width: 100%;
}
.invoice-giftcerts tr td {
padding: 0px;
}
.invoice-giftcerts tr th {
background: #cccccc none;
}
.invoice-giftcerts tr th.invoice-giftcert-id {
width: 60px;
}
.invoice-giftcerts tr td.invoice-giftcert-id {
text-align: center;
}
.invoice-giftcerts tr .invoice-giftcert-cost {
text-align: right;
white-space: nowrap;
padding-right: 5px;
}

/*
404 error page
*/
.error-page #header {
height: 87px;
}
.error-page #header .line2 {
height: 20px;
}
.error-page #header .logo {
margin-left: 167px;
}
.error-page #content-container {
margin-top: 87px;
}
.error-page #center-main {
text-align: center;
margin: 0px 10px;
}

.error-page #header .line1 .tabs,
.error-page #header .line1 .phones,
.error-page #header .line2 .search,
.error-page #header .line2 .languages,
.error-page #left-bar,
.error-page #right-bar,
.error-page #location
{
display: none;
}

.error-page .subcontainer {
text-align: left;
width: 700px;
margin: 32px auto 0px auto;
position: relative;
clear: both;
}
.error-page .code-number {
font: normal 74px arial, sans-serif;
color: #d8d8d8;
width: 186px;
float: left;
text-align: center;
}
.error-page .description {
font-family: verdana;
width: 514px;
float: right;
}
.error-page .description h1 {
font-weight: normal;
color: #000000;
}
.error-page .description a:link,
.error-page .description a:visited,
.error-page .description a:hover,
.error-page .description a:active
{
text-decoration: underline;
}
.error-page .description ul {
margin: 0px;
padding: 5px 0px;
list-style-position: inside;
}
.error-page .reason {
font-weight: bold;
color: #a10000;
}
.error-page .description hr {
margin: 10px 0px 15px 0px;
}
.error-page ul.links {
margin: 0px;
padding: 5px 0px;
list-style: none;
}

/*
PayPal
*/
.paypal-cart-button {
text-align: right;
height: 65px;
}
.paypal-cart-button div {
width: 200px;
height: 65px;
margin-left: auto;
margin-right: 0px;
overflow: visible;
text-align: right;
}
.paypal-cart-button p {
width: 100%;
text-align: right;
margin: 10px 0px;
}

.paypal-cart-icon {
float: left;
padding-right: 10px;
}

/*============================================================================

module styles

==============================================================================*/

/*
bestsellers module
*/

/* bestsellers menu box */
.menu-bestsellers img.icon {
background: url(images/dingbats_categorie.gif) no-repeat;
}
.menu-bestsellers ul li a:link,
.menu-bestsellers ul li a:visited,
.menu-bestsellers ul li a:hover,
.menu-bestsellers ul li a:active
{
font-weight: normal;
}
.menu-bestsellers ul {
margin-left: 20px;
list-style: decimal outside none;
font-weight: bold;
}
.menu-bestsellers ul li,
.menu-special ul li,
.menu-help ul li,
.menu-manufacturers ul li
{
padding: 4px 0px;
}

/* bestsellers products list */
ul.bestsellers-products-item {
list-style: none;
margin: 0px;
padding: 0px;
}
ul.bestsellers-products-item li {
list-style: none;
padding: 2px;
}
ul.bestsellers-products-item img {
width: 50px;
float: left;
}
.bestsellers-products-item .details {
margin-left: 50px;
padding-left: 2px;
}
.bestsellers-products-item a.product-title:link,
.bestsellers-products-item a.product-title:visited,
.bestsellers-products-item a.product-title:hover,
.bestsellers-products-item a.product-title:active
{
font-weight: bold;
}

/*
customer reviews module
*/
.creviews-rating-box {
margin-top: 5px;
padding-bottom: 7px;
}
.creviews-vote-bar ul {
list-style: none;
margin: 0px;
padding: 0px;
overflow: visible;
}
.creviews-vote-bar li ul {
position: absolute;
top: 0px;
left: 22px;
}
.creviews-vote-bar li {
margin: 0px;
padding: 0px;
overflow: visible;
position: relative;
width: 22px;
height: 20px;
}
.creviews-vote-bar a,
.creviews-vote-bar span,
.creviews-vote-bar a img,
.creviews-vote-bar span img
{
display: block;
margin: 0px;
width: 22px;
height: 20px;
overflow: hidden;
background: transparent url(images/stars.png) no-repeat 1px top;
}
.creviews-vote-bar span.full,
.creviews-vote-bar span img
{
background-position: 1px -20px;
}
.allow-add-rate a {
background-position: 1px -40px;
}
.allow-add-rate a.full,
.allow-add-rate a img
{
background-position: 1px -60px;
}
.allow-add-rate li:hover > a,
.allow-add-rate li:hover > a.full
{
background-position: 1px -80px;
}
.allow-add-rate li:hover > a img {
display: none;
}

.creviews-rating-box .progress {
display: block;
background: transparent url(images/progress.gif) repeat-x left 5px;
height: 20px;
}
.creviews-rating-box.message span {
display: block;
padding-top: 5px;
font-size: 11px;
font-weight: bold;
}
.creviews-rating {
font-size: 10px;
color: #8a8a8a;
}

ul.creviews-reviews-list {
list-style: none;
margin: 0px 0px 35px 0px;
padding: 0px;
width: 100%;
}
ul.creviews-reviews-list li {
margin: 0px;
padding: 12px 0px;
}
div.creviews-reviews-list {
text-align: center;
padding: 12px 0px 25px 0px;
}
.creviews-reviews-title {
font-weight: bold;
white-space: nowrap;
font-size: 12px;
}
.creviews-reviews-add table td {
padding: 2px;
}

/*
detailed product images module
*/

/* detailed images on product detailed page */
.dpimages-list .content {
text-align: center;
}
.dpimages-list .content img {
padding: 0px 0px 10px 0px;
}
.dpimages-list .content img.last {
padding: 0px;
}

/* product details line */
div.dpimages-popup-link {
margin-top: 3px;
text-align: center;
vertical-align: middle;
}
.dpimages-popup-link a:link,
.dpimages-popup-link a:visited,
.dpimages-popup-link a:hover,
.dpimages-popup-link a:active
{
text-decoration: underline;
padding: 0px 0px 0px 17px;
background: transparent url(images/zoom_image.gif) no-repeat left 1px;
line-height: 13px;
}
.printable .dpimages-popup-link {
display: none;
}

/* icons box */
.dpimages-icons-box {
padding-top: 15px;
padding-bottom: 10px;
width: 220px;
}
.dpimages-icons-box a:link,
.dpimages-icons-box a:visited,
.dpimages-icons-box a:hover,
.dpimages-icons-box a:active
{
display: block;
outline-style: none;
border: 1px solid #ffffff;
float: left;
}
.dpimages-icons-box a:hover {
border: 1px solid #215485;
}

/*
discount coupons module
*/
.dcoupons-add-coupon {
color: #112536;
font-weight: bold;
}
/* clear link */
.dcoupons-clear img {
background: transparent url(images/delete_cross.gif) no-repeat;
width: 11px;
height: 11px;
vertical-align: bottom;
}

/*
fast lane checkout module
*/
.flc-sns-button {
position: absolute;
top: 0px;
left: 30px;
height: 100%;
}
.flc-sns-button img {
width: 9px;
height: 9px;
}
.flc-top-login {
position: absolute;
top: 0px;
right: 10px;
height: 20px;
line-height: 21px;
text-align: right;
width: 50%;
vertical-align: middle;
}
#header .flc-top-login .simple-button {
margin-bottom: 7px;
}
.flc-top-login-text {
white-space: nowrap;
padding: 0px 10px 0px 0px;
}

.flc-container #header .line2 {
height: 20px;
}
.flc-container #content-container {
margin-top: 102px;
}
.flc-container #header {
height: 102px;
}
.flc-container #center {
text-align: center;
}
.flc-container #center-main {
text-align: left;
}

/*  Checkout page : user profile */
.flc-left-dialog {
width: 49%;
float: left;
height: 260px;
}
.flc-right-dialog {
margin-left: 50%;
height: 260px;
}
.flc-ext-left-dialog,
.flc-ext-right-dialog
{
height: 380px;
}
.flc-right-dialog .content {
vertical-align: middle;
text-align: center;
line-height: 184px;
}
.flc-ext-right-dialog .content {
line-height: 314px;
}
.flc-login-text {
font-size: 12px;
font-weight: bold;
margin: auto 0px;
}
.flc-login-text a:link,
.flc-login-text a:visited,
.flc-login-text a:hover,
.flc-login-text a:active
{
text-decoration: underline;
}
.flc-left-dialog input {
width: 180px;
}

/* Checkout page : shipping & payment methods */
.flc-checkout-container {
vertical-align: top;
padding-bottom: 30px;
width: 100%;
clear: both;
}
.flc-checkout-container .flc-address {
vertical-align: top;
width: 30%;
float: left;
overflow: hidden;
}
.flc-checkout-container .flc-checkout-options {
margin-left: 32%;
vertical-align: top;
}
.flc-payments tr td {
padding: 2px;
vertical-align: top;
}
.flc-payments tr td.flc-payment-name {
width: 20%;
white-space: nowrap;
padding-right: 10px;
}
.flc-payments tr td.flc-payment-name label {
font-weight: bold;
}
.flc-payments tr td.flc-payment-descr {
width: 80%;
}
.flc-payments tr td.flc-payment-paypal {
width: 100%;
}
.flc-payments tr td.flc-payment-paypal img {
border: 0px none;
}
.flc-shippings label {
position: relative;
display: block;
padding: 2px;
height: 18px;
line-height: 18px;
vertical-align: middle;
}
.flc-shippings label input {
vertical-align: middle;
}
.flc-shippings label span {
padding-left: 3px;
}
.flc-shippings label.highlight {
background: #eeeeee none
}

/* Checkout page : tabs */
div.flc-tabs-container {
position: relative;
text-align: right;
height: 60px;
}
div.flc-tabs {
position: absolute;
right: 0;
top: 0;
}
ul.flc-progress-bar {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.flc-progress-bar li {
float: left;
height: 60px;
width: 150px;
padding: 0px;
margin: 0px;
text-align: center;
}

div.flc-tab-cart-line {
vertical-align: top;
text-align: center;
height: 30px;
}
div.flc-tab-cart-line img {
width: 18px;
height: 13px;
text-align: center;
background: transparent url(images/cart_checkout.gif) no-repeat left top;
}

div.flc-tab-marks-line {
padding: 0px;
height: 10px;
vertical-align: top;
}
.flc-tab-marks-line div {
width: 100%;
height: 6px;
position: relative;
}
.flc-tab-marks-line img {
position: absolute;
background: #a6b1c1 none;
}
.flc-tab-marks-line .flc-tab-line-img1 {
top: 0px;
right: 50%;
left: 0px;
width: 50%;
height: 2px;
}
.flc-tab-marks-line .flc-tab-line-img2 {
top: 0px;
right: 0px;
left: 50%;
width: 50%;
height: 2px;
}
.flc-tab-marks-line .flc-tab-line-img3 {
top: 2px;
right: 50%;
width: 2px;
height: 4px;
}
.flc-tab-marks-line .flc-tab-first .flc-tab-line-img1 {
width: 2px;
left: auto;
}
.flc-tab-marks-line .flc-tab-last .flc-tab-line-img2 {
background: white none;
}
.flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img1,
.flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img2,
.flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img3,
.flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img1,
.flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img3
{
background: #ff8600 none;
}

div.flc-tab-links {
font-weight: bold;
text-align: center;
padding: 0px 5px;
}
.flc-tab-links a:link,
.flc-tab-links a:visited,
.flc-tab-links a:hover,
.flc-tab-links a:active
{
text-decoration: underline;
font-weight: bold;
}

/*
Checkout : last  step
*/
.flc-checkout-products {
padding-bottom: 30px;
}
.flc-checkout-box-info {
padding: 0px 0px 30px 20px;
}
.flc-checkout-address-left {
width: 48%;
float: left;
vertical-align: top;
padding-bottom: 15px;
}
.flc-checkout-address-right {
vertical-align: top;
margin-left: 50%;
padding-bottom: 15px;
}
table.flc-checkout-address tr td {
padding: 2px;
}
.flc-payment-options {
padding-bottom: 15px;
}

/*
gift certificate module
*/

/* gift certificate page */
.giftcert-header {
vertical-align: middle;
padding-bottom: 15px;
}
.giftcert-header img {
width: 61px;
height: 67px;
background: transparent url(images/gift.gif) no-repeat left top;
float: left;
margin: 0px 15px 15px 0px;
}
.giftcert-table .giftcert-title {
color: #b51a00;
font-weight: bold;
font-size: 12px;
padding: 10px 0px 0px 0px;
}
.giftcert-table .data-name {
text-align: right;
}
.giftcert-table .giftcert-subtitle {
padding-bottom: 30px;
}
.giftcert-table .giftcert-h-separator {
padding: 15px 0px;
}
.giftcert-table .giftcert-h-separator hr {
border-bottom: 1px solid #cccccc;
}
.giftcert-table .buttons-row #preview_button {
float: left;
}
.giftcert-table .giftcert-delivery-method {
font-weight: bold;
}
table.data-table tr#preview_template td {
vertical-align: middle;
}
#preview_template td select {
margin-right: 20px;
}

/* cart page */
.giftcert-item .image img {
width: 84px;
height: 69px;
background: transparent url(images/gift.gif) no-repeat left top;
}
.giftcert-item .giftcert-item-row .giftcert-item-subtitle {
padding-right: 3px;
}
.giftcert-item .product-title {
padding-bottom: 15px;
}


/*
google checkout module
*/
.gcheckout-cart-buttons {
}
.gcheckout-cart-buttons div {
width: 200px;
margin-left: auto;
margin-right: 0px;
overflow: visible;
text-align: right;
}
.gcheckout-cart-buttons p {
width: 100%;
text-align: right;
margin: 10px 0px;
}

table.gcheckout-top-button {
float: right;
margin-bottom: 3px;
}
table.gcheckout-top-button tr td {
padding: 0px;
}
table.gcheckout-top-button tr td.gcheckout-or-use {
padding-left: 20px;
padding-right: 20px;
}
.error-page .gcheckout-top-button {
display: none;
}

/*
image verification module
*/
div.iv-box {
margin-top: 15px;
font-size: 10px;
line-height: normal;
}
table.data-table tr td.iv-box {
font-size: 10px;
line-height: normal;
vertical-align: middle;
padding-right: 10px;
}
table.data-table tr td.iv-box-descr {
padding-top: 15px;
font-size: 10px;
line-height: normal;
}
.iv-description {
padding: 0px;
margin: 0px;
}
.iv-row {
text-align: left;
height: 60px;
}
.iv-img {
text-align: center;
}
.iv-input {
text-align: center;
}
.iv-row .iv-img {
text-align: left;
margin-right: 10px;
float: left;
}
.iv-row .iv-input {
text-align: left;
height: 60px;
line-height: 60px;
}
.iv-input input {
width: 100px;
}
.iv-error {
padding-left: 5px;
color: #880000;
}
.iv-box a:link,
.iv-box a:visited,
.iv-box a:hover,
.iv-box a:active
{
text-decoration: none;
border: none;
border-bottom: 1px dashed #3c6992;
white-space: nowrap;
color: #3c6992;
font-size: 10px;
}

/*
manufacturers module
*/

/* manufacturers menu list */
.menu-manufacturers img.icon {
background: url(images/dingbats_categorie.gif) no-repeat;
}

/* manufacturers list */
ul.manufacturers-list {
padding: 0px;
margin: 0px;
list-style: none;
}
ul.manufacturers-list li {
margin: 0px;
padding: 0px 0px 0px 5px;
white-space: nowrap;
}

/*
News management module
*/
.news-register-item {
margin-bottom: 5px;
}
.news-register-item label {
line-height: 15px;
}
.news-register-item span {
font-style: italic;
}
.news-item {
}

/* News list */
label.news-item {
display: block;
font-weight: bold;
}
.news-item-descr {
font-style: italic;
padding-left: 20px;
padding-bottom: 15px;
}
.news-list {
}
.news-list .news-item {
margin-top: 27px;
}
.news-list .news-item.last {
margin-bottom: 27px;
}
.news-list .news-date {
color: #818891;
}
.news-list .news-title {
color: #2c3e49;
font-weight: bold;
font-size: 14px;
}
.news-list .news-body {
margin-top: 10px;
}

/*
'Note' box
*/
div.note-box {
position: absolute;
border: 1px solid black;
background-color: #f6f5eb;
margin: 0px 0px 0px 30px;
padding: 3px;
width: 150px;
line-height: 15px;
white-space: normal;
overflow: hidden;
}

/*
product options module
*/
/* exceptions list */
#exception_msg {
padding-bottom: 15px;
}
.poptions-exceptions-list {
padding-bottom: 15px;
}

/* short options list */
.poptions-options-list {
padding: 1px;
}
.poptions-options-list td {
padding-right: 10px;
}

/*
recommended products module
*/
ul.rproducts {
list-style: none outside none;
margin: 0px;
padding: 0px;
}
ul.rproducts li {
margin: 0px;
padding: 4px 0px;
font-size: 7px;
}
ul.rproducts a:link,
ul.rproducts a:visited,
ul.rproducts a:hover,
ul.rproducts a:active
{
font-weight: bold;
font-size: 12px;
}
.printable .rproducts-dialog {
display: none;
}

/*
sns module
*/
.sns-button img {
cursor: pointer;
}
.sns-button .text {
height: 15px;
text-align: center;
}
.sns-button .text a:link,
.sns-button .text a:visited,
.sns-button .text a:hover,
.sns-button .text a:active
{
font-family: arial;
text-decoration: none;
color: #550000;
font-weight: bold;
}

/*
Stop list module
*/
img.slist-no-ip {
vertical-align: middle;
width: 12px;
height: 12px;
background: transparent url(images/no_ip.gif) left top;
}

/*
subscriptions module
*/
.subscriptions-product-price {
color: #010101;
font-weight: bold;
font-size: 12px;
padding-right: 5px;
}
.subscriptions-product-price-value {
color: #b51a00;
font-weight: bold;
font-size: 12px;
}

/*
upselling products module
*/
.uproducts ul {
list-style: none outside none;
padding: 0px;
margin: 0px;
}
.uproducts li {
padding: 5px;
font-weight: bold;
}
ul.uproducts a:link,
ul.uproducts a:visited,
ul.uproducts a:hover,
ul.uproducts a:active
{
font-weight: bold;
font-size: 12px;
}
.printable .uproducts {
display: none;
}

/*
ups online tools module
*/
.ups-logo {
width: 84px;
height: 96px;
margin: 0px 5px 15px 5px;
}
.ups-logo-cell {
margin: 25px 20px 5px 20px;
text-align: center;
}
.ups-notice {
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
text-align: left;
padding-left: 10px;
}
table.ups-error tr td {
padding: 1px;
}
.ups-error-name {
width: 20%;
}

/*
users online module
*/
/* users statistics box */
.uo-box {
width: 100%;
border-top: 1px solid #acb7c7;
background-color: #e8edf4;
padding: 10px 0px 10px 13px;
}

/*
wholesale module
*/
#wl-prices {
margin-top: 15px;
}
#wl-prices table td {
padding: 2px 10px;
background: #eeeeee none;
white-space: nowrap;
}
#wl-prices table th {
padding: 2px 10px;
white-space: nowrap;
background: #cccccc none;
font-weight: bold;
text-align: center;
}
#wl-prices div strong {
color: #112536;
}

/*
wishlist module
*/
.wishlist-sendlist {
margin-top: 15px;
}
.wishlist-sendlist .button {
margin-left: 10px;
margin-top: -3px;
}
.wishlist-sendlist input.input-email {
width: 140px;
}

/*==============================================================================

alternative layouts

==============================================================================*/

/*
printable
*/
.printable #content-container {
position: static;
padding: 0px;
margin-top: 82px;
}
.printable #content-container2 {
float: none;
position: static;
left: 0px;
right: 0px;
width: 100%;
}
.printable #center {
float: none;
position: static;
width: 100%;
left: 0px;
}
.printable #header {
position: static;
height: 82px;
}
.printable #header .tabs {
display: none;
}
.printable #header .line2 {
display: none;
}
.printable #header .printable {
display: none;
}
.printable #center-main {
margin: 0px 10px 0px 10px !important;
position: static;
}
.printable #footer {
position: static !important;
}
.printable #footer .subbox {
background: transparent none;
}

/* buttons */
.printable button.button,
.printable div.button
{
border: 1px solid #acb7c7;
}
.printable .button,
.printable .button *
{
background: transparent none !important;
}

/* containers */
.printable .dialog .title {
background: transparent none;
}
.title h2 {
margin: 0px;
}
.printable .product-details .dropout-wrapper {
height: 150px;
}

/* service styles */
.printable .no-print {
display: none;
}

/*
users online sublayout
*/
.uo-container #content-container {
padding-bottom: 74px;
}
.uo-container #footer {
height: 74px;
}

.normal {
font-weight: normal;
}

/*
Admin preview layout
*/
.admin-preview #header,
.admin-preview #footer,
.admin-preview #left-bar,
.admin-preview #right-bar,
.admin-preview #location,
.admin-preview .offers-short-list,
.admin-preview .creviews-dialog,
.admin-preview .send2friend-dialog
{
display: none;
}
.admin-preview #content-container {
margin: 0px;
padding: 0px;
}
.admin-preview #center-main {
margin: 5px;
}

/*
'Need help' box
*/
.need-help-link:link,
.need-help-link:visited,
.need-help-link:hover,
.need-help-link:active
{
text-decoration: none;
cursor: help;
border: none;
border-bottom: 1px dashed #3c6992 !important;
white-space: nowrap;
color: #3c6992 !important;
}
div.need-help-box,
div.need-help-box div
{
position: relative;
width: 200px;
margin: 0px;
padding: 0px;
}
div.need-help-box div {
position: absolute;
top: 0px;
left: 14px;
border: 1px solid #888888;
background: white;
padding: 6px;
white-space: normal;
font-weight: normal;
overflow: hidden;
}

select.adv-search-select {
width: 400px;
}
div.evaluation-notice {
border: solid 4px #c7c5c5;
background: #f7f6f4;
padding: 16px;
color: #2c3e49;
margin-bottom: 25px;
}
div.evaluation-notice span.license-warning {
color: #911717;
font-weight: bold;
}

/*
Language selectors
*/
strong.language-code img,
a.language-code img,
.language-code img.language-code-out
{
padding: 2px;
border: 0px none;
}

strong.language-code img,
.language-code-over
{
padding: 1px !important;
border: solid 1px #ffffff !important;
}
div.market-price {
margin-top: 4px;
}
div.man-url {
margin-bottom: 6px;
}