body { width: 980px; margin: 0px auto; padding: 0px; text-align: center; background-color: #FFFFFF; color: #000000; }
form, input, div, a, p, span, ul, li, img, dl, dt, dd { margin: 0px; padding: 0px; border: none; text-align: left; }
li { list-style-type: none; }

img.layout0 { width: 200px; height: 150px; }
img.layout1 { width: 150px; height: 200px; }
a { color: #000000; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }

div.main { width: 980px; background-image: url(/img/o2-content-background.gif); background-repeat: repeat-y; }

div.mainHeader SPAN { color: #ffffff; font-family: "Verdana"; font-size: 11px; font-weight: bold; padding: 0 0 0 0px; text-align: right; width: 600px; float: left;}

div.mainHeader { width: 980px; height: 40px; background-color: #FFFFFF; background-image: url(/img/o2-photo-header.gif); background-repeat: no-repeat; color: #ffffff; font-family: "Verdana"; font-size: 20px; font-weight: bold; float: left;}

div.mainHeader H1 { width: 600px; height: 40px; color: #ffffff; font-family: "Verdana"; font-size: 20px; font-weight: bold; float: left; padding: 0 0 0 40px; margin: 0;}

div.SearchForm {font-family: "Verdana"; font-size: 12px; font-weight: bold; float: left; width: 310px; padding: 0 0 0 30px;}

div.mainHeader form { padding: 12px 0px 0px 0px; font-family: "Verdana"; font-size: 12px; font-weight: bold; float: left;}
div.mainHeader input { width: 194px; height: 16px; border: none; font-family: "Verdana"; font-size: 12px; font-weight: normal; }
div.mainHeader input.button { width: 88px; height: 20px; border: solid 1px;  border-color: #c0c0c0; background-color: #E0E0E0; font-family: "Verdana"; font-size: 12px; font-weight: bold; text-align: center; }

div.mainMenu { width: 980px; height: 81px; background-color: #FFFFFF; clear: both; }
div.mainMenu div.mainLogo { width: 180px; height: 81px; float: left; background-image: url(/img/o2-photo-logo.gif); background-repeat: no-repeat; background-position: center; }
div.mainMenu div.mainmenuItems { width: 600px; height: 60px; float: left; }
div.mainMenu div.mainmenuItems ul { padding: 5px 0px 0px 8px; height: 55px; }
div.mainMenu div.mainmenuItems ul li { padding: 13px 0px 0px 12px; margin: 0px 20px 0px 0px; height: 55px; float: left; font-family: "Verdana"; font-size: 15px; font-weight: bold; background-image: url(/img/o2-dots.gif); background-repeat: no-repeat; }
div.mainMenu div.mainMenuText { width: 200px; float: left; }
div.mainMenu div.mainMenuText p { padding: 5px 5px 0px 0px; font-family: "Verdana"; font-size: 11px; font-weight: normal; text-align: right; margin: 0px auto; }
div.pageHeader { width: 800px; height: 21px; float: left; background-image: url(/img/o2-page-header.gif); background-repeat: no-repeat; background-position: 4px 0px; }
div.photoPageHeader { width: 800px; height: 21px; float: left; background-image: url(/img/o2-photopage-header.gif); background-repeat: no-repeat; background-position: 4px 0px; }
div.pageHeader h1,
div.photoPageHeader h1 { margin: 0px; padding: 0px 0px 2px 15px; color: #FFFFFF; font-family: "Verdana"; font-size: 17px; font-weight: bold; float: left; }
div.pageHeader p,
div.photoPageHeader p { margin: 0px; padding: 3px 20px 0px 0px; color: #000000; font-family: "Verdana"; font-size: 12px; font-weight: bold; float: right; }

div.leftBar { height: 100%; width: 180px; float: left; }
div.leftBar div.leftBarBlock { width: 180px; background-image: url(/img/o2-left-header.gif); background-repeat: no-repeat; text-align: center; }
div.leftBar div.leftBarOrder { width: 180px; background-image: url(/img/o2-left-header.gif); background-repeat: no-repeat; text-align: left; }
div.commentsHeader { width: 796px; background-image: url(/img/o2-left-header.gif); background-repeat: no-repeat; text-align: left; }
div.leftBar div.leftBarBlock h2,
div.leftBar div.leftBarOrder h2,
div.commentsHeader h2 { margin: 0px; padding: 0px 0px 2px 5px; color: #FFFFFF; font-family: "Verdana"; font-size: 17px; font-weight: bold; text-align: left; }
div.leftBar div.leftBarBlockSpacing { width: 180px; height: 4px; background-color: #FFFFFF; overflow: hidden; }
div.leftBar div.photoFrame0 { border: 1px solid #000000; background-color: #FFFFFF; width: 160px; height: 116px; margin: 8px auto; }
div.leftBar div.photoFrame1 { border: 1px solid #000000; background-color: #FFFFFF; width: 160px; height: 148px; margin: 8px auto; }
div.leftBar img.layout0 { margin: 10px 16px 10px 16px; }
div.leftBar img.layout1 { margin: 10px 32px 10px 32px; }
div.leftBarSpacing { width: 4px; float: left; overflow: hidden; }
div.bottomBarSpacing { width: 180px; height: 4px; background-color: #FFFFFF; overflow: hidden; }

div.bottomBar { width: 980px; background-color: #E4E4E4; clear: both; float: none; height: 21px; }
div.bottomBar div.leftBlock { width: 200px; background-image:url(/img/o2-left-header.gif); background-repeat: no-repeat; text-align: left; float: left; height: 21px}
div.bottomBar div.leftBlock span { margin: 0px; padding: 0px 2px 0px 15px; color: #FFFFFF; font-family: "Verdana"; font-size: 17px; font-weight: bold; text-align: left; }
div.bottomBar div.rightBlock { width: 780px; float: left;}
div.bottomBar div.rightBlock a { font-family: Tahoma; font-size: 11px; text-decoration: none; color: #000000; }
div.bottomBar div.rightBlock a:hover { color: #FF0000; }

ul.themeTree { margin: 0px 0px 8px 8px; }
ul.themeTree li { font-family: "Verdana"; font-weight: bold; }
ul.themeTree li span { font-family: "Verdana"; font-weight: bold; font-size: 10px; color: #0042FF; }
ul.themeTree li.themeTreeLevel0 { margin: 8px 0px 4px 0px;  font-size: 14px; line-height: 16px; }
ul.themeTree li.themeTreeLevel1 { margin: 0px 0px 0px 12px; font-size: 12px; line-height: 14px; }
ul.themeTree li.themeTreeLevel2 { margin: 0px 0px 0px 24px; font-size: 12px; line-height: 14px; }

a.orderLink { font-family: "Verdana"; font-weight: bold; font-size: 12px; margin: 8px 0px 4px 8px; }

div.content { height: 100%; width: 796px; float: left; text-align: center; }

div.scroller { margin: 10px auto; text-align: center; font-family: "Verdana"; font-size: 12px; font-weight: bold; clear: both; }
div.scroller span { color: #FFFFFF; }

div.photo { width: 264px; height: 300px; float: left; text-align: center; }
div.photo div.photoFrame0,
div.photo div.photoFrame1 { border: 1px solid #000000; background-color: #FFFFFF; width: 240px; height: 240px; margin: 10px auto 0px auto; }
div.photo img.layout0 { margin: 44px 20px 0px 20px; }
div.photo img.layout1 { margin: 20px 44px 0px 44px; }
div.photo p { padding: 4px 20px 0px 20px; font-family: "Verdana"; font-size: 12px; font-weight: bold; text-align: center; }

div.photoindex { width: 228px; height: 190px; float: left; text-align: left; }
div.photoindex div.photoindexFrame { border: 1px solid #000000; background-color: #FFFFFF; width: 216px; height: 166px; margin: 4px 4px 0px 4px; }
div.photoindex img.layoutindex { margin: 8px 8px 0px 8px; }
div.photoindex p { padding: 4px 20px 0px 20px; font-family: "Verdana"; font-size: 12px; font-weight: bold; text-align: center;}

div.photoindextext { width: 160px; height: 166px; float: left; text-align: left;}

div.photoDetails { width: 700px; margin: 0px auto; text-align: center; }
div.photoDetails div.photoFrame0 { border: 1px solid #000000; background-color: #FFFFFF; width: 660px; height: 500px; margin: 10px auto; }
div.photoDetails div.photoFrame1 { border: 1px solid #000000; background-color: #FFFFFF; width: 500px; height: 660px; margin: 10px auto; }
div.photoDetails img.layout0 { width: 640px; height: 480px; margin: 10px 10px 10px 10px; }
div.photoDetails img.layout1 { width: 480px; height: 640px; margin: 10px 10px 10px 10px; }
div.photoDetails p { padding: 4px 20px 0px 20px; font-family: "Verdana"; font-size: 12px; font-weight: bold; }

div.photoDetails div.photoOrderDetails { width: 700px; }
div.photoDetails div.photoOrderDetails p { margin: 8px 0px; font-family: "Verdana"; font-size: 12px; font-weight: normal; }
div.photoDetails div.photoOrderDetails p a { color: #990000; border-bottom: 1px dashed #990000; }
div.photoDetails div.photoOrderDetails p a:hover { color: #FFFFFF; border-bottom: 1px dashed #FFFFFF; }
div.photoDetails div.photoOrderDetails ul { clear: both; font-family: "Verdana"; font-size: 12px; padding: 6px 0px 0px 0px; } 
div.photoDetails div.photoOrderDetails ul li.left { width: 140px; float: left; font-weight: bold; text-align: right; margin-right: 10px; }
div.photoDetails div.photoOrderDetails ul li.right { width: 250px; float: left; }
div.photoDetails div.photoOrderDetails ul li.header { width: 400px; font-size: 16px; font-weight: bold; text-align: center; color: #FF0000; padding-top: 10px; }
div.photoDetails input.submit { background-color: #ccac85; color: #FFFFFF; width: 120px; font-family: "Verdana"; font-size: 12px; font-weight: bold; text-align: center; border: solid 1px; border-color: #ab967c;}

p.homeHeaderText,
p.linksGroup,
p.topListHeaderText { font-family: "Verdana"; font-size: 16px; font-weight: bold; color: #0042FF; padding: 8px 0px 4px 8px; }

ul.linksGroup { font-family: "Verdana"; font-size: 12px; font-weight: bold; padding: 10px 0px 10px 20px; }
ul.linksGroup li { padding: 5px 5px 0px 0px; clear: both; }
ul.linksGroup li p { font-weight: normal; }

p.homeText,
p.contactFormText,
p.topListText { font-family: "Verdana"; font-size: 12px; padding: 10px 8px 0px 8px; }
p.contactFormTextError,
p.orderFormTextError { font-family: "Verdana"; font-size: 12px; color: #FF0000; padding: 10px 8px 0px 8px; }

p.homeTextsmall { font-family: "Verdana"; font-size: 9px; padding: 4px 0px 0px 0px}

div.contactForm { width: 600px; margin: 10px auto; clear: both; }
div.contactForm ul { clear: both; font-family: "Verdana"; font-size: 12px; padding: 6px 0px 0px 0px; } 
div.contactForm ul li.left { width: 180px; float: left; font-weight: bold; text-align: right; margin-right: 10px; }
div.contactForm ul li.right { width: 410px; float: left; }
div.contactForm textarea { border: none; font-family: "Verdana"; font-size: 12px; }
div.contactForm input { width: 200px; font-family: "Verdana"; font-size: 12px; }
div.contactForm input.submit { background-color: #ccac85; color: #FFFFFF; width: 120px; font-family: "Verdana"; font-size: 12px; font-weight: bold; text-align: center;  border: solid 1px; border-color: #ab967c;}
div.contactForm input.radio { width: 20px; }
div.contactForm input.short { width: 40px; text-align: right; }

div.scroller span.active,
div.photo p span,
p.homeText span,
p.homeTextsmall span,
p.homeHeaderText span,
p.linksGroup span { color: #FF0000; }

span.small { font-size: 10px; }
span.red { color: #FF0000; }

div.account { width: 796px; clear: both; float: none; }
div.account div.accountLeft { width: 196px; float: left; margin: 4px 4px 0px 4px; } 
div.account div.accountRight { width: 590px; float: left; margin: 4px 0px 0px 0px; } 

div.commentsList { width: 700px; margin: 0px auto; }
ul.commentsList { }
ul.commentsList li { width: 700px; margin: 4px 0px; }
ul.commentsList li p { padding: 4px 20px 0px 20px; font-family: "Verdana"; font-size: 12px; }
ul.commentsList li p.comm { font-style: italic; }

ul.accountMenu { margin: 10px 8px 20px 8px; float: none; clear: both; }
ul.accountMenu li { font-family: "Verdana"; font-weight: bold; font-size: 11px; float: left; margin-right: 10px; }

ul.paymentsList { }
ul.paymentsList li { font-family: "Verdana"; font-weight: bold; font-size: 11px; text-indent: 20px; }

h3 { font-family: Verdana; font-size: 16px; font-weight: bold; text-align: center; color: #FF0000; }

p.homeTextsmall a.un { color: #990000; border-bottom: 1px dashed #990000; }
p.homeTextsmall a.un:hover { color: #FFFFFF; border-bottom: 1px dashed #FFFFFF; }

p.clnr { float: none; clear: both; }

div.uploadindex
{
	text-align: right;
	width: 228px;
	float: left;
}

div.uploadindex div.uploadindexFrame
{
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	background-color: #ffffff;
	margin: 4px auto 0px;
	width: 216px;
	border-top: #000000 1px solid;
	border-right: #000000 1px solid;
	text-align: center;
}
div.uploadindex img.layoutupload {
	margin: 8px 8px 8px
}
div.uploadindex P {
	text-align: left;
	font-family: "Verdana";
	font-size: 12px;
	font-weight: bold;
	padding: 4px 10px 0 10px;
}