/**
 * RESET (inspired from yahoo reset & fonts 2.7.0 - don't mess with this one)
 *
 * I only use these html tags, so the reset only applies to the following:
 *		div, span, p, br, pre
 *		h1, h2, h3, h4, h5, h6
 *		a, img, map, area
 *		object, param
 *		ul, ol, li
 *		form, label, input, textarea, select, option, optgroup, button
 *		em, b, i, ins, del, sub, sup
 */
 
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

em {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

body {
	font: 13px/1.231 trebuchet,arial,helvetica,clean,sans-serif;
}

select, input, button, textarea {
	font: 99% trebuchet,arial,helvetica,clean,sans-serif;
}

:focus {
	outline: none;
}
/**
 * MAIN css file
 */
 
body {
	background: url(images/background.jpg) repeat scroll;
/*	font-family: Georgia, "Times New Roman", Times, serif;*/
/*	color: #663300;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:15px;
	padding-left:15px;
}
/* The below links are in the head tags of the default page */
/* This is because here, in IE, they don't work correctly */
/*
a:link, a:visited, a:active {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration:underline;
	color:#FF6699;
}
*/
label.form-label {float: left; width: 35%;}

p.form-elem {float: left; width: 65%; padding-bottom: 5px;}

input.form-box, textarea.form-box, select.form-box, button.form-box {
	border: 1px solid #000;
	width: 99.6%;
}

.input-size {
	width: 228px;
	border: 1px solid #663300;
/*	background-color: #FBF1E4;*/
	background-color: #FFCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.form-errors ul {padding: 5px 0;}

.form-errors ul li {
	margin-left: 30px;
	padding-left: 15px;
	color: #DF0000;
}

.clear {clear: both;}

.site-container {
	background: url(images/headerm.bmp) no-repeat scroll top;
/*	height: 1200px;*/
	width: 1015px;
/*	margin: 5px auto;*/
	margin: 15px auto;
	background-color:#FFFFFF;
}

.menu {
/*	padding: 166px 0 0 0px;*/
	padding: 190px 0 0 0px;
	_padding-left: 0px; /*fix IE6*/
}

a.menu-links {padding-right: 80px;}

.middle {
/*	height: 530px;*/ /* removinf this line corrected IE showning footer on top of the homepage (www.sims3boutique.com/here)*/
}

.middle-default {height: 430px; padding: 50px 120px;}

.middle-admin {padding: 50px/*top*/ 100px/*left*/;}

.header {height: 90px; margin-left: 320px ;}

.header  p {
/*	width: 550px;*/
	padding-top: 25px;
	text-align: center;
}

.updates {
/*	height: 1200px;*/
	padding-left: 150px;
	width: 397px;
/*	background-color:#00FFCC;*/ /* use background color to see cell size / position */
}

.update-container {
	margin-right: 30px;
	margin-bottom: 50px;
	padding: 2px;
	float: left;
	width: 500px;
	height: 420px;
/*	border: 1px dotted #663300 ;*/
}

p.author {text-align: center;} 

.download {text-align: center;}

.pagination {
	height: 5px;
	width: 822px;
	padding-top: 10px;
	padding-bottom:40px;
	margin-right: 10px;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
}

.footer {
	background: url(images/background-page.jpg) repeat scroll;
	padding-top: 90px; /* may need to delete this if footer goes on top of the end of page */
	padding-bottom:10px;
	padding-left:160px;
	clear: both;
	text-align:center;
}

.footer a {padding-right: 10px;}

.downloads {
/*	height: 490px;*/ /* removed this line, corrected IE showning footer on top of the downloads links and base of image (of 2nd row) (www.sims3boutique.com/here)*/
} 
/*
.wrapper-download {
	background: url(images/ms2-pinup-shop2.jpg) no-repeat scroll bottom right;
	margin-right: 30px;
}
*/
.download-categories {padding: 63px 0 0 55px;}

.download-categories-fashion {padding: 0px 0 0 10px;}
.download-categories-furniture {padding: 0px 0 0 10px;}
.download-categories-cosmetics {padding: 0px 0 0 10px;}
.download-categories-genetics {padding: 0px 0 0 10px;}
.download-categories-accessories {padding: 0px 0 0 10px;}

.download-categories-sims img, .download-categories-patterns img, .download-categories-fashion img, .download-categories-lots img {
	padding-bottom: 10px;
}

.download-categories-sims a, .download-categories-patterns a , .download-categories-fashion a, .download-categories-lots a {
	display: block;
}

.links {padding-left: 100px;padding-top: 90px;}
/*
.wrapper-contact {
	background: url(images/ms2-pinup-contact2.jpg) no-repeat scroll bottom right;
	margin-right: 30px;
	margin-bottom: 10px;
}
*/
.contact-box {
/*	background: transparent no-repeat url(images/ms2-contact-box-news-box2.jpg);*/
/*	float: left;*/
	width: 440px;
/*	height: 294px;*/
	margin-top: 0px;
	margin-left: 100px;
	_margin-left: 100px;
	padding: 30px 0 0 20px;
}

.contact-box-error {
	width: 440px;
	margin-top: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	padding: 30px 0 0 20px;
	text-align:center;
}

.contact-box-sent {
	width: 440px;
	margin-top: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	padding: 30px 0 0 20px;
	text-align:center;
}

.news {
	border: 1px dashed;
	float: left;
	width: 420px;
/*	height: 180px;*/
	margin-top: 50px;
	margin-left: 50px;
	_margin-left: 25px;
	margin-bottom: 15px;
	padding: 5px;
	overflow: hidden;
}

/* image cell */
.download-container-default {
	float: left;
	width: 270px; /* max width of image cell */
/*	border: 1px solid #663300; /* enable for guide lines */
	padding-left:5px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	margin-right:0px;
	_margin-left: 5px /*fix IE6, 7*/
}
.download-container-accessories-earings {/* 403 */
	float: left;
	width: 230px; /* max width of image cell */
/*	border: 1px solid #663300; /* enable for guide lines */
	padding-left:5px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	margin-right:0px;
	_margin-left: 5px /*fix IE6, 7*/
}
.download-container-cosmetics { /* 201, 202, 203 = the images are to large req own container */
	float: left;
	width: 370px; /* max width of image cell */
/*	border: 1px solid #663300; /* enable for guide lines */
	padding-left:5px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	margin-right:0px;
	_margin-left: 5px /*fix IE6, 7*/
}

/* image cell background/fill */
.download-container-image {text-align: center;}

/*.download-container-image a {display: block;}*/
.download-container-image a {} /* makes the link function work on the image only instead of container block */

.download-link {font-size: 14px; text-align: center;}

.message {padding: 50px;}

.faq {margin: 20px 0px 0px 20px;}

.fontbold {font-weight:bold;}

/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:10px;background:#fff;}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;}