@import url('undo.css');
@import url('font.css');
@import url('message.css');
@import url('form.css');

body {
min-width: 970px;
}

#container {
padding-left: 200px;
padding-right: 15px;
}

#container .column {
position: relative;
float: left;
}

#center {
width: 100%;
}

#left {
width: 170px;
right: 200px;
margin-left: -100%;
padding:0 15px;
}

#right {
display:none;
width: 200px;
margin-right: -200px;
}

#footer {
text-align:center;
clear: both;
padding: 15px;
}

#footer a.h3 {
display:block;
}

#footer a.h3_logo {
background:transparent url('../images/h3_logo.png') no-repeat scroll left top;
display:block;
position:absolute;
right: 15px;
height:20px;
width:20px;
}

#footer a.powered_by_logo {
background: url('http://framework.zend.com/images/PoweredBy_ZF_4LightBG.png') no-repeat left top;
display:block;
position:absolute;
left: 15px;
height:25px;
width:127px;
}

/* IE6 Fix */
* html #left {
left: 150px;
}

/* Basket */
#basket {
margin-top: 15px;
margin-bottom: 15px;
}

#basket a, #basket .empty{
border: 1px dotted #ccc;
display: block;
padding: 5px 5px 5px 25px;
background: #eee url('../images/icon/basket.png') 3px 4px no-repeat;
}

tr.basket_header th {
height: 30px;
border-bottom: 1px dotted #ccc;
margin-bottom: 5px;
background-color:#eee;
}

.basket_table td {
height: 30px;
border-bottom: 1px dotted #ccc;
margin-bottom: 5px;
}

.basket_table tr.altRow2 td {
background-color:#eee;
}

.basket_total td {
height: 30px;
border-bottom: none;
}

.basket_add {
padding-left: 20px;
background: #eee url('../images/icon/basket_put.png') center left no-repeat;
}

.basket_update {
padding-left: 20px;
background: #eee url('../images/icon/basket.png') center left no-repeat;
}

.basket_empty {
padding-left: 20px;
background: #eee url('../images/icon/basket_delete.png') center left no-repeat;
}

.checkout, .basket_send {
padding-left: 20px;
background: #eee url('../images/icon/basket_go.png') center left no-repeat;
}

.rememberUpdate {
margin-left: 15px;
padding: 5px 0 5px 20px;
font-weight: 700;
background: url('../images/icon/flag_red.png') center left no-repeat;
}

/* Side message */
#side-msg ul {
margin-top: 5px;
border-top: 1px solid #ccc;
}

#side-msg h3 {
padding-left: 20px;
background: url('../images/icon/information.png') 0 0 no-repeat;
}

#side-msg li {
padding-top: 5px;

}

/* Locale */
#locale ul {
margin-top: 5px;
border-top: 1px solid #ccc;
}

#locale a {
display: block;
padding-top: 5px;
height: 20px;
border-bottom: 1px solid #ccc;
padding-left: 25px;
}

#locale a.is {
background: url('../images/flags/is.png') 3px 6px no-repeat;
}

#locale a.en {
background: url('../images/flags/en.png') 3px 6px no-repeat;
}

/* Menu */
#menu {
margin-bottom: 15px;
}

#menu ul {
margin-top: 5px;
border-top: 1px solid #ccc;
}

#menu a {
display: block;
padding-top: 5px;
height: 20px;
border-bottom: 1px solid #ccc;
padding-left: 25px;
background: url('../images/icon/folder_picture.png') 3px 4px no-repeat;
}

/* Viewing album */
.image_wrap {
float: left;
margin-right: 5px;
margin-bottom: 5px;
height: 150px;
width: 150px;
border: 1px solid #ccc;
}

.image_wrap .image a {
overflow: hidden;
display:block;
height: 102px;
width: 100%;
background: #eee;
padding-top: 9px;
border-bottom: 9px solid #eee;
}

.image_wrap .image a:hover {
background: #dedede;
border-color: #dedede;
}

.image_wrap .image img {
display:block;
margin:auto;
}

.image_wrap .info {
padding-top: 3px;
font-size: .9em;
border-top: 1px solid #ccc;
background: #ddd;
height: 26px;
}

.image_wrap .info .checkbox {
float: left;
margin: 4px 10px 7px 7px;;
}

form input {
margin-bottom:5px;
}

/* Pager */
.pager {
border-bottom: 1px dotted #ccc;
}

.pager .next{
float: right;
}

.pager .next a{
display:block;
padding: 5px 20px 5px 5px;
background: url('../images/icon/pager_arrow_right.gif') center right no-repeat;
}

.pager .next a:hover, .pager .previous a:hover, .pager .pages a:hover{
background-color: #eee;
}

.pager .previous{
float: left;
}

.pager .previous a{
display:block;
padding: 5px 5px 5px 20px;
background: url('../images/icon/pager_arrow_left.gif') center left no-repeat;
}

.pager .pages {
margin: 0 auto;
text-align: center;
width: 70%;
}

.pager .pages ul {
height: 20px;
}

.pager .pages li {
display: inline;
}

.pager .pages a {
padding: 5px 10px;
margin: 0 1px;
}

.pager .pages li.selected a{
font-weight: 700;
background-color: #eee;
border: 1px dotted #ccc;
}

/* Other */
.ajax_message {
float: left;
width: 200px;
height: 15px;
margin-left: 320px;
margin-top: -25px;
position:absolute;
}

.clear {
clear:both;
}

.required {
color: #e00;
}

hr {
height:1px;
border: 0;
border-top: 1px solid #ccc;
}

.hidden {
display:none;
}