body {
    background: #000000;
    color: #ffffff;
    margin: 0 0 20px 0;
    font-family: verdana, tahoma, helvetica, arial, sans-serif;
    font-size: 12px;
    height: 100%;
    ~cursor: default;
}

* html body.masked select, body.masked object, body.masked embed {
    visibility: hidden;
}

/* only needed for firefox mac, but doesnt hurt to leave for all browsers */
body.masked textarea, body.masked #singleImage .photo {
    overflow: hidden !important;
}

body.bgGradient {
    background: black url(https://www.cottotiles.co.ukimg/topgradient.jpg) repeat-x;
    }

.foreground {
    color: #ffffff;
    }

form {
    display: inline;
    margin: 0;
    padding: 0;
    }

ul,ol {
    margin: 0 0 10px 0;
    padding: 10px 0 0 30px;
    }

ul.noindent, ol.noindent {
    padding-left: 20px;
    }

p {
    margin-top: 0;
    margin-bottom: 10px;
    }

a {
    color: #A1A5A9;
    outline: none;
    }
a:active {
	outline: none;
	color: #8CCA1E;
}

/* width sepcific divs defaults */
#header, #footer, #cobrand_footer, #feeds, #themeCredit, #content, #singleImage, #filmstrip, #journal, #traditional, #allthumbs, #slideshow, #press_release, #homepage, #controlPanel, #communityHome, #category, #subcategory, #communityKeyword, #communityBrowse {
    margin: 0 auto;
    width: 750px;
    padding: 5px 0;
    text-align: left;
    }
    
/* changed by mike to center footer */
#footer, #feeds {
    text-align:center;
}

#sparkletiles, #critique {
    margin: 0 auto;
    width: 960px;
    padding: 5px 0;
    text-align: left;
    }



/* these rely on their container divs to set their width */
#breadcrumb, #albumDescription, #relatedKeywords, #photoTools, #caption_bottom, #caption_top, #photoBy, #fileNameBox, #imageInfo, .albumNav, #homepageTools, #sizePicker, .boxSettings, #keywordList, .boxTop, #userBio, #rating, .boxBottomNav {
    padding: 5px 0;
    text-align: left;
    }

#fileNameBoxWrapper {
    display: none;
    }

.homeBoxTop {
    padding: 5px 0 5px 10px;
    }

.spacer {
    clear: both;
    }

#caption_top {
    display: none;
    }

#caption_bottom {
    display: block;
    }

#press_release h3, #press_release h2 {
    color: #1963AA;
    }

#press_release h4 {
    font-style: italic;
    }

.controlPanelSettings .boxTop a.nav {
    font-size: 13px;
    }

.controlPanelSettings .boxTop a.down {
    font-size: 14px;
    }

.controlPanelSettings .boxTop.nav {
    font-size: 16px;
    }

/* navigation */
.nav {
    color: #666666;
    }

a.nav {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    }

a.nav:hover {
	text-decoration: underline;
	color: #8CCA1E;
    }

a.down {
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    }

/* lines */
.top_border {
    border-top: solid 1px #666666;
    }

.bottom_border {
    border-bottom: solid 1px #666666;
    }

.right_border {
    border-right: solid 1px #666666;
    }

.left_border {
    border-left: solid 1px #666666;
    }

.customizeGallery .boxBottom {
    padding-bottom: 20px;
    }

/* header */
#header_wrapper {
    margin-bottom: 10px;
    }

#header {
    text-align: left;
    }

.logo {
	display: inline;
	float: left;
	width: 118px;
	height: 25px;
	vertical-align: bottom;
	background: url(/img/layout/cottotiles_logo.png) no-repeat;
        }

.sparkleBrowseAd {
    display: inline;
    width: 640px;
    height: 17px;
    vertical-align: middle;
        background: url(https://www.cottotiles.co.ukimg/BrowseAd.png) no-repeat;
        }
#toolbar {
    display: inline;
    float: right;
}
#toolbar.nav {
    font-size: 16px;
    }

#searchWords {
    width: 150px;
    }

#searchWordsShort {
    width: 75px;
    }

/* footer */
#footer_wrapper {
    margin-top: 10px;
    }

#cobrand_footer #footer, #cobrand_footer #feeds, #cobrand_footer #themeCredit {
    text-align: center;
    }

/* site touches */
.nomargin {
    margin: 0;
    }

.notopmargin {
    margin-top: 0 !important;
    }

.nobottommargin {
    margin-bottom: 0;
    }

a.hoverlink {
    text-decoration: none;
    }

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

a.nolink {
    text-decoration: none;
    }

.dashedBoxBottom {
    padding: 10px;
    border-left: dashed 1px #404040;
    border-right: dashed 1px #404040;
    border-bottom: dashed 1px #404040;
    margin-bottom: 20px;
    }

p.last {
    margin-bottom: 20px;
    }

.movie {
    margin-bottom: 10px;
    }

.imgBorder {
    border: solid 1px #999999;
    }


a:hover .imgBorder, .imgBorderOn {
    border: solid 1px #8CCA1E;
    }

.title {
    color: #8CCA1E;
    font-weight: bold;
    }

a.title {
    color: #8CCA1E;
    font-weight: bold;
    }

.alert, .red {
    color: #D62D0B; /* changed from #ff0000 by Mike */
    }

img.right {
    clear: right;
    float: right;
    margin: 10px 0 10px 10px;
    }

img.left {
    clear: left;
    float: left;
    margin: 10px 10px 10px 0;
    }

img.clear {
    float: none !important;
    }

.clickable {
    cursor: pointer;
    }

.helpie {
    cursor: help;
    color: #ff9400;
    }

.required {
    color: #ff9400;
    }

.outertable {
    border-top: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    }

.innertable {
    border-bottom: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    padding: 5px;
    }

/* cart buttons */
.shoppingcart {
    width: 21px;
    height: 18px;
    vertical-align: bottom;
    margin: 0 0 2px 3px;
        background: transparent url(https://www.cottotiles.co.ukimg/cart_view_combined_black.png) no-repeat;
        }

.searchglass {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 3px;
    cursor: pointer;
        background: transparent url(https://www.cottotiles.co.ukimg/searchglass_combined_black.png) no-repeat;
        }

.star {
    width: 12px;
    height: 12px;
    display: inline;
    margin-right: 2px;
        background: url(https://www.cottotiles.co.ukimg/star_small.png) no-repeat;
        }

.starTrans {
    width: 12px;
    height: 12px;
    display: inline;
    margin-right: 2px;
            background: url(https://www.cottotiles.co.ukimg/star_small_outline.png) no-repeat;
        }

.bigStarSolid {
    width: 25px;
    height: 25px;
    display: inline;
    margin-right: 5px;
        background: url(https://www.cottotiles.co.ukimg/star_big.png) no-repeat;
        }

.bigStarTrans {
    width: 25px;
    height: 25px;
    display: inline;
    margin-right: 5px;
        background: url(https://www.cottotiles.co.ukimg/star_big_outline.png) no-repeat;
        }

/* font variations */
.sparklefont {
    font-family: Comic Sans MS, arial, sans-serif;
    font-weight: normal;
    }

.text {
    font-size: 12px;
    }

.note {
    font-size: 11px;
    }

#breadcrumb .note {
    font-size: 11px;
    }

h1 {
	margin-top: 40px;
	font-size: medium;
	margin-bottom: 10px;
	margin-left: 20px;
    }

h1.title, h2.title {
    color: #ffffff;
    }

h2 {
    margin-top: 40px;
    font-size: 20px;
    margin-bottom: 10px;
    }

h3 {
    margin-top: 15px;
    font-size: 14px;
    margin-bottom: 3px;
    }


/* PAGE PICKER */
.pageNav {
     text-align: center;
     color: #8CCA1E;
     }

.pageNav.leftColumn {
    position: relative !important;
    }

.pageNav a.nav.prev, .pageNav a.nav.first, .photoNav a.nav.prev {
     margin-right: 10px;
     }

.pageNav a.nav.next, .pageNav a.nav.last, .photoNav a.nav.next {
     margin-left: 10px;
     }

.pageNav .pageOn {
     padding: 0px 5px;
     cursor: pointer;
     }

.pageNav span.pageOn {
    cursor: default;
    }

.pageNav .pageOn img {
    width: 12px;
    height: 12px;
        background: url(https://www.cottotiles.co.ukimg/pickerOpen.png) no-repeat center;
    margin: 0px -1px -1px;
        }
		
		body {
    margin-top: 0px;
}
.box {
	background-color: transparent;
}
.boxTop {
	border-bottom: solid 1px #666666;
}
.boxBottom {
	background: transparent url(https://www.cottotiles.co.ukimg/medium_black.gif) repeat-x;
  border-right: solid 1px #2d2d2d;
	border-left: solid 1px #2d2d2d;
	border-bottom: solid 1px #2d2d2d;
}

/* medium is the default */

.top_border {
	border-top: solid 1px #666666;
}
.bottom_border {
    border-bottom: solid 1px #666666;
}
.right_border {
    border-right: solid 1px #666666;
}
.left_border {
    border-left: solid 1px #666666;
}

#header_wrapper {
	border-top: none;
}
#bioBox .boxBottom {
    border-top: solid 1px #666666;
}
.loggedIn #bioBox .boxBottom {
	border-top: 0px;
}

/* full enclosed box (boxtop has gradient too */
.enclosedBox {
	border-top: solid 1px #666666;
    border-right: solid 1px #2d2d2d;
	border-left: solid 1px #2d2d2d;
	border-bottom: solid 1px #2d2d2d;
	/* Changed by Mike */
	/*background: transparent url(https://www.cottotiles.co.ukimg/medium_black.gif) repeat-x;*/
	background:#000000;
}
.enclosedBox .boxTop {
	border-top: none;
	border-bottom: solid 1px #000000;
	background:#2d2d2d;
}
.enclosedBox .boxBottom {
	border: none !important;
	background: none;
	overflow:auto; /* used for clearing the box */
	background: transparent url(https://www.cottotiles.co.ukimg/medium_black.gif) repeat-x; /* background should be in the boxBottom like every other page on the site */
}

.buttons {
	vertical-align: middle;
}

/* misc sparkletiles only buttons */
.searchglass:hover {
		background: transparent url(https://www.cottotiles.co.ukimg/searchglass_combined_black.png) no-repeat 0px -16px;
	}

.try_it {
  width: 152px;
	height: 48px;
	font-size: 0px;
    		background: transparent url(https://www.cottotiles.co.ukimg/try_it_combined.png) no-repeat;
	}
a:hover .try_it {
		background: transparent url(https://www.cottotiles.co.ukimg/try_it_combined.png) no-repeat 0px -48px;
	}
.signup {
    width: 152px;
	height: 0px;
	border: none !important;
	padding-top: 48px;
    overflow: hidden;
    color: transparent;
    font-size: 0px;
        background-color: transparent !important;
    		background: transparent url(https://www.cottotiles.co.ukimg/signup_combined.png) no-repeat;
	}
a:hover img.signup, .signup:hover {
		background: transparent url(https://www.cottotiles.co.ukimg/signup_combined.png) no-repeat 0px -48px;
	}

.home_button {
    width: 69px;
	height: 25px;
	border: none !important;
	padding-top: 25px;
    overflow: hidden;
    color: transparent;
    font-size: 0px;
        		background: transparent url(https://www.cottotiles.co.ukimg/home_black.png) no-repeat;
	}

/* sp buttons */

.search_button {
	width: 90px;
	height: 0px;
	border: none !important;
	padding-top: 18px;
    overflow: hidden;
    color: transparent;
    font-size: 0px;
        		background: transparent url(https://www.cottotiles.co.ukimg/search_black.png) no-repeat;
	}

/* New Default CSS by Alex */
body.tempClass,
body.class {
font-family: Arial;
font-size: 14px;
background: #161616;
}

/* page picker */
.tempClass .pageNav, .tempClass a.pageOn .nav {
color: #f3f3f3;
font-weight: bold;
}

.tempClass .pageNav .nav {
font-weight: normal;
}

.tempClass .pickerContent a.page {
color: #ffffff;
font-weight: normal;
}

.tempClass .pickerContent a.page:hover {
background-color: #c2c2c2;
color: #000000 !important;
}

.tempClass .pickerContent a.pageOn, .tempClass .pickerContent a.pageOn:hover {
background-color: #555555;
color: #cccccc;
}

.tempClass .feedLine,
.class .feedLine {width:357px;}
.tempClass .exifBox .yui-navset .yui-nav .selected a em {color:#000000;}

.tempClass .boxTop .boxNote {margin-top:5px;}

.tempClass .journal_entry {border-width:1px 0 0; background:transparent;}

.tempClass #lbNav .title,
.tempClass #lightBoxNav a.title {
color:#ffffff;
}

.tempClass #lightBoxNav {
    border-bottom: solid 1px #424242;
    background-color:#161616;
    font-size:14px;
    height:20px;
    margin-top:4px;
}

.tempClass #lightBoxImage {
    border: solid 1px #424242;
}

.class #lightBoxCaption {
    border: solid 1px #424242;
} 

.tempClass #lightBoxCaption {
    border: solid 1px #424242;
    background-color: #161616;
    font-size:14px;
}

.tempClass .cartbuttons .title,
.tempClass #comment_header h3 {color: #8cca1e;}

.tempClass .boxBottom,
.class .boxBottom {
	background: #161616 url(https://www.cottotiles.co.ukimg/medium_black_1.gif) repeat-x;
}

.tempClass .enclosedBox,
.class .enclosedBox {
    background-color:#161616;
}

.tempClass .browse .boxBottom, .tempClass .keywords .boxBottom, .tempClass #content.popular .boxBottom, .tempClass #tourBox.box, .tempClass .searchResults .boxBottom, .tempClass .signUp .boxBottom, .tempClass #ffBox .boxBottom,
.class .browse .boxBottom, .class .keywords .boxBottom, .class #content.popular .boxBottom, .class #tourBox.box, .class .searchResults .boxBottom, .class .signUp .boxBottom, .class #ffBox .boxBottom {
	background: #161616 url(https://www.cottotiles.co.ukimg/small_black-1.gif) repeat-x;
}