@charset "UTF-8";
/* CSS Document */


/* undo browser HTML defaults =================*/
:link,:visited {text-decoration: none;}
li, h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em; line-height:1em;}
div, ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,span {margin: 0px; padding: 0px;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

* {margin:0; padding:0;}



/*  CONTENTS 
================================================================================

Base Strucutre 

Generic Text

TopNav

Universal Head

Home Page




*/



/* Base strucutre  
=============================================================================*/

html
{

}

body
{
font-size:76%;
line-height: 1em;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#head
{
height:72px;
position:relative;
width: 770px;
margin:0px auto 0px auto;
overflow:hidden;
}

#topnav{
color:#FFF;
width: 770px;
margin:0px auto 0px auto;
background: #4d656d;
border-top:#000000 1px solid;
position:relative;
overflow: hidden;
}

#content_container {
width: 770px;
margin:0px auto 0px auto;
padding-bottom: 1em;
background:url(img/content_container_bg.gif) right repeat-y;
}


#title {
position:relative;
margin:0px auto 0px auto;
color:#FFF;
width: 770px;
height:36px;
}


#primary_content {
float:left;
margin-top:9px;
/*margin:9px 0px ;*/
width: 510px;
}


div.primary_whole {
position:relative;
margin-bottom:8px;
width:510px;
float:left;
clear:both;
}


div.primary_right {
float:right;
position:relative;
width:250px;

}

div.primary_left {
float:left;
position:relative;
width:250px;
}


#secondary_content {
position:relative;
float:right;
width:250px;
margin-top:4px;
margin-bottom:9px;
}


#footer
{
position: relative;
width: 770px;
margin:0px auto 0px auto;
background: #6d909b;
overflow:hidden; /* makes the footer div warp around the footer_right div */
}


#footer_right{
float:right;
width:200px;
height:60px;
}





/* Generic Text 
=======================================================================================================*/

h1 {
color:#000;
font: 1em/1.6em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding:1em 12px 0em 12px;
}


h2 {
color:#000;
font:0.85em/1.2em Verdana, Arial, Helvetica, sans-serif;
padding:1em 12px 0em 12px;
font-weight: bold;
}



h3 {
color:#000;
font:0.85em/1.2em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding:1em 12px 0em 12px;
}


p {
color:#000;
font:0.85em/1.3em Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-variant: normal;
padding:1em 12px 0em 12px ;
}


p.small {
font:0.78em/1.3em Verdana, Arial, Helvetica, sans-serif;
color: #666666;
}


#secondary_content p {
padding: 0em 0em 1em 0em;
margin:0px 12px;
}


a {
text-decoration: underline;
color:#000;
}


p a:link, p a:visited {
text-decoration: underline;
color:#000;
}

p a:hover, p a:active {
text-decoration: none;
color:#000;
}


li.firstline {
padding:1em 12px 0em 12px;
}


ul {
position:relative;
padding:0px 0px 0px 12px;
}


#secondary_content ul {
padding:0;
}


li {
font:0.85em/1.2em Verdana, Arial, Helvetica, sans-serif;
display: list-item; /* Holly hack for doubled-margin bug */
list-style:none;
color:#000;
margin:1em 0em 0em 0em;
padding:0px 12px 0px 12px;
background:url(img/bullet_black.gif) no-repeat left center;
}




/*  Non Structural Generic Elements 
----------------------------------------------------------------------------------------*/
div.info {
border-bottom: #fff 1px solid;

}

div.info h1 {
color: #f77518;
}


.clear {
clear:both;
height: 1px;
display:block;
border:none;
}


.highlight {
color:#00aba1;
}


.order {
color:#f77518;
}

.order a:link, .order a:visited, .order a:hover, .order a:active{
color:#f77518;
}



/* >> More link ---------*/


p.more a:link, p.more a:visited {
color:#FFF;
font-weight: bold;
background:url(img/bullet_white.gif) no-repeat left center;
padding:0em 12px 0em 12px;

}

p.more a:hover, p.more a:active {
color:#FFF;
font-weight: bold;
background:url(img/bullet_white.gif) no-repeat left center;
padding:0em 12px 0em 12px;

}

li.more {
background:url(img/bullet_white.gif) no-repeat left center;
}


li.more a:link, li.more a:visited {
color:#FFF;
font-weight: bold;
text-decoration: underline;
}

li.more a:hover, li.more a:active {
color:#FFF;
font-weight: bold;
text-decoration: none;
}







/* Page Header
=======================================================================================================*/

#head h1 {
float:left;
display:block;
width:269px;
height:72px;
margin:0;
padding:0;
}


#head h1 a{
color:#000;
font: 1em/ 72px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}


#head h1 a span{
	background: url(img/head_logo.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


#head h2 {
float:left;
display:block;
position:relative;
font: 1em/ 72px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color:#000;
width:325px;
height:72px;
margin:0;
padding:0;

}

#head h2 span {
	background: url(img/head_quote.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}

#head p {
float:left;
display:block;
position:relative;
width:175px;
height: 72px;
margin:0;
padding:0;
}


#head p a{
color:#000;
font: 1em/ 72px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}


#head p a span {
	background: url(img/head_phone.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


/*  TOPNAV 
================================================================================ LoVe/HAte =========*/


#topnav ul { 
height:2.5em;
width:100%;
margin:0;
padding:0;
}

#topnav ul li { 
list-style: none;
display: inline;
height:2.5em;
background:none;
padding:0px;
margin:0em;
}

#topnav ul li a{
display:block;
float:left;
color:#FFF;
font:1em/2.5em Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding:0px 0.8em;
background:#4d656d;
border:2px solid #4d656d;
}



/*  TOPNAV : Rollover Colours -------------*/

#topnav li a:hover, #topnav li a:active {
background: #6d909b;
}



/*  TOPNAV : Active Page colours -----*/


body#home li#nav_0 a:link, body#home li#nav_0 a:visited {
background: #6d909b;
}


body#benefits li#nav_1 a:link, body#benefits li#nav_1 a:visited {
background:#2fcaff;
}

body#specs li#nav_2 a:link, body#specs li#nav_2 a:visited {
background:#22c6bc;
}

body#gallery li#nav_3 a:link, body#gallery li#nav_3 a:visited {
background: #ff8400;
}

body#services li#nav_4 a:link, body#services li#nav_4 a:visited {
background: #96cb5d;
}

body#faq li#nav_5 a:link, body#faq li#nav_5 a:visited {
background: #dd84ea;
}

/*
body#terms li#nav_6 a:link, body#terms li#nav_6 a:visited {
background: #2fcaff;
}

*/

body#contact li#nav_6 a:link, body#contact li#nav_6 a:visited {
background:#2fcaff;
}




/*  TITLES 
=======================================================================================================*/

#title h1 {
margin:0px;
padding:0px;
color:#000;
font: 1em/ 36px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
width: 770px;
height:36px;
}


/*  TITLE : All Pages ----*/

body#home #title h1 span {
	background: #2fcaff url(img/title_home.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}

body#services #title h1 span {
	background: #96cb5d url(img/title_services.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


body#benefits #title h1 span {
	background: #96cb5d url(img/title_benefits.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}

body#contact #title h1 span {
	background: #2fcaff url(img/title_contact.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


body#faq #title h1 span {
	background: #dd84ea url(img/title_faq.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


body#terms #title h1 span {
	background: #6d909b url(img/title_terms.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


body#specs #title h1 span {
	background: #6d909b url(img/title_specifications.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;}


body#gallery #title h1 span {
	background: #6d909b url(img/title_gallery.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}




/*  SENCONDARY CONTENT H1 HEADINGS 
=======================================================================================================*/

#secondary_content h1{
margin:0px 0px 6px 0px;
padding:0px;
position:relative;
height:28px;
width:250px;
color:#f6a530;
font: 0.5em/1em Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}


/* Home "High Impact handfans" heading h1
-----------------------------------*/
body#home div#secondary_content h1 span{
	background: url(img/h1_highimpact_blue.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


/* Services Fanytype "Top selling handfans" heading h1
-----------------------------------*/
body#services div#secondary_content h1 span{
	background: url(img/h1_topselling_blue.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


/* Benefits Fanytype "Top selling handfans" heading h1
-----------------------------------*/
body#benefits div#secondary_content h1 span{
	background: url(img/h1_topselling_blue.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}



/*  Costs and Specs "Get what you want" secondary h1 
-----------------------------------*/
body#specs div#secondary_content h1 span{
	background: url(img/h1_getwhatyouwant_turq.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


/*  Gallery "Bespoke Design" - secondary h1 
-----------------------------------*/
body#gallery #secondary_content h1 span{
	background: url(img/gallery_secondary_h1.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


/*  FAQ "need to know more" Secondary h1 
-----------------------------------*/
body#faq #secondary_content h1 span{
	background: url(img/h1_need_more_purple.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


/*  Terms and conditions "need to know more" Secondary h1 
-----------------------------------*/
body#terms #secondary_content h1 span{
	background: url(img/h1_need_more_blue.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}



/*  Contact "need to know more" Secondary h1 
-----------------------------------*/
body#contact #secondary_content h1 span{
	background: url(img/h1_need_more_blue.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}






/*  HOMEPAGE
=======================================================================================================*/


/*  HOMEPAGE: middle Content -------------------------*/


body#home div.primary_whole {
width:495px;
padding: 8px 0px 8px 15px;
background:#3c5a65;
border-top:#000 1px solid;
}

body#home div.primary_whole ul{
margin: 0em;
padding:0px;
}

body#home div.primary_whole li{
float:left;
width:160px;
margin:0px;
padding:0px;
background:none;
}

body#home div.primary_whole li a{
float:left;
display:block;
color:#2fcaff;
width:150px;
padding:3px 0px 3px 10px;
background:#3c5a65 url(img/bullet_white.gif) no-repeat left center;
}


body#home div.primary_whole li a:hover {
background:#466875 url(img/bullet_white.gif) no-repeat left center;
text-decoration:none;
}



#flash_info_1 {
float:left;
display:inline;
width:160px;
background:#3c5a65;
}


#flash_info_2 {
float:left;
display:inline;
width:160px;
background:#3c5a65;
}


#flash_info_3 {
float:left;
display:inline;
width:160px;
background:#3c5a65;
}


/*  HOMEPAGE: primary Right Content ------------*/


body#home div.primary_right {
background:#f6a530;
padding-bottom:1em;
min-height:200px;
height:auto; !important
height:200px;
}


body#home div.primary_right h1{
position:relative;
height:57px;
width:250px;
color:#f6a530;
font: 0.5em/1em Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
border-bottom:#FFF 1px solid;
padding:0px;
}

body#home div.primary_right h1 span{
	background: url(img/home_content_right_h1.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}


/*  HOMEPAGE primary Left Content -------------*/


body#home div.primary_left {
background:#2fcaff;
padding-bottom:1em;
min-height:200px;
height:auto; !important
height:200px;
}

body#home div.primary_left h1{
position:relative;
height:57px;
width:250px;
color:#2fcaff;
font: 0.5em/1em Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
border-bottom:#FFF 1px solid;
padding:0px;
}

body#home div.primary_left h1 span{
	background: url(img/home_content_left_h1.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:0px;
}



/* Benefits Page
=======================================================================================================*/

body#benefits div.primary_whole{
margin:0 0 1.5em 0;
}

body#benefits div.primary_whole h2{
margin:50px 0 0 0;
padding:0.8em 12px 0.8em 12px;
background:#e7e7e7 url(img/benefits/benifits_h3_bg.gif) repeat-x bottom left;
border-top:#4d656d 1px solid;
border-bottom:#4d656d 1px solid;
}

body#benefits div.primary_whole #casino{
background:url(img/benefits/benefits_casino_bg.jpg) no-repeat top left;
}

body#benefits div.primary_whole #club{
background:url(img/benefits/benefits_club_bg.jpg) no-repeat top left;
}

body#benefits div.primary_whole #concert{
background:url(img/benefits/benefits_concert_bg.jpg) no-repeat top left;
}

body#benefits div.primary_whole #drink{
background:url(img/benefits/benefits_drink_bg.jpg) no-repeat top left;
}

body#benefits div.primary_whole #fashion{
background:url(img/benefits/benefits_fashion_bg.jpg) no-repeat top left;
}

body#benefits div.primary_whole #festival{
background:url(img/benefits/benefits_festival_bg.jpg) no-repeat top left;
}

body#benefits div.primary_whole #magazine{
background:url(img/benefits/benefits_magazine_bg.jpg) no-repeat top left;
}

body#benefits div.primary_whole #mail{
background:url(img/benefits/benefits_mail_bg.jpg) no-repeat top left;
}

body#benefits div.primary_whole #perfume{
background:url(img/benefits/benefits_perfume_bg.jpg) no-repeat top left;
}

body#benefits div.primary_whole #summer{
background:url(img/benefits/benefits_summer_bg.jpg) no-repeat top left;
}

body#benefits div.primary_whole #tube{
background:url(img/benefits/benefits_tube_bg.jpg) no-repeat top left;
}

body#benefits div.primary_whole #wedding{
background:url(img/benefits/benefits_wedding_bg.jpg) no-repeat top left;
}



/* Services Page
=======================================================================================================*/


body#services div.primary_whole h2{
padding:50px 12px 1.2em 12px;
}

body#services div.primary_whole #personal{
background:url(img/services/services_personal.jpg) no-repeat top left;
}

body#services div.primary_whole #shaping{
background:url(img/services/services_shaping.jpg) no-repeat top left;
}

body#services div.primary_whole #design{
background:url(img/services/services_design.jpg) no-repeat top left;
}

body#services div.primary_whole #distro{
background:url(img/services/services_distro.jpg) no-repeat top left;
}

body#services div.primary_whole #material{
background:url(img/services/services_materials.jpg) no-repeat top left;
}

body#services div.primary_whole #print{
background:url(img/services/services_printing.jpg) no-repeat top left;
}


/* Cost and Specifications Page
=======================================================================================================*/

body#specs div.primary_whole{
margin-bottom:0;
}

body#specs div#profold div.primary_left {
background:url(img/specs/spec_profold_bg.jpg) 175px 12px no-repeat ;
}

body#specs div#traditional div.primary_left {
background:url(img/specs/spec_traditional2_bg.jpg) 175px 12px no-repeat ;
}

body#specs div#traditional2 div.primary_left {
background:url(img/specs/spec_traditional_bg.jpg) 175px 12px no-repeat ;
}

body#specs div#paddle div.primary_left {
background:url(img/specs/spec_paddle_bg.jpg) 175px 12px no-repeat ;
}




body#specs div.primary_whole h2{
margin:0px;
height:2.6em;
background:#e8f9f8;
border-bottom: #6d909b 1px solid;
border-top: #6d909b 1px solid;
font:0.85em/2.6em Verdana, Arial, Helvetica, sans-serif;
padding:0em 0px 0em 12px;
font-weight: bold;
}

body#specs div.primary_whole ul{
margin:0em 0em 1em 0em;
}

body#specs div.primary_whole li{
margin:0.8em 0em 0em 0em;
}

ul.none li{
background:none;
padding:0px;
}


div.table { 
margin:6px 0 0 0px;
position:relative;

}

.table ul { 
width:100%;
margin:0px;
padding:0px;
}


body#specs div.table ul li {

list-style: none;
height:2.5em;
padding:0 0 0 12px;
margin:0px;
border-bottom:#ccc 1px solid;
}


.table ul li p{ 
float:left;
display: block;
font:1em/2.5em Verdana, Arial, Helvetica, sans-serif;
padding:0;
margin:0;
width:77px;
}


li.line01 {
background:#fff;
}

li.line02 {
background:#e8f9f8;
}

li.line03 {
background:#def7f5;
}

li.line04 {
background:#d3f4f2;
}

li.line05 {
background:#c8f1ee;
}

li.line06 {
background:#bceeeb;
}


body#specs div#secondary_content p{
	font:0.9em/1.4em Verdana, Arial, Helvetica, sans-serif;
}



/*  FOOTER  
=======================================================================================================*/

#footer p{
color:#c0cfd4;
}

#footer a:link, #footer a:visited {
color:#c0cfd4;
text-decoration: none;
}

#footer a:hover, #footer a:active {
color:#FFF;
text-decoration: none;
}


body#terms #footer a, body#terms #footer a:active, body#terms #footer a:visited {
color:#FFF;
text-decoration: none;
}




/* COMMON ELEMENTS : Secondary content : Fan types 
-------------------------------------------------------------------------------------------------------------------*/
/* note : for h1 heading refer to secondaary content h1 headings css area -- */

div#secondary_content.fantype ul li h1 {
margin:0px 12px 12px 0px;
}



div#secondary_content.fantype ul li h2 {
color:#395862;
font-weight: normal;
font:1.4em/1.2em Verdana, Arial, Helvetica, sans-serif;
margin:0px 12px 12px 0px;
}


div#secondary_content.fantype ul li h3 {
font:1em/1.2em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin:0px 12px 12px 12px;
padding:6px;
color:#FFF;
background:#2fcaff;
width:40%;
}


div#secondary_content.fantype ul p {
color:#000;
font:1em/1.2em Verdana, Arial, Helvetica, sans-serif;
width:65%;
padding:2px 0px 4px 12px;
background:url(img/bullet_black.gif) no-repeat left center;
}


div#secondary_content.fantype ul li{
position:relative;
border-bottom:#FFFFFF 1px solid;
margin:0;
padding:0;
background:none;
}


div#secondary_content.fantype ul li a {
display:block;
width:250px;
padding-bottom:10px;
min-height:120px;
height:auto; !important
height:120px;
}


li#fantype-pro a{ 
background-image: url(img/fantype_icons_bg_pro.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
background-color:transparent;
}

li#fantype-pro a:hover {
background-color:#e8e8e8;
background-position:-250px 0px;
}

li#fantype-pad a{
background-image: url(img/fantype_icons_bg_pad.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
background-color:transparent;
}

li#fantype-pad a:hover {
background-color:#e8e8e8;
background-position:-250px 0px;
}


li#fantype-trad a{
background-image: url(img/fantype_icons_bg_trad.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
background-color:transparent;
}

li#fantype-trad a:hover {
background-color:#e8e8e8;
background-position:-250px 0px;
}


/* FORM : Secondary content : Fan types 
-------------------------------------------------------------------------------------------------------------------*/

#form_container {
background:#f2f2f2;
padding:12px;
margin:12px 0 0 0px;
position:relative;
overflow:hidden; /* makes the footer div warp around the footer_right div */

}


#form_container p{
padding:0;

}