html, body, form, ul { margin:0; padding:0; }

body { margin:5px; }

body { font-family:trebuchet ms, times new roman, times; font-size:0.8em; color:#777; }

p, h1, h2, h3, h4, h5, h6 { margin-top:0; }
ul { list-style:none; }
a { text-decoration:none; color:#573d28; }
a:hover { text-decoration:underline; }
a img { border:none; }
fieldset { border:1px solid #573d28; padding:15px; }
label { font-weight:bold; font-size:0.9em; }
input { margin:0; }
table { border-collapse:collapse; }
td { vertical-align:top; }


/* GLOBAL LAYOUT */

.pagewidth { position:relative; width:970px; margin:0 auto; }
.pageleft { float:left; display:inline; }
.pageright { float:right; display:inline; }
.wrapper { position:relative; clear:both; zoom:1; }
.rightdiv { margin-right:0; }
.bgcolordark { background-color:#573d28; }
.bgcolormedium { background-color:#cdbfb3; }
.bgcolorlight { background-color:#f8f4f2; } // #f0ebe8

.alertmsg { color:#a00; }
.redmsg { color:red; }
.whitefont { color:white; }
.burgundy { color:#a00; }
.greentxt { color:green; }
.smallnote { font-size:0.9em; }
.tinynote { font-size:0.8em; }

.clearboth { clear:both; zoom:1; font-size:0; margin:0; }
.nobottom { margin-bottom:0; }
.halfbottom { margin-bottom:0.5em; }
.center { text-align:center; }
.right { text-align:right; }
.bold { font-weight:bold; }
.nobold { font-weight:lighter; }
.label { font-weight:bold; }
.noshow { display:none; }
.pictopleft { float:left; display:inline; }
.picborder { border:1px solid #bbb; }
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.reqfields { color:red; font-size:0.8em; }
.bordertop { border-top:1px solid #cdbfb3; }
.highlighteddiv { background-color:#ffc; padding:15px; margin-bottom:1em; }
.displaynone { display:none; }


/* HEADER */

#header { position:relative; height:75px; margin-bottom:30px; }

.logo { margin:15px 0 0 0; }

#loginmenu { position:absolute; top:10px; right:0; text-align:right; font-family:arial, helvetica; font-size:0.9em; font-weight:bold; }
div#loginmenu li { float:left; display:inline; margin-left:15px; }
.username { color:#a00; }

#topmenu { position:absolute; bottom:10px; right:0; text-align:right; }
div#topmenu li { float:left; display:inline; margin-left:15px; }


/* FOOTER */

#footer { position:relative; margin:80px 0 30px 0; border-top:1px solid #573d28; zoom:1; clear:both; }
#creditright { float:right; display:inline; }


/* HOMEPAGE */

#homepage { position:relative; zoom:1; }
#homecontent { padding-top:50px; position:relative; zoom:1; }
#homephoto { height:300px; width:100%; background:#eee; }
.homephoto_s1 { float:left; display:inline; width:181px; height:150px; background:#fff; }
	.homephoto_s1 img { margin:0 0 1px 0; }
.homephoto_s2 { float:left; display:inline; width:428px; height:300px; background:#fff; }
	.homephoto_s2 img { margin:0 0 1px 0; }
.homephoto_s3 { float:left; display:inline; width:180px; height:150px; background:#fff; }
	.homephoto_s3 img { margin:0 0 1px 0; }
.ticker { text-align:center; margin:35px 0 60px 0; }


/* ALBUMS */

#albums { position:relative; zoom:1; }
.albumsleft { width:555px; }
.albumsleftimg { margin:0 20px 20px 0; }
.albumsright { width:385px; }
.albumsleft li { float:left; display:inline; width:115px; margin-bottom:7px; }
.albumfeatures { position:relative; padding:15px; background:#cdbfb3; color:white; }
.albumfeature { clear:both; margin-bottom:15px; }
.albumfeatures img { float:left; display:inline; margin-right:15px; width:175px; }
.albumcoverleather { border:1px solid #cdbfb3; padding:15px; }
.albumcoverleather li { float:left; display:inline; width:174px; text-align:center; }

#albumdetails { clear:both; zoom:1; position:relative; background-color:#cdbfb3; padding:30px 15px; }
#albumdetailsnote { padding:15px; background-color:#fff; margin:0 15px 15px 15px; }
.albumpic { float:left; display:inline; width:185px; margin:0 15px 20px 15px; padding:10px; background-color:#fff; }
.detailbox { margin:0 15px; padding:15px; background-color:#fff; }
.detailbox h2 { margin-bottom:0.5em; }
.swatch { float:left; display:inline; width:69px; padding:10px; }

#covermaterials { float:left; display:inline; width:420px; }
#covermaterials .detailbox li { height:90px; }
#coverimages { float:right; display:inline; width:445px; position:relative; padding:15px 20px; margin-right:15px; background-color:#fff; }
#coverimages li { float:left; display:inline; position:relative; width:180px; height:180px; margin:0 10px 20px 10px; padding:10px; border:1px solid #bbb; text-align:center; }

#squaresizes { float:left; display:inline; background-color:#fff; width:135px; margin:0 15px; padding:15px; }
#horizontalsizes { float:left; display:inline; position:relative; background-color:#fff; width:360px; margin:0 15px; padding:15px; }
#verticalsizes { float:left; display:inline; position:relative; background-color:#fff; width:260px; margin:0 15px; padding:15px; }
#horizontalsizes li, #verticalsizes li { float:left; display:inline; }
#longhorizontalsizes { clear:both; zoom:1; text-align:center; }

.sizesq { text-align:center; margin-bottom:1em; width:134px; }
.sizeh { text-align:center; margin-bottom:1em; width:180px; }
.sizev { text-align:center; margin-bottom:1em; width:125px; }

.malibuprintpic { float:left; display:inline; position:relative; width:185px; margin:0 15px 20px 15px; padding:10px; background-color:#fff; text-align:center; }
.malibuprintpiccontent { height:220px; position:relative; }
.photogname { position:absolute; bottom:0; left:0; }

#boxes { position:relative; margin:0 15px; zoom:1; }
#boxtext { float:left; display:inline; position:relative; width:410px; padding:0 15px; background-color:#fff; }
#boxtext p { line-height:1.2em; }
#boximages { position:relative; padding:30px 15px 15px 15px; background-color:#fff; }
#boximages li { float:left; display:inline; position:relative; width:180px; height:180px; margin:0 9px 20px 9px; padding:10px; border:1px solid #bbb; text-align:center; }


/* MALIBU ALBUM */

#malibu { position:relative; zoom:1; }
#malibupagetop { position:relative; zoom:1; }
.malibuleft { position:relative; width:555px; zoom:1; }
.maliburight { position:relative; width:383px; height:365px; zoom:1; }
.maliburight h1 { margin-bottom:0.5em; }
.maliburight p { margin-bottom:0.75em; }
.pagetabs { position:absolute; bottom:0; right:0; width:383px; }
.pagetabs li { float:left; display:inline; width:75px; text-align:center; padding:0.5em 0; font-family:arial, helvetica; }
.pagetab { color:white; background-color:#573d28; }
.pagetab a { color:white; }
.ml { margin-left:2px; }
.pagetabselected { color:black; background-color:#cdbfb3; }

.albumblurb p { line-height:1.2em; }



/* PRINTS */

#prints { position:relative; zoom:1; }
.printsleft { width:555px; }
.printsright { width:386px; }
.printsright li { float:left; display:inline; width:125px; margin-bottom:7px; }
.printsizes { margin-bottom:25px; }
.photocredit { width:100%; text-align:right; font-size:0.9em; margin-bottom:20px; }
.photocredit a { text-decoration:underline; }
.picfloatleft { float:left; display:inline; position:relative; }
.picfloatright { float:right; display:inline; position:relative; }


/* PRINT TO CANVAS */

#printtocanvascopy { position:relative; }


/* GALLERY */

#gallery { clear:both; zoom:1; position:relative; background-color:#cdbfb3; padding:30px 15px; }
#gallerynote { padding:15px; background-color:#fff; margin:0 15px 30px 15px; }



/* FAQs */

#faqbg { padding:30px 15px; background-color:#cdbfb3; zoom:1; }
#faqstitlebar { padding:15px; background-color:#fff; margin:0 15px 30px 15px; zoom:1; }
#faqsbody { padding:30px; background-color:#fff; margin:0 60px; zoom:1; }
.faq { margin-bottom:2em; }
.faqQuestion { margin-bottom:0.5em; }
.faqAnswer { padding-left:2em;  }


/* SWATCHCARDS */

#swatchcards { position:relative; padding:30px; background-color:#cdbfb3; zoom:1; }
#swatchcardscontent { position:relative; padding:30px; background-color:#fff; zoom:1; }

.swatchcardsleft { width:410px; }
.swatchcardsright {  width:410px; }


/* ABOUT US */

#about { position:relative; zoom:1; }
.aboutleft { width:555px; }
	.aboutleft img { margin-bottom:20px; }
.aboutright { width:385px; }


/* CONTACT US */

#contactwrapper { padding:30px 0; font-size:1.1em; background-color:#cdbfb3; }
#contactinfobox { float:left; width:220px; padding:0 30px; position:relative; }
div#contactinfobox div { width:100%; }
#contactformbox { float:left; width:348px; padding:30px; border:1px solid #cdbfb3; }
#contactinfoboxright { float:left; width:220px; padding:0 30px; }
#contactinfobox img { width:97px; }

.contactform h1 { margin-bottom:24px; }
.contactform div { clear:both; zoom:1; }
.contactform label { float:left; display:inline; width:110px; margin-top:12px; }
.contactform input[type="text"] { float:right; display:inline; width:230px; margin-top:12px; }
.contactform textarea { width:350px; min-width:350px; max-width:350px; resize:none; padding:0; margin:0; height:100px; overflow-y:scroll; }
.contactform input[type="submit"] { width:100px; margin-top:18px; }
.thankyou { padding:80px 0 100px 0; text-align:center; }


/* LOG IN */

#login { margin:6em 0; }
#login form { width:250px; margin:0 auto; background-color:#f8f4f2; border:1px solid #bbb; padding:20px; }
#login form ul { padding-bottom:1em; }
#login form li { clear:both; zoom:1; padding-bottom:0.5em; }
#login form li .fl { width:80px; }
#login form li .fr { width:170px; }
#login form li .fr input { width:90%; }


/* PRIVATE REGISTER */

#privateregister { padding-top:1em; }
#privateregister li { margin-left:30px; }
#privateregister input[type="password"] { margin-left:30px; }
#privateregister form { width:300px; }


/* MY ACCOUNT */

#myaccountmenu { float:left; display:inline; width:150px; padding:10px; border:1px solid #cdbfb3; }
	#myaccountmenu li { padding:1em 0; }
	#myaccountmenu a { color:#cdbfb3; }

#myaccount table { width:100%; }
#myaccount td { width:20px; }
#myaccount td.orderlist { width:300px; background-color:#f8f4f2; border:1px solid #bbb; padding:10px; }
#myaccount td div { min-height:220px; }
#myaccount td div a { color:#82581a; }

#orders_completed { }

#myaccount ul { margin-left:0.5em; margin-bottom:2em; }
#myaccount a { color:#cdbfb3; }

.ordernewalbum_button { float:right; display:inline; }


/* MY PROFILE */

#myprofile form { width:470px; padding:15px; margin:0 auto; background-color:#f8f4f2; border:1px solid #cdbfb3; }
#myprofile form p.alertmsg { color:red; }
#myprofile form fieldset { border:0; padding:0 15px; clear:both; zoom:1; }
#myprofile form fieldset div { margin-top:1em; }
#myprofile form fieldset.tier1 div, #myprofile form fieldset.tier3 div, #myprofile form fieldset.tier4 div { float:left; display:inline; padding-right:2em; }
#myprofile form fieldset.tier2 input { width:430px; }
#myprofile .city input { width:170px; }
#myprofile .state input { width:50px; }
#myprofile .zip input { width:120px; }
#myprofile .email input { width:220px; }



/* ORDER */

#ordersteps { padding:1em; font-size:0.9em; text-align:center; border:0 solid #bbb; margin:0 0 1.5em 0; background-color:#f8f4f2; }
#ordersteps a, #ordersteps span { color:#777; }
#ordersteps .arrow { margin:0 0.5em; }
#ordersteps .orderstep { font-weight:bold; color:#a00; font-size:1.1em; text-decoration:underline; }

.orderbuttons { text-align:center; }

#orderform { float:left; display:inline; width:630px; }
#orderform form { padding:20px 30px; background-color:#cdbfb3; }
#orderform li { padding-bottom:0.5em; }
#orderform input[type='text'] { background-color:#ffc; }
#orderform input[type='submit'] { margin:0 0.5em; }
#orderform fieldset { position:relative; background-color:#fff; border:0; margin:1em 0; padding-right:2em; }
#orderform .formlabel { float:left; display:inline; width:15%; }
#orderform .forminput { float:right; display:inline; width:80%; }

.fielddiv { margin:0 0 2em 1em; padding-top:1em; }
.input30 { width:30px; }

.projectnameinput input { width:98%; font-size:1.1em; }
.numberofsides input { width:5%; }

#orderorientation { margin:0 0 2em 0; padding-top:1em; }
#orderorientation input[type='radio'] { margin-left:1em; margin-right:0.7em; }
#orderorientation li { float:left; display:inline; zoom:1; margin-right:1em; padding-bottom:2em; }
#horizontal, #vertical, #square, #calendarstyle { width:490px; }

#ordersizes table { border-collapse:collapse; margin-left:2em; }
#ordersizes td { border:1px solid #cdbfb3; padding:1em; }

.albumsizes { margin-left:1em; }
.albumsize li { float:left; display:inline; position:relative; margin-bottom:0.5em; }
.albumsize div { float:left; display:inline; }
.albumsize label { float:left; display:inline; }

#horizontal li, #vertical li, #square li, #calendarstyle li { width:230px; }

.orderoptions { position:relative; clear:both; zoom:1; padding:30px; }
.orderoption { float:left; display:inline; width:252px; margin-right:19px; border:1px solid #573d28; padding:15px; text-align:center; }

.orderalbum ul { clear:both; padding-bottom:1em; }

#pagefinish label { font-size:1em; font-weight:lighter; }
#pagefinish li { padding:0.7em 0; }
.listpages { margin-left:3em; }

#covertype input { float:left; display:inline; width:25px; }
#covertype label { float:left; display:inline; margin:0 3em 1em 0; }

#covermaterial #fabric, #covermaterial #leather, #covermaterial #leatherette { width:470px; }

#covermaterial { margin:0 0 1em 1em; padding:1em 0 0 0; }
#covermaterial li { float:left; display:inline; width:130px; margin-bottom:0.5em; margin-left:10px; }

#coverimagelocation { padding-top:1em; }
#coverimagelocation textarea { background-color:#ffc; width:70%; height:100px; }
.coverimagelocation { margin-left:30px; }

.orderbox { margin:0 0 1em 1em; padding-top:1em; }
.orderbox li { float:left; display:inline; margin-right:2em; }

#uploadimages {  }




#ordersummary { float:right; display:inline; width:290px; border:1px solid #cdbfb3; padding:15px; }
#ordersummary h3 { margin-bottom:1.5em; text-align:center; }
#ordersummary li { clear:both; zoom:1; }
#ordersummary li.newsection { padding-top:1em; border-top:1px solid #bbb; }
#ordersummary div { padding:0 0 1em 0; }
#ordersummary div.infolabel { float:left; display:inline; position:relative; zoom:1; width:33%; color:#777; }
#ordersummary div.info { float:right; display:inline; position:relative; zoom:1; width:62%; color:#573d28; font-weight:bold; }
#ordersummary span { color:red; font-weight:lighter; }