/******************************************************************************************/
/* GENERIC SETTINGS                                                                       */
/******************************************************************************************/
html {text-align:center; margin:auto}
body {font-family:'Trebuchet MS', arial, helvetica, sans-serif; font-size:0.7em; line-height:1.2em; background:#2b001c url('../images/backgr.gif'); color:#ffffff; margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:center}
a:link, a:active {text-decoration:none; color:#0066cc}
a:visited {text-decoration:none; color:#6666ff}
a:hover {text-decoration:underline}
img {border:none; margin:0px}
form {margin:0px; padding:0px}
label {margin:0px 3px 3px 0px}

fieldset {margin:0px 0px 10px 0px; border:1px solid #c8e8f6; padding:6px 6px 6px 6px;}
legend {font-size:110%; font-weight:bold; color:#92d1ee}
hr {display:none}
table {width:99%}
input, select, textarea {font-family:'lucida grande', arial, helvetica, sans-serif; font-size:100%; color:#333333}
input.disabled {padding-left:0px}

h1 {font-size:1.8em; font-weight:normal; margin:0px 0px 1em 0px; padding:0px 0px 0px 0px}
h2 {color:#d2006e; font-size:1.2em; font-weight:normal; margin:0px 0px 0.8em 0px; padding:0px 0px 0px 0px}

/******************************************************************************************/
/* DECORATIVE / STRUCTURE CLASSES                                                         */
/******************************************************************************************/
.fleft {float:left}
.fleft50 {float:left; width:49%}
.fleft75 {float:left; width:74%}
.fright {float:right}
.fright15 {float:right; width:14%}
.fright50 {float:right; width:49%}
.aleft {text-align:left}
.acentre {text-align:center; margin-left:auto; margin-right:auto}
.aright {text-align:right}
.clear {clear:both; height:1px; overflow:hidden}

.br5 {height:5px; overflow:hidden}
span.br5 {display:block; height:5px; overflow:hidden}
.br8 {height:8px; overflow:hidden}
.br10 {height:10px; overflow:hidden}
.br15 {height:15px; overflow:hidden}
.br20 {height:20px; overflow:hidden}
.br30 {height:30px; overflow:hidden}
.br40 {height:40px; overflow:hidden}

.field60 {width:60px; background-color:#ffffff; border:1px solid #843964}
.field100 {width:100px}
.field150 {width:150px}
.field175 {width:175px}
.field200 {width:200px}
.field400 {width:400px; background-color:#ffffff; border:1px solid #843964; padding:0.3em}
.field100pc {width:99%}

.purple {color:#d2006e !important}
.form_block {width:190px; margin:0px 5px 0px 0px; float:left;}
label {display:block; margin:0px 0px 4px 0px; font-size:1.1em}
.button {padding:4px; background-color:#860247; color:#ffffff; border:1px solid #803961; font-size:0.9em}

.thumb {float:left; width:90px; margin:0px 10px 0px 0px}


.square1 {margin:0px 0px 15px 0px}
.square1 .sq1 {height:1px; overflow:hidden; font-size:1px; margin:0px 1px 0px 1px; border-left:1px solid #331c2b; border-right:1px solid #331c2b}
.square1 .sq2 {height:1px; overflow:hidden; font-size:1px; margin:0px 2px 0px 2px; background-color:#331c2b}
.square1 .cont {border-left:1px solid #331c2b; border-right:1px solid #331c2b; padding:2px 4px 2px 4px;}

.news {border-left:1px solid #331c2b; border-right:1px solid #331c2b; padding:2px 4px 2px 4px; height:104px; overflow:hidden}

.square1 h3 {font-weight:normal; margin:2px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:1.5em; background:url('../images/patt.gif') repeat-x left 4px}
.square1 h3 b {font-weight:normal; background:#1d0013; padding:0px 5px 0px 0px; line-height:14pt;}
.square1 .flink {margin:10px 0px 0px 0px; text-align:right; color:#d2006e; background:url('../images/patt.gif') repeat-x left 2px; vertical-align:bottom;}
.square1 .flink div {background:#1d0013; padding:0px 0px 0px 5px; display:inline}
.square1 a {color:#ffffff}

.square2 {margin:0px 0px 15px 0px}
.square2 .sq1 {height:1px; overflow:hidden; font-size:1px; margin:0px 1px 0px 1px; background-color:#d2006e; border-left:1px solid #d2006e; border-right:1px solid #d2006e}
.square2 .sq2 {height:1px; overflow:hidden; font-size:1px; margin:0px 2px 0px 2px; background-color:#d2006e}
.square2 .cont {border-left:1px solid #d2006e; border-right:1px solid #d2006e; padding:2px 4px 2px 4px; background:url('../images/sq2.gif') repeat-x}
.square2 h3 {font-weight:normal; margin:0px 0px 10px 0px; padding:5px 0px 5px 0px; font-size:1.5em}
.square2 h4 {color:#d2006e; font-weight:normal; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-size:1.5em; line-height:1.1em}
.square2 .flink {margin:10px 0px 0px 0px; text-align:right; color:#d2006e; background:url('../images/patt.gif') repeat-x left 2px}
.square2 .flink div {background:#1d0013; padding:0px 0px 0px 5px; display:inline}
.square2 a {color:#ffffff}

.flash {float:left; width:200px; margin:0px 9px 15px 0px; color:#ffffff; position:relative}
.flash_bottom {background:url('../images/flash_bottom.gif') no-repeat; width:200px; height:4px; overflow:hidden}
.flash span.h3 {display:block; font-weight:normal; font-size:1.4em; padding:0px 0px 0px 0px; position:absolute}

.flash .f_flags {}
.flash .f_flags a {color:#ffffff; display:block; background:url('../images/flag.gif') no-repeat; width:200px; height:77px}
.flash .f_flags a:hover {color:#ffffff; background:url('../images/flag_on.gif') no-repeat; text-decoration:none}
.flash .f_flags span.h3 {margin:0px 0px 0px 0px; top:12px; left:70px}
.flash .f_flags .description {position:absolute; top:30px; left:70px}

.flash .f_tshirts {}
.flash .f_tshirts  a {color:#ffffff; display:block; background:url('../images/tshirt.gif') no-repeat; width:200px; height:77px}
.flash .f_tshirts a:hover {color:#ffffff; background:url('../images/tshirt_on.gif') no-repeat; text-decoration:none}
.flash .f_tshirts span.h3 {margin:0px 0px 0px 0px; top:12px; left:75px}
.flash .f_tshirts .description {position:absolute; top:30px; left:75px}

.flash .f_badges {}
.flash .f_badges  a {color:#ffffff; display:block; background:url('../images/print.gif') no-repeat; width:200px; height:77px}
.flash .f_badges a:hover {color:#ffffff; background:url('../images/print_on.gif') no-repeat; text-decoration:none}
.flash .f_badges span.h3 {margin:0px 0px 0px 0px; top:12px; left:70px}
.flash .f_badges .description {position:absolute; top:30px; left:70px}

.flash .f_cufflinks {}
.flash .f_cufflinks  a {color:#ffffff; display:block; background:url('../images/cufflinks.gif') no-repeat; width:200px; height:77px}
.flash .f_cufflinks a:hover {color:#ffffff; background:url('../images/cufflinks_on.gif') no-repeat; text-decoration:none}
.flash .f_cufflinks span.h3 {margin:0px 0px 0px 0px; top:12px; left:60px}
.flash .f_cufflinks .description {position:absolute; top:30px; left:60px}

.flash .f_btowels {}
.flash .f_btowels  a {color:#ffffff; display:block; background:url('../images/btowels.gif') no-repeat; width:200px; height:77px}
.flash .f_btowels a:hover {color:#ffffff; background:url('../images/btowels_on.gif') no-repeat; text-decoration:none}
.flash .f_btowels span.h3 {margin:0px 0px 0px 0px; top:12px; left:74px}
.flash .f_btowels .description {position:absolute; top:30px; left:74px}

.flash .f_bunting {}
.flash .f_bunting  a {color:#ffffff; display:block; background:url('../images/bunting.gif') no-repeat; width:200px; height:77px}
.flash .f_bunting a:hover {color:#ffffff; background:url('../images/bunting_on.gif') no-repeat; text-decoration:none}
.flash .f_bunting span.h3 {margin:0px 0px 0px 0px; top:12px; left:68px}
.flash .f_bunting .description {position:absolute; top:30px; left:68px}

.flash .f_gideas {}
.flash .f_gideas  a {color:#ffffff; display:block; background:url('../images/gideas.gif') no-repeat; width:200px; height:77px}
.flash .f_gideas a:hover {color:#ffffff; background:url('../images/gideas_on.gif') no-repeat; text-decoration:none}
.flash .f_gideas span.h3 {margin:0px 0px 0px 0px; top:12px; left:65px}
.flash .f_gideas .description {position:absolute; top:30px; left:65px}

.flash .f_soffers {}
.flash .f_soffers  a {color:#ffffff; display:block; background:url('../images/soffers.gif') no-repeat; width:200px; height:77px}
.flash .f_soffers a:hover {color:#ffffff; background:url('../images/soffers_on.gif') no-repeat; text-decoration:none}
.flash .f_soffers span.h3 {margin:0px 0px 0px 0px; top:18px; left:28px}
.flash .f_soffers .description {position:absolute; top:45px; left:28px}

.flash .f_print {}
.flash .f_print  a {color:#ffffff; display:block; background:url('../images/print.gif') no-repeat; width:200px; height:77px}
.flash .f_print a:hover {color:#ffffff; background:url('../images/print_on.gif') no-repeat; text-decoration:none}
.flash .f_print span.h3 {margin:0px 0px 0px 0px; top:18px; left:28px}
.flash .f_print .description {position:absolute; top:45px; left:28px}

/******************************************************************************************/
/* STRUCTURE IDs & CLASSES                                                                */
/******************************************************************************************/
#document {width:836px; margin:40px auto 0px auto; text-align:left}


#header {margin:0px 0px 15px 0px}
#header .logo {float:left; width:318px; height:32px; overflow:hidden; background:url('../images/pinkjack.png') no-repeat; _background:url('../images/pinkjack.gif') no-repeat}
#header ul.sublinks {float:right; text-align:right; width:300px; list-style:none; margin:0px 0px 0px 0px; padding:18px 0px 0px 0px}
#header ul.sublinks li {display:inline}
#header ul.sublinks li a {color:#c7096c}


#nav {text-align:center; margin:0px 0px 12px 0px}
#nav .cont {background-color:#490d2d; border-left:1px solid #470d2c; border-right:1px solid #470d2c; padding:0.2em 0em 0.2em 0em}
#nav .l1 {height:1px; overflow:hidden; font-size:1px; margin:0px 1px 0px 1px; background-color:#5a1538}
#nav .l2 {height:1px; overflow:hidden; font-size:1px; margin:0px 2px 0px 2px; background-color:#470d2c}
#nav ul.navoptions {list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#nav ul.navoptions li {float:left; display:inline; width:12.5%; text-align:center}
#nav ul.navoptions li a {display:block; color:#ffffff; border-right:1px solid #43082a}
#nav ul.navoptions li a:hover {text-decoration:none; color:#f979be}
#nav ul.navoptions li.selected a {color:#f979be}


#main {background:url('../images/pagetop.gif')}
.main_bottom {background:url('../images/pagebottom.gif') bottom no-repeat; height:10px; overflow:hidden}
#main .leftcol {float:left; width:530px}
#main .leftcol {float:left; width:530px}

#main .rightcol {float:right; width:270px; margin:10px 10px 0px 0px}

#main .leftcol .leftareaabout {padding:10px 0px 0px 10px; padding-right:100px;}

#main .leftcol .leftarea {padding:10px 0px 0px 10px}
#main .leftcol .leftarea #product_image {float:left; width:300px}
#main .leftcol .leftarea #product_details {float:right; width:200px}

#rotating_image {position:relative}
#rotating_image .copy {font-size:1.2em; line-height:1.2em; width:220px; color:#ffffff; position:absolute; top:40px; left:200px}

#footer {margin:10px 0px 0px 0px; color:#ffffff; font-size:0.9em}
#footer a {color:#ffffff}
#footer .fleft {float:left; width:400px}
#footer .fright {float:right; text-align:right; width:400px}