.contentContainer{ margin:0 15px;}

.rightColumn { width:220px; float:right;}

/*----samo za topic da profile box ide preko sadržaja---*/
.profileBox {height:32px;}
.profileContainer {position:absolute; z-index: 3;}

.sidebar {margin-left: 15px; margin-top: 30px; margin-right: 15px;  position: absolute; right: 20px; *position: static; *float: right; width: 290px; line-height: 21px; }
.sidebar img {margin-bottom: 20px;}

.search { margin-right:230px; margin-left:210px; margin-bottom:10px;  height:32px;}
.search img {float:left;}
.search .searchButton {float:right; margin-left:10px;}
.search .inputSearch { background-color:#fff; margin-right:94px; height:32px; background-image:url(../images/searchBckgroundRight.gif); background-repeat:no-repeat; background-position:right center}
.search input.text { font-family:Verdana; font-size:12px; color:#666; height:29px; margin-top:1px; line-height:32px; width:80%; border:none; border-style:none; border-width:0px; border-color:#fff;}

.content_wrap {background:#fff; background-image:url(../images/contentCornerBottomRight.gif); background-repeat:no-repeat; background-position: right  bottom;}
      
.content {padding-right:235px; }
.content {background-image:url(../images/contentCornerTopRight.gif); background-repeat:no-repeat; background-position: right  top;}
.content .contentCornerTopLeft {background-image:url(../images/contentCornerTopLeft.gif); background-repeat:no-repeat; background-position: left top; height:4px; }
.content .contentCornerBottomLeft {background-image:url(../images/contentCornerBottomLeft.gif); background-repeat:no-repeat; background-position: left bottom;height:4px;}

.contentPadding { margin-top:15px; margin-left:30px; margin-bottom:15px; *zoom:1; *height:100%;}

img {cursor: pointer;}
.cartTable {width: 90%; *width: 100%; font-family: Verdana; font-size: 13px; border: solid 1px #dadada; border-top: 0px; border-left: 0px; line-height: 23px;}
.cartTable .itemMain {padding-top: 10px; padding-bottom: 10px; padding-left: 5px; border-bottom: solid 1px #dadada; }
.cartTable .item {text-align: center; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; border-bottom: solid 1px #dadada;}
.cartTable .itemMain .info {float: left;}
.cartTable .itemMain .info a {text-decoration: none; color: #898686;font-size: 11px;}
.cartTable .itemMain .info a:hover {text-decoration: underline;}
.cartTable .itemMain img {float: left; margin-right: 10px;}
.cartTable .header {position: static; line-height: 45px; font-size:12px; font-weight: bold; padding: 10px; background: #333; color: #fff; border: none 0;}
.cartTable .title {font-size:14px; font-weight: bold; color: #5671a3; text-decoration: none;}
.cartTable .author {font-size:12px; font-weight: normal; color: #a39e9e;}
.cartTable .price {font-size: 12px; font-weight: bold; color: #ae0e0e;}
.cartTable input {width: 30px; line-height: 18px; height: 18px; text-align: center;}
.cartTable .itemInfo {width: 50%; text-align: left; padding-left: 10px; font-size: 13px;}
.cartTable .itemPrice {width: 17%; text-align: center;}
.cartTable .itemUnits {width: 10%; text-align: center;}

#cartActions {width: 90%; *width: 100%; }

#cartFooter {width: 90%;  *width: 100%; border-top: solid 1px #bcbea9; border-bottom: solid 1px #bcbea9; background: #eaece7; font-size: 16px; font-weight: bold; color: #ae0e0e; padding-bottom: 15px; padding-top: 15px; margin-bottom: 15px;}
#cartFooter .totalPrice {float:right; width: 15%; text-align: center;}
#cartFooter .totalPriceLabel {float:right;}
#cartFooter .shippmentInfo {float: left; font-size: 12px; font-weight: normal; color: #333; margin-left: 15px; line-height: 21px;}
#cartFooter .shippmentInfo a {text-decoration: underline; color: #61a301; font-size: 11px;}
#cartFooter .shippmentInfo a:hover {text-decoration: none; color: #333;}
    
.memberIntroTop {width: 92%; *width: 97%; margin-left: 20px; float: left;}
.memberIntroTop img {float: left; margin-right: 5px;}
.memberIntro {float: left; width: 92%; *width: 97%; background-image:url(../images/breadcumbBox_Left.gif); background-position: left center;  height: 97px; margin-bottom: 20px; line-height: 24px; background-color:#c6d8ab; background-repeat: no-repeat; }
.memberIntro strong {font-size: 14px; display: block; margin-left: 25px; margin-top: 15px;}
.memberIntro span {font-size: 12px; display: block; margin-left: 25px; line-height: 21px;}
.memberIntro a {text-decoration: none; color: #fff;}
.memberIntro a:hover {text-decoration: underline;}

.memberControls {width: 95%; *width: 100%; float: left;}
.orderContainer {width: 95%; *width: 100%; float: left;}
.paymentContainer {width: 95%; *width: 100%; float: left;}

.loginBox {width: 47%; float: left; margin-right: 20px; line-height: 25px; border: solid 1px #dadada;}
.loginBox #innerContainer {margin: 15px;}
.loginBox #innerContainer div {line-height: 50px; white-space: nowrap;}
.loginBox #innerContainer a {color: Gray; text-decoration: none;}
.loginBox #innerContainer a:hover {text-decoration: underline;}
.loginBox .importantMsg {color: Red;}
.loginBox legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: #61a301;}
.loginBox label {font-size: 12px; font-weight: bold;}
.loginBox input[type="text"] {width: 95%; height: 26px; line-height: 26px; padding-left: 3px; }
.loginBox input[type="password"] {width: 95%; height: 26px; line-height: 26px; padding-left: 5px;}
.loginBox input[type="image"] {float: left; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; }

.registerBox {width: 47%; line-height: 25px; border: solid 1px #dadada;}
.registerBox legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: #61a301;}
.registerBox #innerContainer {margin: 15px;}
.registerBox .importantMsg {color: Red;}
.registerBox label {font-size: 12px; font-weight: bold;}
.registerBox input[type="text"] {width: 95%; height: 26px; line-height: 26px; padding-left: 3px; }
.registerBox input[type="password"] {width: 95%; height: 26px; line-height: 26px; padding-left: 5px;}
.registerBox input[type="image"] {float: left; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; }


#userAddresses {width: 90%; *width: 100%; line-height: 25px; border: solid 1px #dadada; border-top: solid 5px #e1ebd1; display: block;}
#userAddresses .innerContainer {margin: 10px;}
#userAddresses legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: #61a301;}

#orderAddress {width: 90%; *width: 100%; line-height: 25px; border: solid 1px #dadada; border-top: solid 5px #e1ebd1; margin-top: 20px; display: block;}
#orderAddress .innerContainer {margin: 10px;}

#orderAddress .innerContainer .nameGroup {background: #e1ebd1; padding: 10px; padding-bottom: 20px;}
#orderAddress .innerContainer .name {width: 50%; float: left;}
#orderAddress .innerContainer .name input {*margin-left: -10px; float: left;}
#orderAddress .innerContainer .surname {width: 50%; float: right;}
#orderAddress .innerContainer .surname input {*margin-left: -10px; float: left;}

#orderAddress .innerContainer .addressGroup {padding: 15px;}
#orderAddress .innerContainer .addressGroup .heading {color: #61a301; border-bottom: solid 3px #dadada; padding-bottom: 5px; margin-bottom: 5px; font-size: 14px;  font-weight: bold;}
#orderAddress .innerContainer .street {width: 80%; float: left;}
#orderAddress .innerContainer .street input {*margin-left: -10px; float: left;}
#orderAddress .innerContainer .number {width: 20%; float: right;}
#orderAddress .innerContainer .number input {*margin-left: -10px; float: left; width: 86%;}
#orderAddress .innerContainer .town {width: 80%; float: left;}
#orderAddress .innerContainer .town input {*margin-left: -10px; float: left;}
#orderAddress .innerContainer .postNumber {width: 20%; float: right;}
#orderAddress .innerContainer .postNumber input {*margin-left: -10px; float: left; width: 86%;}
#orderAddress .innerContainer .isAbroad {width: 80%; float: left; display: block; margin-top: 15px;}
#orderAddress .innerContainer .country {width: 80%; float: left;}
#orderAddress .innerContainer .country select{float: left; width: 95%;}


#orderAddress .innerContainer .contactGroup {padding: 15px;}
#orderAddress .innerContainer .contactGroup .heading {color: #61a301; border-bottom: solid 3px #dadada; padding-bottom: 5px; margin-bottom: 5px; font-size: 14px; font-weight: bold;}
#orderAddress .innerContainer .telephone {width: 50%; float: left;}
#orderAddress .innerContainer .telephone input {*margin-left: -10px; float: left;}
#orderAddress .innerContainer .mobile {width: 50%; float: right;}
#orderAddress .innerContainer .mobile input {*margin-left: -10px; float: left;}

#orderAddress legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: #61a301;}
#orderAddress label {font-size: 12px; font-weight: bold;}
#orderAddress input[type="text"] {width: 95%; height: 26px; line-height: 26px; padding-left: 3px; }
#orderAddress input[type="image"] {float: left; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; }

.restrictionMessage {width: 90%; *width: 100%; line-height: 25px; border: solid 1px #dadada;  margin-bottom: 15px; border-top: solid 8px #e1ebd1;}
.restrictionMessage .innerContainer {margin: 10px; font-size: 12px; font-weight: bold; font-weight: normal; line-height: 19px;}
.restrictionMessage legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: Red;}

.expressDelivery {width: 90%; *width: 100%; line-height: 25px; border: solid 1px #dadada;  margin-bottom: 15px; border-top: solid 8px #e1ebd1; margin-top: 20px;}
.expressDelivery .innerContainer {margin: 10px; font-size: 12px; font-weight: bold; font-weight: normal; line-height: 19px;}
.expressDelivery legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: #61a301;}


#paymentType {width: 90%; *width: 100%; line-height: 25px; border: solid 1px #dadada;  margin-bottom: 15px; border-top: solid 8px #e1ebd1;}
#paymentType #innerContainer {margin: 10px; font-size: 12px; font-weight: bold;}

#paymentType legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: #61a301;}
#paymentType label {margin-right: 20px;}
#paymentType input[type="text"] {width: 95%; height: 26px; line-height: 26px; padding-left: 3px; }
#paymentType input[type="image"] {float: left; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; }

#PayWay {width: 90%; *width: 100%; line-height: 25px; border: solid 1px #dadada; margin-top: 20px; border-top: solid 8px #e1ebd1; *zoom: 1;}
#PayWay .innerContainer {margin: 10px; font-size: 12px; font-weight: bold;}

#PayWay legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: #61a301;}
#PayWay .cardData {float: left; margin-left:50px; background: #e1ebd1; width: 64%; padding: 10px; padding-left: 15px; }
#PayWay .cardData input[type="text"] {width: 250px; height: 26px; line-height: 26px; padding-left: 3px; padding-left: 3px; }
#PayWay .cardSelector {float: left; margin-left: 15px; margin-top: 10px; line-height: 24px;}
#PayWay #orderAddress {border: none; border-top: solid 8px #e1ebd1; margin-top: 60px; width: 90%;}


#legal {width: 90%; *width: 100%; line-height: 25px; border: solid 1px #dadada; margin-top: 20px; border-top: solid 8px #e1ebd1;}
#legal legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: #61a301;}
#legal .innerContainer {margin: 10px; font-size: 12px; font-weight: bold; margin-top: 0px;}
#legal .innerContainer .legalGroup {padding: 15px;}
#legal .innerContainer .legalGroup .heading {color: #61a301; border-bottom: solid 3px #dadada; padding-bottom: 5px; margin-bottom: 5px; font-size: 14px; font-weight: bold;}
#legal .innerContainer .company {width: 103%; float: left;}
#legal .innerContainer .company input {*margin-left: -10px; float: left;}
#legal .innerContainer .MB {width: 50%; float: left;}
#legal .innerContainer .MB input {*margin-left: -10px; float: left;}
#legal .innerContainer .fax {width: 50%; float: right;}
#legal .innerContainer .fax input {*margin-left: -10px; float: left;}
#legal input[type="text"] {width: 95%; height: 26px; line-height: 26px; padding-left: 3px; }
#legal input[type="image"] {float: left; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; }

#netbank {width: 90%; *width: 100%; line-height: 25px; border: solid 1px #dadada; margin-top: 20px; border-top: solid 8px #e1ebd1;}
#netbank legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: #61a301;}
#netbank .innerContainer {margin: 10px; font-size: 12px; font-weight: normal; margin-top: 0px;}
#netbank .innerContainer .legalGroup {padding: 15px;}
#netbank .innerContainer .legalGroup .heading {color: #61a301; border-bottom: solid 3px #dadada; padding-bottom: 5px; margin-bottom: 5px; font-size: 14px; font-weight: bold;}


#simpleCart {width: 100%; *width: 100%; line-height: 21px; border: none; margin-top: 20px; *padding-top: 20px;}
#simpleCart #cartContainer {width: 100%;  height: 0px; overflow:hidden; font-size: 12px; font-weight: bold; zoom: 1;}
#simpleCart legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: #61a301;}
#simpleCart .cartTable {line-height: 21px; }
#simpleCart .cartTable .header {line-height: 20px; font-size:12px; font-weight: bold; padding: 10px; background: #e1ebd1; color: #333; border: none 0;}
#simpleCart .cartTable .itemMain {padding-top: 10px; padding-bottom: 10px; padding-left: 5px; border-bottom: solid 1px #dadada;} 
#simpleCart .cartTable .item {text-align: center; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-bottom: solid 1px #dadada; font-weight: normal; }
#simpleCart .cartTable .title {font-size:12px; font-weight: bold; color: #5671a3; text-decoration: none; }
#simpleCart .cartTable .author {font-size:11px; font-weight: normal; color: #a39e9e;}
#simpleCart .cartTable .binding {font-size: 11px; color: #333; text-transform: lowercase;}

.cartFooter {width: 90%; *width: 100%; border-top: solid 1px #bcbea9; border-bottom: solid 1px #bcbea9; background: #eaece7; line-height: 24px; font-size: 16px; font-weight: bold; color: #ae0e0e; padding-bottom: 15px; padding-top: 15px; margin-bottom: 15px;}
.cartFooter .totalPrice {float:right; width: 15%; text-align: center;}
.cartFooter .totalPriceLabel {float:right;}
.cartFooter .shippingCost {float: right; width: 15%; font-size: 14px; color: #333; font-weight: bold;  text-align: center; }
.cartFooter .shippingCostLabel {float: right; font-size: 14px; color: #333; font-weight: bold;}

.genericBox {width: 93%; *width: 100%; margin-bottom: 15px; margin-top: 10px; }
.genericBox .boxHeader {width: 100%; height: 44px; background-image:url(../images/GenericBox_HeaderBack.gif); background-repeat: repeat-x; background-position: center center;}
.genericBox .boxHeaderLeft {width: 7px; height: 44px; float: left; background-image:url(../images/GenericBox_HeaderLeft.gif); background-repeat: no-repeat; background-position: left center;}
.genericBox .boxHeaderRight {width: 7px; height: 44px; float: right; background-image:url(../images/GenericBox_HeaderRight.gif); background-repeat: no-repeat; background-position: right center;}
.genericBox .boxHeader span {line-height: 44px; padding-left: 5px; font-size: 16px; font-weight: bold; color: #cf7003;}
.genericBox .boxContent {border-left: solid 1px #b2b1b1; border-right: solid 1px #b2b1b1; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;}
.genericBox .boxContent .boxMenu {border-top: solid 1px #b2b1b1; border-bottom: solid 1px #b2b1b1; padding-top: 5px; padding-bottom: 5px; font-size: 13px;}
.genericBox .boxContent .boxMenu a {color: #546c8c; text-decoration: none; font-weight: bold;}
.genericBox .boxContent .boxMenu a:hover {text-decoration: underline;}
.genericBox .boxFooter {width: 100%; height: 6px; border-bottom: solid 1px #b2b1b1; }
.genericBox .boxFooterLeft {width: 8px; height: 7px; float: left; background-image:url(../images/GenericBox_BottomLeft.gif); background-repeat: no-repeat; background-position: left center;}
.genericBox .boxFooterRight {width: 8px; height: 7px; float: right; background-image:url(../images/GenericBox_BottomRight.gif); background-repeat: no-repeat; background-position: right center;}