/* HTML
------------------------------------------ */

body {background: transparent url(../Images/purple.jpg) repeat-x top left; font-family: Georgia; text-align: center; font-size: small; margin: 0;}
body#landscape {background: transparent url(../Images/darkblue2.jpg) repeat-x top left;}
body#nature {background: transparent url(../Images/green.jpg) repeat-x top left;}
body#portrait {background: transparent url(../Images/blue.jpg) repeat-x top left;}

h1 {font-size: 125%;font-weight: normal;margin: 0; padding: 0;color: #444;}
h2 {font-size: 115%;}
h3 {font-size: 105%;}
h4 {font-size: 75%;}
p {font-size: 100%; margin: 5px 5px 8px 5px; color: #555;font-family:Arial, sans-serif;line-height: 18px;}
a {font-weight: bold; text-decoration: none;}
a img {border: none;}
select {margin: 3px;}
checkbox {margin: 3px;}
select {margin: 3px;}
label {margin: 3px; float: left; font-weight: bold; width: 180px;}
.intro-panel h1 {font-size: 24px;color:#999;}
.intro-panel {float:left; margin: 5px; width:700px;clear:both;}
#wedding .head{background: #9e005d;margin: 0; padding: 0;float: left; width: 239px;}
.head{background: #9e005d;margin: 0; padding: 10px 10px 5px 10px; float: left; width: 219px;height: 27px;clear:both;color:#fff;}

#wedding .head h2 {color:#fff; margin: 10px;font-size: 18px;font-weight: normal;}
#wedding .gallery-details {background: #c40e79;}

#blue .head{background: #325874;margin: 0; padding: 0;float: left; width: 239px;}
#blue .head h2 {color:#fff; margin: 10px;font-size: 18px;font-weight: normal;}
#blue .gallery-details {background: #487fa8;}

#blue .head{background: #325874;margin: 0; padding: 0;float: left; width: 239px;}
#blue .head h2 {color:#fff; margin: 10px;font-size: 18px;font-weight: normal;}
#blue .gallery-details {background: #487fa8;}

#green .head{background: #52683c;margin: 0; padding: 0;float: left; width: 239px;}
#green .head h2 {color:#fff; margin: 10px;font-size: 18px;font-weight: normal;}
#green .gallery-details {background: #79bd35;}
.editaddresses {font-family:Arial, sans-serif; font-size: 11px;text-decoration:underline;}

.holdbox {margin:100px auto; width: 635px; padding: 7px; text-align:left;background:#34011f;}
.holdbox img {float:left;}
.holdbox .info {float:right; width: 325px; background: #1b0110;position: relative;height: 394px;}
.holdbox .info h1 {font-size: 250%;color:#fff;margin:10px;font-family:Georgia;font-weight: normal;}
.holdbox .info h2 {font-size: 180%;color:#666;margin: 10px;font-family:Georgia;font-weight: normal;}
.holdbox .info a {color:#af0769; text-transform:uppercase; font-size:11px;position: absolute; bottom: 10px; left: 10px;}

/* STRUCTURE
------------------------------------------ */

#wrapper {margin: 20px auto; width: 956px; background: #fff;padding: 12px;text-align: left; }
#wrap-body {margin: 0 auto; width: 956px;  clear: both;}
#header {float: left; clear: both; position: relative; width: 956px; display: inline;background: #181818;}
#main {float: right; position: relative; width: 717px; display: inline;background: #1e1e1e;} 
#main p {margin:0;padding:0;}
#page {float: right; position: relative; width: 717px; display: inline;background: #fff;} 
#main .gallery {width: 717px;}
#side {float: left;  position: relative; width: 239px; display: inline;}
#side img {width: 239px;margin: 0;position:relative;float:left;}
#footer {clear: left; margin: 0 auto; position: relative; width: 956px; display: inline;text-align: left;padding-top: 10px;}
#footer p {padding: 10px 0;float: left; width: 100%;}
#footer a {font-weight: normal;color:#666;text-decoration:underline;}
#gallery a {color:#666;}
.pager {float:left; padding: 10px 0;clear:both;}
.pager a {color:#fff;}

/* NAVIGATION
------------------------------------------ */

#nav {float: left; width: 956px; clear: both;background: #111;font-family:Arial, sans-serif;}
#nav ul{margin: 0; padding: 0; list-style-type: none;float:left; width: 100%;}
#nav ul li{display:inline;float: left;}
#nav ul li a{font-size: 100%;color:#fff; padding: 14px 18px;background: #1e1e1e;float:left;text-transform:uppercase;font-size: 11px;}
#nav ul li a:hover, #nav ul li.selected a{background: #333;}
#nav li#basket {float:right;text-transform:uppercase;}
#nav li#basket a span {color:#999;}

#subnav {float: right; width: 900px}
#subnav ul{margin: 0; padding: 0; list-style-type: none;}
#subnav ul li{}
#subnav ul li a{font-size: 100%;}
#subnav ul li a:hover, #wrapper ul li.selected a{}

#side ul {margin: 0; padding: 0; list-style-type: none;width: 239px;}
#side ul li {display:inline;float:left;}
#side ul li a{background: #9e005d;margin: 0; padding: 0;float: left; width: 229px;padding: 4px 5px; clear:both;border-bottom: solid 1px #151515;color: #fff;}
table#basket {float:left; clear:both;margin-bottom: 25px;color:#666;margin: 0 7px 25px 7px ;border-top: dotted 1px #666;border-bottom: dotted 1px #666;}
table#basket thead th {color:#fff;}
table#basket tbody tr td {color:#999;}
table#basket input.quantity {width: 40px;}
table#totals {width: 240px;float:right; clear:both;color:#666;margin-bottom: 25px;}
.paypalbutton {float:right; margin: 5px ; background:#fff; color:#222; padding: 7px;border:none;font-weight:bold; clear:both;cursor:pointer;font-size: 14px;}
.continueshopping {float:left; margin: 5px; background:#666; color:#fff; padding: 7px;border:none;font-weight:bold; font-size: 12px;}
h2.message {color:#666;font-size: 16px;font-weight:normal;float:left; clear:both;margin: 5px;}

/* MISC CLASSES
------------------------------------------ */

.logo {float: left; margin: 23px;width: 358px;}
.tel {float: right;margin: 23px;width: 300px;}
.utility {float: right;}
p.copy {float: left; margin: 5px;}
.clear {clear: both;}

/* ARTICLE LISTS
------------------------------------------ */

#home {clear:both;}
#home .article {float: left;width: 239px;}
#home .article .wedding {float:left; width: 239px;background: #540232;margin: 0;border-top: solid 5px #6d2851;}
#home .article .portrait {float:left; width: 239px;background: #325874;margin: 0;border-top: solid 5px #517189;}
#home .article .landscape {float:left; width: 239px;background: #263d4c;margin: 0;border-top: solid 5px #465a67;}
#home .article .nature {float:left; width: 239px;background: #52683c;margin: 0;border-top: solid 5px #6c7f59;}
#home .article .thumbnail{width: 239px;margin: 0;float:left;height: 308px;}
#home .article h2{font-size: 16px; color: #fff;font-weight: normal;margin: 10px;}
#home .article p{margin: 10px; color: #fff;font-size: 11px;}
#home .article p.summary{ font-size: 100%;}
#home .article a.readmore{}
#home .article a:hover img {filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}

#homecontent .article {float: left;}
#homecontent .article .thumbnail{}
#homecontent .article h2{color: #222;font-size: 12px;}
#homecontent .article p {color:#333;}
#homecontent .panel p {font-size: 11px;line-height: 18px;}

.main .article p.summary{ font-size: 100%;}
.main .article a.readmore{}

.main .article {float: left;}
.main .article .thumbnail{}
.main .article h2.title{}
.main .article p.date {}
.main .article p.summary{ font-size: 100%;}
.main .article a.readmore{}

#page p, #page h2, #page h1 {margin: 7px;}

/* PRODUCT LISTS
------------------------------------------ */

.main .product {float: left;}
.main .product .thumbnail{}
.main .product h2.title{}
.main .product p.summary{}
.main .product p.price{}
.main .product a.readmore{}

#main .gallery .image {background: #303030; margin: 0 0 1px 1px; width: 178px;float:left; height: 153px;}
#main .gallery .image a img {width: 178px; height: 153px;}
#main .gallery .image a:hover img {filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}
#main .gallery-details {float:left; width:100%;position:relative;border-top: solid 5px #181818;}
#main .gallery-details p {color:#fff;margin: 10px;font-size:11px;width:550px;margin-bottom: 10px;}
#main .gallery-details .paging{float:right;width: 70px;position: absolute;top: 0; right: 5px;}
#main .gallery-details .paging a.left {background: #1e1e1e;  }
#main .gallery-details .paging a.right {background: #1e1e1e; margin-left: 3px;}

#side em {margin: 10px;float:left;color: #555;line-height: 18px;}
#side p {margin:10px;}
#side img {margin:0;padding:0;clear: both; float: left;}


/* FORMS
------------------------------------------ */
.error {color:#ff0000; font-weight: bold; clear: both;}
.contactform {}
label {width: 160px; float:left;clear: left;padding-top: 2px;margin-left: 7px;font-family: Arial, sans-serif;color:#666;}
.textinput {width: 210px; margin: 3px; padding: 2px; border: solid 1px #666;clear:right;}
.textbox {width: 270px; margin: 3px; padding: 2px; border: solid 1px #666; font-family: Arial, sans-serif;height: 150px;}
.submitbutton {background: #222; color:#fff; padding: 4px 6px; float: left; margin-left: 173px;border:none;}
.publishbutton {background: #fff; color:#222; padding: 4px 6px; float: left; margin-left: 173px;border:none;margin-bottom: 25px;}

/*HOME
-------------------------------------------*/

#home { width: 100%; float: left; clear: both;}
#homecontent { border-top: solid 30px #cbcbb6; border-bottom: solid 30px #cbcbb6;float: left; clear:both;width: 100%;margin-top: 2px;}

#homecontent .mailingpanel {float:left; width: 220px; margin-top:10px;margin-right: 20px;}
#homecontent .panel {float:left; width: 320px; margin-top:10px;margin-bottom: 10px;margin-right: 20px;}
#homecontent .panel a h2{margin: 0; padding:0;color: #333;font-weight: normal;text-decoration:underline;float:left; width:100%;}
#homecontent .panel a {margin: 0; padding:0;}
#homecontent .panel p{margin: 0; padding:0;}
#homecontent .panel .article {width: 320px;font-family: Arial, sans-serif;margin-left: 10px;}

#proofing .main {width: 609px; float:left;background: #fff; }
#proofing .main .head{width: 589px; float:left;padding: 10px 10px 5px 10px; color:#fff;font-size: 16px; }
#proofing .main .mainimage {width: 609px; float:left; clear: both;}
#proofing .main .gallery {width: 190px; text-align: center;height: 14em;float:left; background: #f9f9f9; border: solid 1px #ccc; margin: 7px 5px 0 5px;}
#proofing .main .gallery h2{margin: 7px;}
#proofing .main .gallery img {width: 180px;}
#proofing #side  {width: 330px; float:right;}
#proofing #side  h1{color: #fff;margin: 10px 10px 5px 10px;}
#proofing #side  p{color: #fff;font-size: 11px;}
#proofing #side  a.button {font-family:Arial, sans-serif;margin: 5px 10px;color: #fff;background: #272727 url(../Images/button-arrow.jpg) no-repeat 96% 50%;font-weight: normal; width: 200px;font-size: 11px;text-transform: uppercase;float:left; clear: both; padding: 6px;}

#proof-gallery #page .image {float:left; margin: 4px;width: 160px;background: #f9f9f9; padding: 4px;height: 16em;position: relative;}
#proof-gallery #page .image a img{border: solid 1px #fff;}
#proof-gallery #page .image a:hover  img{border: solid 1px #333;}
#proof-gallery #page .image .details a.add{background: #fff;color:#222;padding: 3px;font-size: 11px; text-transform:uppercase; font-family:Arial, sans-serif;}
#proof-gallery #page .image .details {position: absolute; bottom: 5px; left: 4px; float: left; }

#gallery {float: right; position: relative; width: 717px; display: inline;background: #1e1e1e;} 
#gallery .image, .main .image {float:left; margin: 4px;background: #222; padding: 4px;}
#gallery .image a div, .main .image a div{border: solid 1px #333;width: 156px; height: 105px;float: left;cursor: pointer;}
#gallery .image a:hover div, .main .image a:hover  div{border: solid 1px #111;}
#gallery .image a.add{background: #222;color:#fff;padding: 3px;font-size: 11px; text-transform:uppercase; font-family:Arial, sans-serif;}
#gallery a, #main a  {color:#fff;}
.small {font-size: 11px; font-family:Arial, sans-serif;}
.pager {float: left; clear: both;width: 717px; background: #111;border-top: solid 1px #333;border-bottom: solid 1px #333;}
.pager a {color:#fff !important; }
.price {float: left; clear: both;display:inline;margin: 0;font-size: 11px;padding: 1px 0 ;}
.optiondrop {margin: 0; padding: 0;font-size: 11px;}
.addtobasket{background: #222; color: #fff; font-weight:bold;text-transform: uppercase; padding: 2px;border: none; font-size: 11px;margin:0;cursor:pointer;}

.basketImage {width:70px;float: left;}
.forgot {text-decoration:underline; margin:10px 5px;float:left;}