@meta { Title: "smallshoesstyle"; }

BODY {
	margin: 0 0;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fdd;
	background-image: ;
	background-repeat: repeat-y;
	background-position: center;
	}


p{margin:0;padding:0 .7em .3em}
td {font-size:0.8em; }
	
#content {
	position: relative;
	width: 800px;
	color: #000;
	text-align: center;
	background: #fff url(pics/backg.jpg);
	margin: 0px auto;
	border-right: 0px solid #ccc;
	border-left: 0px solid #ccc;
}
	
#header {
	margin: 0;
	padding: 0;
	background: #ff354d url(pics/logo.jpg);
	background-position: 80px;
	background-repeat: no-repeat;
	height: 110px;
	}
	


#topnav {
	background: url(pics/topnavbg.jpg);
	background-repeat: repeat-x;
	height: 35px;
}

#topnavtext {
	padding-top: 8px;
	font-weight: bold;
}

#navbar {
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
	text-align: center;
	padding-bottom: 50px;
}

#rightcol {
	float: right;
	width: 190px;
	margin: 0;
	padding: 0;
	text-align: left;
}
 
#middle {
	margin: 0 190px 0 130px;
	background: transparent;
	text-align: justify;
}

#middleandright {
	margin: 0 10px 0 130px;
	background: transparent;
	text-align: justify;
}

.column-in {
	margin: 0;
	padding: 0.5em 0.5em;
}

.cleaner {
	clear:both;
	height:10px;
	font-size:1px;
	border: none;
	margin:0;
	padding:0;
	background: transparent;
}

/* Footer */
#footer { 
clear: both;
padding: 3px;
border: solid 1px;
margin:  30px 10px;
background-color: #fff;
font-weight: normal;
text-align: center; 
}

#adbar { 
clear: both;
padding: 3px;
margin: 10px 10px;
background-color: #fff;
font-weight: normal;
text-align: center; 
}

#mailingbox {
	border: 1px solid #87071e;
	width: 105px;
	margin: 0 auto;
}

#box2head {
	margin: 0 auto;
	padding: 2px 0 2px 0;
	width: 105px;
	background: #ffc1ca;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
}

#box2 {
	padding: 2px 0 2px 0;
	width: 105px;
	background-color: transparent;
	font-size: 0.85em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

.boxoutcentre {
	position: relative;
	width: 85%;
	margin: 50px auto 5px auto;
	border: 1px dotted #960032;
	text-align: justify;
	padding: 10px;
	background: #f9e8ee;
}


.cornerBox { position: relative; background: #ffc1ca; width: 100%; font-size: 0.9em;}
.corner { position: absolute; width: 10px; height: 10px; background: url('pics/corners.gif') no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 10px; }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

b.bt, b.bt b, b.bb, b.bb b {display: block; height: 10px;font-size: 1px;background:url(pics/grey.gif) no-repeat;position:relative}

b.bt {top: -3px; left: -3px}

b.bt b {background-position:100% -10px; left: 6px}

b.bb {background-position:0 -20px; top:3px; left: -3px}

b.bb b {background-position:100% -30px; left: 6px}

#grey_border {border: #ddd 3px solid;}

.ex1 {
	margin-left:2px;
	width: 105px;
	background-color: #ffc6ce;
	font-size:0.85em;
}
.ex1 p.first-ele {
	background: transparent url(pics/box105-t.gif) no-repeat top left;
	font-size: 1.2em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	height: 20px;
	padding-top: 3px;
}
.ex1 p.last-ele {
	padding: 0px 0 0 0px;
	background: transparent 
		url(pics/box105-b.gif) 
		no-repeat 
		bottom left;
}

.boxpurple {
	width: 103px;
	border: 1px solid #572e70;
	background-color: transparent;
	text-align: center;
	margin: 10px 0px 2px 0px;
}
.boxpink {
	border: 1px solid #960032;
	padding: 3px;
	background: #f1cfdc;
	text-align: center;
	margin: 10px 0px 2px 0px;
}


.boxpinkcentre {
	border: 1px solid #960032;
	padding: 3px;
	background: #f1cfdc;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 10px 0px 2px 0px;
}

.boxwhite {
	border: 1px solid #ddd;
	padding: 0 5px 0px 6px;
	background: #fff;
	text-align: center;
	margin: 12px 0px 2px 0px;
}

.boxcream {
	border: 1px dotted #000;
	padding: 5px 5px 10px 5px;	
	background-color: #f9eed5;
	text-align: center;
	margin: 10px 0px 5px 0px;
}

.boxclear {
	clear: both;
	padding: 8px 3px 8px 3px;
	background: transparent;
	text-align: left;
}

.copy {	text-align: center;	font-size:80%; }
	
.button {
	padding: 2px;
	background-color: #f1cfdc;
	text-align: left;
	border: 1px solid Red;
}

.small {
	font-size: 8pt;
	}
	
.cross {
	text-decoration: line-through;
	color: #000;
	font-weight: bold;
}

.red {
	color: #f00;
	}
	
.grey {
	padding: 0 2px 0 2px;
	background: #ccc;
	color: #333;
	text-align: left;
	font-size: 0.7em;
}

.flashing {
	padding: 0 2px 0 2px;
	background: #c00;
	color: #000;
	text-align: left;
	font-size: 0.7em;
	background-image: url(pics/red_blink.gif);
	background-repeat: repeat;
}

h1,h2,h3,h4 {
	margin: 0.2em 0
}

h1 {
	font-size: 2.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #87071e;
}

h2 {
	font-size: 1.3em;
	font-style: italic;
	color: #87071e;
}

h3 {
font-size: 1.1em;
}

h4 {
font-size: 0.9em; font-style: italic;
}



/* Links */
a {
	text-decoration: none;
}
a:link {color: #000ddd; }
a:visited {color: #bc0061; }
a:active {color: #006666; }
a:hover {color: #ff0000; }
	

	


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

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


img.topnavcnr {
	float: left;
	width: 130px;
	height: 35px;
	margin: 0;
}

img.lefticon {
	float: left;
	margin: 0px 5px 0 3px;
}

img.logo {
	position: relative;
	top: -10px;
	left: -20px;
	z-index: 1;
}

img.flag {
	position: relative;
	top: -15px;
	right: -150px;
	z-index: 1;
}