@import url('http://fonts.googleapis.com/css?family=Oswald');

.account { overflow:auto; }
.account .column-1 { width:200px; float:left; }
.account .column-2 { width:700px; float:right; }
.account h1 { font-family:Oswald, Tahoma; font-weight:normal; text-transform:uppercase; margin-bottom:10px; border-bottom: solid 1px #ccc; }
.account h2 { font-family:Oswald, Tahoma; font-weight:normal; text-transform:uppercase; }
.account h3 { font-family:Oswald, Tahoma; font-weight:normal; text-transform:uppercase; }

.account-container { border: solid 1px #ccc; margin-bottom:20px; }
.account .notifications { border:solid 1px #dd3c10; background-color: rgb(255, 235, 232); padding:10px; margin-bottom:20px;  }

p.ui-message { padding:10px; border-width:1px; border-style:solid; margin-bottom:10px; }
p.ui-error { border-color: #dd3c10; background-color: rgb(255, 235, 232); }
p.ui-success { border-color: #fed22f; background-color: rgb(255, 240, 165); }

#account-navigation h2 { border-bottom: solid 1px #ccc; }
#account-navigation ul { margin:0 0 20px 0; padding:0; list-style-type:none; }
#account-navigation ul li { padding:0 0 5px 0; }
#account-navigation a { color:#ff6600; }

.account-form { margin:0; padding:0; }
.account-form fieldset { margin:0 0 10px 0; padding:0; border:none; }
.account-form fieldset ul { margin:0; padding:0; list-style-type:none; }
.account-form fieldset ul li { margin-bottom:10px; }
.account-form label { display:block; margin-bottom:5px; }
.account-form .input-text-wrap { display:block; border:solid 1px #ccc; padding:3px; background-color:#ffffff; }
.account-form .input-text-wrap input[type=text], .account-form .input-text-wrap input[type=password] { width:100%; border:none; }
.account-form input[type=submit] { padding:0 30px 0 0; text-decoration:none; color:#ffffff; background: #ff6600 url('/images/layout/button-arrow.png') no-repeat right center; border: solid 5px #ff6600; border-radius:5px; font-family:Oswald, Tahoma; font-weight:normal; text-transform:uppercase; }
.account-form input[type=submit]:HOVER { background: #d95700 url('/images/layout/button-arrow-hover.png') no-repeat right center; border-color:#d95700; }
.account-form a { color:#ff6600; } 

.registration { padding:0 300px 0 0; }
.registration .registration-benefits { width:260px; float:right; margin-right:-300px; background-color:#ececec; border:solid 1px #ccc; padding:10px; }
.registration .registration-benefits p { margin-bottom:20px; }

.expiring { background-color: rgb(255, 235, 232); }

    
    .price-watch-list-item .item-summary { position:absolute; right:10px; bottom:10px; text-align:right; color:#999999; }
    
    .pureCssMenu { margin:0; padding:0; list-style-type:none; background-color:#ffffff; border:solid 1px #b2b2b2; width:160px; display:inline-block; text-align:left; font-size:12px;   }
    .pureCssMenu ul { display:none; z-index:100; }
    .pureCssMenu ul { position: absolute; left:-1px; top:100%; margin:0; padding:0; list-style-type:none; background-color:#ffffff; border:solid 1px #b2b2b2; width:100%; }
    .pureCssMenu > li > a { display:block; padding:2px 0px 2px 5px; margin:0 5px 0 0; text-decoration:none; color:#000000; background: url('/images/layout/arrow-down.gif') no-repeat right center;  }
    .pureCssMenu > li:hover { position:relative; }
    .pureCssMenu > li:hover > ul { display:block }
    .pureCssMenu > li > ul > li > a { display:block; padding:2px 5px; text-decoration:none; color:#000000; }
    .pureCssMenu > li > ul > li > a:HOVER { color:#ffffff; background-color:#3399ff; }
    
    /*
    .pureCssMenu table { border-collapse:collapse; }
    */
    
 
.price-watch-list { margin:0; padding:0; list-style-type:none;  }
.price-watch-list > li {  position:relative; }

.price-watch-item { padding:15px 10px 15px 90px; overflow:auto; border-top: solid 1px #ccc; }
.price-watch-item a { color: #333333; }
.price-watch-item .title { font-size:1.2em; }
.price-watch-item .thumb { float:left; margin-left:-80px; }
.price-watch-item .price-info { position:relative; overflow:auto; }
.price-watch-item .current-price { position:absolute; bottom:0; }
.price-watch-item .price { display:block; margin-top:10px; }
.price-watch-item .item-summary { float:right; text-align:right; }

.price-watch-list .jdropdown { position:absolute; top:0; right:20px; }
.price-watch-list .jdropdown > a { text-decoration:none; border: solid 1px #ccc; background-color:#ffffff; padding:5px; display:block; color:#333; }
.price-watch-list .jdropdown > a:HOVER { background-color:#ececec; }

.jdropdown-window { position:absolute; right:0; z-index:200; border: solid 1px #333; background: #ffffff url('/images/layout/loader.gif') no-repeat center; }


.price-watch-table { width:100%; border-collapse:collapse; }
.price-watch-table thead { background-color:#4e4e4e; color:#ffffff; }
.price-watch-table thead tr th { text-align:left; padding:5px 5px; }
.price-watch-table tbody tr td { padding:5px; border-bottom: solid 1px #cccccc; }

h1 { margin:0 0 10px 0; }
h2 { margin:0 0 10px 0; }

.price { color:#0099dd; }
.price span { font-size: 1.4em; }



h1,h1,h3,h4,h5,h6 { color:#333333; margin:0; padding:0; }


.ui-box-white { border:solid 1px #ccc; width:640px; padding:10px; margin:20px 0px; }
.ui-center { margin-right:auto; margin-left:auto; }
.ui-title { border-bottom: solid 1px #ccc; padding-bottom:5px; outline-width:medium; outline-style:none; outline-color:invert; color:#1c2a47; font-size:16px; }


.ui-form fieldset { margin:0; padding:15px 0px; border:none; }


.ui-form .form-row { margin-bottom:8px; }
.ui-form .form-row label { font-weight:bold; color:#666; vertical-align:middle; width:100px; float:left; display:block; }
.ui-form .form-row input { margin:0; }
.ui-form .form-row .input-text, .form-row .input-password { padding:3px; border:solid 1px #bdc7d8; width:175px; }
.ui-form .buttons, .ui-form .forgot { padding-left:100px; }


#login-form { width:380px; margin-left:auto; margin-right:auto; }