/* DiCROCO CSS V1.0 10 DEC 2004 */

/* ============ Notes: ============

"Mac IE5 commented backslash hack" is used a couple of times here. Mac IE5 is a 
very troubled browser, to get around many of it's unique CSS quirks you
can trick in to reading some rules that all other browsers will ignore. To
make a rule that only Mac IE5 will read you simply throw a backslash in a
comment that encompasses the Mac IE5 specific rule. Above the Mac IE 5 specific
rule you need to place a normal rule that all other browsers will read. 
See line 25 for an example

======================== */

/* ======== universal layout ======== */
body {font-family:verdana, optima, arial, helvetica, sans-serif; background-color:#fafac3; color:#555;}
table {font-size:11px;line-height:14px;}
a, #subNav a, a:link, #subNav a:link, a:active, #subNav a:visited, a:visited {text-decoration:none; color:#555;}
a:hover, a:active, #subNav a:hover, #subNav a:active {text-decoration:underline; color:#990033}
form {display:inline;}
input, textarea {font-size:100%; font-family:verdana, optima, arial, helvetica, sans-serif; color:#555;}
#enquirylinks a {font-style:italic;}

/* ======== universal layout - top CSS drop downs ======== */
				/* following rule applies ONLY to IE5 Mac */
				#dropdowns {width:100%; position:relative; padding-top:0px; z-index:200; margin:-2px;}
				/* these rules apply for all EXCEPT IE5 Mac \*/
				#dropdowns {width:100%; position:relative; padding-top:0px; z-index:200; margin:-3px;}
				/* end hack */
html>body #content {width: 100%;}
ul {list-style: none; padding: 0; margin: 0;}
#nav li li a {display: block;	display:block;	font-weight:normal;	padding:0;}
#nav li li a:hover {background-color:#888; color:#fff; text-decoration:none;}
li {float: right;	position:relative;	cursor:hand; text-align:left; margin:2px 0 0 5px; border-right:1px solid #555; width:150px; } /*change width to increase width of drop down menu */
li.handbags {width:61px; margin-top:3px;}
li.shoes {width:40px; margin-top:3px;}
li.wallets {width:101px; margin-top:3px;}
li.belts {width:33px; margin-top:3px;}
li.business {width:107px; margin-top:3px;}
li.accessories {width:114px; margin-top:3px;}
li.custom {width:43px; border:0px; margin-top:3px; margin-right:1px;}
li#first {}
li#last {}
li ul {display:none;	position: absolute;	top: 100%;	right:0;	border:0; padding:0;}
li>ul {top:auto;	left:auto;}
li li {	display:block;	float:right;	background-color:transparent;	border:0; text-align:right; padding-right:5px;}
li:hover ul, li.over ul {display:block; background-color:#f1f1f1; width:110px; border-top:5px solid white; padding-bottom:7px;}


/* ======== universal layout - header ======== */
#header {border-bottom:1px solid #555; margin:0 15px;}
#topnav {text-align:right; margin: 0px 15px; padding:0;}
#topnav p, #footer p {display:inline; color:#990033;}

/* ======== universal layout - footer ======== */
#skin {padding-top:11px;}
#footer {margin-top:7px;}
#footerBG {background-color:#fafac3;}

/* ======== universal layout - left ======== */
#productimage {margin:31px 15px 0 14px;}

/* ======== universal layout - contact ======== */
#productDesc {text-align:justify; margin:28px 0 0 6px;}
#productDesc h1, #productDesc h2, #productDesc p, #colortitle h1 {display:inline}
#productDesc h2, #productDesc p, #productDesc h1, #colortitle h1 {font-size:100%;}
#productDesc h2 {font-style:italic; font-weight:normal;}
#productDesc h3 {font-style:italic; font-weight:normal; font-size:10px;}
#productDesc a {color:#990033;}
#productDesc p {font-weight:normal;}
#productDesc span, #colortitle span {font-style:italic}
#productDesc button {text-align:center;}

/* ======== universal layout - right ======== */
#queryform {margin:32px 14px 0 0; z-index:100;}
#queryform table {font-size:10px;}
#queryform p {vertical-align:middle; position:relative; top:-6px; padding:0;}
.queryform, .buttons {padding:5px 5px;}
				/* following rule applies ONLY to IE5 Mac */
				.queryform p {display:inline; text-align:right;}
				/* these rules apply for all EXCEPT IE5 Mac \*/
				#queryform p {vertical-align:center; position:relative; top:-3px; text-align:justify; }
				/* end hack */
#smallsearch {height:20px; width:78px; margin:17px 1px 0 2px; font-size:100%; text-align:right;}
#queryform select {width:121px; height:15px; font-size:100%; background-color:#fff;}
#queryform form {font-size:10px;}
#queryorder {margin:0 0 40px 20px;}
#querytable {margin-top:27px;}
#querytable p {padding:0 0 3px 4px;}

/* ======== category page ======== */
#thumbgrid {padding-top:11px;}
#thumbnav {margin-right:15px;}

/* ======== forms and buttons ======== */
				/* following rule applies ONLY to IE5 Mac */
				.buttons input {width:115px; height:15px; font-size:100%;}
				/* these rules apply for all EXCEPT IE5 Mac \*/
				.buttons input {width:130px; height:19px; font-size:100%;}
				/* end hack */

/* ======== order enquiries step 1 ======== */
#formtitle {width:58px; height:18px; margin:0 14px 4px 0;}
#formfirstname {width:165px; height:18px; margin:0 14px 4px 0;}
#formsurname {width:153px; height:18px; margin:0 14px 4px 0;}
#formitems {width:280px; height:56px; margin:0 0 4px 0;} 
#formstreetaddress {width:237px; height:18px; margin:0 14px 4px 0;}
#formsuburb {width:153px; height:18px; margin:0 14px 4px 0;}
#formstate {width:134px; height:18px; margin:0 14px 4px 0;}
#formpostcode {width:89px; height:18px; margin:0 14px 4px 0;}
#formcountry {width:153px; height:18px; margin:0 14px 4px 0;}
#formgeneralenquiry { width:280px; height:56px; margin:0 0 4px 0;}
#formdayphone {width:134px; height:18px; margin:0 14px 4px 0;}
#formmobile {width:89px; height:18px; margin:0 14px 4px 0;}
#formemail {width:153px; height:18px; margin:0 14px 4px 0;}
#formAddRemove {border:0;}
#formAddRemove select {width:121px; font-size:100%;}
#formContact p {padding-right:20px;}
#formContact select {width:121px; font-size:100%;}
#formNoPad1, #formNoPad2 {padding:0; margin:0;}
#nextbutton {width:121px; height:19px; font-size:100%;}
				/* following rule applies ONLY to IE5 Mac */
				#enquiredItems {border:1px solid #999; width:283px; height:63px; overflow:auto;}
				/* these rules apply for all EXCEPT IE5 Mac \*/
				#enquiredItems {border:1px solid #999; width:278px; height:58px; overflow:auto;}
				/* end hack */
				#enquiredItems2 {border:0px solid #999; width:283px; height:63px; overflow:auto;}

#nextbutton2 {width:121px; height:100px; font-size:100%;}
#nextbutton3 {width:221px; height:100px; font-size:100%;}

/* ======== order enquiries step 2 ======== */
.formYesNo {height:15px; font-size:100%; background-color:#fff; vertical-align:bottom;}
#formTwoSubmit input {width:135px}

/* ======== colour swatch pages ======== */
#colortitle {text-align:justify; margin:30px 0 0 20px;}
#colortable {height:213px; margin-top:20px;}
#colour1 {margin:0 10px 9px 0px;}
#colour2 {margin:0 10px 9px 10px;}
#colour3 {margin:0 0px 9px 10px;}
#colour4 {margin:9px 10px 0 0;}
#colour5 {margin:9px 10px 0 10px;}
#colour6 {margin:9px 0 0 10px;}