/* 
Colour Palette:
Red		981b1e
Yellow	fff200
Blue	1c3664
*/

body {
font-family: 		Geneva, Arial, Helvetica, sans-serif;
font-size:			.8em;
color:   			#000000; 									/* black text colour */
background-color:  	#cccccc;									/* 25% gray */
line-height:		150%;
margin:				0px;
padding:			0px;
}

h1 {
font-size:			1.6em;
font-weight:		100;
color:				#1c3664;
}

h2 {
color:				#981b1e;
font-size:			1.3em;
}

h3 {
color:				#000000;
}

a {
text-decoration:	none;
color:				#1c3664;
}

a:hover {
color:				#1c3664;
}

.alttext {
color:				#981b1e;
font-weight:		bold;
}

.newnavmenu {
padding-left:		20px;
padding-top:		10px;
}
.newnavmenu a:hover {
text-decoration:	underline;
}

.center {
text-align:			center;
}

.equal {
width:				50%;
}

.footerrow {
background-color:	#1c3664;
color:				#ffffff;
font-size:			.7em;
text-align:			center;
}

.footerrow a {
color:				#ffffff;
text-decoration:	none;
}

.footerrow a:hover {
color:				#ffffff;
text-decoration:	underline;
}

.footerrow a:active {
color:				#ffffff;
text-decoration:	none;
}

.layouttable {
margin: 			auto; 
border-style: 		solid; 
border-width: 		thin;
background-color:	#ffffff;
}

.maincell {
padding: 			20px;
}

.rollover a {
font-size:			.75em;
display:			block;
width: 				130px;
height: 			20px;
padding:			0px 0px 0px 0px;
color: 				#1c3664;
background: 		url("images/button.png") 0 0 no-repeat;
text-decoration: 	none;
}

.endrollover a {
font-size:			.75em;
display:			block;
width: 				130px;
height: 			20px;
padding:			0px 0px 0px 0px;
color: 				#1c3664;
background: 		url("images/endbutton.png") 0 0 no-repeat;
text-decoration: 	none;
}
	
.rollover a:hover { 
background-position: 0 -20px;
color: 				#ffffff;
}

.endrollover a:hover { 
background-position: 0 -20px;
color: 				#ffffff;
}
	
.rollover a:active {
background-position: 0 -20px;
color: 				#000000;
} 

.endrollover a:active {
background-position: 0 -20px;
color: 				#000000;
} 
/* Rollover effects for the different stores page */
.kidsabarcasro a {
	display:			block;
	width:				300px;
	height:				300px;
	padding:			0px;
	background:			url("images/enkidsabarcas.jpg") 0 0 no-repeat;
}
.kidsabarcasro a:hover {
	background-position:0 -300px;
}
.adultsabarcasro a {
	display:			block;
	width:				300px;
	height:				300px;
	padding:			0px;
	background:			url("images/enadultabarcas.jpg") 0 0 no-repeat;
}
.adultsabarcasro a:hover {
	background-position:0 -300px;
}
.womenstylesro a {
	display:			block;
	width:				300px;
	height:				300px;
	padding:			0px;
	background:			url("images/enwomenstyles.jpg") 0 0 no-repeat;
}
.womenstylesro a:hover {
	background-position:0 -300px;
}
.menstylesro a {
	display:			block;
	width:				300px;
	height:				300px;
	padding:			0px;
	background:			url("images/enmenstyles.jpg") 0 0 no-repeat;
}
.menstylesro a:hover {
	background-position:0 -300px;
}

.buytable {
margin:				auto;
text-align:			center;
}

table td {
padding:			0px 0px;
}

.footnote {
font-size:			.8em;
color:				#000000;
text-align:			center;
line-height:		130%;
}

.form {
margin-left:		8px;
width:				190px;
padding:			0px 0px 0px 0px;
background-color:	#ffff99;
}

.formtext {
color:				#000000;
font-family:		Geneva, Arial, Helvetica, sans-serif;
font-size:			.9em;
width:				95%;
}

.contactform {
text-align:			right;
vertical-align:		text-top;
margin-right:		50px;
width:				200px;
padding:			8px;
}

.radio {
text-align:			right;
line-height:		100%;
}

.prodimagecell {
padding:			10px;
}

.prodtitcell {
vertical-align:		text-top;
width:				510px;
padding:			10px;
}

.prodpricecell {
vertical-align: 	text-top;
text-align:			right;
width:				80px;
padding:			10px;
}

.prodrowbord {
border-width:		1px;
border-color:		#1c3664;
border-style:		solid;
}

.proddetailright {
vertical-align:		text-top;
width:				250px;
}

.proddetailselect {
width:				190px;
}

.countryselect {
width:				96%;
}

.deliveryinfolist {
padding-left:		15px;
margin-left:		0px;
margin-right:		10px;
}

/* shopping cart styles */

.carttable {
border-style: 		solid;
border-width:		thin;
border-color:		#1c3664;
vertical-align:		text-top;
}

.carttable th {
background-color: 	#ffffcc;
border-style:		solid;
border-width:		1px;
border-color: 		#1c3664;
padding:			0px 3px;
color:				#1c3664;
font-size:			.7em;
}

.carttable td {
background-color:	#ffff99;
color:				#981b1e;
border-style:		solid;
border-width:		1px;
border-color:		#1c3664;
padding:			5px;
}

.cartdetailcol {
width:				200px;
text-align:			left;
vertical-align:		text-top;
}

.cartcolorcol {
width:				190px;
text-align:			left;
vertical-align:		text-top;
}

.cartnumcol {
width:				65px;
text-align:			right;
vertical-align:		text-top;
}

.cartsizecol {
width:				110px;
text-align:			left;
vertical-align:		text-top;
}

.button {
background-color:	#ffff99;
padding:			0px;
margin:				0px;
color:				#ff0000;
text-decoration:	underline;
cursor:				pointer;
border:				none;
font-size:			0.7em;
}

.button2 {
background-color:	#ffffcc;
padding:			0px;
margin:				0px;
color:				#ff0000;
text-decoration:	underline;
cursor:				pointer;
border:				none;
font-size:			1em;
}

.infocol {
width:				120px; 
vertical-align:		text-top;
color:				#981b1e;
padding:			10px;
}

.orderform {
padding: 			20px;
border-style:		solid;
border-width:		1px;
border-color:		#1c3664;
}

/* Garments page styles */
html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

ul, ol {
    margin-left 0;
}

ul ul {
    margin-bottom: 20px;
}

#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin: 20px 40px;
}

select, input, textarea {
    font: 99%;
}

pre, code, tt, dt {
    font: 100% monospace;
    margin: 20px 0;
}

pre, blockquote {
    padding: 15px;
    background-color: #f0f0f0;
    margin: 20px 0;
    -moz-border-radius: 10px;
}

td pre {
    font: 85% monospace;
    padding: 5px;
    margin: 5px 0;
}

/* Navigation menu styles */
.navmenu {
	position:		relative; 
	z-index:		5; 
	width:			780px; 
	height:			20px;	
}
* html .navmenu {		/* IE5.5 hack */
	width:			781px; 
	w\idth:			780px;
}
.navmenu ul {
	padding:		0;
	margin:			0;
	list-style-type:none;
}
.navmenu ul ul {
	width:			130px;
}
.navmenu li {
	float:			left;
	width:			130px;
	position:		relative;
}
.navmenu a, .navmenu a:visited {
	display:		block;
	font-size:		10px;
	text-decoration:none;
	color:			000;
	width:			130px;
	height:			20px; 
	border:			none; 
	background:		url(images/button.png);
	line-height:	20px;
	text-align:		center;
}
.endbutton a, .endbutton a:visited {
	background:		url(images/endbutton.png);
}
* html .navmenu a, * html .navmenu a:visited {	/* IE5.5 hack */
	width:			130px;
	w\idth:			130px;
}
.navmenu ul ul {
	visibility:		hidden;
	position:		absolute;
	height:			0;
	top:			20px;
	left:			0;
	width:			130px;
}
* html .navmenu ul ul {		/* IE5.5 hack */
	top:			30px;
	t\op:			31px;
}
.navmenu table {
	position:		absolute;
	top:			0;
	left:			0;
	border-collapse:collapse;
}
.navmenu ul ul a, .navmenu ul ul a:visited {
	background:		#ff6;
	color:			#000;
	height:			auto;
	line-height:	1em;
	padding:		5px 0px;
	width:			130px;
}
* html .navmenu ul ul a, * html .navmenu ul ul a:visited {	/* IE5.5 hack */
	width:			130px;
	w\idth:			130px;
}
.navmenu a:hover, .navmenu ul ul a:hover{
	color:			#000;
	background:		url(images/button.png);
	background-position:0 -20px;
}
.navmenu :hover > a, .navmenu ul ul :hover > a {
	color:			#000;
	background:		url(images/button.png);
	background-position:0 -20px;
}
.endbutton a:hover, .navmenu ul ul a:hover{
	color:			#000;
	background:		url(images/endbutton.png);
	background-position:0 -20px;
}
.endbutton :hover > a, .navmenu ul ul :hover > a {
	color:			#000;
	background:		url(images/endbutton.png);
	background-position:0 -20px;
}
.navmenu ul li:hover ul, .navmenu ul a:hover ul{
	visibility:		visible;
}
.navmenu ul :hover ul ul{
	visibility:		hidden;
}
.navmenu ul :hover ul :hover ul{
	visibility:		visible;
}