/*define the default font characteristics*/
body		{ font-style:normal; font-variant:normal; font-weight:normal; font-size:9pt; letter-spacing:0.2pt; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#777; }
p			{ margin-top:6px; margin-bottom:8px; }
ul			{ margin:0 0 0 16px; padding: 0 0 0 16px; color:#777; }
li			{ margin-bottom:2px; }
ol			{ margin:0 0 0 20px; padding: 0 0 0 16px; color:#777; }
h1			{ font-style:normal; font-variant:normal; font-weight:normal; font-size:13pt; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#126ea8; margin-bottom:8px; margin-top:4px; }
h2			{ font-style:normal; font-variant:normal; font-weight:normal; font-size:12pt; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#126ea8; margin-bottom:8px; margin-top:4px; }
h3			{ font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#126ea8; margin-bottom:0; margin-top:0px; }
tt, pre		{ font-family:monospace; font-size:12px }
.smaller	{ font-size:10px }
hr			{ height:1px; color:#ccc; background-color:#ccc; border-width:0px; }

/*define some special display options*/
div.justify			{ text-align:justify; }
div.container		{ position:relative; margin:0; padding:0; }
div.clear			{ clear: both; display: block; height:0; overflow:hidden; margin: 0; padding: 0; }
.altimgborder		{ border:1px solid #ddd; }
.quote				{ color:#a91164; font-style:italic; font-weight:bold; }
.showerror			{ color:#c00; }
.showsuccess		{ color:#00c; }
.listheader			{ margin:10px 0 10px 0; border-bottom:2px dotted #126ea8; padding:0; color:#a91164; font-size:125%; font-style:italic; letter-spacing:1px; }
.requiredstar		{ font-size:10px; color: #f00; }
div.nodbitem		{ margin:40px 0 40px 0; border-top:2px dotted #126ea8; border-bottom:2px dotted #126ea8; padding:20px 0 20px 0; text-align:center; }
img.photo			{ margin:0; border:1px solid #ccc; padding:4px; background:#fff; }

/*define the page body colours and sections - height is so FF displays the scrollbar all the time*/
html				{ min-height:100%; margin-bottom:1px; }
body.mysite			{ margin:0 !important; border:0; padding:0; background:#b9b9b9; text-align:center; }
div#pagebox			{ position:relative; margin:0 auto; border:0; padding:1px 20px 0 20px; text-align:left; width:720px; background:#b9b9b9 url(/images/side-shadow.gif) repeat-y top left; }

/*Image Thumbnail Viewer*/
#loading			{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; margin:0; border:2px solid #900; padding:5px; background-color:#eee; color:#009; font:"Verdana,Helvetica,Sans-Serif" 8pt; }
#zoomimage			{ position:absolute; top:0; left:0; z-index:15; cursor:hand; cursor:pointer; visibility:hidden; margin:0; border:1px solid Gray; padding:4px; background-color:#efefef; }
#zoomclose			{ position:absolute; top:1px; right:1px; width:45px; height:13px; background-color:#efefef; }

/*define the standard anchor link behaviour*/
a                   { text-decoration:none; color:#126ea8; font-weight:bold; }
a:hover             { text-decoration:none; color:#a91164; }

/*default form styles*/
input.std			{ font-size:10px; color:#666; background-color:#fff; border-left:1px solid #669; border-bottom:1px solid #b2b2cc; border-right:1px solid #b2b2cc; border-top:1px solid #669; font-family:Verdana,Helvetica,Sans-Serif; }
textarea.std		{ font-size:10px; color:#666; background-color:#fff; border-left:1px solid #669; border-bottom:1px solid #b2b2cc; border-right:1px solid #b2b2cc; border-top:1px solid #669; font-family:Verdana,Helvetica,Sans-Serif; }
select.std			{ font-size:10px; color:#666; font-family:Verdana,Arial,Helvetica,Sans-Serif; }
input.btn			{ font-size:10px; font-family:Verdana,Helvetica,Sans-Serif; }

/*the banner*/
div#logo			{ position:relative; margin:0; border:0; padding:40px 38px 0 50px; height:78px; background:#fff; }
div#logo div		{ float:left; margin:0; border:0; padding:0 15px 0 0; }
div#logo img.change	{ position:absolute; top:0; left:0; margin:0; border:1px solid #f00; padding:0; }
div#logo div#mbl	{ float:right; border:0; padding:0; width:214px; height:78px; }

/*the menu*/
div#menubox			{ position:relative; clear:left; margin:25px 50px 10px 28px; border:0; padding:0; text-align:right; white-space:nowrap; background:#fff; }
div#menubox ul		{ margin:0; padding:0; }
div#menubox li		{ margin:0 0 0 30px; padding:0; display:inline; list-style:none; }
div#menubox a		{ color:#777; font-size:120%; font-weight:normal; }
div#menubox a:hover	{ color:#900; }

/*styles used on multiple pages*/
div#contentbox			{ position:relative; margin:20px 50px 40px 50px; padding:0; background:#fff; }
div#contentbox:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html div#contentbox	{ height:1%; } /*ie fix Escaping Floats Bug*/

/*content home*/
div#hometextbox			{ margin:0 310px 20px 0; border:0; padding:0; }
div.homeimg				{ float:right; margin:30px 0 0 0; border:0; padding:0; text-align:right; }
div.homeimg img.change	{ position:absolute; top:0; left:0; margin:0; border:1px solid #f00; padding:0; }

/*content rest*/
div#leftcoltextbox				{ margin:0 200px 20px 0; border:0; padding:0; }
div#rightcolimgbox				{ float:right; margin:30px 0 0 0; border:0; padding:0; text-align:right; }
div#rightcolimgbox img			{ margin:0 0 20px 0; padding:0; }
div#rightcolimgbox img.change	{ position:absolute; top:0; left:0; margin:0; border:1px solid #f00; padding:0; }

p#backbtnright			{ margin-top:20px; text-align:right; }
p#backbtnleft			{ margin-top:20px; text-align:left; }
span#backbtn			{ border-top:2px solid #ccc; border-right:2px solid #999; border-bottom:2px solid #999; border-left:2px solid #ccc; padding:1px; font-size:85%; }
span#backbtn img		{ border:0; }

/*Shared gallery / item Styles*/
div#backto		{ margin:0 0 20px 0; border:0; padding:0;  font-size:80%; color:#888; }

/*for the galleries layout*/
ul.gallerybox				{ position:relative; clear:left; margin:0; padding:0; list-style:none; }
ul.gallerybox li			{ position:relative; margin:20px 22px 0 0; padding:0; float:left; width:190px; overflow:hidden; }
ul.gallerybox li.right		{ margin:20px 0 0 0; }
ul.gallerybox li.left		{ clear:both; }
ul.gallerybox a.galimg		{ display:block; margin:0; border:1px solid #e7e7e7; background:#f7f7f7; padding:10px 0 0 0; height:180px; text-align:center; }
ul.gallerybox a.galtxt		{ display:block; margin:2px; border:0; padding:0; font-size:90%; font-weight:normal; }
ul.gallerybox img			{ margin:0; border:1px solid #ccc; padding:4px; }

/*for the item layout*/
div#itembox					{ position:relative; margin:20px 0 20px 0; border:0; padding:0; }
div#itembox img				{ margin:0; border:1px solid #ccc; padding:4px; display:block; }
div#itembox h1				{ margin:12px 0 0 0; border-top:2px dotted #ccc; padding:6px 0 6px 0; font-size:10pt; font-weight:bold; font-style:italic; color:#888; }
div#itembox p				{ margin:0 0 5px 0; font-size:90%; }
div#itembox span			{ display:block; float:left; width:98px; margin:0 4px 4px 0; border:0; padding:0; font-weight:bold;  }
div#itembox p#buyart		{ margin:10px 0 0 0; padding:0; font-size:80%; }
div#itembox p#itemdesc		{ margin:10px 0 4px 0; border-top:2px dotted #ccc; padding:10px 0 0 0; font-size:100%; font-style:italic; font-weight:bold; }

/*contact page*/
div#contactform					{ position:relative; margin:25px 0 25px 0; border:0; padding:0; overflow:hidden; }
div#contactform:after			{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html div#contactform			{ height:1%; } /*ie fix Escaping Floats Bug*/
div#contactinfobox				{ position:relative; float:left; margin:0 8px 0 0; border-right:1px solid #ccc; padding:0 28px 0 0; width:230px; overflow:hidden; }
div#contactinfobox p			{ margin:8px 0 0 0; padding:0 0 0 32px; font-family:Tahoma, Arial, Helvetica, Sans-Serif; letter-spacing:0.2em; height:auto !important; height:30px; min-height:30px; }
div#contactinfobox img			{ margin:0 0 8px -32px; border:0; padding:0; float:left; }
div#contactformbox				{ position:relative; float:left; margin:0 0 0 15px; border:0; padding:0; width:330px; overflow:hidden; }
div#contactformbox input.text	{ width:230px; }
div#contactformbox textarea		{ width:230px; }
div#contactformbox input.doit	{ margin-left:71px; }
div#contactformbox label		{ display: block; float: left; width:65px; text-align:right; margin:0 6px 0 0; }

/*the footer link for CubeConnection*/
div#siteby				{ clear:both; position:relative; margin:0; border:0; padding:0; font-size:80%; background:#cacaca; color:#888; }
div#siteby p			{ margin:0 6px 0 0; padding:4px 0 0 0; text-align:right; }
div#siteby span#copyrite{ float:left; margin:0 0 0 6px; padding:0; text-align:left; }
div#siteby a#cube		{ text-decoration:none; color:#888; font-weight:bold; }
div#siteby a#cube:hover	{ color:#089CB1; }
div#bottom				{ position:relative; margin:0 0 0 -20px; border:0; padding:0; height:25px; width:760px; background:#b9b9b9 url('/images/bottom-shadow.gif') no-repeat bottom left; }

/*================================*/
/* define all the admin style bits*/
/* needed on user pages           */
/*================================*/
div#adminmenu		{ padding:1px; width:718px; height:16px; text-align:left; overflow:hidden; }
div.editlink		{ margin:0 0 8px 0; border:1px solid #ccc; padding:0 1px 1px 1px; color:#00f; font-size:10px; font-weight:normal; background-color:#ffb; }
div.editlink a		{ text-decoration:none !important; color:#d00 !important; font-weight:normal !important; }
div.editlink a:hover{ text-decoration:underline !important; color:#00f !important; }
p#adminnotes		{ clear:left; margin:10px 0 0 0; border-top:2px dotted #c00; padding:4px 0 0 0; color:#c00; font-style:italic; }