/* colours:

red = #C41230
blue = #29ABE2
dark bluey-grey = #493D4C

*/

/* general site */

html, body { border: 0; margin: 0; padding: 0; background-color:#FFFFFF; background-image:url(../images/bg_shadow.gif); background-repeat:repeat-y; background-position:center;}
body { font: 90% "Helvetica Neue", "Helvetica", Arial, sans-serif; min-width: 100%; color: #333333; background-image:url(../images/bg_shadow.gif); background-repeat:repeat-y; background-position:center;}

#wrapper {
background-image:url(../images/bg_shadow.gif);
background-repeat:repeat-y;
background-position:center;
border-left: 0px solid #777;
background-color:#FFF;
float:none;

}

#main_content { 
	margin: 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-top:1px solid #d1d1d1;

}

#header_cart {
background:url(../images/header/small_cart.gif);
background-repeat:no-repeat;
background-position:right;
margin-top: 2px;
margin-right: 15px;
padding: 5px;
border: 1px dashed #d1d1d1;
width:145px;
height:135px;
float:right;

}




p, label, legend { font: 1em "Helvetica Neue", "Helvetica", Arial, sans-serif;}
.text {font: 1em "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight:bold; text-decoration:none; color: #333333}
A.text {font: 1em "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight:bold; text-decoration:none; color: #333333}
A.text:hover {font: 1em "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight:bold; text-decoration:underline; color: #333333}

h1 { margin: 10px 0 10px; font-size: 22px; color: #C41230; }
hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 550px; margin: 70px auto; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#create_account{ display: block; width: 740px; margin: 70px auto; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; }


/* Table styles */

tr.bottomborder td {
border-bottom: 2pt solid  #C41230;;
background:#FFFFFF;

	}


tr.bottomborder_gray td {
border-bottom: 2pt solid  #C41230;
background:#EFEFEF;
	}

td.pts_td { margin: 0; padding: 5px; color: #333333; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:90% "Helvetica Neue", "Helvetica", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; } 

td.pts_label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 130px; font-size: 1em; }

/* Form style & button */

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1em; }
input, textarea, select, button { margin: 0; padding: 5px; color: #333333; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:90% "Helvetica Neue", "Helvetica", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:20px; border:1px solid #c2c2c2; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color: #C41230; background-color:#FFFFFF; border:1px solid #d1d1d1; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

input.buy_now { cursor: pointer; border: 1px solid #F1F1F1; background:#C41230; font-weight:bolder; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.buy_now:hover { background:#493D4C; }

input.more_info { cursor: pointer; border: 1px solid #CCC; background:#777; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.more_info:hover { background:#444; }

input.go { cursor: pointer; border: 1px solid #888; background:#d3d3d3; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.go:hover { background:#C41230; }

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/icons/warning.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px;}
 

.messageStackSuccess { font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #99ff00; }

.messageBox { font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:underline;}


.messageStackError, .messageStackWarning {  background: #FBE3E4; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px;}


#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }



/* navigation */

.button_submit { margin: 0; padding: 5px; color: #FFFFFF; background: #333; border: 1px solid #ccc; margin: 5px 0; font:90% "Helvetica Neue", "Helvetica", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px;
text-decoration:none;
font-weight:bolder; 
 }
.button_submit:hover { background:#444; }

.button_red { margin: 0; padding: 5px; color: #FFFFFF; background: #C41230; border: 1px solid #ccc; margin: 5px 0; font:90% "Helvetica Neue", "Helvetica", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px;
text-decoration:none;
font-weight:bolder; 
 }
.button_red:hover { background:#493D4C; }

.button:active, .button:visited, .button:link
{
margin: 0; padding: 5px; color: #FFFFFF; background: #C41230; border: 1px solid #ccc; margin: 5px 0; font:90% "Helvetica Neue", "Helvetica", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px;
text-decoration:none;
font-weight:bolder; 

}

.button:hover
{
background:#493D4C;
}

.button_grey:active, .button_grey:visited, .button_grey:link
{
margin: 0; padding: 4px 2px 4px 2px; color: #FFFFFF; background:#888; border: 1px solid #ccc; margin: 5px 0; font:90% "Helvetica Neue", "Helvetica", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px;
text-decoration:none;
font-weight:bolder; 

}

.button_grey:hover
{
background:#493D4C;
}


.leftNav {

font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;

font-size:90%;

}

A.leftNav {

font-family:  "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
font-size:90%;
border-bottom:1px dashed #d1d1d1;
}

A.leftNav:hover {

font-family: 90% "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
 color: #C41230;
 background-image:url(../images/sidebar1/left_nav_arrow.gif);
 background-position:left;
 background-repeat:no-repeat;
 padding-left:12px;
 text-decoration: none;
}


.left_nav_red {
font: 90% "Helvetica Neue" Verdana, sans-serif;
color: #C41230;
font-weight:bold;
}

A.left_nav_red {
font: 90% "Helvetica Neue" Verdana, sans-serif;
color: #C41230;
font-weight:bold;
text-decoration:none;

}

A.left_nav_red:hover {
font: 90% "Helvetica Neue" Verdana, sans-serif;
color: #C41230;
font-weight:bold;
text-decoration:underline;

}


.nav_light {
font: 90% "Helvetica Neue" Verdana, sans-serif;
color: #FFFFFF;
font-weight:bold;

}

A.nav_light {
font: 90% "Helvetica Neue" Verdana, sans-serif;
color: #FFFFFF;
font-weight:bold;
text-decoration:none;

}

A.nav_light:hover {
font: 90% "Helvetica Neue" Verdana, sans-serif;
color: #FFFFFF;
font-weight:bold;
text-decoration:underline;

}



.quickLinks{
font-family: "Helvetica Neue" Verdana, sans-serif;
font-size:12px;
color: #C41230;
font-weight:normal;

}

A.quickLinks {
font-family: "Helvetica Neue" Verdana, sans-serif;
font-size:12px;
color: #C41230;
font-weight:normal;
text-decoration:none;

}

A.quickLinks:hover {
font-family: "Helvetica Neue" Verdana, sans-serif, cursive;
font-size:12px;
color: #333;
font-style:italic;
font-weight:bold;
text-decoration:none;

}
	
/* fonts and text */

.headingTxtSmall {
color:#333333;
font-family: "Helvetica Neue", Tahoma, Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.smallText {
color:#444444;
font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
}

A.smallText {
color:#444444;
font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration:underline;
}

A.smallText:hover {
color:#444444;
font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif #C41230;
font-size: 10px;
text-decoration:underline;
}


.main {
color:#444444;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

A.main {
color:#444444;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

A.main:hover {
color:#C41230;
font-size:12px;
font-weight:normal;
text-decoration:underline;
}

.footerTextWhite {
font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:normal;

}

A.footerTextWhite {
font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:normal;

}


A.footerTextWhite:hover {
font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:underline;

}

.productListing-heading {

font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
background: #FFFFFF;
color: #493D4C;
font-weight: bold;
}

/* Drop menu */
/*
ul.dropmenu{
	position: relative;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	display:block;
	font-family:"Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.dropmenu li{
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 1px;
	width: 150px;
	display: block;
	cursor: point;
	
}
.dropmenu li a{
	padding: 10px 30px 9px 15px;
	display: block;
	cursor: point;
	color: #C41230;
	text-decoration: none;
	background-color: #f1f1f1;
	background-image: url(../images/sidebar1/left_nav_bg.gif);
	background-repeat:no-repeat;
	border:1px solid f1f1f1;
	font-weight: bold;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
.dropmenu li a:hover{
	background-color: #f1f1f1;
	color: #493D4C;
}
.dropmenu li span{
	display: block;
	float: right;
	height: 10px;
	width: 10px;
	background:transparent url(images/plus.png) repeat-x scroll 0 0;
	position: absolute;
	top: 13px;
	right: 10px;
}
.dropmenu li:hover ul, .dropmenu li:hover div{
	display: block;
	
}
.dropmenu ul, .dropmenu div{
	position: absolute;
	display: none;
	width: 162px;
	left: 155px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
.dropmenu li div ul{
	border: none;
	background: none;
	position: relative;
	display: block;
	left: 0px;
}
.dropmenu ul li{
	border: 0;
	float: none;
	width: 160px;
}

.dropmenu div ul{
	position: relative;
	display: block;
}
.dropmenu li div{
	background-color: #C41230;
	padding: 5px;
	display: none;
	position: absolute;
}
*/

/* headings */

.h1 { margin: 10px 0 10px; font-size: 22px; color: #C41230; }

.h2 { font: 18px "Helvetica Neue" Verdana, sans-serif;
color:#333;
}

.h3 {
font: 14px "Helvetica Neue" Verdana, sans-serif;
color:#FFFFFF;
}

.h4 {
margin: 10px 0 10px; font-size: 18px; color: #C41230; 
}

.h6{
font: 22px "Helvetica Neue" Verdana, sans-serif;
color:#C41230;
}


.h7{
font: 19px "Helvetica Neue", Verdana, sans-serif;
color:#CC6666;
}


.h8 {
margin: 10px 0 10px; font-size: 24px; color: #C41230;
font-weight:bold;
}

.h9 {
margin: 10px 0 10px; font-size: 12px; color: #C41230; 
font-weight:bold;
color:#C41230;
}

A.h9 {
margin: 10px 0 10px; font-size: 12px; color: #C41230; 
font-weight:bold;
color:#C41230;
text-decoration:none;
}

A.h9:hover {
margin: 10px 0 10px; font-size: 12px; color: #C41230; 
font-weight:bold;
color:#C41230;
text-decoration:underline;
}

.h10 {
margin: 10px 0 10px; font-size: 16px; color: #C41230; 
font-weight:bold;
color:#C41230;
}

A.h10 {
margin: 10px 0 10px; font-size: 16px; color: #C41230; 
font-weight:bold;
color:#C41230;
text-decoration:none;
}

A.h10:hover {
margin: 10px 0 10px; font-size: 16px; color: #C41230; 
font-weight:bold;
color:#C41230;
text-decoration:underline;
}


.h11 {
margin: 10px 0 10px; font-size: 14px; color:#333333;

}

.h12 {
margin: 10px 0 10px; font-size: 22px; color:#FFFFFF;

}

#bigRedText_home {
font: 30px "Helvetica Neue" Verdana, sans-serif;
font-weight:bolder;
color:#C41230;
background: #FFFFFF;
margin: 0;
padding: 10px;
float:none;

}