/* CSS Document */
form fieldset {border:none;}
a{color:#2C727A; font-weight:bold;text-decoration:none;}
a:hover{text-decoration:underline}
h3{font-size:1.1em}
h1{margin:20px 0 10px 0;}
body{text-align:center;margin:0 auto; background-color:#E0E0E0; font-family:Garamond,Arial,sans-serif; margin-top:20px;}
a,img{border:none; overflow:hidden;}
#content-wrapper{width:960px; margin:0 auto; background-color:#fff;}
#header #logo {float:left;padding:10px 0;padding-right:20px;}
#content-wrapper #inner-wrapper{float:left; background-color:#fff;padding:0 20px 20px 20px; border:2px solid #ccc;}
/* navigation *****************************/
#header #top-navigation{width:948px;float:left;height:30px;margin-top:-30px;}
#header #top-navigation ul{clear:left;list-style:none; float:right; height:30px; width:775px; display:block; margin:0;padding:0;}
#header #top-navigation ul li{float:left;}
#header #top-navigation ul li a{float:left;background: url(../images/header-links.png);display:block; text-indent:-9999px;height:30px;}
#header #sub-nav{color:#fff; padding:2px; font-size:0.8em;background: url(../images/sub-nav-background.png); height:18px;width:943px; float:left;}
#header #sub-nav #breadcrumbs{float:left;}
#header #sub-nav #contact-tel{float:right;}

#header #top-navigation ul li#home a{background-position:0 -56px; width:80px;}
#header #top-navigation ul li#home a:hover,#header #top-navigation ul li#home a.active{background-position:0 28px; width:80px;}

#header #top-navigation ul li#landscapes a{background-position:-80px -56px; width:98px;}
#header #top-navigation ul li#landscapes a:hover,#header #top-navigation ul li#landscapes a.active{background-position:-80px 28px; width:98px;}

#header #top-navigation ul li#waterscapes a{background-position:-180px -56px; width:109px;}
#header #top-navigation ul li#waterscapes a:hover,#header #top-navigation ul li#waterscapes a.active{background-position:-180px 28px; width:109px;}

#header #top-navigation ul li#townscapes a{background-position:-289px -56px; width:106px;}
#header #top-navigation ul li#townscapes a:hover,#header #top-navigation ul li#townscapes a.active{background-position:-289px 28px; width:106px;}

#header #top-navigation ul li#churches-monuments a{background-position:-395px -56px; width:177px;}
#header #top-navigation ul li#churches-monuments a:hover,#header #top-navigation ul li#churches-monuments a.active{background-position:-395px 28px; width:177px;}

#header #top-navigation ul li#figures a{background-position:-572px -56px; width:94px;}
#header #top-navigation ul li#figures a.active,#header #top-navigation ul li#figures a:hover{background-position:-572px 28px; width:94px;}

#header #top-navigation ul li#about a{background-position:-667px -56px; width:110px;}
#header #top-navigation ul li#about a.active,#header #top-navigation ul li#about a:hover{background-position:-667px 28px; width:110px;}

/*headings ***/
#main h1#welcome{display:block; height:28px; width:300px; background: url(../images/titles/welcome-title.gif); text-indent:-9999px; margin-top:0;}
#main h1#contact{display:block; height:28px; background: url(../images/titles/contact-title.gif); text-indent:-9999px;}
#main #featured-works h2{text-indent:-9999px; height:20px; background:url(../images/titles/featured-works-title.gif);}
#main #category-content h1#Landscapes {display:block; height:28px; background: url(../images/titles/landscapes-title.gif); text-indent:-9999px; margin-bottom:5px;}
#main #category-content h1#Figures{display:block; height:28px; background: url(../images/titles/figures-title.gif); text-indent:-9999px; margin-bottom:5px;}
#main #category-content h1#Churches-Buildings{display:block; height:28px; background: url(../images/titles/churches-buildings-title.gif); text-indent:-9999px; margin-bottom:5px;}
#main #category-content h1#About-Robin{display:block; height:28px; background: url(../images/titles/about-robin-title.gif); text-indent:-9999px; margin-bottom:5px;}
#main #category-content h1#Townscapes{display:block; height:28px; background: url(../images/titles/townscapes-title.gif); text-indent:-9999px; margin-bottom:5px;}
#main #category-content h1#Waterscapes{display:block; height:28px; background: url(../images/titles/waterscapes-title.gif); text-indent:-9999px; margin-bottom:5px;}
#main h1#about-robin{display:block; height:28px; background: url(../images/titles/about-robin-title.gif); text-indent:-9999px; margin-bottom:5px;}


/*main***********************************/
#main{clear:both; line-height:1.3em; text-align:left;float:left; background-color:#fff; width:940px;}
/*homepage***********************************/
#main #home-welcome{float:left; width:300px; margin-top:20px; margin-right:80px;}
#main #home-images{float:left; margin-top:20px; background-color:#CCCCCC; width:560px;}
#main #home-images img{padding:10px; margin:0 auto;}
#main #featured-works{float:left;margin:10px 0;width:940px;}
#main #featured-works div.featured-img-holder div{position:relative;float:left;border:1px solid #ccc; width:197px;height:200px;margin:10px;padding:5px;}
#main #featured-works div.featured-img-holder.first{margin-left:0;}
#main #featured-works div.featured-img-holder.last{margin-right:0;}
#main #featured-works div.featured-img-holder{width:235px;float:left;}
#main #featured-works span{float:left;}
#main #featured-works span.Landscapes{display:block; margin-left:10px;width:150px; height:24px; background: url(../images/homepage-images/featured-titles/landscapes.gif);text-indent:-9999px;}
#main #featured-works span.Waterscapes{display:block; margin-left:10px;width:150px; height:24px; background: url(../images/homepage-images/featured-titles/waterscapes.gif);text-indent:-9999px;}
#main #featured-works span.Figures{display:block; margin-left:10px;width:150px; height:24px; background: url(../images/homepage-images/featured-titles/figures.gif);text-indent:-9999px;}
#main #featured-works span.Townscapes{display:block; margin-left:10px;width:150px; height:24px; background: url(../images/homepage-images/featured-titles/townscapes.gif);text-indent:-9999px;}
#main #featured-works span.Churches-Buildings{display:block; margin-left:10px;width:150px; height:45px; background: url(../images/homepage-images/featured-titles/churches-buildings.gif);text-indent:-9999px;}

/*footer***********************************/
#footer{float:left; color:#fff;; clear:both; background: url(../images/sub-nav-background.png); height:18px; padding:2px; width:936px;font-size:0.9em; margin-top:20px; text-align:left;}
#footer #copyright{float:left;margin-left:10px}
#footer #sitemap{float:right;margin-right:10px;}
#footer #sitemap a{color:#fff;}
/*category*********************************/
#toolbar{background-color:#ccc;height:30px;width:940px;}
#toolbar #paging{float:left;margin:4px;}
#toolbar #direction{float:right;margin:4px;}
#toolbar #sort-by{float:left; margin:4px;}
.pages{float:left;clear:both;height:29px;}
.pages span{float:left;margin:5px 3px 0 0;}
.pages a{display:block; width:20px; height:20px; float:left; margin:3px; background-color:#EFEFEF; border:1px solid #ccc;text-align:center;}
#current-record{float:right;}
#category-images{width:918px; border:1px solid #ccc; padding:10px;float:left;}
#category-images .image-placeholder{width:197px; height:200px; border:1px solid #ccc; padding:5px;float:left;margin:10px;}
#category-images .image-placeholder h3{margin:2px;padding:0;font-size:1em;}
#category-images .image-placeholder .description{height:50px;width:147px;overflow:hidden;}
#category-images .image-placeholder a {margin:0 auto;}
#category-content #paging-form input,select{width:90px !important;}
#category-content #paging-form #paging-selector{width:40px !important;float:left;}
#category-content #paging-form select{margin:0;float:left;}
#category-content #paging-form label{margin-right:5px;float:left;}

/*contact form******************************/
#contact-form {background-color:#EFEFEF; width:750px;margin:0 auto; margin-top:10px; height:550px;}
#contactfrm div{width:450px; margin:0 auto;padding:20px;float:right;}
#item-edit-frm label,#contact-form label{clear:left;float:left;text-align:right; display:block; width:200px; margin:5px 0;}
#item-edit-frm input,#contact-form input,#item-edit-frm select{float:right;margin:4px 0; width:200px;}
#contact-form textarea{float:right;}
#contact-form #send{clear:both;}
#contact-form fieldset{border:none;}
#contact-form img{margin:10px; float:left;}
#contact-left{width:250px;float:left;}
#contact-form #contactfrm{float:right;}
#warning {clear:left; float:left !important; width:250px !important;}
#warning h3{text-align:center;}
/*product page *****************************/
#main #product-information{float:right; width:300px;margin-top:63px;}
#main #product-information h3{background-color:#ccc; padding:5px; display:block;}
#main #product-information h3#availability{margin-top:0px;}
#main #product-main{float:left; width:630px;}
#main #product-information #contact{display:block; height:20px; background: url(../images/icons/mail.gif) no-repeat; padding-left:30px;margin:5px 0;}
#main #product-information #phone{display:block; height:20px; background: url(../images/icons/phone.gif) no-repeat; padding-left:30px;}
.zoom{display:block; height:25px; background: url(../images/icons/zoom.gif) no-repeat; padding-left:30px;}
#main #product-information h4.tag{margin:0;padding:0;display:inline;}
h2#description{font-size:1.2em;}	
/*** about-robin ***/
#main #about-robin-content{border:1px solid #CCCCCC;float:left;padding:10px;width:918px;}
#main #about-robin-content img{float:left; margin:0 20px 20px 0; border:10px solid #efefef;}
#main #about-robin-content #address{border-top:1px solid #CCCCCC; padding-top:10px;}
/*** login form ***/
#main #loginfrm{width:200px;padding:100px 0 20px 0;margin:0 auto;}
#main #login-messages{width:190px; margin:0 auto;}
/*** product edit form ***/
#item-edit-frm div{width:550px; margin:0 auto;padding:0;float:right;}
#item-edit-frm label{clear:left;float:left;text-align:right; display:block; width:200px; margin:5px 0;}
#item-edit-frm input,select,#item-edit-frm textarea{float:right;margin:4px 0; width:300px;}
/** admin dashboard **/
.initial{padding:8px; border:1px solid #ccc;}
#products-table{padding:10px; border:1px solid #ccc; margin-top:20px;}
#products-table td,#products-table th{padding:2px 10px;}
/** admin edit item **/
#edit-image{float:left; width:320px;border:1px solid #666; margin-top:20px; padding:10px; height:350px;}

#formSrc{clear:left;float:left;width:280px; margin:10px 0;}

#formSrc input{margin:10px 10px 10px 0;float:left; width:140px;}
#formSrc label{margin:10px 10px 0 0;float:left; width:80px;}
#item-edit-frm {margin:0; padding:0;}
#item-edit-frm #available-as-print,
#item-edit-frm #available-as-original,
#item-edit-frm #featured-on-homepage,
#item-edit-frm #featured-category,
#item-edit-frm #isArchived
{width:40px;float:left;margin-top:10px;margin-left:5px;}
#item-edit-frm #category{width:150px !important; float:left;margin-left:15px;}
#item-edit-frm #published-date{width:80px;float:left;margin-left:15px;}
form#upload-image{margin:20px 0;}
span#replace{clear:left;float:left;}
#edit-image img{float:left;}
form#upload-image input{clear:left;float:left; margin:10px;}
#save-item-messages{font-size:1.2em};

#formSrc label{float:left;clear:left;}

/*** admin navigation ***/
#admin-navigation ul li a {float:left; text-decoration:none; font-size:1.2em;}
#admin-navigation ul{margin:0;padding:0; list-style:none;}
#admin-navigation ul li{float:left;}
#admin-navigation ul li a{margin:0 10px; color:#fff;}
.step1{background: url(../images/admin/step1.gif) center top no-repeat; padding-top:50px !important;}
.step2{background: url(../images/admin/step2.gif) center top no-repeat; margin-top:20px !important; padding:50px 10px 0 10px !important; border: 1px solid #666;}

.hint{border:1px solid #8ECFA3; padding:10px;}
.warning{border:1px solid #DF7D7D; padding:10px;}

.success {background:url(../images/icons/bg_message_green.gif) top left no-repeat; color:#677F6B; border:1px solid #677F6B; padding:10px 10px 0; padding-left:70px; margin:5px 0;}
.failure {border:1px solid #CF8181; background:url(../images/icons/bg_message_red.gif) top left no-repeat;padding-left:70px; margin:5px 0;}
#error-reasons{padding-left:10px;font-size:0.8em;}
.failure h4,.success h4{margin:2px; padding:0;}
.failure ul{margin:2px;}
.odd{background-color:#efefef;}
a:hover .inital{font-size:1.1em}