/* __----------------------------------------------------- Unisa CSS ----------------------------------------------------------__ */

* {
	margin: 0;
	padding: 0;
	}
	
body {
	padding-top: 13px;
	padding-bottom: 13px;
	background: #FFFFFF url(../img/bg.gif) top left repeat;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.4;
	}
	
img {
	border: none;
	}
	
/*  ------------------------------------------- Primary Structure ------------------------------------------------------------- */

#wrapper {
	width: 774px;
	margin: 0 auto 0 auto;
	padding: 0 8px;
	background: #FFFFFF;
	text-align: left;
	}
	
html>body #wrapper {
	/*overflow: auto;*/
	}
	
/*  ------------------------------------------- Header ------------------------------------------------------------- */

#header {
	height: 45px;
	padding: 20px 0 0 0;
	font-size: 1em;
	}
	
#header h1 {
	float: left;
	display: inline;
	margin: 15px 0 0 9px;
	}
	
#searchbox {
	position: relative;
	float: right;
	width: 215px;
	height: 23px;
	}
	
#search label {
	display: block;
	float: left;
	margin-top: 4px;
	font-weight: bold;
	}
	
#search input {
	display: inline;
	width: 130px;
	height: 15px;
	padding-top: 2px;
	font-size: 1em;
	}
	
#search input#searchGo {
	position: absolute;
	top: -1px;
	right: 8px;
	height: auto;
	width: auto;
	}
	
#cartbox {
	float: left;
	display: inline;
	width: 291px;
	height: 18px;
	margin: 10px 0 0 471px;
	padding: 5px 0 0 10px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}
	
img#baglogo {
	float: left;
	margin-right: 5px;
	}
	
#cartbox p {
	padding-top: 2px;
	}
	
#cartbox a {
	margin: 0 8px;
	color: #996633;
	}
	
a#checkout {
	margin: 0 0 0 6px;
	font-weight: bold;
	}
	
a#view {
	margin: 0 8px 0 9px;
	}
	
/*  ------------------------------------------- Main Navigation Bar ------------------------------------------------------------- */

#navbar {
	position: relative;
	clear: both;
	margin: 8px 0;
	width: auto;
	height: 27px;
	background: #455862;
	}
	
#navbar h2 {
	float: left;
	width: 180px;
	height: 27px;
	background: #CBB894;
	border-right: 1px solid #FFFFFF;
	text-align: left;
	}
	
img#welcome {
	margin: 7px 0 0 7px;
	}
	
img#ornament {
	float: left;
	margin: 0;
	border-right: 1px solid #FFFFFF;
	}
	
ul#mainnav {
	position: absolute;
	right: 0;
	display: block;
	height: 21px;
	padding: 3px 0 0 0; /* was left 320px for safari */
	}
	
/* \*/
* html ul#mainnav {
	margin: 3px 0 0 310px;
	padding: 0;
	}
/* */
	
ul#mainnav li {
	display: block;
	float: left;
	}
	
ul#mainnav li a {
	display: block;
	float: left;
	height: 17px;
	margin: 0 4px;
	padding: 4px 11px 0 11px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
	}
	
/* \*/
* html ul#mainnav li a {
	margin: 0 2px;
	}
/* */
	
ul#mainnav li a:hover {
	background: #F6DBCD;
	color: #CB6733;
	}
	
/* you are here highlights */

body#about #navAbout { background: #F6DBCD;	color: #CB6733; }
body#locate #navLocate { background: #F6DBCD;	color: #CB6733; }
body#myunisa #navMyunisa { background: #F6DBCD;	color: #CB6733; }
body#shop #navShop { background: #F6DBCD;	color: #CB6733; }
body#contact #navContact { background: #F6DBCD;	color: #CB6733; }
	
/*  ------------------------------------------- Sidebar ------------------------------------------------------------- */

#sidebar {
	float: left;
	width: 172px;
	margin: 0;
	padding: 2px 0 0 8px;
	text-align: left;
	}
	
/* \*/
* html sidebar {
	height: 1%;
	}
/* */
	
#sidebar h3 {
	padding-left: 6px;
	color: #999999;
	font-size: 1.1em;
	font-weight: bold;
	}
	
ul#shopfor {
	margin-right: 8px;
	padding: 0 0 8px 6px;
	background: url(../img/dash-grey-hz.gif) left bottom repeat-x;
	}

ul#shopfor li {
	margin: 3px 0;
	background: url(../img/bullet-diamond.gif) 0 5px no-repeat;
	list-style-type: none;
	list-style-position: outside;
	}

* html ul#shopfor li {
	background: url(../img/bullet-diamond.gif) 0 6px no-repeat;
	}

ul#shopfor li a {
	padding-left: 8px;
	color: #333333;
	text-decoration: none;
	font-size: 1.1em;
	}
	
ul#shopfor li.here {
	background-color: #EEE9E0;
	}
	
ul#shopfor li ul {
	margin-left: 6px;
	}
	
ul#shopfor li ul li {
	background: none;
	}
	
ul#items {
	margin-top: 5px;
	padding-left: 6px;
	}
	
ul#items li {
	margin: 3px 0;
	list-style: none;
	}
	
ul#items li a {
	color: #996633;
	text-decoration:none;
	font-size: 1.1em;
	}

#maillist {
	width: 150px;
	height: 87px;
	margin-top: 12px;
	margin-left: -1px;
	padding: 67px 8px 0;
	background: url(../img/join-list.gif) no-repeat;
	line-height: 1.2em;
	color: #666666;
	}
	
#maillist input#email {
	float: left;
	width: 116px;
	height: 15px;
	padding-top: 2px;
	margin-top: 8px;
	font-size: 1em;
	color: #555555;
	}

#mailGo {
	margin-left: 4px;
	padding-top: 8px;
	}

/* \*/	
* html #maillist input#email {
	width: 117px;
	}
* html #mailGo {
	margin-left: 3px;
	}
/* */ 

/*  ------------------------------------------- Sub Navigation ------------------------------------------------------------- */


#subnav {
	float: right ;
	display: inline;
	width: 250px;
	}
	
body#locate #subnav {
	margin-top: 32px;
	}
	
#maincontent #subnav h3 {
	display: block;
	width: 246px;
	margin: 0;
	padding: 2px 0 2px 4px;
	background: #E0A385;
	color: #FAEFEA;
	font-size: 1.1em;
	font-size: bold;
	}
	
#maincontent #subnav ul {
	width: 250px;
	margin: 4px 0 0 0;
	padding: 4px 0;
	background: #FAEFEA;
	}
	
#maincontent #subnav li {
	margin: 0;
	padding: 0;
	background: url(../img/bullet-diamond-pink.gif) 7px 7px no-repeat;
	}
	
#maincontent #subnav a {
	display: block;
	width: 205px;
	margin: 0 0 0 4px;
	padding: 2px 8px 2px 10px;
	color: #CC6733;
	text-decoration: none;
	background: url(../img/bullet-diamond-pink.gif) 3px 7px no-repeat;
	}
	
body.aboutover #maincontent #subnav a#subOver, body.europa #maincontent #subnav a#subEuropa, body.resort #maincontent #subnav a#subResort, #maincontent #subnav a:hover, #maincontent #subnav a.here {
	background: #F4DFD5 url(../img/bullet-diamond-pink.gif) 3px 7px no-repeat;
	}

/*  ------------------------------------------- Global Main Contenet Layout ------------------------------------------------------------- */

#contentwrapper {
	margin: 0 0 0 180px;
	padding-left: 8px;
	background: url(../img/dash-grey.gif) top left repeat-y;
	text-align: left;
	}
	
/* \*/
* html #contentwrapper {
	padding-left: 5px;
	}
* html #maincontent {
	height: 1%;
	}
/* */	

img#homemain {
	margin-bottom: 8px;
	}
	
img#homeleft {
	margin-right: 4px;
	/*border-bottom: 1px;*/
	}
	
/* \*/
* html img#homemain {
	margin-bottom: 6px;
	}
* html img#homeleft, * html img#homeright {
	margin-bottom: 1px;
	}
/* */

#maincontent {
	overflow: auto;
	}
	
body#contact #maincontent {
	overflow: visible;
	}
	
body#about #maincontent, /*body#locate #maincontent,*/ body#myunisa #maincontent, body#send #maincontent {
	height: 370px;
	}
	
#maincontent h2 {
	margin-top: 0;
	margin-bottom: 4px;
	font-size: 22px;
	font-weight: normal;
	color: #CC6733;
	}

* html #maincontent h2 {
	margin-top: -3px;
	}

body#locate #maincontent h2 {
	float: left;
	width: 150px;
	}

body.shopmain #maincontent h3 {
	float: left;
	width: 576px;
	height: 22px;
	margin: 8px 0;
	padding: 5px 0 0 10px;
	background: #E4E4E4;
	color: #666666;
	font-size: 1.2em;
	font-weight: bold;
	}
	
/*  ------------------------------------------- Maincontent min-height fix NOTE: only for pages with h2 ------------------------------------------------------------- */	



/*  ------------------------------------------- Text Formatting ------------------------------------------------------------- */

#maincontent a {
	color: #996633;
	text-decoration: underline;
	}
	
#maincontent a:hover {
	text-decoration: none;
	}

#maincontent p {
	margin: 8px 40px 8px 0;
	font-size: 1.1em;
	color: #333333;
	}
	
body#about #maincontent p {
	margin: 8px 265px 8px 0;
	}
	
#maincontent h3 {
	margin: 16px 0 -6px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #888888;
	}
	
#maincontent h4 {
	margin: 12px 40px 8px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
	}
	
#maincontent ul {
	margin: 8px 40px 8px 0;
	font-size: 1.1em;
	color: #333333;
	}
	
#maincontent ul.blt {
	margin: 8px 40px 8px 16px;
	}
	
#maincontent li {
	list-style: none;
	}
	
#maincontent ul.blt li {
	list-style: disc;
	list-style-position: inside;
	}
	
#maincontent dl {
	overflow: auto;
	margin: 8px 40px 8px 0;
	font-size: 1.1em;
	color: #333333;
	}
	
#maincontent dt, #maincontent dd {
	float: left;
	width: 14em;
	margin: 3px 0;
	}
	
#maincontent dt {
	
	}
	
#maincontent dd {
	width: 390px;
	}
	
dt strong, dd strong {
	color: #996633;
	}
	
/* ------------------------------------------- Shoe Thumbnail Layouts -------------------------------------------*/
	
#popular {
	overflow: auto;
	width: 585px;
	margin-top: 5px;
	padding-left: 1px;
	background: #EFEADC;
	}
	
#popular h4 {
	margin: 0;
	padding: 10px 0 0 11px;
	}
	
.row {
	float: left;
	padding: 8px 0;
	background: transparent url(../img/dash-grey-hz.gif) bottom left repeat-x;
	}	
	
.shoe {
	float: left;
	background: #FFFFFF url(../img/dash-grey.gif) right repeat-y;
	text-align: center;
	}
	
#popular .shoe {
	margin-top: 10px;
	background: #EFEADC url(../img/dash-white-brown.gif) right repeat-y;
	}
	
.noborder {
	background: none;
	}
	
#popular .noborder {
	border: #EFEADC none;
	}
	
.shoe img {
	margin: 0 11px 10px 10px;
	border: 4px solid #F6DBCD;
	}
	
.shoe img.noshoe {
		margin: 0 11px 50px 10px;
		}
	
.shoe h5 {
	color: #666666;
	font-size: 1em;
	font-weight: bold;
	}
	
.shoe h6 {
	padding-bottom: 10px;
	color: #666666;
	font-size: 1em;
	font-weight: normal;
	}
	
#maincontent .shoe a {
	color: #666666;
	text-decoration: none;
	}
	
/*  ------------------------------------------- Sort Bar ------------------------------------------------------------- */	

.sort {
	clear: both;
	width: 577px;
	height: 23px;
	padding-top: 4px;
	padding-left: 8px;
	background: #E4E4E4;
}

.top {
	clear: none;
	}

.sort form {
	float: left;
	}

.sort select {
	width: 120px;
	height: 21px;
	font-size: 1.1em;
	}
	
.sort h5 {
	float: right;
	padding-right: 10px;
	font-size: 1.1em;
	font-weight: normal;
	}
	
.sort a {
	display: inline;
	margin: 0 8px;
	font-size: 1.1em;
	color: #996633;
	}
	
.sort a.next {
	margin: 0 2px 0 8px;
	}
	
.sort a.prev {
	margin: 0 8px 0 2px;
	}
	

/*  ------------------------------------------- Product Image Box ------------------------------------------------------------- */


#productimage {
	float: left;
	width: 290px;
	padding-top: 50px;
	text-align: center;
	}
	
a.larger {
	display: block;
	width: 8em;
	margin: 63px auto 0 auto;
	padding: 2px 0 5px 18px;
	background: url(../img/icon-magglass.gif) 0 4px no-repeat;
	color: #996633;
	text-align: left;
	}
	
* html a.larger {
	margin: 63px auto 0 auto;
	}

/*  ------------------------------------------- Details Box ------------------------------------------------------------- */

#detailsbox {
	float: left;
	width: 294px;
	}
	
* html #detailsbox {
	margin-bottom: 25px;
	}
	
#detailsbox a {
	color: #996633;
	}
	
#maincontent #detailsbox p {
	margin: 0;
	color: #666666;
	line-height: 1.4em;
	}
	
#maincontent #detailsbox p#description {
	height: 50px;
	}
	
#maincontent #detailsbox h3 {
	width: 294px;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 1.6em;
	font-weight: bold;
	color: #999966;
	background: none;
	}
	
#detailsbox h3 span {
	float: right;
	}

* html h3 span {
	margin-top: -17px;
	margin-right: 3px;
	}

#detailsbox h3 span, #detailsbox h3 span a {
	font-size: 10px;
	font-weight: normal;
	}
	
img.prodline {
	margin: 0 0 5px 4px;
	}
	
#options {
	/*overflow: auto;*/
	width: 284px;
	height: 90px;
	margin: 10px 0 4px 0;
	padding: 10px 0 0 10px;
	background: #FAEFEA;
	}
	
#maincontent #options h4 {
	margin: 0 0 8px 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #333333;
	}
	
#maincontent #options h4 strong {
	font-weight: bold;
	color: #999966;
	}
	
#maincontent #options p {
	margin: 0 0 3px 0;
	color: #333333;
	font-weight: normal;
	font-size: 1em;
	}
	
#colorwrap {
	width: 100px;
	padding-bottom: 4px;
	padding-left: 1px;
	}
	
#colors, #size {
	float: left;
	width: 140px;
	height: 60px;
	}
	
#colors p, #size p {
	margin: 4px 0;
	}	
	
#colors img {
	display: inline;
	padding: 1px;
	border: 1px solid #666666;
	background: #FFFFFF;
	}
	
#colors img#coloron {
	border: 2px solid #333333;
	}
	

#color1, #color2, #color3, #color4, #color5, #color6 {
	float: left;
	width: 18px;
	height: 18px;
	margin: 1px 4px 2px 0;
	background: #FFFFFF;
	padding: 1px;
	border: 1px solid #666666;
	}
	
#color1, #color4 {
	margin: 1px 4px 2px 1px;
	}
	
#color1 a, #color2 a, #color3 a, #color4 a, #color5 a, #color6 a {
	float: left;
	display: block;
	width: 18px;
	height: 18px;
	background: #DDDDDD;
	}
	
#color1.coloron, #color2.coloron, #color3.coloron, #color4.coloron, #color5.coloron, #color6.coloron {
	border: 2px solid #333333;
	margin: 0 3px 1px 0;
}

#color1.coloron, #color4.coloron {
	margin: 0 3px 1px 1px;
	}
	
#sizeselect select {
	width: 92px;
	margin-top: 1px;
	margin-bottom: 3px;
	}
	
#detailsbox h5 {
	width: 284px;
	margin-bottom: 4px;
	padding: 4px 0 4px 10px;
	font-size: 1.8em;
	font-weight: bold;
	color: #FFFFFF;
	background: #E0A385;
	}
	
#addtobag {
	position: relative;
	width: 284px;
	margin-bottom: 12px;
	padding-left: 10px;
	padding-bottom: 6px;
	background-color: #CA9171;
	}
	
#maincontent form#qtyform {
	float: none;
	padding: 12px 0;
	}
	
#maincontent form#qtyform label {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	}
	
#maincontent form#qtyform input {
	display: inline;
	}
	
#maincontent form input#qty {
	width: 30px;
	margin-top: 4px;
	margin-right: 0;
	}
	
#maincontent form#qtyform input.submit {
	position: absolute;
	top: 12px;
	right: 14px;	
	width: 160px;
	padding-bottom: 12px;
	margin-right: 0;
	}
	
#detailsbox h6 {
	font-size: 1em;
	font-weight: normal;
	color: #996633;
	margin-bottom: 30px;
	}
	
* html #detailsbox h6 {
	margin-bottom: 0;
	}

#detailsbox h6 a {
	padding: 0 12px;
	}
	
#detailsbox h6 a.print {
	margin-left: 4px;
	padding: 0 12px 0 18px;
	background: url(../img/icon-print.gif) 0 2px no-repeat;
	}
	

/*  ------------------------------------------- Form Layout ------------------------------------------------------------- */

/*form#send {
	float: left;
	width: 260px;
	}
	
form#send input, form#send textarea, form#send select {
	display: block;
	width: 150px;
	margin: 0 0 4px 110px;
	}
	
	
	
form#send textarea {
	height: 50px;
	}
	
fieldset {
	margin: 16px 0 0 0;
	border: 0;
	}

form#send label {
	
	float: left;
	clear: left;
	width: 110px;
	color: #996633;
	font-size: 1.1em;
	font-weight: normal;
	}
	
form#send #submit {
	margin: 8px 0 0 110px;
	width: 5em;
	}*/
	
body#myunisa #maincontent { overflow: visible;}

#maincontent form#send {
	float: left;
	padding-bottom: 10px;
	}
	
#maincontent form#send input, #maincontent form textarea {
	display: block;
	width: 150px;
	margin: 0 0 4px 100px;
	}
	
#maincontent form textarea {
	height: 50px;
	}
	
#maincontent form#send select {
	width: 150px;
	margin: 0 0 6px 0;
	}
	
#maincontent fieldset {
	margin: 16px 0 0 0;
	border: 0;
	}

#maincontent form#send label {
	display: block;
	float: left;
	clear: left;
	width: 100px;
	color: #996633;
	font-size: 1.1em;
	font-weight: normal;
	}
	
#maincontent form#send #submit {
	margin: 8px 0 0 100px;
	width: 5em;
	}
	
#maincontent form#account label {
	width: 120px;
	}

#maincontent form#account input {
	margin: 0 0 4px 120px;
	}

#maincontent form#account #submit {
	margin: 8px 0 0 120px;
	}
	
body#myunisa #maincontent h3#bar {
	float: left;
	width: 576px;
	height: 22px;
	margin: 8px 0;
	padding: 5px 0 0 10px;
	background: #E4E4E4;
	color: #666666;
	font-size: 1.2em;
	font-weight: bold;
	}
	
/* -------------------------------------------- Locate Unisa Page ------------------------------------------------------ */

body#locate #maincontent {
	overflow: visible;
	padding-bottom: 38px;
	}

#map_avent, #map_boca, #map_coco, #map_falls, #map_naples, #map_Pb, #map_Pga, #map_miami, #map_grwich, #map_sawgrass {
	display: none;
	}

img#map {
	border: 4px solid #E9E2D0;
	}
	
ul#address {
	margin: 4px 0 0 4px;
	}
	
body#locate #maincontent h4 {
	margin: 0;
	padding: 0;
font-size: 22px;
	font-weight: normal;
	color: #CC6733;
}


/*  ------------------------------------------- Footer ------------------------------------------------------------- */

#footer {
	width: 586px;
	margin: 12px 0 0 185px;
	padding-bottom: 11px;
	text-align: center;
	}
	
#footer h6, #footer h6 a {
	color: #996633;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	}
	
#footer h6 {
	margin-bottom: 5px;
	}
	
#footer h6 a {
	margin: 0 8px;
	}
	
#footer h6#copyright a {
	margin: 0;
	}
	
/*  ------------------------------------------- Miscellany ------------------------------------------------------------- */

.clear {
	clear: both;
	}
	
body#pop {
	background: #FFFFFF none;
	}
	
body#pop img {
	display: block;
	margin: 0 auto;
	}
	
body#pop a {
	color: #996633;
	}
	
.fr {
	float: right;
	display: inline;
	margin: 10px 0 0 0;
	border: 4px solid #FAEFFA;
	}	
	
/*  ------------------------------------------- sIFR  h2 replacement ------------------------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #maincontent h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 21px;
	}

/* ======================= table layout on customer service ======================== */
#maincontent td.header_data {
	color: #996633;
	font-weight: bold;
}

#maincontent #shipping_table {
	border: 0;
	width: 100%;
}