/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 12 June 2009 09:54:13
*/

/* Start of reset styles */

html {
    color:#000;
    background:transparent;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin:0;padding:0;
}
table { 
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img{
    border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal;
}
li {
    list-style:none;
}
caption, th { 
    text-align:left;
}
h1 {
	color:#ef037c;
	font-size:20px;
	font-family:arial narrow,arial,helvetica;
    border-bottom: 1px dotted #ddd;
}
h2 {
	font-size:16px;
    border-bottom: 1px dotted #ddd;
	margin:15px 0px 5px 0px;
    color: #000000;
}
h3 {
	font-size:12px;
    border-bottom: 1px dotted #ddd;
	margin:15px 0px 5px 0px;
}
q:before, q:after{
    content:'';
}
abbr, acronym {
    border:0;
    font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
input, textarea, select{
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
    *font-size:100%;
}
/*because legend doesn't inherit in IE */
legend{
    color:#000;
}

/*End of CSS file*/

/*Start of font styles */
body {font:13px/1.231 arial,Georgia,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
body.small {font:11px/1.231 arial,Georgia,helvetica,clean,sans-serif;*font-size:x-small;*font:xx-small;}
body.large {font:15px/1.231 arial,Georgia,helvetica,clean,sans-serif;*font-size:15px;*font:small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
/*End of font styles */

/*Start of CSS file*/

body {
    font-family: Arial, Helvetica, Tahoma, Sans-Serif;
    color:#898989;
    background:#fff;
}

.clear {
    clear:both;
}

.hide {
    display:none;
}

.accessibility {
    height:1px;
    left:0;
    overflow:hidden;
    position:absolute;
    top:-500px;
    width:1px;
}

p {
    color:#666;
    font-size:92%;
    line-height:1.4;
}

a {
    color:#898989;
    font-size:inherit;
    text-decoration:none;
}

a:hover {
    color:#F0027F;
}

h2 {
    font-weight:bold;
    color:#f0027f;
}

h3 {
    color:#f0027f;
    font-weight:bold;
    font-size:123%;
    padding:10px 0px 10px 10px;
}

h4 {
    color:#666;
    font-size:92%;
    font-weight:bold;
    padding:0px 0px 0px 10px;
}

/****************** Header ***************************/

#header {
    background:#e7e7e7 url(../images/template/header-squizz/retail_header_bg.png) no-repeat;
    margin-left:auto;
    margin-right:auto;
    width:970px;
}

/******* Logo ******/

#logo {
    float:left;
    margin:37px 0 0 0px;
    width:355px;
    height:41px;
    background:url(../images/template/header-squizz/retailer1_logo.png) no-repeat 22px 0px;
}

#logo img {
    display:none;
    float:left;
}

#logo a {
    text-decoration:none;
    display:block;
    float:right;
    width:174px;
    height:41px;
    background:url(../images/template/header-squizz/retailer2_logo.png) no-repeat;
}

/****text size****/

#text_size {
    float:right;
    margin:11px 0px 0px 0px;
    padding:0px 17px 0px 6px;
    width:95px;
}

body.large #text_size {
    padding:0px 10px 0px 6px;
    width:113px;
}

#text_size p {
    cursor:pointer;
    margin:0;
}

#text_size p a#small {
    font-size:76%;
}

#text_size p a#medium {
    color:#F0027F;
    font-size:100%;
}

#text_size p a#large {
    font-size:123%;
}

/****top drop down****/

.drop_down {
    display:inline;
    float:right;
    margin:10px 9px 0px 0px; /*10px 10px 0 0 */
    padding:0px;
}
#top4 {
   /*margin-right: 6px;*/
margin-right:20px;
}

.drop_mid {
    display:inline;
    float:left;
    margin:0px;
    padding:0px;
    list-style:none;
}

.drop_lhs {
    display:block;
}

.drop_rhs {
    padding:3px 22px 8px 10px;
    display:block;
    cursor:pointer;
    font-size:92%;
    color:#636363;
}

body.large span.drop_rhs {
    padding:3px 20px 4px 5px;
}

.drop_down li ul {
    display:none;
    position:absolute;
    z-index:500;
    background:url(../images/template/header-squizz/drop_list_bg.png) repeat-y;
    width:224px;
    border-bottom:1px #d7d7d7 solid;
}

#top2 li ul {
    width:147px;
}

.drop_down li ul li {
    float:left;
    clear:left;
}

.drop_down li ul li.first {
    padding:1px 0px 0px;
}

.drop_down li ul li a {
    display:block;
    width:202px;
    padding:4px 10px;
    display:block;
    color:#4b4b4b;
    font-weight:bold;
    margin:0px 1px;
    font-size:92%;    
    background:#fff;
}

#top2 li ul li a {
    width:125px;
}

.drop_down li ul li a:hover {
    color:#fff;
    background:#F0027F;
}

.drop_down li:hover span.drop_rhs, .drop_down li span.font_over {
    color:#272626;
}

.drop_down li:hover ul, .drop_down li.over ul {
    display:inline;
}
.drop_down li a:focus + ul {
    display:inline;
}
.drop_down li:hover ul li, .drop_down li.over ul li {
    position:relative;
}

.drop_down li ul li ul {
    position:relative;
    float:left;
    border:none;
}

.drop_down li ul li ul li a{
    padding:2px 20px;
    color:#6f6f6f;
    margin:0px 1px 2px;
    background:#f5f5f5;    
    width:182px;
    font-weight:normal;
}


#top2 li ul li ul li a{
    width:105px;
}

/* first drop down*/

#top1 li.drop_mid {    
    background:url(../images/template/header-squizz/drop_bg.png) repeat-x;
}

#top1 li:hover, #top1 li.over {
    background:url(../images/template/header-squizz/drop_bg.png) repeat-x 0px -27px;
}

#top1 li span.drop_lhs {
    background:url(../images/template/header-squizz/drop_lhs.png) no-repeat;
}
    
#top1 li:hover span.drop_lhs , #top1 li.over span.drop_lhs  {
    background:url(../images/template/header-squizz/drop_lhs.png) no-repeat 0px -27px;
}

#top1 li span.drop_rhs {
    background:url(../images/template/header-squizz/drop_rhs.png) no-repeat 100% 0%;
}    

#top1 li:hover span.drop_rhs , #top1 li.over span.drop_rhs  {
    background:url(../images/template/header-squizz/drop_rhs.png) no-repeat 100% -27px;
}

#top1 li ul li.first {
    background:url(../images/template/header-squizz/drop_list_first.png) no-repeat;
}

/* second drop down*/

#top2 li.drop_mid {    
    background:url(../images/template/header-squizz/drop_bg2.png) repeat-x;
}

#top2 li:hover, #top2 li.over {
    background:url(../images/template/header-squizz/drop_bg2.png) repeat-x 0px -27px;
}

#top2 li span.drop_lhs {
    background:url(../images/template/header-squizz/drop_lhs2.png) no-repeat;
}
    
#top2 li:hover span.drop_lhs , #top2 li.over span.drop_lhs  {
    background:url(../images/template/header-squizz/drop_lhs2.png) no-repeat 0px -27px;
}

#top2 li span.drop_rhs {
    background:url(../images/template/header-squizz/drop_rhs2.png) no-repeat 100% 0%;
}    

#top2 li:hover span.drop_rhs , #top2 li.over span.drop_rhs  {
    background:url(../images/template/header-squizz/drop_rhs2.png) no-repeat 100% -27px;
}

#top2 li ul li.first {
    background:url(../images/template/header-squizz/drop_list_first2.png) no-repeat;
}

/* third login box*/

#top3 {
    margin:10px 10px 0px 0px;
}

#top3 li {
    background:url(../images/template/header-squizz/drop_down3_bg.png) repeat-x;
    float:left;
}

#top3 a {
    background:url(../images/template/header-squizz/drop_down3_left.png) no-repeat;
    display:block;

}

#top3 a span {
    background:url(../images/template/header-squizz/drop_down3_right.png) no-repeat 100% 0px;
    display:block;
    padding:3px 44px 6px;
    font-size:92%;
    color:#636363;
}

#top3 li:hover a span, #top3 li a span.font_over {
    color:#272626;
}

body.large #top3 a span {
    padding:3px 25px 6px;
}

#top4 a {
    display:block;
    padding:3px 0px 0px 7px;
    font-size:92%;
    color:#636363;
    background:url(../images/template/header-squizz/arrow_right.png) no-repeat 0px 6px;
    width:35px;
}

#top4 a:hover {
    color:#272626;
}

/*main nav*/

#main_nav {
    margin:25px 0px 0px 0px;
    float:left;
    clear:left;
    padding-left:20px;
}

#main_nav ul{
    float:none;
}

#main_nav ul li {
    background: url(../images/template/header-squizz/nav_bg.png) repeat-x;
    font-size:108%;
    float:left;
    display:inline;
}

#main_nav ul li a {
    background: url(../images/template/header-squizz/nav_left.png) no-repeat;
    display:block;
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    font-family:arial,helvetica,clean,sans-serif;
}

#main_nav ul li a span {
    background: url(../images/template/header-squizz/nav_right.png) no-repeat 100% 0px;
    display:block;
}

#main_nav ul li.nav_pos_one a span {    
    padding:0.45em 0.75em;
}

body.large #main_nav ul li.nav_pos_one a span {    
    padding:0.3em 1em;
}

#main_nav ul li.nav_pos_two a span {    
    padding:0.45em 3em;
}

body.large #main_nav ul li.nav_pos_two a span {    
    padding:0.3em 2em;
}

#main_nav ul li.nav_pos_three a span {    
    padding:0.45em 1.79em;
}

body.large #main_nav ul li.nav_pos_three a span {    
    padding:0.3em 1em;
}

#main_nav ul li.nav_pos_four a span {    
    padding:0.45em 2.79em;
}

body.large #main_nav ul li.nav_pos_four a span {    
    padding:0.3em 2em;
}

#main_nav ul li:hover, #main_nav ul li.over {
    background: url(../images/template/header-squizz/nav_bg.png) repeat-x 0px -30px;
}

#main_nav ul li:hover a, #main_nav ul li.over a {
    background: url(../images/template/header-squizz/nav_left.png) no-repeat 0px -30px;
}

#main_nav ul li:hover a span, #main_nav ul li.over a span{
    background: url(../images/template/header-squizz/nav_right.png) no-repeat 100% -30px;    
}

#main_nav ul li.current_page {
    background: url(../images/template/header-squizz/nav_bg.png) repeat-x 0px -60px;
}

#main_nav ul li.current_page a {
    background: url(../images/template/header-squizz/nav_left.png) no-repeat 0px -60px;
    color:#dc0067;
}

#main_nav ul li.current_page a span{
    background: url(../images/template/header-squizz/nav_right.png) no-repeat 100% -60px;   
}

/*drop down*/

#main_nav ul li ul {
    padding:0px;
    background:#FFFFFF;
    display:none;
   /* top:-500px;*/
   /* left:-500px; */

    position:absolute;
    margin:0px 0px 0px 3px;
    border:1px #9b9c9e solid;
    font-size:75%;
    z-index:500;
}

#main_nav ul li:hover ul, #main_nav ul li.over ul {
   display:inline; 
  /*  top:auto;*/   
/*    left:auto;*/
}
 #main_nav ul li a:focus + ul {
   display:inline; 
  /*  top:auto;*/   
/*    left:auto;*/
}
#main_nav ul li.over ul li ul {
    display:block;
}

#main_nav ul li.nav_pos_one ul {
    width:183px /*178px;*/
}    

#main_nav ul li.nav_pos_two ul, #main_nav ul li.nav_pos_four ul {
    width:166px;
}    

#main_nav ul li.nav_pos_three ul {
    width:185px;
}   

/*start browsers drop down issues*/

/* FF2 mac */

#main_nav ul li.nav_pos_one ul.ff2_mac {
    width:180px; /*176px;*/
}

#main_nav ul li.nav_pos_two ul.ff2_mac {
    width:165px;
}

#main_nav ul li.nav_pos_three ul.ff2_mac {
    width:182px;
}

/*Safari mac*/

#main_nav ul li.nav_pos_one ul.safari_mac {
    width:179px; /*175px;*/
}

#main_nav ul li.nav_pos_two ul.safari_mac {
    width:165px;
}

#main_nav ul li.nav_pos_three ul.safari_mac {
    width:182px;
}

/*Opera mac*/

#main_nav ul li.nav_pos_one ul.opera_mac {
    width:181px; /*175px;*/
}

#main_nav ul li.nav_pos_two ul.opera_mac {
    width:165px;
}

#main_nav ul li.nav_pos_three ul.opera_mac {
    width:182px;
}

/*ff3 win*/

#main_nav ul li.nav_pos_one ul.ff3_win {
    width:182px; /*178px;*/
}

#main_nav ul li.nav_pos_three ul.ff3_win {
    width:186px;
}

/*Chrome win*/

#main_nav ul li.nav_pos_one ul.chrome_win {
    width:181px; /*177px;*/
}

/*Safari win*/

#main_nav ul li.nav_pos_one ul.safari_win {
    width:181px; /*177px;*/
}

/*Opera win*/

#main_nav ul li.nav_pos_one ul.opera_win {
    width:183px; /*179px;*/
}

/*Explorer win*/

#main_nav ul li.nav_pos_one ul.ie_win {
    width:183px; /*179px;*/
}

#main_nav ul li.nav_pos_two ul.ie_win {
    width:168px;
}

#main_nav ul li.nav_pos_three ul.ie_win {
    width:187px;
}

#main_nav ul li.nav_pos_four ul.ie_win {
    width:168px;
}

/*Explorer 8 win*/

#main_nav ul li.nav_pos_one ul.ie8_win {
    width:183px; /*179px;*/
}

#main_nav ul li.nav_pos_two ul.ie8_win {
    width:166px;
}

#main_nav ul li.nav_pos_three ul.ie8_win {
    width:185px;
}

#main_nav ul li.nav_pos_four ul.ie8_win {
    width:167px;
}

/*end browsers drop down issues*/ 

#main_nav ul li ul li, #main_nav ul li.over ul li, #main_nav ul li.over ul li ul li {
    background:none;
    width:100%;
}

#main_nav ul li ul li ul {
    border:none;
    margin:0px;
    font-size:100%;
    position:relative;    
}

#main_nav ul li ul li a, #main_nav ul li:hover ul li a, #main_nav ul li.over ul li a {
    background:#FFFFFF;
    color:#4B4B4B;
    font-weight:bold;
    margin:0;
    padding:4px 10px;
    display:block;
}

#main_nav ul li ul li ul li a, #main_nav ul li:hover ul li ul li a, #main_nav ul li.over ul li ul li a {
    padding:4px 10px 4px 20px;
    background:#f5f5f5;
    margin:1px 0px 1px 0px;
    color:#6f6f6f;
    font-weight:bold;
    display:block;
}

#main_nav ul li ul li a:hover, #main_nav ul li ul li ul li a:hover {
    background:#f0027f !important;
    color:#fff !important;
}

/*****search box****/

#search_box {
    float:right;
    margin:25px 0px 0px 0px;
    padding:0px 10px 0px 0px;
    width:200px;
    height:30px;
}

#rhs_push_box2 label, #search_box label {
    display:none;
}

.search_field {
    border:none;
    background: url(../images/template/header-squizz/search_bg.png) no-repeat;
    float:left;
    font-size:100%;
    height:18px;
    padding:5px 5px 0px;
    width:144px;
}

button.search {
    height:23px;
    margin:1px 0px 0px 5px;
    border:none;
    background: url(../images/template/header-squizz/search_button.png) no-repeat;
    cursor:pointer;
    float:left;
    width:40px;
}

button.search:hover, button.over {
    background: url(../images/template/header-squizz/search_button.png) no-repeat 0px -23px;
}

/*End of css file*/