/* Global Reset */
* {margin:0; padding:0;}
ul {margin:0; list-style:none;}
p, form {margin:0;}


/* Main layout */
html, body {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#000000; line-height:18px;}
body {background:#d1d1d1;}
#skip {position:absolute; top:15px; left:-9999px;}
#container {margin:0 auto; text-align:left; width:960px; background:#fff url('/images/design/background_body.jpg') repeat-y; padding:0 10px;}
#content {width:930px; margin:0 auto; padding:5px 15px 15px 15px; min-height:400px; height:auto !important; height:400px;}
#main {float:left; width:565px; padding:0 25px 0 10px;}
#side {float:left; width:310px;} 


/* Header */
#header {height:190px;}
#intro {padding:2px 0 0 30px; height:23px; background:#fec502; color:#000000;}
#intro span {padding:0 10px;}
#intro a {color:#000; text-decoration:none;}
#headerwrapper {padding:18px 10px 10px 20px;}
#logo {float:left; width:286px;}
#headerwrapper #left {float:left; margin:0; padding:0; margin-left:335px; width:306px;}
#phone {width:306px; height:32px; position:relative; overflow:hidden;}
#phone span {display:block; position:absolute; left:0; top:0; z-index:1; width:306px; height:32px; margin:0; padding:0; background:url('/images/design/phone.jpg') top left no-repeat;}
#basket {margin-top:25px;}
#basket #total {width:160px; float:left;}
#basket #link a {display:block; float:left; width:50px; height:32px;}
#headerwrapper #left a {color:#3c3c3c; text-decoration:none;}


/* Footer */
#footer {background:transparent url('/images/design/background_footer.png') no-repeat; width:948px; height:146px; margin:0 auto; padding:20px 15px 0px 15px; color:#2f241b; font-size:8pt;}
#footer a {color:#000; text-decoration:none;}
#footer .top {padding:5px 0 40px 10px;}
#footer .top ul {margin:0; float:left;}
#footer .top li {float:left;}
#footer .top li span {padding:0 10px;}
#footer .left {float:left; width:315px; padding-left: 10px;}
#footer .right {float:left; width:300px;}


/* Credit */
#credit {margin:0 auto; width:930px; text-align:right; padding:5px 0 15px 0;}
#credit a {color:#000; text-decoration:none; font-size:9pt;}


/* Search box */
#search {float:left; width:281px; height:236px; border:solid 1px #9d9d9d; background:#d1d1d1; margin:12px 0 0 12px; padding:9px;}
#search input, textarea, select {border:0; font-family:Arial, Helvetica, sans-serif; font-size:10pt;}
#search input:hover, #search input:focus {background:#fff;}
#search .submit {padding-top:0;}
.searchbox {padding:3px 5px 3px 5px; border:0px #fff;}
#searchbox {float:left; padding-right:12px; }
.searchbutton {border:0px; padding:0;}
#search .formlabel {float:left; font-weight:bold; text-align:right; width:50px; clear:left; padding:0 5px 0 0; margin-top:5px;}
#search .formfield {float:left; width:175px; padding-bottom:11px;}
#search .button {float:left; text-align:right; width:75px;}
#search .clearlink {float:left; text-align:right; width:200px; padding-top:5px; outline:none;}
#search select {font-size:10pt; margin:0; padding:1px 0;}


/* Homepage */
#rotator {float:left; width:597px; height:294px; border:solid 1px #9d9d9d; background:#d1d1d1; padding:9px;}
#keywordsearch {float:left; width:281px; height:25px; border:solid 1px #9d9d9d; background:#d1d1d1; margin-left:12px; padding:9px;} 
#welcome {float:left; width:596px; padding:10px; margin-top:12px; min-height:515px; height:auto !important; height:515px; background:#fff; border:solid 1px #9d9d9d;}
#recentadditionleft {float:left; width:145px; padding-right:12px;}
#recentadditionright {float:left; width:120px; line-height:20px;}
.recentspacer {margin-top:9px;}
.image145border {width:147px; height:147px; border:solid 1px #000; background:#000; text-align:center; display:table-cell; vertical-align:middle}


/* Homepage Scroll */
div.scrollable {float:left; position:relative; overflow:hidden; width:595px; height:292px;}
div.scrollable div.items {width:20000em; position:absolute; background:#000;}  
div.scrollable div.items div {float:left; width:595px;}  
a.prev {position:relative; top:-190px; display:block; width:43px; height:84px; background:url('/images/buttons/scroll_left.png') no-repeat left center; float:left; cursor:pointer; font-size:1px;}
a.next {position:relative; top:-190px; left:512px; display:block; width:43px; height:84px; background:url('/images/buttons/scroll_right.png') no-repeat left center; float:left; cursor:pointer; font-size:1px; clear:right;}
a.disabled {background-position: 43px center; cursor:default;}


/* Breadcrumbs */
#breadcrumbs {padding:0 0 12px 12px; font-size:9pt;}
#breadcrumbs a {text-decoration:none; color:#3c3c3c;}


/* General */
h1 {margin:0 0 20px 0; font:27px Georgia; color:#000000; font-weight:bold;}
h2 {margin:0 0 20px 0; font:18px Georgia; color:#000000; font-weight:bold;}
h3 {margin:0 0 20px 0; font-size:16px; color:#000000; font-weight:bold;}
.clear {clear:both; height:0px;}
.smalltext {font-size:7pt;}
.noborder {text-decoration:none; border-bottom:0;}
.greybox {float:left; width:281px; border:solid 1px #9d9d9d; background:#d1d1d1; padding:9px; margin:12px 0 0 10px;}
#fullwidthbox {background:#fff; width:900px; padding:15px;}
.divider {padding:0 8px;}
#mainpaddedwhitebox {float:left; width:591px; padding:12px; min-height:500px; height:auto !important; height:500px; background:#fff; border:solid 1px #9d9d9d;}
#sidepaddedwhitebox {float:left; width:281px; background:#fff; padding:10px; margin-left:12px;}
.required {color:Red; padding:0 5px;}
a {color:#3c3c3c;}


/* Menu */
#menu {padding:20px 0 0 14px;}
#menu ul {margin:0; overflow:hidden;}
#menu li {float:left; margin:0; padding:0;}
#menu a {position:relative; display: block; color:#fff; height:28px; overflow:hidden; cursor:pointer;}
#menu span {position:absolute; top:0; left:0; height:100%; width:100%; background: url('/images/design/background_menu.jpg') no-repeat 0 0;}
#menu_home a {width:130px;}
#menu_about a {width:130px;}
#menu_search a {width:158px;}
#menu_recent a {width:165px;}
#menu_ordering a {width:115px;}
#menu_returns a {width:121px;}
#menu_contact a {width:112px;}
#menu_home span {background-position:0 0;}
#menu_about span {background-position:-130px 0;}
#menu_search span {background-position:-260px 0;}
#menu_recent span {background-position:-418px 0;}
#menu_ordering span {background-position:-583px 0;}
#menu_returns span {background-position:-698px 0;}
#menu_contact span {background-position:-820px 0;}
#menu_home a:hover span {background-position:0 -28px;}
#menu_about a:hover span {background-position:-130px -28px;}
#menu_search a:hover span {background-position:-260px -28px;}
#menu_recent a:hover span {background-position:-418px -28px;}
#menu_ordering a:hover span {background-position:-583px -28px;}
#menu_returns a:hover span {background-position:-698px -28px;}
#menu_contact a:hover span {background-position:-820px -28px;}
.home #menu_home span, #menu_home a:hover span {background-position:0 -28px;}
.about #menu_about span, #menu_about a:hover span {background-position:-130px -28px;}
.search #menu_search span, #menu_search a:hover span {background-position:-260px -28px;}
.recent #menu_recent span, #menu_recent a:hover span {background-position:-418px -28px;}
.ordering #menu_ordering span, #menu_ordering a:hover span {background-position:-583px -28px;}
.returns #menu_returns span, #menu_returns a:hover span {background-position:-698px -28px;}
.contact #menu_contact span, #menu_contact a:hover span {background-position:-820px -28px;}


/* Admin Menu */
#adminmenu {clear:left; padding:20px 0 0 14px;}
#adminmenu ul {margin:0; overflow:hidden;}
#adminmenu li {float:left; margin:0; padding:0;}
#adminmenu a {position:relative; display: block; color:#fff; height:28px; overflow:hidden; cursor:pointer;}
#adminmenu span {position:absolute; top:0; left:0; height:100%; width:100%; background: url('/images/design/background_adminmenu.jpg') no-repeat 0 0;}
#adminmenu_posters a {width:130px;}
#adminmenu_orders a {width:130px;}
#adminmenu_pages a {width:130px;}
#adminmenu_filters a {width:130px;}
#adminmenu_posters span {background-position:0 0;}
#adminmenu_orders span {background-position:-130px 0;}
#adminmenu_pages span {background-position:-260px 0;}
#adminmenu_filters span {background-position:-390px 0;}
#adminmenu_posters a:hover span {background-position:0 -28px;}
#adminmenu_orders a:hover span {background-position:-130px -28px;}
#adminmenu_pages a:hover span {background-position:-260px -28px;}
#adminmenu_filters a:hover span {background-position:-390px -28px;}
.posters #adminmenu_posters span, #adminmenu_posters a:hover span {background-position:0 -28px;}
.orders #adminmenu_orders span, #adminmenu_orders a:hover span {background-position:-130px -28px;}
.pages #adminmenu_pages span, #adminmenu_pages a:hover span {background-position:-260px -28px;}
.filters #adminmenu_filters span, #adminmenu_filters a:hover span {background-position:-390px -28px;}


/* Admin */
#admincontent {width:930px; margin:5px auto 15px auto; padding:15px; background:#fff;} 
#admincontent .formlabel {display:block; font-weight:bold; padding:15px 0 3px;}
#admincontent input, textarea {border:solid 1px #ddd9d8; font-family:Arial, Helvetica, sans-serif; font-size:10pt; padding:3px;}
#admincontent input:hover, #admincontent input:focus, #admincontent textarea:hover, #admincontent textarea:focus {background:#f4f4f3;}
#admincontent .requiredfield {color:#939291; font-size:8pt; font-weight:normal;}
#admincontent .submit {padding-top:20px;}
#admincontent .checkboxlist td {padding:2px 0;}
#admincontent .checkboxlist input {border:0;}
#admincontent .radiobuttonlist input {border:0;}


/* Datagrid Tables */
.datagrid td {padding:5px 10px;}
.datagrid th {padding:0 5px; background:#fec502; height:30px; color:#2e241b; border:0;}
.datagrid th a {color:#2e241b;}
.datagrid td {border:solid 1px #F1F3F5;}
.datagrid table {border:solid 1px #F1F3F5;}
.datagrid td a {color:#2e241b; text-decoration:none; border-bottom:dashed 1px #2e241b;}


/* Forms */
.formlabel {display:block; font-weight:bold; padding:15px 0 3px;}
input, textarea, select {border:solid 1px #ddd9d8; font-family:Arial, Helvetica, sans-serif; font-size:10pt; padding:3px;}
.requiredfield {color:#939291; font-size:8pt; font-weight:normal;}
.submit {padding-top:20px;}


/* Search Results */
.searchresult {float:left; border:solid 1px #2f241b; height:226px; width:146px; background:#d1d1d1; text-align:center; line-height:17px; margin-bottom:12px;}
.searchresult .bottom {height:21px; background:#2f241b; text-align:right; padding-top:3px; margin-top:3px; text-align:left;}
.searchresult .price {float:left; width:110px; margin-left:8px; color:#fff;}
.searchresult .addtobasket {float:left; width:14px;}
.searchresult a {text-decoration:none; color:#3c3c3c;}
.searchresult .image145 {width:146px; height:148px; background:#fff; text-align:center; display:table-cell; vertical-align:middle}
.resultpadding {float:left; width:8px;}
.paging {float:left; background:#d1d1d1; padding:5px 10px 4px 10px; margin-bottom:12px;}
.pagingbottom {float:left; background:#d1d1d1; padding:5px 10px 4px 10px;}
.itemcount {float:left; width:660px;}
.navigation {float:left; width:250px; text-align:right; padding-top:1px;}
.showall {padding-left:20px;}


/* Control Bar */
#controlbar {position:fixed; height:15px; line-height:15px; top:0; left:0; z-index:10; color:#000; width:125px; padding:5px 10px; background:#fec502;}
#controlbar a {color: #000; text-decoration:none;}
#controlbar a:hover {text-decoration:underline;}


/* Product Details */
#productimage {float:left; width:460px;}
#productdetails {float:left; width:450px; padding-left:12px;}
#relatedproducts {padding-top:12px;}


/* Image zoom */
.mojozoom_marker {position:absolute; cursor:hand;}
.mojozoom_border {position:absolute; left:0px; top:0px; border:1px solid black; width:100%; height:100%;}
.mojozoom_fill {position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:white; opacity:0.2; -moz-opacity:0.2; -khtml-opacity:0.2; filter:alpha(opacity=20);}
img.mojozoom_img {padding:0px; border:0px;}
.mojozoom_imgctr {position:absolute; margin-left:20px; border:1px solid black;}


/* Checkout */
#paymentoptions {float:left; width:279px; padding:10px; margin-left:12px; min-height:505px; height:auto !important; height:505px; border:solid 1px #9d9d9d; background:#fff; }
.basketimage {margin-right:12px;}


/* Checkout */
#checkoutform {width:370px; margin:0px auto;}
#checkoutform .formlabel {float:left; width:110px; padding-top:5px;}
#checkoutform .formfield {float:left; width:250px; padding:0 0 10px 0;}
#checkoutform input, textarea, select {border:solid 1px #ddd9d8; font-family:Arial, Helvetica, sans-serif; font-size:10pt; padding:3px;}
#checkoutform .submit {padding-top:20px;}
.paymentoption {float:left; width:420px; padding-right:40px;}
.paymentoptionbutton {float:left; width:130px; text-align:center;}
.paymentoptiongoogle {float:left; width:415px;}
.paymentoptionbuttongoogle {float:left; width:170px; text-align:center; padding-top:30px;}
.confirmtable {float:left; width:290px;}
#ordertotal {width:590px; text-align:right; padding-top:10px;}

/* Add Item */
.additemleft {float:left; width:500px;}
.additemright {float:left; width:376px; background:#f4f2f0; padding:12px; margin-bottom:12px;}
.additemright .watermarked {color:#9c9898;}
.additemright h2 {margin:0 0 10px 0; font:18px Georgia; color:#2f241b; font-weight:bold;}
#admincontent .additemright input:hover, #admincontent .additemright input:focus, #admincontent .additemright textarea:hover, #admincontent .additemright textarea:focus {background:#fff;}
#admincontent .additemright .formsubfield {display:block; padding:3px 0 3px 0;}