@charset "utf-8";
/* CSS Document */
/*
 
 Colour scheme:
 Greys:
 void zones: #999
 blank canvas: #DBDBDB
 Brights:					Fades to
 blue: 			1B75BB	3399ff
 green: 			077F00	00cc00
 violet: 		98009F	ff00ff
 brown: 			3F3000	996600
 red: 			BF003D	ff6666
 dblue: 			002BBF	6699ff
 yellow: 		DF7800	ffcc66
 purple: 		5D00BF	cc99ff
 title banner: 	3366CC	99CCFF
 linkbox:		3366CC	66CCFF
 -- nb in gradients, darker colour is graphic and lighter is browser rendered
 Dulls:
 dark blue: #053755;
 carrier blue: #4F597A;
 textbox light: #EAEAEA;
 textbox dark: #B2B2B2;
 
 
 */
body {
    background: #999;
}

/* essentially the white margins on either side of the page, 10px each */
#whitecanvas {
    width: 994px;
    background: #FFF;
    margin: auto;
}

/* encloses all content */
#greycanvas {
    width: 974px;
    margin: 0 10px;
    background: #DBDBDB;
	padding-bottom: 10px;
}

/* title banner sits snug on greycanvas */
#titlebanner {
    position: relative;
    height: 140px;
    background: #9CF bottom left repeat-x url(http://www.wildcurl.co.uk/interface/images/banner-grad.png);
}

#leaderboard {
    position: absolute;
    top: 40px;
    right: 12px;
    width: 468px;
    height: 60px;
}

#wildcurllogo {
    margin: 10px 15px;
}

#footer {
    position: relative !important;
    clear: both !important;
    height: 75px;
    background: #9CF bottom left repeat-x url(http://www.wildcurl.co.uk/interface/images/footer-grad.png);
    width: 974px;
    margin-left: 10px;
}

#footer #footerLeft {
    float: left;
    width: 388px;
    padding: 6px;
}

#footer #footerMiddle {
    float: left;
    width: 162px;
    padding: 6px;
    text-align: center;
    color: #FFF;
    font-size: x-small;
}

#footer #footerRight {
    float: right;
    width: 388px;
    padding: 6px;
    text-align: right;
    color: #FFF;
    font-size: x-small;
}

#footer #footerRight a {
	color: #FFF;
}

#footer #footerRight a:link {
	text-decoration: none;
}

#footer #footerRight a:hover {
	text-decoration: underline;
}


/* errmsg - pops up when something's wrong */
#errmsg {
    text-align: center;
    padding: 6px;
    margin: 6px;
    border: #F00 solid 3px;
    background: #FF9;
    color: #F00;
    font-family: "Courier New", Courier, monospace;
}

/* toolbar - holds the search and login features */
#toolbar {
    position: relative;
    background: #DBDBDB;
    height: 40px;
}

.loginregisterbox {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: small;
}

.loginregisterbox a {
    color: #000;
}

#loginbox {
    display: none;
}

/* main menu - holds the colour-coded menu buttons */
#mainmenu {
    background: #DBDBDB;
    height: 42px;
    border: #FFF 1px;
    border-style: solid none;
    padding: 1px;
}

#mainmenu a {
    display: block;
    width: 117px;
    height: 40px;
    margin: 2px 0 2px 4px;
    float: left;
    padding: auto;
    text-decoration: none;
}

#mainmenu a span {
    display: block;
    margin: 10px 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: small;
}

/* bodycolumns - houses the countent column and left and right marginal columns */
#bodycolumns {
    position: relative;
    width: 974px;
}

/* content - main content goes in here */
#content {
    position: relative;
	height: auto;
    margin: 0 140px;
}

#columnright {
    position: absolute;
    right: 10px;
    top: 0;
    width: 289px;
}

#columnleft.double {
    margin: 10px;
    width: 370px;
}

#columnleft.single {
    margin: 10px;
    width: 675px;
}

/* in-column styles */
.textBox {
    background: #FFF;
    margin-bottom: 10px;
    padding-bottom: 6px;
}

.textBox h1, .textBox h1 a {
    background: #EAEAEA;
    border-bottom: 3px solid #B2B2B2;
    padding: 5px;
    margin-bottom: 12px;
    font-weight: bold;
    color: #4F597A;
    font-size: medium;
    text-decoration: none;
    text-align: left;
    overflow: hidden;
}

.textBox p {
    margin: 0 12px 12px 12px;
}

.textBox img {
    margin: 0 10px 10px 10px;
}

.captionedImg {
    margin: 0 10px;
    padding: 4px;
    margin-top: 0;
    background: #EAEAEA;
}

.captionedImg p {
    margin: 0;
    padding: 0;
    font-size: x-small;
}

.captionedImg img {
    margin: 0;
    padding: 0;
}

img.freeform {
    border: 1px solid #000;
}

/* column(left|right)marginal - 140px wide, to hold 120px wide tower ads */
#columnleftmarginal {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
}

#leftmenu {
    margin-top: 0px !important;
}

#leftmenu2 {
	
}

#createLink {
    margin-top: 0px !important;
}

#columnrightmarginal {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
}

.columnmarginal a.menu {
    display: block;
    padding: 8px 3px;
    text-decoration: none;
    font-weight: bold;
    color: #053755;
    border-bottom: dotted 2px grey;
    font-size: small;
}

.skyscraper {
    height: 600px;
    width: 120px;
    margin-top: 10px;
}

.buttonad {
	width: 120px;
	height: 60px;
	margin-bottom: 18px;
}
/* handy handy classes */
.hidden {
    display: none;
}

.pixelBorder {
    border: solid 1px #333;
}

.margin5 {
    margin: 5px !important;
}

.padding5 {
    padding: 5px !important;
}

.whitewash {
    background: #FFF !important;
}

.floatRight {
    float: right !important;
}

.floatLeft {
    float: left !important;
}

.bold {
    font-weight: bold !important;
}

.large {
    font-size: 120% !important;
}

.small {
    font-size: 80% !important;
}

.italic {
    font-style: italic !important;
}

.alignRight {
    text-align: right !important;
}

.alignCenter {
    text-align: center !important;
}

.indentLeft {
    padding-left: 10px !important;
}

.indentRight {
    padding-right: 10px !important;
}

/* colours */
.bgblue {
    background: #3399ff repeat-x bottom left url(http://www.wildcurl.co.uk/interface/images/menu-blue.png) !important;
    color: #FFF !important;
}

.bggreen {
    background: #00cc00 repeat-x bottom left  url(http://www.wildcurl.co.uk/interface/images/menu-green.png) !important;
    color: #FFF !important;
}

.bgviolet {
    background: #ff00ff repeat-x bottom left  url(http://www.wildcurl.co.uk/interface/images/menu-violet.png) !important;
    color: #FFF !important;
}

.bgbrown {
    background: #996600 repeat-x bottom left  url(http://www.wildcurl.co.uk/interface/images/menu-brown.png) !important;
    color: #FFF !important;
}

.bgred {
    background: #ff6666 repeat-x bottom left  url(http://www.wildcurl.co.uk/interface/images/menu-red.png) !important;
    color: #FFF !important;
}

.bgdblue {
    background: #6699ff repeat-x bottom left  url(http://www.wildcurl.co.uk/interface/images/menu-dblue.png) !important;
    color: #FFF !important;
}

.bgyellow {
    background: #ffcc66 repeat-x bottom left  url(http://www.wildcurl.co.uk/interface/images/menu-yellow.png) !important;
    color: #FFF !important;
}

.bgpurple {
    background: #cc99ff repeat-x bottom left  url(http://www.wildcurl.co.uk/interface/images/menu-purple.png) !important;
    color: #FFF !important;
}

.bgsilver {
    background: #FFF repeat-x bottom left  url(http://www.wildcurl.co.uk/interface/images/menu-silver.png) !important; 
}

.bgpremium {
    background: #FFF repeat-x bottom left  url(http://www.wildcurl.co.uk/interface/images/menu-premium.png) !important;
}

.bgmulti {
    background: #FFF repeat-x bottom left  url(http://www.wildcurl.co.uk/interface/images/menu-multi.php) !important;
}

.textBox h1 {
    background-position: bottom;
    padding: 8px 6px 8px 6px; /* added by SW */
}

/*
 * frontapges
 */
.featuredListingDisplay {
    margin-bottom: 10px;
    font-size: small;
}

.featuredListingDisplay h4 {
    font-size: medium;
    font-weight: bold;
}

/*
 * account summary page
 */
.welcomeText {
    font-size: large;
    color: #4B7ED8;
}

.accountMenuTitle {
    color: #4B7ED8 !important;
    font-size: medium;
    font-weight: bold;
    border-bottom: dotted 2px grey;
    padding: 4px;
}

.accountMenuLink {
    color: #4B7ED8 !important;
}

.last {
    border-bottom: none !important;
    width: 110px !important;
}

#premiumUpgradeStarImage {
    float: right;
}

.bluecolor {
    color: #4B7ED8 !important;
}

.center {
    text-align: center;
}

.pageLink {
    color: #4B7ED8;
    font-weight: bold;
    border-bottom: 1px solid #000;
    text-decoration: none;
}

.pageLink:hover {
    color: #000;
}

#freeStarImage {
    float: right;
}

#listingsTable {
    margin: 10px;
}

#listingsTable td {
    padding: 4px;
}

#listingsTable .status {
    width: 20px;
}

#listingsTable .title {
    width: 250px;
}

#listingsTable .edit {
    width: 50px;
}

.editListingButton {
    width: 28px;
    height: 22px;
    color: #FFF;
    padding: 3px 0px 0px 22px;
    background: url(http://www.wildcurl.co.uk/interface/images/button-summary-edit-listing.png) no-repeat !important;
}

.editListingButton a {
    color: #FFF;
    text-decoration: none;
}

.editListingButton a:hover {
    text-decoration: underline;
}

/*
 * my gallery page / gallery step of listings wizzard
 */
#myImageGallery {
}

#myGalleryStats {
    clear: both;
}

.myImageGalleryCaptionLine {
    clear: both;
    margin: 0px 10px 10px 10px;
    position: relative;
}

.myImageGalleryLine {
    clear: both;
    margin: 10px 10px 0px 10px;
    height: 160px;
}

#listingGalleryContainer {
    position: relative;
}

#myListingImageGallery {
    float: left;
    width: 510px;
    padding-bottom: 10px;
}

#myListingImagePreview {
    float: left;
    width: 150px;
    padding: 10px 10px 10px 0px;
}

.myListingImageGalleryLine {
    clear: both;
    margin: 10px 10px 0px 10px;
    height: 60px;
    position: relative;
}

.myListingImageGalleryLineItem {
    float: left;
    margin-right: 4px;
    position: relative;
    width: 50px;
    height: 50px;
}

.myListingImageGalleryLineItem img {
    position: absolute;
    top: 0;
    right: 0;
}

.imageItem {
    width: 163px;
    height: 150px;
    float: left;
    text-align: center;
    padding: 5px 0px 5px 0px;
}

.last {
    width: 166px;
}

.imageItem img {
    width: auto;
    height: auto;
    margin: 0px auto 0px auto;
}

.selected {
    background: #3E70D1;
}

.inputImageCaption {
    background: #3E70D1;
    padding: 6px;
    color: #FFF;
    display: none;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 643px;
}

.inputImageCaption input[type = text] {
    width: 380px;
}

.inputImageCaption input[type = submit], .inputImageCaption input[type = button] {
    width: auto;
}

#myGalleryStats {
    padding: 10px;
}

#uploadMessage {
    padding: 0px 10px 0px 10px;
}

#listingImages {
    position: relative;
    height: 152px;
    margin: 10px;
    width: 655px;
}

.listingImageContainerBox {
    float: left;
    width: 150px;
    height: 150px;
    border: #666 solid 1px;
    margin-right: 6px;
    margin-left: 4px;
}

.listingImageContainerBox img {
    padding: 0px !important;
    margin: 0px !important;
}

.listingImageContainer {
	cursor: pointer;
}
/*
 * my favourites page
 */
.unlove {
    cursor: pointer;
}

/*
 *  my listings page
 */
.listingsTable {
    margin: 10px;
}

.listingsTable td {
    padding: 3px;
}

.listingsTable th {
    padding: 3px;
}

.listingsTableTitle {
    width: 250px;
    text-align: left;
}

.listingsTableTitleNonP {
	width: 511px;
	text-align: left;
}

.listingsTableStatus {
    width: 100px;
    text-align: center;
}

.listingsTableViews {
    width: 50px;
    text-align: center;
}

.listingsTableFavourited {
    width: 81px;
    text-align: center;
}

.listingsTableLastViewed {
    width: 130px;
    text-align: center;
}

.listingTableColspan4 {
    width: 481px;
    text-align: left;
}

.listingsTableLink {
    cursor: pointer;
    color: #4B7ED8;
    text-decoration: none;
}

.listingsTableLink:hover {
    text-decoration: underline;
}

#graph {
    position: relative;
    /* margin: 8px; */
    margin-bottom: 10px !important;
}

.graphLine {
    clear: both;
    position: relative;
    padding: 6px 0px 6px 0px;
}

#scale {
    width: 570px;
    margin-left: 85px;
    background: #F00;
    border-bottom: 1px solid #000;
}

#scale .scaleLabel {
    float: left;
    text-align: right;
    position: relative;
}

#scale .scaleZero {
    float: left;
    text-align: left;
}

.lineDate {
    float: left;
    width: 85px;
    font-size: small;
    height: 15px;
}

.graphBar {
    height: 15px;
    background: #4B7ED8;
    float: left;
    text-align: right;
    color: #FFF;
}

.todayBar {
    background: #999 !important;
}

.zeroCount {
    width: 30px;
    background: #FFF !important;
    text-align: left;
    color: #000;
}

.listingOptions {
    background: #4B7ED8;
    color: #FFF;
}

.unlinkListing {
    cursor: pointer;
    text-decoration: underline;
}

/*
 *  my settings
 */
#mySettings input {
    width: 200px;
}

#mySettings label {
    float: left;
    width: 140px;
    text-align: right;
}

#mySettings[type = submit] {
    margin-left: 140px;
    width: auto;
}

#checkEmailResult {
    margin-left: 143px;
}

#checkEmailResult .fail {
    color: #990000;
}

#updateResult {
    padding: 10px 10px 25px 10px;
    color: #4B7ED8;
}

/*
 * listing page
 */
#listingMap {
    margin: 10px;
    width: 350px;
    height: 350px;
}

.datelist {
    border-collapse: collapse;
    margin: 0 30px;
}

.datelist td {
    width: 150px;
    text-align: center;
}

.rtype0 td {
    background: #ccc;
}

.rtype1 td {
}

.rtype2 td {
    font-weight: bold;
}

#listingGallery {
    margin: 12px 0px 10px 10px;
}

#listingGallery img {
    margin: 10px 0px 0px 0px;
}

#listingGallery p {
    color: #FFF;
}

.picturebox {
    background: #1B75BB url(http://www.wildcurl.co.uk/interface/images/listing-picture-pulse-bg.png) !important;
}

#draftBox {
    color: #4F83DA;
    padding-top: 10px;
	border: 1px solid #000;
}

#draftBox p {
	color: #4F83DA;
	margin-top: 10px;
}

#controlShare {
    color: #4F83DA;
    padding-top: 10px;
	border: 1px solid #000;
}

#controlShare a {
    color: #4F83DA;
    text-decoration: none;
}

#controlShare a:hover {
    color: #4F83DA;
    text-decoration: underline;
}

#reportGrief {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: underline;
    cursor: pointer;
}

#statusConfirmationForm {
    text-align: center;
}

#statusConfirmationForm input {
    width: auto;
}

/*
 * register page
 */
#registerForm label {
    float: left;
    width: 150px;
	padding: 4px;
    text-align: right;
}

#registerForm input {
	padding: 4px;
	color: #36C;
	font-family: inherit;
	font-size: inherit;
	width: 200px;
}

#registerForm input[type=checkbox] {
	margin: 4px;
	width: auto;
	color: #000;
	margin-left: 163px;
}

#registerForm input[type=submit] {
	font-family: inherit;
	font-size: inherit;
	width: auto;
	color: #000;
	margin-left: 163px;
	padding: 0px;
}

#registerForm > div {
	clear: both;
}

#checkUsernameResult {
    margin-left: 163px;
}

#checkUsernameResult .ok {
    color: #4B7ED8;
}

#checkUsernameResult .fail {
    color: #990000;
}

#checkEmailResult {
    margin-left: 163px;
}

#checkEmailResult .fail {
    color: #990000;
}

#registerResult {
    padding: 10px 10px 25px 10px;
    color: #4B7ED8;
}

/*
 * details questions
 */
.buttonIcon {
    cursor: pointer;
}

#questionsAnswered {
    width: 100%;
}

#questionsAnswered td, tr {
    padding: 4px;
}

#questionsAnswered td.editCol {
    width: 30px;
    text-align: center;
}

#questionsAnswered td.deleteCol {
    width: 30px;
    text-align: center;
}

#qbox {
    padding: 6px;
}

/*
 * listing wizard
 */

.selectionPath {
	font-style: italic;
	color: #4477D4;
}

.halfbutton {
	width: 250px !important;
}

.textinput {
	padding: 4px;
	color: #36C;
	font-family: inherit;
	font-size: inherit;	
}

#mapBox {
	padding: 10px 10px 15px 38px;
}
/*
 * Search
 */
.result_comment {
    background: #ccc;
    text-align: center;
    margin-bottom: 8px;
    padding: 8px;
}

#searchframe {
    width: 694px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

#searchbody #columnleft {
    width: 660px;
}

/*
 * UNSORTED
 */
.notesw {
    color: #ff0066;
    font-size: x-small;
    font-weight: bold;
}

.q {
    padding: 10px !important;
    vertical-align: top !important;
}

.key {
    color: #333 !important;
    font-style: italic !important;
}

li {
    position: relative;
	left: 30px;
	padding-right: 30px;
}

div.textBox > img {
    width: 270px;
}

#columnright > div.textBox > img {
    width: 270px;
}

div#columnleft > .captionedImg {
    margin-bottom: 10px;
}

div#columnright > .captionedImg {
    margin-bottom: 10px;
}

.greyBox {
    padding: 10px;
    margin: 20px;
    font-size: x-small;
    font-weight: bold;
    background: #CCC;
}

.textBox {
    line-height: 130%;
    font-size: small;
}

.editLink {
    background: url(http://www.wildcurl.co.uk/interface/images/button-blue.png) no-repeat;
    margin: 20px;
    margin-top: 10px;
    height: 25px;
    width: 130px;
    font-size: small;
    position: relative;
}

.editLink img {
    position: absolute;
    top: 2px;
    left: 2px;
	margin: 1px;
}

.editLink a {
    text-decoration: none;
}

.editLink a span {
    position: absolute;
    display: block;
    top: 4px;
    left: 25px;
    color: #FFF;
}

.favLink {
    background: url(http://www.wildcurl.co.uk/interface/images/button-red-150.png);
    margin: 10px auto 20px auto;
    height: 25px;
    width: 150px;
    font-size: small;
    position: relative;
    color: #FFF;
    cursor: pointer;
}

.favLink img {
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
	margin: 1px;
}

.favLink a {
    text-decoration: none;
}

.favLink a span {
    position: absolute;
    display: block;
    top: 4px;
    left: 25px;
    color: #FFF;
}

.favLink .padding {
    padding: 4px 0px 0px 6px;
}

.rightnav a {
    font-weight: normal;
}

.rightnav {
    margin: 0;
}

#searchbar {
    width: 300px;
    position: absolute;
    top: 12px;
    left: 12px;
}

#searchbar input[type = text] {
    width: 220px;
}

#searchbar input[type = submit] {
    width: 60px;
}

.textBox input {
    width: 80%;
    margin: 3px;
}

.textBox textarea {
    width: 80%;
    height: 300px;
    margin: 3px;
}

.textBox input[type = radio] {
    width: 20px;
}

input[type = checkbox] {
    width: auto;
    position: relative;
    top: 2px;
}

.textBox td {
    vertical-align: top;
}

#eventhowmanydaysmore {
    width: 20px;
}

#login_username {
    color: #666;
}

.white {
    color: #FFF;
}

.imageEditorSection {
	margin: 5px;
	border: 1px solid #CCC;
	padding: 4px;
	
}

.paypalbutton {
	width: auto !important;
	height: auto !important;
	
}

/*
 * surf report
 */

#surfReportContent {
	padding: 10px;
}

.surfReportBlock {
	display: block;
	padding: 4px;
	border: #000 solid 1px;
	margin-bottom: 10px;
}

#surfReportContent td {
	padding: 2px;
}

#surfReportContent td.cat {
	color: #000;
}

#surfReportContent td.value {
	color: #666;
	font-style: italic;
}

/*
 * event date wizard
 */

 #dayTimes {
 	padding: 10px;
 }
 
 #dayTimes td {
 	padding: 4px 4px 8px 4px;
 }
 
 #dayTimes td.dateLabel {
 	text-align: right;
 }
 
 /*
  * front pages
  */
 
 .sponsoredListing {
	cursor: pointer !important;
 }
 
  .featuredArticle {
	cursor: pointer !important;
 }

 /*
  * hampers
  */
 
 .hamperProduct, .hamperProductNoCanHasOptions {
 	clear: both !important;
	display: block;
	padding: 10px;
	border-bottom: #3D70D1 dotted 2px; 
 }
 
  .hamperProduct {
	cursor: pointer;
	color: #3D70D1;
  }

 .optionSelected {
 	display: block;
	font-style: italic;
 }
 
 #hamperOptionsSelect {
 	width: 320px !important;
	padding: 4px;
 }

 /*
  * my payments
  */
 
#myPayments table {
	margin: 10px;
}

#myPayments td, th {
	padding: 4px;
	text-align: center;
}

#myPayments .orderDate {
	width: 80px;
}

#myPayments .transactionID {
	width: 25px;
}

#myPayments .productCode {
	width: 100px;
}

#myPayments .productName {
	width: 230px;
	text-align: left;
}

#myPayments .price {
	width: 60px;
}

#myPayments .orderStatus {
	width: 90px;
}

/*
 * event calendar
 */

.calendarEvent {
	display: block;
	margin-bottom: 10px;
	font-size: x-small;
	padding: 2px;
	border-bottom: #3366CC dotted 1px;
	cursor: pointer;
}

#eventCalendar th {
	font-weight: bold;
	color: #3366CC;
}

.endTime {
	color: #999;
	font-size: x-small;
	font-style: italic;
}

.startTime {
	color: #999;
	font-size: x-small;
	font-style: italic;
}

#goToWeek {
	display: block;
	padding: 5px 10px 10px 10px;
	height: 22px;
	text-align: center;
	display: none;
}

#calendarControls {
	display: block;
	padding: 10px 10px 0px 10px;
	height: 22px;
	text-align: center;
}

#previousWeek {
	float: left;
	text-align: left;
	cursor: pointer;
}

#nextWeek {
	float: right;
	text-align: right;
	cursor: pointer;
}

#clickToGoWeek {
	cursor: pointer;
}

/*
 * forgot/reset password
 */

#forgotPassword div {
	clear: both;
}

#forgotPassword label {
	width: 150px;
	padding: 4px;
	float: left;
	margin-right: 5px;
	text-align: right;
}

#forgotPassword input[type=text] {
	width: 200px;
	padding: 4px;
	color: #4274D3;
}

#forgotPassword input[type=submit] {
	width: auto;
	margin-left: 165px;
}

/*
 * wildcurl login
 */

#wildcurlLogin div {
	clear: both;
}

#wildcurlLogin label {
	width: 150px;
	padding: 4px;
	float: left;
	margin-right: 5px;
	text-align: right;
}

#wildcurlLogin input[type=text] {
	width: 200px;
	padding: 4px;
	color: #4274D3;
}

#wildcurlLogin input[type=password] {
	width: 200px;
	padding: 4px;
	color: #4274D3;
}

#wildcurlLogin input[type=submit] {
	width: auto;
	margin-left: 165px;
}

/*
 * claim listing
 */

#claimThisListing {
	cursor: pointer;
	text-decoration: underline;
}


.link {
	cursor: pointer;
	text-decoration: underline;
	color: #3569CD;
}

/**
 * inline ads
 */

.largeRectangle {
	margin: 10px auto 10px auto;
	width: 336px;
	height: 280px;
}

.squarePopup {
	margin: 10px auto 10px auto;
	width: 250px;
	height: 250px;
}