/* SITE FRAMEWORK 
   =========================================================================================================        */

body {margin:0; padding:0; min-width:840px; font:70% Verdana, Arial, Helvetica, sans-serif; color:#474747; text-align:center; line-height:1.3em; background: #474747;}
div#container {position:relative; width:840px; margin:20px auto; padding:0 20px 0 0; text-align:left; }

/* HEADER & MAIN MENU
   =========================================================================================================        */

div#header {float:left; width:840px; height:114px; background:url(../images/heading_bg.gif) no-repeat;}
div#header h1 {float:left; margin:12px 0 0 12px; padding:0; text-indent:-9999px; height:90px; width:560px; background:url(../images/h1_2.jpg) no-repeat; }
div#header a {display:block; width:254px; height:89px; float:left; margin:12px 0 0 0; padding:0; text-indent:-9999px; background:url(../images/main-link.gif) no-repeat;}

ul#menu {float:left; width:818px; list-style:none; margin:15px 0 1px 22px; padding:0; }
ul#menu li {float:left; margin:0 3px 0 0; padding:0; height:38px; }
ul#menu li a {display:block; margin:0; padding:0; height:38px; text-indent:-9999px; outline:none;}

ul#menu li#nav-home, ul#menu li#nav-home a {width:79px; background:url(../images/nav-home.gif) no-repeat 0 5px;}
ul#menu li#nav-yourphotos, ul#menu li#nav-yourphotos a {width:197px;background:url(../images/nav-yourphotos.gif) no-repeat 0 5px;}
ul#menu li#nav-galleries, ul#menu li#nav-galleries a {width:136px; background:url(../images/nav-ourgallery.gif) no-repeat 0 5px;}
ul#menu li#nav-products, ul#menu li#nav-products a {width:103px; background:url(../images/nav-products.gif) no-repeat 0 5px;}
ul#menu li#nav-prices, ul#menu li#nav-prices a {width:87px; background:url(../images/nav-prices.gif) no-repeat 0 5px;}
ul#menu li#nav-faq, ul#menu li#nav-faq a {width:78px; background:url(../images/nav-faq.gif) no-repeat 0 5px;}
ul#menu li#nav-contact, ul#menu li#nav-contact a {width:93px; background:url(../images/nav-contact.gif) no-repeat 0 5px;}

ul#menu li#nav-home a:hover,
ul#menu li#nav-yourphotos a:hover,
ul#menu li#nav-galleries a:hover,
ul#menu li#nav-products a:hover,
ul#menu li#nav-prices a:hover,
ul#menu li#nav-faq a:hover,
ul#menu li#nav-contact a:hover {background-position:0 0px;}

body.home ul#menu li#nav-home a,
body.yourphoto ul#menu li#nav-yourphotos a,
body.gallery ul#menu li#nav-galleries a,
body.products ul#menu li#nav-products a,
body.prices ul#menu li#nav-prices a,
body.faq ul#menu li#nav-faq a,
body.contact ul#menu li#nav-contact a {background-position:0 0px;}

div#content {float:left; margin:0; padding:0; width:840px; background:url(../images/page-top.gif) #fff no-repeat top left; }

div#content h2 {margin:25px 0 25px 0; padding:0 0 0 202px; font-size:170%; line-height:39px;}
body.home div#content h2 {color:#e0408b; background:url(../images/titlearrow-home.gif) no-repeat top left;}
body.yourphoto div#content h2 {color:#f85b2c; background:url(../images/titlearrow-yourphoto.gif) no-repeat top left;}
body.gallery div#content h2 {color:#ffc27a; background:url(../images/titlearrow-gallery.gif) no-repeat top left;}
body.products div#content h2 {color:#feed8d; background:url(../images/titlearrow-products.gif) no-repeat top left;}
body.prices div#content h2 {color:#e2e178; background:url(../images/titlearrow-prices.gif) no-repeat top left;}
body.faq div#content h2 {color:#c2d181; background:url(../images/titlearrow-faq.gif) no-repeat top left;}
body.contact div#content h2 {color:#b4d1a9; background:url(../images/titlearrow-contact.gif) no-repeat top left;}
body.generic div#content h2 {color:#008fd7; background:url(../images/titlearrow-generic.gif) no-repeat top left;}


div#content div#contentwrapper {float:left; width:840px;}
div#content div#contentwrapper div#sidebar {float:left; width:178px; padding:0 0 0 10px; margin:0;}
div#content div#contentwrapper div#sidebar ul#sub-menu {list-style:none; padding:0; margin:0;}
div#content div#contentwrapper div#sidebar ul#sub-menu li {display:block; padding:5px 5px; margin:0 0 2px 0; width:150px; }
body.home div#content div#contentwrapper div#sidebar ul#sub-menu li {background-color:#e0408b;}
body.yourphoto div#content div#contentwrapper div#sidebar ul#sub-menu li {background-color:#f85b2c;}
body.gallery div#content div#contentwrapper div#sidebar ul#sub-menu li {background-color:#ffc27a;}
body.products div#content div#contentwrapper div#sidebar ul#sub-menu li {background-color:#feed8d;}
body.prices div#content div#contentwrapper div#sidebar ul#sub-menu li {background-color:#e2e178;}
body.faq div#content div#contentwrapper div#sidebar ul#sub-menu li {background-color:#c2d181;}
body.contact div#content div#contentwrapper div#sidebar ul#sub-menu li {background-color:#b4d1a9;}

div#content div#contentwrapper div#sidebar ul#sub-menu li a {display:block; width:150px; font-size:110%;}
div#content div#contentwrapper div#sidebar ul#sub-menu li a:link {color: #000; text-decoration: none; }     
div#content div#contentwrapper div#sidebar ul#sub-menu li a:visited {color: #000; text-decoration: none;}  
div#content div#contentwrapper div#sidebar ul#sub-menu li a:hover {color: #000; text-decoration: underline;}   
div#content div#contentwrapper div#sidebar ul#sub-menu li a:active {color: #000; text-decoration: underline;} 

div#content div#contentwrapper div#sidebar div#company-contact {padding:100px 0 0 5px;}

div#content div#contentwrapper div#sidebar form {margin:25px 0 0 0;}
div#content div#contentwrapper div#sidebar form input {margin:5px 0;}

div#content div#contentwrapper div#main {float:left; width:619px; padding:0 0 0 14px; }

div#content div#contentwrapper div#main h3 {clear:both; padding:0 0 0 10px; margin:2em 0 1em 0; background:url(../images/subtitle_lg_bg.gif) no-repeat; width:619px; line-height:31px; color:#000; font-size:120%;}
div#content div#contentwrapper div#main h3.sm {background:url(../images/subtitle_bg.gif) no-repeat;}
div#content div#contentwrapper div#main div#col1,
div#content div#contentwrapper div#main div#col2 {width:300px;}
body.home div#content div#contentwrapper div#main h3 {background:url(../images/subtitle_home_lg_bg.gif) no-repeat;}
body.faq div#content div#contentwrapper div#main h3 {background:url(../images/subtitle_faq_lg_bg.gif) no-repeat;}
body.prices div#content div#contentwrapper div#main h3 {background:url(../images/subtitle_prices_lg_bg.gif) no-repeat;}
body.contact div#content div#contentwrapper div#main h3 {background:url(../images/subtitle_contact_lg_bg.gif) no-repeat;}
body.gallery div#content div#contentwrapper div#main h3,
div#content div#contentwrapper div#main h3#homegallery {background:url(../images/subtitle_gallery_bg.gif) no-repeat;}
body.yourphoto div#content div#contentwrapper div#main h3,
div#content div#contentwrapper div#main h3#homephoto {background:url(../images/subtitle_yourphoto_bg.gif) no-repeat;}

div#content div#contentwrapper div#main .first {margin-top:0; padding-top:0;}

div#content div#contentwrapper div#main div#col1 {width:309px; margin-right:0px; margin-bottom:2em; float:left;}
div#content div#contentwrapper div#main div#col2 {width:300px; padding-left:10px; margin-bottom:2em; float:left; }

div#content div#contentwrapper div#main div#col1 h3,
div#content div#contentwrapper div#main div#col2 h3 {margin-top:0;}

body.generic div#content div#contentwrapper div#main h3 {color:#fff;}

a img {border:none;}

table {width:100%; border:2px solid #008fd7; margin-bottom:15px;}
table tr td {border-bottom:1px solid #008fd7; padding:5px;}
table thead tr td {background:#008fd7; padding:5px; font-weight:bold; color:#fff;}
table tbody tr td {}
table tfoot tr td {background:#008fd7; padding:5px; font-weight:bold; color:#fff;}
table tr td.cost {text-align:right;}
table tr td.cent {text-align:center;}
table tr td.total {text-align:right;}

a#specials {border:none; text-decoration: underline;}
a:link {color: #008fd7; text-decoration: none; }     
a:visited {color: #008fd7; text-decoration: none;}  
a:hover {color: #008fd7; text-decoration: underline;}   
a:active {color: #008fd7; text-decoration: underline;}

/* GALLERY */

body#overview img {float:left; margin:0 15px 20px 0;}
body#overview h3 {clear:left; }

p#totalcost {font-size:150%; font-weight:bold; }

div#content div#contentwrapper div#main ul.row {float:left; margin:0 0 10px 0; width:619px; list-style:none; padding:0;}
div#content div#contentwrapper div#main ul.row li {display:block; width:203px; float:left; margin:0 0 0 5px; background-color:#ffc27a; border:none;}
div#content div#contentwrapper div#main ul.row li a {display:block; width:203px; float:left; background-color:#ffc27a; border:none;}
div#content div#contentwrapper div#main ul.row li.first {margin:0;}
div#content div#contentwrapper div#main ul.row li a img {border:none;}
div#content div#contentwrapper div#main ul.row li a span.item { display:block; width:103px; float:left; margin:0; padding:0 0 5px 5px; }
div#content div#contentwrapper div#main ul.row li a span.price { display:block; width:90px; float:left; margin:0; padding:0 5px 5px 0; text-align:right; font-weight:bold;}
div#content div#contentwrapper div#main ul.row li a:link {color: #333; text-decoration: none; }     
div#content div#contentwrapper div#main ul.row li a:visited {color: #333; text-decoration: none;}  
div#content div#contentwrapper div#main ul.row li a:hover {color: #333; text-decoration: underline;}   
div#content div#contentwrapper div#main ul.row li a:active {color: #333; text-decoration: underline;} 

body#viewimage form {margin:0; padding:0;}
body#viewimage form fieldset { margin:0 0 15px 0; padding:10px 5px; width:290px;}
body.gallery form fieldset { border:2px solid #ffc27a; }
body.gallery form fieldset input,
body.gallery form fieldset select { border:1px solid #ffc27a; margin-bottom:5px;}
body.yourphoto form fieldset { border:2px solid #f85b2c;}
body.yourphoto form fieldset input,
body.yourphoto form fieldset select { border:1px solid #f85b2c; margin-bottom:5px;}
body.generic form fieldset input { border:1px solid #008fd7;}

body#viewimage form fieldset legend {font-weight:bold; color:#333;}
body#viewimage form fieldset#step2 select {float:left; width:170px;}
body#viewimage form fieldset#step2 {float:left;}
body#viewimage form fieldset#step2 label {display:block; float:left; width:100px; padding-top:3px;}
body#viewimage form fieldset#step1 { }
body#viewimage form fieldset#step1 input {width:170px; }

/* PAYMENT FORM */
body#payment div#main form fieldset h3 { margin-top: 0px }
body#payment div#main form fieldset { border: 0; padding: 0 0 10px 0;}
body#payment div#main form fieldset legend {display:none;}
body#payment div#main form fieldset label { width: 200px; float:left; clear:left; text-align: right; margin: 3px 0 3px 0;}
body#payment div#main form fieldset label.error { color: #FF0000; }
body#payment div#main form fieldset input,
body#payment div#main form fieldset select { float: left; margin: 3px 200px 3px 5px; width:200px; }
body#payment div#main form fieldset select#startdate,
body#payment div#main form fieldset select#expirydate {width:135px; margin-right:5px;}
body#payment div#main form fieldset select#startyear,
body#payment div#main form fieldset select#expiryyear {width:60px; }

body#payment div#main p.error {color: #FF0000; font-weight: bold; }

body.yourphoto form button,
body.yourphoto form input#addtocart {font-weight:bold; text-transform:uppercase; font-size:110%; line-height:39px; height:39px; margin:0; padding:0 30px 0 10px; border:0; background:url(../images/titlearrow-yourphoto2.gif) no-repeat top right;  outline: none; cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */}
body.generic form button {font-weight:bold; text-transform:uppercase; font-size:110%; line-height:39px; height:39px; margin:0; padding:0 30px 0 10px; border:0; background:url(../images/titlearrow-generic2.gif) no-repeat top right;  outline: none; color:#fff; cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */}
body#payment form input#btn-next {float:right; font-weight:bold; text-transform:uppercase; font-size:110%; line-height:39px; height:39px; margin:0; padding:0 30px 0 10px; border:0; background:url(../images/titlearrow-generic2.gif) no-repeat top right;  outline: none; color:#fff; cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */}
#btn-back {font-weight:bold; text-transform:uppercase; font-size:110%; line-height:39px; height:39px; margin:0; padding:0 10px 0 30px; border:0; background:url(../images/titlearrow-generic2-rev.gif) no-repeat top left;  outline: none; color:#fff; cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */}
body.gallery form button,
body.gallery form input#addtocart {font-weight:bold; text-transform:uppercase; font-size:110%; line-height:39px; height:39px; margin:0; padding:0 30px 0 10px; border:0; background:url(../images/titlearrow-gallery2.gif) no-repeat top right;  outline: none; cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */}

body.generic form.rightalign {text-align:right;}
body.generic form.rightalign p {padding-right:80px;}
body.generic form.itemcontrol button {margin-top:23px;}

button#continue {margin-top:0px; width:300px;}
button#addtocart {width:300px;}
button#btn-paypalexpress { width:150px; height:40px; line-height:40px; margin:0; padding:0; border:0; background:url(https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif) no-repeat; text-indent:-9999px;  cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */}

input#addtocart {width:300px; font-weight:bold; text-transform:uppercase; font-size:110%; line-height:39px; height:39px; margin:0; padding:0 30px 0 10px; border:0; background:url(../images/titlearrow-gallery2.gif) no-repeat top right;  outline: none;}

form#imagesearch {width:155px;}
form#imagesearch input {width:145px; margin:5px 0; padding:5px 2px;}
form#imagesearch button#findimage {width:155px;}

/* BASKET */

body#basket table {width:100%; border:2px solid #008fd7;}
body#basket table tr td {border-bottom:1px solid #008fd7; padding:5px;}
body#basket table thead tr td {background:#008fd7; padding:5px; font-weight:bold; color:#fff;}
body#basket table tbody tr td {}
body#basket table tfoot tr td {background:#008fd7; padding:5px; font-weight:bold; color:#fff;}

body#basket table tr td.cost {text-align:right;}
body#basket table tr td.total {text-align:right;}

div#content div#contentwrapper div#sidebar a#baskettotal{display:block; padding:5px 5px; margin:0 0 8px 0; width:150px; background:#008fd7;}
div#content div#contentwrapper div#sidebar a {display:block; width:150px; font-size:110%;}
div#content div#contentwrapper div#sidebar a:link {color: #fff; text-decoration: none; }     
div#content div#contentwrapper div#sidebar a:visited {color: #fff; text-decoration: none;}  
div#content div#contentwrapper div#sidebar a:hover {color: #fff; text-decoration: underline;}   
div#content div#contentwrapper div#sidebar a:active {color: #fff; text-decoration: underline;} 

/* FOOTER 
   =========================================================================================================        */

div#footer {float:left; color: #333; font-size:100%; margin:0; padding:40px 0 10px 202px; width:638px; background:url(../images/footer.gif) #fff no-repeat bottom left;  text-align:center;}
div#footer div#one,
div#footer div#two {width:300px; float:left;}

div#footer a:link {color: #333; text-decoration: underline; }     
div#footer a:visited {color: #333; text-decoration: underline;}  
div#footer a:hover {color: #333; text-decoration: none;}   
div#footer a:active {color: #333; text-decoration: none;} 
div#footer p {margin:0 20px 0.5em 0; padding:0;}
div#footer p#first {padding-top:2em; }

/*div#footer p {line-height:21px;}
div#footer p img {float:left; padding-right:20px;}
div#footer p#store {font-size:110%;}*/

a#f7 {display:block; float:right; outline:none; background:url(../images/fluid7.gif) no-repeat top right; width:150px; height:40px; text-indent:-9999px; margin:5px 10px 25px 0;}