/* ---------------------------------------------------------------
В данном файле содержится описание всех свойств стилей, кроме 
таких:
    color
    font (и производных)
    text-decoration

Они находятся в файле fonts.css    

--------------------------------------------------------------- */


@import url("../common/reset.css");
@import url("fonts.css");



/* ------------------------ LAYOUT Styles ------------------------
------------------------------------------------------------------
--------------------------------------------------------------- */


.wrapper { 
    background:url('../../images/shadow.png') repeat-y center center;
    width:100%;
    height:100%;
}

.page {
    margin:auto;
    padding-left:2px;
    width:1000px;
}

.header {
    background:url('../../images/header.png') no-repeat;
    height:188px;
    width:1000px;
} 

.footer {
    height:130px;
    width:1000px;
    background:url('../../images/footer.png') no-repeat;
}



/* ------------------------ HEADER Styles ------------------------
------------------------------------------------------------------
--------------------------------------------------------------- */

.header .header-text {
    line-height:1.2;
    margin-left:186px;
    margin-top:10px;
    position:absolute;
    text-align:center;
    width:650px;
}

.logo-link {
    height:86px;
    margin-left:387px;
    margin-top:65px;
    position:absolute;
    width:223px;
    cursor:pointer;
}

.header .activate-gift {
    position:absolute;
    margin-left:866px;
    margin-top:8px;
    width:100px;
}

#city-select {
    margin-left:13px;
    margin-top:12px;
    position:absolute;
    background-color:#FFFFFF;
    border:1px solid #A1A1A1;
    font-size:12px;
    margin-top:9px;
    padding:2px;
    width:150px;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.header .telephone-number {
    position:absolute;
    margin-left:0px;
    margin-top:87px;
    padding-left:17px;
/*    background: url('../../images/dancingPhone.gif') no-repeat scroll top left;  */
}

.header .telephone-0024 {
    position:absolute;
    margin-left:20px;
    margin-top:81px;
}

.header .online-consultant {
    position:absolute;
    margin-left:13px;
    margin-top:114px;
    line-height:1.6;
}

#gifts-categories { 
    height: 20px;
    text-align: center;
    top: 58px;
    padding-bottom: 0; 
}

#gifts-categories li { 
    background-image: url('../../images/gift-category-separator.png'); 
    background-position: right center; 
    background-repeat: no-repeat; 
    display: inline; 
    padding: 0 12px 0 6px; 
}

#gifts-categories li.last { 
    background: none; padding-right: 6px; 
}

.header .online-consultant .skype {
    padding-left:10px;
    padding-top:7px;
    display:block;
    margin-bottom:-5px;
/*    background: url('../../images/skype.png') no-repeat scroll center left; */
}

.header .online-consultant .icq {
    margin-left:0px;
	padding-left:10px;
	padding-top:0;
    display:block;
/*    background: url('../../images/icq.png') no-repeat scroll top left; */
}

.header .online-consultant .number {
    height:20px;
}

.header .share-banner {
	margin-left:220px;
	margin-top:66px;
	position:absolute;
	z-index:999;
}



.header .user-menu ul li {
    float:left;
    margin-left:10px;
}

.header .user-menu ul {
    float:right;
    margin-right:20px;
}

.header .user-menu {
    margin-left:605px;
    margin-top:88px;
    position:absolute;
    text-align:right;
    width:400px;
}

.header .search-form {
    position:absolute;
    margin-left:690px;
    margin-top:119px;  
}

.header .search-form input {
    border:1px solid #a69ca5;
    width:215px;    
    padding:2px 3px;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.main-menu ul li {
    display:inline;
    margin-left:3px;
    margin-right:3px;
}

.header .main-menu {
    padding-top:160px;
    text-align:center;
}

.footer .main-menu {
    padding-top:15px;
    text-align:center;
}

.main-menu ul {
    display:inline;
    text-align:center;
}

.additional-menu {
    padding:72px 10px 0 10px;
    text-align:center;
}

.additional-menu li {
    float:left;
    padding:0 8px;
}






/* ------------------ COMMON CONTENT Styles ----------------------
------------------------------------------------------------------
--------------------------------------------------------------- */

#content ol {
	list-style-type: decimal;
	margin-left:20px;
}

#content ul {
	list-style-type: disc;
	margin-left:20px;
}

ul.actions {
    margin-left:0px !important;
}

.layout-content {
    padding:12px;
    width:976px ;
}


.button {
    line-height:38px;
    margin:20px 0;
    float:left;
    background: url('../../images/center-button.png') repeat-x; 
}

.button .left {
    background: url('../../images/left-button.png') no-repeat scroll top left;
    width: 11px;
    height: 38px;
    float:left;
}

.button .right {
    background: url('../../images/right-button.png') no-repeat scroll top left;
    width: 6px;
    height: 38px;
    float:right;
}

.button .label {
    padding:0 23px;
    cursor:pointer;
}

.table-vertical-middle td {
    vertical-align:middle;
}

div#product-picture-uploading-block { 
    width: 300px; 
}
    
.share-star {
    display:block;
    height:85px;
    margin-left:232px;
    margin-top:-89px;
}


/* ----------------- HOME PAGE CONTENT Styles ------------------ */

.home-page-footer-content {
    background: #422c40 url('../../images/mesa.png') no-repeat right bottom;
}

.home-page-slider {
    background: url('../../images/home.png') no-repeat;
    width: 976px;
    overflow:hidden;
}



/* --------------- PRODUCT PAGE CONTENT Styles ----------------- */


#product-page {
    overflow:hidden;
    padding: 37px 56px 6px;
    background-color:#fff;
}


/* ------- .left-content-part */

#product-page .left-content-part { 
    float: left; 
    width: 360px; 
}

#product-page .left-content-part h1 { 
    line-height: 100%; 
    margin-bottom: 27px; 
}

#product-page .left-content-part p.description { 
    margin-bottom: 16px; 
}

#product-page .left-content-part ul.actions { 
    list-style: none;
}
 
#product-page .left-content-part ul.actions li { 
    /*margin-top: -4px;*/
}

#product-page .left-content-part .prices { 
    float: right; 
    position: relative; 
    right: 23px; 
    top: -24px; 
}

#product-page .left-content-part .prices span.old-price { 
    margin-right: 6px; 
    text-decoration: line-through; 
}

#product-page .left-content-part span.details-title { 
    display: block; 
    margin-bottom: 10px; 
    margin-top: 27px; 
}

#product-page .left-content-part dl.details-list { 
    margin-bottom: 15px; 
}

#product-page .left-content-part dl.details-list dt { 
    float: left; 
    margin-right: 4px; 
}

#product-page .left-content-part .more-details { 
}

#product-page .left-content-part .more-details p { 
    margin-bottom: 13px; 
}


/* ------- .right-content-part */

#product-page .right-content-part { 
    float: right; 
    width: 470px; 
}

#product-page .right-content-part .preview { 
    min-height: 50px; 
}

#product-page .right-content-part .comments-header {
    overflow:hidden;
}

#product-page .right-content-part .comments-title { 
    display: block; 
    margin-bottom: 6px; 
    margin-top: 15px;
    width:100px;   
    float:left;
}

#product-page .right-content-part a.add-comment {
    float: right;
    display: block;  
    margin-top: 5px;  
    margin-top:15px;
    text-align:right;
    width:170px;
}



/* ------- .mini-slider */

.mini-slider-header {
    background: url('./../../images/pay-attantion.png') top center no-repeat; 
    height: 103px; 
    width: 1000px;
    margin-left:-12px;
    margin-bottom:-40px;
}

.mini-slider-header .title {
    margin-left: 59px;
    padding-top: 19px;
}

.mini-gifts-slider ul.poduct-list li {
    float:left;
    margin-right: 20px; 
    width: 200px;
}

.mini-gifts-slider ul.poduct-list li h2 {
    line-height: 100%; 
    margin-bottom: 10px; 
    margin-top: 5px;
}

.mini-gifts-slider ul.poduct-list li ul.actions {
    list-style:none outside none;
    margin-top:9px;
    overflow:hidden;
    float:left;
    width:130px;
}

.mini-gifts-slider ul.poduct-list li .price {
    float:right;
    margin-top:15px;
}

.mini-gifts-slider ul.poduct-list li div.price span.old {
    margin-right:5px;
    text-decoration:line-through;
}

.mini-gifts-slider ul.poduct-list {
    list-style:none outside none;
    overflow:hidden;
    min-height:450px;
}

.mini-gifts-slider .slider-control {
    margin-top:33px;
}

.mini-gifts-slider {
    overflow:hidden;
    width:976px;
}

.mini-slider-container .scrollbar {
    background:url("../../images/scrollbar/horizontal.png") no-repeat scroll center center transparent;
    height:16px;
    margin:auto;
    width:923px;
}




/* ---------------------- INFO PAGE Styles -----------------------
------------------------------------------------------------------
--------------------------------------------------------------- */


#info-page { 
    padding: 80px 40px;
    text-align: center; 
}

#info-page h1 { 
    color: #ce539e; 
    font-size: 22px; 
}

#info-page p { 
    color: #4d3647; 
    font-size: 12px; 
    margin: 8px 0; 
}

#info-page a { 
    color: #ce539e;  
}

#info-page a.large { 
    color: #ce539e; 
    font-size: 16px; 
}

#info-page a:hover { 
    text-decoration:none; 
}


/* ------------------- FEEDBACK PAGE Styles ----------------------
------------------------------------------------------------------
--------------------------------------------------------------- */


#feedback-page {
    padding:30px 40px 40px 60px;
}

#feedback-page h1 {
    color:#CE539E;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
}

#feedback-page table td {
    vertical-align:top;
}

#feedback-page table {
    margin:10px 0 10px 113px;
}

#feedback-page input,
#feedback-page textarea {
    border: #A1A1A1 solid 1px;
    width:280px;
    margin:0 0 14px 10px;
    padding:3px;
    font:13px arial,sans-serif;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#feedback-page textarea {
    height:200px;
    width:400px;
}

#feedback-page .button {
    float:none !important;
    margin:auto;
    width:140px;
    margin-top:10px;
}

#feedback-page p.error-message {
    text-align:center;
    margin-bottom:18px;
}

/* -------------------- LARGE SLIDER Styles ----------------------
------------------------------------------------------------------
--------------------------------------------------------------- */

.gifts-slider ul.poduct-list li {
    float:left;
    margin-right:10px;
    width:300px;
}

.gifts-slider ul.poduct-list li h2 {
    line-height:100%;
    margin:17px 0 6px;
}

.gifts-slider ul.poduct-list li p {
    padding-right:54px;
}

.gifts-slider ul.poduct-list li ul.actions {
    list-style:none outside none;
    margin-top:9px;
    overflow:hidden;
    float:left;
    width:130px;
}

.gifts-slider ul.poduct-list li .price {
    float:right;
    margin-top:15px;
}

.gifts-slider ul.poduct-list li.last { 
    margin-right: 0;
}

.gifts-slider ul.poduct-list li div.price span.old {
    margin-right:5px;
    text-decoration:line-through;
}

.gifts-slider ul.poduct-list {
    list-style:none outside none;
    overflow:hidden;
}

.gifts-slider .slider-control {
    *margin-top:33px;
}

.scrollbar .scroller { 
    display: block; 
}


.gifts-slider .scrollbar {
    background:url("../../images/scrollbar/horizontal.png") no-repeat scroll center center transparent;
    height:16px;
    margin:auto;
    width:915px;
    padding-right:8px;
}

/* Slider Control */

.scrollbar-arrow.horizontal { 
    display: block; 
    height: 115px; 
    margin-top: -3px; 
    width: 79px;
    cursor:pointer;
}

.scrollbar-arrow.horizontal.left { 
    background-image: url('../../images/scrollbar-arrows/border_arrow_left.png'); 
    position:absolute;
    left:0;
    top:248px;
}

.scrollbar-arrow.horizontal.right { 
    background-image: url('../../images/scrollbar-arrows/border_arrow_right.png'); 
    position:absolute;
    right:0;
    top:248px;
}

.scroller-overlay .horizontal { 
    background: transparent url('../../images/transparent.png'); 
    border: none; 
    display: block; 
    height: 16px; 
    margin: auto;  
    margin-top: -16px; 
    width: 923px; 
}

.scrollbar.horizontal .scroller { 
    height: 16px; 
    position: relative; 
}

.scrollbar.horizontal .scroller .wrapper { 
    background: transparent url('../../images/scroller/middle.png') center center repeat-x; 
    display: block; 
    height: 16px; 
    margin: 0 4px; 
    text-align: center; 
}

.scrollbar.horizontal .scroller .wrapper .side { 
    display: block; 
    height: 16px; 
    position: relative; 
    width: 4px; 
}

.scrollbar.horizontal .scroller .wrapper .side.left { 
    background-image: url('../../images/scroller/left-side.png'); 
    float: left; 
    left: -4px; 
}

.scrollbar.horizontal .scroller .wrapper .side.right { 
    background-image: url('../../images/scroller/right-side.png'); 
    float: right; 
    right: -4px; 
}

.scrollbar.horizontal .scroller .wrapper .center { 
    display:inline; 
    position:static;
    margin-left:0px; 
}

button.scroller-overlay.horizontal  {
    background:url("./images/transparent.png") repeat scroll 0 0 transparent;
    border:medium none;
    display:block;
    height:16px;
    margin:auto;
    position:absolute;
    margin-top:-16px;
    width:923px;
    padding:0;
}


/* ----------------------- FAVORITES Styles ----------------------
------------------------------------------------------------------
--------------------------------------------------------------- */


#favorits-page {
    padding: 17px 56px;
    background-color:#fff;
}

#favorits-page h1 { 
    margin: 4px 0 22px; 
    float:left;
    margin-bottom:10px;
}

#favorits-page .title-links {
    display:block;
    float:left;
    margin-left:10px;
    margin-top:13px;
}

#favorits-page .title-links {
    color:#A1A1A1;
    font-size:11px;
}

#favorites { 
    clear: both;
    height: 401px; 
    overflow: hidden;
    width: 865px; 
}

#favorites ul.content { 
    float: left; 
    list-style: none;
    width: 820px; 
}

#favorites ul.content li { 
    border-bottom:1px solid #ccc; 
    float: left; 
    padding-bottom:8px; 
    margin-bottom: 9px; 
}

#favorites ul.content .details { 
    overflow:hidden;
    margin-left:121px;
}

#favorites ul.content .details span.price.value {
    color:#CE539E;
    font-size:22px;
}

#favorites ul.content li.left { 
    float: left; 
}

#favorites ul.content li.right { 
    float: right; 
}

#favorites ul.content li div.preview { 
    float: left; 
    height: 85px; 
    margin-right: 10px; 
    width: 110px; 
}

#favorites ul.content li h2 { 
    line-height: 100%; 
    padding-bottom:5px; 
}

#favorites ul.content li div.controls { 
    margin-top: 10px; 
    overflow:hidden;
}

#favorites ul.content li span.price.value { 
    margin-right: 12px; 
    margin-top:-4px; 
    display:block;
    float:left;
}

#favorites ul.content li a.shopping-cart { 
    float: left; 
    margin-top: 3px; 
}

#favorites ul.content li a.delete-from-favorites { 
    float: right; 
    margin-top: 3px; 
}

#favorites div.scrollbar-wrapper { 
    height: 393px; 
}

#favorites div.scrollbar { 
    background: url('../../images/scrollbar/vertical.png') center center no-repeat; 
    height: 401px; 
    margin: auto; 
}

#favorites button.scroller-overlay.vertical { 
    height: 401px; 
    margin: auto; 
    padding: 0;
    position: relative; 
    top: -401px; 
}

#favorites a.scrollbar-arrow.vertical.top { 
    margin-bottom: 10px; 
}

#favorites a.scrollbar-arrow.vertical.bottom { 
    margin-top: -340px; 
}


div.scrollbar.vertical div.wrapper {
    background:url("../../images/scroller/vertical/middle.png") repeat-y scroll 0 0 transparent;
    display:block;
    height:92px;
    position:relative;
    width:15px;
}

button.scroller-overlay.vertical  {
    background:url("../../images/transparent.png") repeat scroll 0 0 transparent;
    border:medium none;
    display:block;
    width:15px;
}

div.scrollbar.vertical div.wrapper span.top,
div.scrollbar.vertical div.wrapper span.bottom { 
    display: block; 
    height: 4px; 
    top: -4px; 
    width: 15px; 
}

.scrollbar.vertical  {
    width:15px;
}

.scrollbar-wrapper  {
    float:right;
    width:21px;
}

a.scrollbar-arrow.vertical { display: block; height: 15px; width: 21px;  }
a.scrollbar-arrow.vertical.top { background-image: url('../../images/scrollbar-arrows/top.png'); }
a.scrollbar-arrow.vertical.bottom { background-image: url('../../images/scrollbar-arrows/bottom.png'); }

div.scrollbar-wrapper { float: right; width: 21px; }

div.scrollbar.vertical { width: 15px; }

div.scrollbar.vertical div.scroller { height: 92px; padding: 4px 0; position: relative; width: 15px; }
div.scrollbar.vertical div.wrapper { 
    background: transparent url('../../images/scroller/vertical/middle.png') repeat-y; 
    display: block; 
    height: 92px;  
    width: 15px; 
}

div.scrollbar.vertical div.wrapper span { 
    display: block; 
}

div.scrollbar.vertical div.wrapper span.top,
div.scrollbar.vertical div.wrapper span.bottom { display: block; height: 4px; width: 15px; }
div.scrollbar.vertical div.wrapper span.top { background-image: url('../../images/scroller/vertical/top.png'); position:absolute; }
div.scrollbar.vertical div.wrapper span.bottom { background-image: url('../../images/scroller/vertical/bottom.png'); }
div.scrollbar.vertical div.wrapper span.center { background: url('../../images/scroller/vertical/center.png') center center no-repeat; height: 92px; }

button.scroller-overlay.vertical { background: transparent url('../../images/transparent.png'); border: none; display: block; width: 15px; }





/* ------------------------- CART Styles -------------------------
------------------------------------------------------------------
--------------------------------------------------------------- */

#cart-page {
    overflow:hidden;
    padding: 25px 30px 6px;
    background-color:#fff;
    overflow:hidden;
}

#cart-page .left-content-part {
    float:left;
    width:500px;
}

#cart-page .right-content-part {
    float:right;
    width:415px;
}

#cart-page .title-links {
    display:block;
    margin-left:10px;
    margin-top:10px;
    float:left;
}

#cart-page h2 {
    float:left;
}

#cart-page h2.order {
    width:415px;
    padding-bottom:25px;
}

#shopping-cart { 
    height: 471px; 
    margin-top: 55px; 
    overflow: hidden; 
    width:460px; 
}

#shopping-cart ul { 
    float: left; 
    list-style: none; 
    width: 404px; 
}

#shopping-cart ul li { 
    background: url('../../images/favorites-bottom-line.png') bottom center repeat-x; 
    height: 100px; 
    margin-bottom: 9px; 
    width: 419px; 
}

#shopping-cart ul li div.preview { 
    float: left; 
    height: 85px; 
    margin-right: 10px; 
    width: 110px; 
}

#shopping-cart ul li span.title { 
    display: block; 
    height: 55px; 
    line-height: 100%; 
    top: 5px; 
}

#shopping-cart ul li div.controls { 
    margin-top: -9px;
}

#shopping-cart ul li span.price.value { 
    margin-left: 7px; 
    vertical-align: middle; 
    float:right; 
}

#shopping-cart ul li a.remove-from-shopping-cart { 
    margin-top: 7px; 
}

#shopping-cart ul li a.remove-from-shopping-cart:hover { 
    text-decoration:none;
}

#shopping-cart div.scrollbar-wrapper { 
    height: 463px; 
}

#shopping-cart div.scrollbar { 
    background: url('../../images/scrollbar/vertical-middle-sized.png') center center no-repeat; 
    height: 471px; 
    margin: auto; 
}

#shopping-cart button.scroller-overlay.vertical { 
    height: 463px; 
    margin: auto; 
    padding: 0;
    position: relative; 
    top: -463px; 
}

#shopping-cart a.scrollbar-arrow.vertical.top { 
    margin-bottom: 10px; 
}

#shopping-cart a.scrollbar-arrow.vertical.bottom { 
    margin-top: -407px;
}

#shopping-cart ul li .quantity {
    float:right;
    width:70px;
    height:25px;
    margin-right:11px;
    margin-top:4px;
}

#shopping-cart ul li .quantity img {
    float:left;
    margin-top:2px;
}

.quantity-value input {
    border: #A1A1A1 solid 1px; 
    float:left;
    margin:0 5px;
    text-align:center;
    width:22px;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#cart-page .right-content-part p {
    margin-bottom:10px;
}

#cart-page .right-content-part input,
#cart-page .right-content-part textarea {
    border: #A1A1A1 solid 1px;
    width:280px;
    margin-top:8px;
    padding:3px;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#cart-page .right-content-part label {
    width:120px;
    display:block;
}

#cart-page .right-content-part table {
    margin-bottom:20px;
}

#cart-page .right-content-part .checkbox {
    border: #A1A1A1 solid 1px;
    float:left;
    width:280px;
    margin-top:8px;
    padding:3px;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#cart-page .right-content-part .checkbox .arrow {
    float:right;
    margin-left:5px;
    margin-top:3px;
}

#cart-page .right-content-part .checkbox-list {
    position:absolute;
    width:280px;
    border: #A1A1A1 solid 1px;
    padding:3px;
    margin-top:31px;
    background-color:#fff;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#cart-page .right-content-part .checkbox-list ul li {
    margin-bottom:5px;
}

#total-price { 
    margin-top: 15px; 
}

#total-price span.value { 
    margin-left: 10px;
}

a.decrease,
a.increase {
    display: block;
    height: 15px;
    width: 14px;
}

a.decrease {
    background: url('../../images/minus.png');
}

a.increase {
    background: url('../../images/plus.png');
}

a.decrease, 
a.increase { 
    float: left; 
    margin-top: 3px; 
}

#login-page p.error-message,
#recovery-page p.error-message,
#activation-page p.error-message {
    margin-top: 16px;
}



#cart-page select  {
    border: #A1A1A1 solid 1px;
    font-size:12px;
    margin-top:9px;
    padding:3px;
    background-color:#fff;
    width:288px;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.confirmation-checkbox {
    cursor:pointer;
    height:21px;
    margin-top: 10px;
    overflow:hidden;
    line-height:21px;
    float:left;
    padding-left:30px;
    width:430px;
    background: url('../../images/checkbox/normal.png') no-repeat;
}

.rememberme-checkbox {
    cursor:pointer;
    height:21px;
    overflow:hidden;
    line-height:21px;
    padding-left:30px;
    width:191px;
    margin-top:16px;
    background: url('../../images/checkbox/normal.png') no-repeat;
}

.checked {
    background: url('../../images/checkbox/checked.png') no-repeat;
}

/* -------------------- USER PROFILE Styles ----------------------
------------------------------------------------------------------
--------------------------------------------------------------- */



#user-page { 
    padding: 48px 150px; 
    background-color:#fff;
}

#user-page h1 { 
    text-align: center; 
}

#user-page p#errors-box { 
    margin-top: 15px; 
}

#user-page #personal-information { 
    margin-bottom: 47px; 
    margin-top: 10px; 
}

#user-page #personal-information div.detail { 
    margin: 7px 0; 
}

#user-page #personal-information a { 
    cursor: pointer; 
}

#user-page #personal-information form { 
    display: none; 
    margin-left: 10px; 
}

#user-page #personal-information form input { 
    border: #A1A1A1 solid 1px; 
    height: 17px; 
    padding: 5px; 
    vertical-align: middle; 
    width: 161px;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
}

#user-page #personal-information form input.submit { 
    display: none; 
}

#user-page #personal-information form a { 
    margin-left: 5px; 
}

#user-page #orders { 
    margin-top: 6px; 
}

#user-page #orders th, table#orders td { 
    border-bottom: 1px solid #dadada; 
    padding: 12px; 
}

#user-page #orders tr.last td { 
    border-bottom: none; 
}


/* -------------- LOGIN and RECOVERY PAGE Styles -----------------
------------------------------------------------------------------
--------------------------------------------------------------- */


#login-page label { 
    margin: 16px 0 4px; 
}

#login-page,
#recovery-page,
#activation-page { 
    padding: 24px 0 77px 0; 
}

#login-page table#center,
#recovery-page table#center,
#activation-page table#center { 
    width: 100%; 
}

#login-page h1,
#recovery-page h1,
#activation-page h1 { 
    padding-top: 20px;
}

#login-page label,
#recovery-page label,
#activation-page label { 
    display: block; 
}

#login-page input,
#recovery-page input,
#activation-page input { 
    border: #A1A1A1 solid 1px; 
    display: block; 
    height: 16px; 
    padding: 6px; 
    text-align: center; 
    width: 249px;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
}

#recovery-page #messagebox { 
    margin: 24px 0 16px; 
}




/* ------- activation-page */

#activation-page { 
    padding: 48px 0; 
    text-align: center; 
}

#activation-page p#errors { 
    margin: 15px 0 -15px; 
}

#activation-page label { 
    display: block; 
    margin: 26px 0 17px; 
}

#activation-page #activation-key {
    display:inline;
}

#activation-page p#activation-notation { 
    margin: 27px 0 18px 0; 
}






/* --------------------- STATIC PAGE Styles ----------------------
------------------------------------------------------------------
--------------------------------------------------------------- */

#static-page { 
    padding: 24px 153px 44px; 
}

#static-page h1 { 
    padding-bottom: 16px; 
    padding-top: 20px; 
}

#static-page h2 { 
    padding-bottom: 14px; 
    padding-top: 17px;
}

#static-page h3 { 
    margin-bottom: 5px;
}

#static-page p { 
    font-size: 12px; 
    padding-bottom: 10px;
}

#static-page ol, ul { 
    list-style-position: inside; 
    padding-bottom: 14px;
}

#static-page ul li { 
    margin: 2px 0; 
}

#static-page ol li ul { 
    list-style-type: disc; 
    margin-left: 30px; 
    padding-bottom: 0;
}

#static-page ol li ul li { 
    margin: 2px 0; 
}

#static-page ol li p { 
    margin: 2px 0 0 40px; 
    padding-bottom: 0; 
}

#static-page p.question { 
    margin-bottom: -4px; 
    margin-top: 8px; 
}





/* ------------------------ FOOTER Styles ------------------------
------------------------------------------------------------------
--------------------------------------------------------------- */

#subject-list { 
    height: 20px;
    position: relative;
    text-align: center;
    top: 58px;
    padding-bottom: 0; 
}

#subject-list li { 
    background-image: url('../../images/gift-category-separator.png');
    background-position: right center; 
    background-repeat: no-repeat; 
    display: inline; 
    padding: 0 12px 0 6px; 
}

#subject-list li.last { 
    background: none; 
    padding-right: 6px;
}

.additional-menu ul {
    list-style-position:outside;
}

.column-3-layout {
    overflow:hidden;
    width:1000px;
    line-height:1.1;
}

.column-3-layout h2 {
    margin-bottom:10px;
}

.column-3-layout p {
    margin-bottom:10px;
}

.column-3-layout .first, 
.column-3-layout .second,
.column-3-layout .third {
    float:left;
    width:295px;
    padding:15px;
}

.column-3-layout .border {
    border-right:1px solid #71606f;
    height:430px;
    margin-top:40px;
    position:absolute;
    width:307px;
}

.copyright {
    line-height:1.1;
    text-align:center !important;
    margin-left:10px;
    padding-bottom:10px;
    padding-top:35px;
}

.copyright a {color:#fff}
.copyright a:hover {text-decoration:none}


/* ----------------------- HELPERS Styles ------------------------
------------------------------------------------------------------
--------------------------------------------------------------- */


.fleft {
    float:left;
}

.fright {
    float:right;
}

