html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #000;
}
h1,h2,h3,h4,h5
{
	margin: 0 0 .5em;
}
h1{font: 22px Arial, Helvetica, sans-serif;}
h2{font: 18px Arial, Helvetica, sans-serif;}
h3{font: bold 12px Arial, Helvetica, sans-serif; margin: 1em 0 .5em;}
h4{font: bold 11px Arial, Helvetica, sans-serif;}
p{margin: 0 0 1em;}
a,
a:link,
a:visited{color: #434343;}
a:hover,
a:active{color: #434343;}
a img{border: none;}
form{margin: 0;}
fieldset{padding: 0; border: none;}
ol li
{
    margin: 0 0 1em;
}
ul{list-style-type: square;}
hr
{
    height: 1px;
    border: none;
    color: #999;
    background-color: #999;
    margin-bottom: 1em;
}
p.small
{
	font-size: 8px;
}

dl.formlist
{
    margin: 1em 0 2em;
}
dl.formlist dt{font-weight: bold; margin-bottom: 2px;}
dl.formlist dd
{
    margin: 0 0 8px;
}
dl.formlist dt label span.red{color: red;}
dl.formlist dt span.small{font-weight: normal;}

/* ~~~ === POSITIONING SELECTORS ===================================== ~~~ */
#wrapper
{
    position: relative;
    width: 970px;
    margin: 0 auto;
}
#masthead
{
    position: relative;
    z-index: 10;
    height: 96px;
}    
#krd
{
    position: absolute;
    top: 33px;
    left: 217px;
    width: 370px;
    color: #808080;
    font-size: 10px;
}
#krd p{line-height: 1.1em;}
#nav
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 970px;
    height: 26px;
}
#content{position: relative;}
#contentBtm
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 970px;
    height: 3px;
    background: url(../images/footer_btm_bg.gif) no-repeat 0 0;
}
#main{background-color: #000;}
#mainContent
{
    width: 970px;
    background: url(../images/main_content_bg.gif) repeat-y 0 0;
    overflow: auto;
    position: relative;
    z-index: 1;
}
#leftcol
{
    width: 189px;
    float: left;
    background: url(../images/leftcol_top_crn.gif) no-repeat 0 0;
    padding-bottom: 42px;
}
#rightcol
{
    width: 781px;
    float: right;
    padding-bottom: 12px;    
}
#rightcol div.copy
{
    padding: 20px 20px 17px 20px;
    overflow: auto;
    font: 12px Arial, Helvetica, sans-serif;
}
#copy
{
    padding: 20px 20px 17px 20px;
    overflow: auto;
    font: 12px Arial, Helvetica, sans-serif;
}
#largeBanner
{
	position: absolute;
    bottom: 35px;
    right: 0;
   	width: 441px;
	height:  341px;
	z-index: 1000;
}

#btm-nav
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
}
#homefooter
{
    position: relative;
    display: none;
    clear: both;
    height: 151px;
    background: transparent url(../images/home_footer_bg.gif) no-repeat 0 0;
    margin-top: 12px;
}
#homefooter a{color: #808080;}
#homefooter a:hover{color: #434343;}
#homefooterBtm
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 970px;
    height: 3px;
    background: url(../images/footer_btm_bg.gif) no-repeat 0 0;
}
#landSARLoginLink
{
    display: block;
    position: absolute;
    bottom: 14px;
    left: 332px;
    width: 127px;
    height: 36px;
    background: url(../images/landsar.gif) no-repeat 0 0;
    text-indent: -99999em;
    outline: none;
}
#footer
{
    clear: both;
    width: 970px;
    margin: 12px auto;
    color: #434343;
    padding: 0;
    font-size: 10px;
}
#footer a:hover{color: #808080;}
#shoplinks a{margin: 0 8px 0 0;}
#welcomePanelIntro
{
    width: 434px;
    float: left;
	color: #808080;
	padding: 15px 20px 10px;
	line-height: 1.2em;	
}
#welcomePanelClan
{
	color: #808080;
	line-height: 1.2em;	
}
dl.welcomeClanMember
{
    margin: 0;
    padding: 0;
    color: #808080;
}
dl.welcomeClanMember dt
{
    width: 50px;
    height: 50px;
    float: left;
}
dl.welcomeClanMember dd
{
    margin: 0 0 0 60px;
    padding-top: 3px;
}
dl.welcomeClanMember dd b span,
dl.welcomeClanMember dd a{color: #fff;}
#freeMicroTop
{
    float: left;
    width: 246px;
    border-left: 1px solid #000;
}
#winATrip
{
    float: right;
    width: 247px;
    border-left: 1px solid #000;    
}
#welcomePanelClan dl.welcomeClanMember dd b span{font-size: 13px;}
#welcomePanelClan dl.welcomeClanMember dd b span,
#welcomePanelClan dl.welcomeClanMember dd a{color: #fff;}

div.profile_image
{
	border:1px solid #58574C;
	position:absolute;
	padding: 5px 5px 5px;
	right: 34px;
	width: 85px;
	font-size: 11px; 
	text-align: center;
	background-color: #fff;
}

/* ~~~ === MASTHEAD ================================================ ~~~ */
#masthead h1
{
    width: 207px;
    height: 96px;
    margin: 0;
}
#masthead h1 a
{
    display: block;
    width: 207px;
    height: 96px;
    margin: 0;
    text-indent: -9999em;
    background: url(../images/logo.gif) no-repeat 0 0;
    outline: none;
}
#search
{
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 3;
    width: 329px;
    height: 96px;
    background: url(../images/search_bg2.gif) no-repeat 0 0; 
    padding: 0 16px; 
}
#btnSearch
{
    position: absolute;
    top: 8px;
    right: 21px;
}
#keywords{margin: 8px 0 10px;}
#keywords input.input
{
    width: 254px; 
    font-size: 10px;
}
#keywords input{vertical-align: middle;}



/* ~~~ === Cart Summary ===================== ~~~ */
#cartSummary
{
    position: absolute;
    top: 34px;
    left: 3px;
    width: 100px;
    height: 43px;
    line-height: 1.2em;
    color: #808080;
    padding: 8px 16px 0;
    font-family: Arial;
}
#cartSummary p{margin: 0;}
p.yourOrderTitle
{
    width: 93px;
    height: 11px;
    background: url(../images/t_your_order.gif) no-repeat 0 0;
    text-indent: -9999em;
    margin: 0;
}
#cartSummary a
{
    color: #808080;
}
#cartSummary a:hover
{
    color: #FFE132;
}
#cartSummary span{font-size: 11px;}
#cartSummary span.orderLinks
{
    position: absolute;
    top: 40px;
    right: 21px;
}
#cartSummary img{vertical-align: middle;}
#cartSummary a.viewOrder{margin-right: 2px;}
#findASwaziStore
{
    position: absolute;
    top: 161px;
    right: 19px;
}
/* ~~~ === Clan SWAZI Summary Area ================================== ~~~ */
#clanSwaziStatus
{
    position: absolute;
    top: 34px;
    right: 3px;
    width: 222px;
    height: 58px;
    line-height: 1.2em;
    color: #808080;
    font-family: Arial, Helvetica, sans-serif; 
    z-index: 4;   
}
#clanSwaziStatus dd.username{text-decoration: underline;}
#clanSwaziStatus dd.username:hover,
#clanSwaziStatus a:hover,
#clanSwaziStatus div.dropdownContent a:hover
{
    color: #FFE132;
}
#clanSwaziStatus div.clanSwaziStatusCopy,
#clanSwaziStatus div.clanSwaziLoggedIn{padding: 5px 10px 0 10px;}
#clanSwaziStatus dl
{
    margin: 0;
    padding: 0;
}
#clanSwaziStatus dt
{
    width: 42px;
    height: 42px;
    float: left;
} 
#clanSwaziStatus dd.clanTitle
{
    width: 70px;
    height: 8px;
    text-indent: -9999em;
    background: url(../images/t_clan_swazi.png) no-repeat 0 4px;
    padding-top: 4px;
    margin-bottom: 2px;
}  
#clanSwaziStatus dd{margin: 0 0 0 50px;}
#clanSwaziStatus dd a{color: #808080;}
#clanSwaziStatus div.clanSwaziLoggedIn
{
    height: 48px; 
    cursor: pointer;   
}
#clanSwaziStatus div.active{}
#clanSwaziStatus div.dropdown
{
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 5;
    display: none;
    width: 355px;    
}
#clanSwaziStatus div.dropdownContent
{
    font-family: Verdana, sans-serif;
    padding: 12px 16px 6px;
    background: #434343 url(../images/clan_swazi_status_top.gif) no-repeat 0 0;
}
#clanSwaziStatus div.dropdownContent a{color: #808080;}
#clanSwaziStatus div.dropdownBtm
{
    height: 6px;
    background: url(../images/clan_swazi_status_btm.gif) no-repeat 0 0;
}


/* ~~~ === MAIN NAVIGATION =========================================== ~~~ */
#navlist
{
    list-style-type: none;
    margin: 0 0 0 12px;
    padding: 0;
    height: 30px;
}
#navlist li
{    
    position: relative;
    z-index: 2;
    float: left;
    height: 26px;
    line-height: 26px;
}
#navlist a
{
    display: block;    
    float: left;
    height: 26px;
    text-indent: -9999em;
    line-height: 26px;
    outline: none;
}
/* ~~~ Splash Page Menu Items ~~~ */
#n-farming a
{
    width: 160px;
    background: url(../images/nav_farming_and_agriculture.png) no-repeat 0 0;    
}
#n-hunting a
{
    width: 68px;
    background: url(../images/nav_hunting.png) no-repeat 0 0;
}
#n-outdoor a
{
    width: 146px;
    background: url(../images/nav_outdoor_and_leisure.png) no-repeat 0 0;
}
#n-products a
{
    width: 104px;
    background: url(../images/nav_all_products.png) no-repeat 0 0;
}
#n-apparel a
{
    width: 126px;
    background: url(../images/nav_branded_apparel.png) no-repeat 0 0;
}
#n-about a
{
    width: 97px;
    background: url(../images/nav_about_us.png) no-repeat 0 0;
}
#n-contact a
{
    width: 91px;
    background: url(../images/nav_contact_us.png) no-repeat 0 0;
}

/* ~~~ Default Menu Items ~~~ */
#n-home a
{
    width: 51px;
    background: url(../images/nav_home.png) no-repeat 0 0;
}
#n-corporate a
{
    width: 144px;
    background: url(../images/nav_corporate_uniforms.png) no-repeat 0 0;
}

#navlist #n-swazi-clan,
#navlist #n-swazi-clan-internal
{
    float: right;
    margin-right: 22px;
    display: inline;
}
#navlist #n-swazi-clan a,
#navlist #n-swazi-clan-internal a
{
    width: 96px;
    float: right;
    background: url(../images/nav_swazi_clan.png) no-repeat 0 0;
}

/* ~~~ Sub Navigation ~~~ */
#navlist div.dropdown
{
    display: none;
    position: absolute;
    top: 26px;
    left: auto;
    z-index: 4;
    background: url(../images/nav_tab_top.png) no-repeat 0 0; 
    padding-top: 7px; 
}
#navlist div.dropdown ul
{
    position: static;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 16px;
    background: url(../images/nav_tab_bg.png) repeat-x 0 0;
}
#navlist div.dropdownContent
{    
    padding: 10px 0 16px;
    background: url(../images/nav_tab_bg.png) repeat-x 0 0;
    height: 100%;
     color: #999;
}
#navlist div.dropdown p
{
    line-height: 1.3em;
    margin: 6px 16px 6px;
}
#navlist div.dropdown li
{
    float: none;
    color: #8E8E8E;
    padding: 0 16px; 
    height: auto;
    line-height: 1.3em;
}
#navlist div.dropdown a
{
    float: none;
    display: inline;
    background-image: none;
    text-indent: 0;
    color: #fff;
    height: auto;
    line-height: 1.5em;
}
#navlist div.dropdown a:hover{color: #ccc;}
#navlist div.dropdownBtm
{
    height: 4px;
    background: url(../images/nav_tab_btm.png) no-repeat 0 0;
}
#navlist div.dropdown a.closeDropdown
{
    display: block;
    position: absolute;
    top: 9px;
    right: 8px;
    width: 7px;
    height: 7px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    
}
#currencyOptions
{
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    line-height: 28px;
    padding-right: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#currencyOptions li
{
    position: relative;
    float: left;
    padding-right: 12px;
}
#currencyOptions a
{
    padding-left: 20px;
}

#curr_drop
{
    display: none;
    position: absolute;
    top: 28px;
    right: 10px;
    width: 193px;
    z-index: 4;
    line-height: 1.3em;
    
}
#curr_drop div.dropdownContent
{
    padding: 12px 12px 6px;
    background: url(../images/nav_tab_bg.png) repeat-x 0 0;
}
#curr_drop a
{
    color: #fff;
    padding-left: 22px;
}
#curr_drop a.closeDropdown
{
    display: block;
    position: absolute;
    top: 9px;
    right: 8px;
    width: 7px;
    height: 7px;
    text-indent: -9999em;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    outline: none;
    padding: 0;
}
#curr_drop div.dropdownBtm
{
    height: 4px; 
    background: url(../images/curr_drop_btm.png) no-repeat 0 0;
}
/* ~~~ FLAGS ~~~ */
#NZD,#nz{background: url(../images/flags/nz.gif) no-repeat 0 50%;}
#AUD,#aus{background: url(../images/flags/au.gif) no-repeat 0 50%;}
#USD,#us{background: url(../images/flags/us.gif) no-repeat 0 50%;}
#CAD,#cad{background: url(../images/flags/ca.gif) no-repeat 0 50%;}
#GBP,#uk{background: url(../images/flags/gb.gif) no-repeat 0 50%;}
#EUR,#euro{background: url(../images/flags/europeanunion.gif) no-repeat 0 50%;}

/* ~~~ ICONS ~~~ */
#ord_link
{
	background: url(../images/icons/icon_package_open.gif) no-repeat 0 50%;
	color: #FFE032;			
}

#cart_link
{
	background: url(../images/icons/icon_security.gif) no-repeat 0 50%;
	color: #FFE032;	
	font-weight: bold;		
}

#n-products div.dropdown{width: 173px;}

/* Branded Apparel */
#n-apparel div.dropdown
{
    width: 243px;
    color: #999;
    background: url(../images/nav_apparel_tab_top.png) no-repeat 0 0;
}
#n-apparel div.dropdownBtm{background: url(../images/nav_contact_tab_btm.png) no-repeat 0 0;}

/* About Us */
#n-about div.dropdown
{
    width: 243px;
    color: #999;
    background: url(../images/nav_about_tab_top.png) no-repeat 0 0;
}
#n-about div.dropdownBtm{background: url(../images/nav_contact_tab_btm.png) no-repeat 0 0;}

/* contact us */
#n-contact div.dropdown
{
    width: 243px; 
    background: url(../images/nav_contact_tab_top.png) no-repeat 0 0;
}

#n-contact div.dropdownBtm{background: url(../images/nav_contact_tab_btm.png) no-repeat 0 0;}

/* Clan SWAZI*/
#n-swazi-clan-internal div.dropdown
{
    right: 0px;
    width: 243px; 
    background: url(../images/clan_swazi_top.png) no-repeat 0 0;   
}
#n-swazi-clan-internal div.dropdownBtm{background: url(../images/nav_contact_tab_btm.png) no-repeat 0 0;}
#navlist  #n-swazi-clan-internal div.dropdown a
{
    display: inline;
    background-image: none;
    float: none;
}
#navlist  #n-swazi-clan-internal div.dropdown a.closeDropdown
{
    background: url(../images/buttons/close_tab.png) no-repeat 100% 0;
}
#navlist  #n-swazi-clan-internal div.dropdown dl{margin: 0 12px;}
#navlist  #n-swazi-clan-internal div.dropdown dt
{
    width: 50px;
    float: left;
}
#navlist  #n-swazi-clan-internal div.dropdown dd
{
    margin: 0 0 0 60px;
}
#navlist #n-swazi-clan-internal div.dropdown dl h3
{
    margin: 0;
    padding-top: 6px;
    line-height: 1.4em;
    font-size: 13px;
}
#navlist #n-swazi-clan-internal div.dropdown dl h3 span
{
    color:#fff;
    margin: 0;
    font-size: 14px;
}
#navlist #n-swazi-clan-internal div.dropdown p.clear{font-size: 10px;}
#navlist li.active div.dropdown{display: block;}
#navlist li.active a{background-position: 0 -26px;}
#navlist #n-swazi-clan-internal.active a{background-position: 0 -26px;}


/* ~~~ === LEFT NAVIGATION ========================================= ~~~ */
#leftnav
{
    list-style-type: none;
    margin: 12px 0 0 18px;
    padding: 0;
}  
#leftnav li ul
{
    list-style-type: none;
    margin: 0;
    padding: 4px 0;
}
#leftnav li
{
    color: #8E8E8E;
    margin: 0;
    font: 12px/1.3em Arial, Helvetica, sans-serif;
}
#leftnav li li
{
    padding: 0 0 0 12px;
    font-size: 10px;
    font-weight: normal;
    margin: 0;
    font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
}
#leftnav li a{font-weight: bold;}
#leftnav li li a
{
    font-weight: normal;
    text-decoration: underline;
}
#leftnav a
{
    color: #fff;
    text-decoration: none;
}
#leftnav a:hover{color: #ccc;}

/* ~~~ === MAIN CONTENT ============================================= ~~~ */
/* ~~~ Home Page stlye ~~~ */
#home #main img{display: block;}
#home #content
{
    height: 426px;
    /*background: url(../images/main_image.jpg) no-repeat 0 0;*/
}
#home #contentBtm{display: none;}
#home #homefooter{display: block;}
a.clanSwaziIconLink
{
    display: block;
    width: 108px;
    height: 108px;
    position: absolute;
    top: 36px;
    right: 18px;  
    outline: none;
}
#clanSwaziArea div.copy{padding: 12px;}
div.tabContent
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 970px;
    height: 426px;
}
div.tabContentWrapper{display: none;}
#farming_and_agriculture{background: url(../images/home/farming_load.gif) no-repeat 0 0;}
#hunting{background: url(../images/home/hunting_load.gif) no-repeat 0 0;}
#outdoor_and_leisure{background: url(../images/home/outdoors_load.gif) no-repeat 0 0;}
#swazi_clan{background: url(../images/home/clan_load.gif) no-repeat 0 0;}
div.tabCopy
{
    position: absolute;
    top: 76px;
    right: 15px;
    width: 274px;
    height: 111px;
    color: #fff;
    text-align: right;
}
div.featureProduct
{
    position: absolute;
    top: 188px;
    right: 15px; 
    width: 242px;
    height: 154px;
    padding: 16px;
}
div.featureProduct dl
{
    margin: 0;
    padding: 0;
}
div.featureProduct dt
{
    position: absolute;
    top: 0;
    right: 0;
    width: 175px;
}
div.featureProduct dd{margin: 0 141px 0 0;}
div.featureProduct dd h4
{
    font: bold 16px/1.1em Verdana, Arial, Helevetica, sans-serif;
    margin: 0 0 4px;
}
div.featureProduct dd.price{font: 18px/1.1em Verdana, Arial, Helvetica, sans-serif;}
div.featureProduct dd.productLink
{
    position: absolute;
    bottom: 12px;
    left: 12px;
}
div.buttonLinks
{
    position: absolute;
    top: 264px;
    right: 300px; 
    width: 178px;    
}
div.buttonLinks ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.buttonLinks li a img{display: block;}
div.buttonLinks li{margin: 0 0 4px; height: 19px;}

/* ~~~ HUNTING TAB ~~~~ */
#hunting div.featureProduct{color: #434343;}
#hunting div.buttonLinks
{
    top: 189px; 
    right: 300px;
}
#hunting div.tabCopy
{
    width: 350px;
    top: 88px;
    right: 304px;
}

/* ~~~ FARMING AND AGRICULTURE ~~~ */
#farming_and_agriculture div.featureProduct{color: #fff;}
#farming_and_agriculture div.buttonLinks{top: 257px;}
#farming_and_agriculture div.tabCopy
{
    width: 470px;
    top: 330px;
    right: 310px;
}

/* ~~~ OUTDOOR AND LEISURE ~~~ */
#outdoor_and_leisure div.tabCopy
{
    color: #000;
    width: 350px;
    top: 99px;
}
#outdoor_and_leisure div.buttonLinks{top: 212px;}
#outdoor_and_leisure div.featureProduct{color: #fff;}

/* ~~~ === CONTACT US PAGE ========================================== ~~~ */
#contactUsCopy
{
    width: 300px;
    float: left;
}
#contcatUsForm
{
    width: 420px;
    float: right; 
}
/* ~~~ == SWAZI CLAN ================================================ ~~~~ */
#swazi_clan div.tabCopy
{
    width: 480px;
    top: 173px;
    right: 16px;
}
#swazi_clan div.buttonLinks
{
    position: absolute;
    top: 230px;
    right: 16px;
}
#clanSwaziMembers
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 970px;
    height: 136px;    
    background: url(../images/clan_swazi_bg.png) no-repeat 0 0;   
}
#slidesContainer
{
    position: absolute;
    top: 23px;
    left: 12px;
    width: 947px;
    height: 113px;
    overflow: hidden;
}
#slides
{
    width: 10000px;
    height: 113px;
    background-color: #000;
}
#slides ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#slides li{float: left;}
#home #clanSwaziMembers img
{
    display: block;
    float: left;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #000;
}
#arrowLeft
{
    position: absolute;
    top: 69px;
    left: 4px;
    display: none;
}
#arrowRight
{
    position: absolute;
    top: 69px;
    right: 4px;
    display: none;
}
#home #clanSwaziMembers #arrowLeft img,
#home #clanSwaziMembers #arrowRight img{border: none;}

/* ~~~ === CLAN SWAZI PAGES ======================================== ~~~ */
div.clanSwaziCopy
{   
    width: 536px;
    float: left;
    margin-top: 22px;
    padding: 0 22px;
    font: 12px Arial, Helvetica, sans-serif;
}
div.fullWidthCopy
{
    padding: 20px 20px 17px 20px;
    font: 12px Arial, Helvetica, sans-serif;
}
div.clanSwaziDavyImage
{
    width: 198px;
    float: right;
    margin-top: 22px
}
div.clanSwaziCopy table.formtable{margin-bottom: 24px;}

/* ~~~ === WIN A TRIP TO AFRICA PAGES ============================== ~~~~ */
#win-a-trip #contentHeader
{
    background: url(../images/win_a_trip/win_a_trip_heading_bg.gif) no-repeat 0 0;
    border: none;
    height: 29px;
}
#win-a-trip #rightcol
{
    background: url(../images/win_a_trip/win_a_trip_content_bg.jpg) no-repeat 0 29px;
    min-height: 200px;
}
div.winATripCopy
{
    margin-top: 76px;    
	width: 445px;
	float: left;
}
#winATripButtons
{
    width: 606px;
    height: 70px;
    margin: 0 auto 16px;
}
#winATripButtons a
{
    float: left;
}

div.winATripTextWrapper
{
	float: left;
	width: 260px;
	margin-top: 90px;
	height: 95px;
	margin-left: 15px; 
	margin-bottom: 0px;
}

#winATripButtons a.bthJoinClan{margin-right: 6px;}
a.bthJoinClan
{
    display: block;
    width: 300px;
    height: 70px;
    background: url(../images/win_a_trip/btn_join.gif) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
a.btnClanLogin
{
    display: block;
    width: 300px;
    height: 70px;
    background: url(../images/win_a_trip/btn_login.gif) no-repeat 0 0;
    text-indent: -9999em;
    outline: none; 
}
#winATripImages ul
{
    list-style-type: none;
    margin: 0;
    padding:0;
}
#winATripImages li
{
    float: left;
    margin-right: 12px;
}
#winATripImages li.lastchild{margin: 0;}
#winATripImages img{border: 1px solid #434343;}
div.winATripFormWrapper
{
    float: left; 
    border: 1px solid #999; 
	margin: 15px; 
	width: 260px;
}

div.winATripFormWrapper dl
{
	padding-top: 0px;
	padding-left: 20px;
}
/* ~~~ === BOTTOM NAVIGATION ======================================== ~~~~ */
#emailSignUpForm
{
    position: absolute;
    top: 0;
    left: 20px;  
}
#home #emailSignUpForm img{display: inline; height: 19px;}
#emailSignUpForm p
{
    line-height: 35px;
    margin: 0;
}
#emailSignUpForm p label
{
    color: #fff;
    text-transform: uppercase;
}
#emailSignUpForm p input.input{font-size: 10px;}
#emailSignUpForm p input,
#emailSignUpForm p label,
#emailSignUpForm p img{vertical-align: middle;}
#findAStore
{
    position: absolute;
    top: 9px;
    right: 20px;
    margin: 0;
}

/* ~~~ === HOME FOOTER =============================================== ~~~ */
#footerFeatureProducts
{
    position: absolute;
    top: 0;
    right: 0;
    width: 237px;
    height: 151px;
    background: #434343 url(../images/footer_feature_product_bg.gif) no-repeat 0 0;
    padding: 0 0 0 12px;    
}

dl.footerFeatureProduct
{
    margin: 0;
    padding: 0;
    width: 111px;
    float: left;
}
dl.footerFeatureProduct dt
{
    text-align: center;
}
dl.footerFeatureProduct dd
{
    margin: 0;
    text-align: center;
    line-height: 1.3em;
    color: #fff;
    font-size: 10px;
}
/* ~~~ === DEFAULT TEMPLATE ======================================= ~~~~ */
#contentHeader
{    
    color: #fff;
    border-bottom: 1px solid #000;
    background: #7F7F7F url(../images/rightcol_top_crn.gif) no-repeat 100% 0;    
}
#contentHeader h2
{
    margin: 0;
    font: bold 12px/28px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding-left: 20px;
}



/* ~~~ === PRODUCT PAGES ========================================================================================== ~~~ */
#products
{
    clear: both;
}
dl.product
{
	width: 175px;
	height: 213px;
	float: left;
	display: inline;
	margin: 1em 0;
}
/*dl.product:hover{background: url(../images/product_bg_over.gif) no-repeat 0 0;}*/
dl.product dt{position: relative; text-align: center;}
dl.product dt a{outline: none;}
dl.product dt div.outOfStock
{
    position: absolute;
    top: 75px;
    left: 4px;
    width:167px;
    height: 30px;
    background: url(../images/out_of_stock.png) no-repeat 50% 0; 
    text-indent: -9999em;
    cursor: pointer;
}
dl.product dt div.clanSpecial
{
    position: absolute;
    top: 65px;
    left: 4px;
    width:167px;
    height: 56px;
    text-decoration: none;
    background: url(../images/clan_special.png) no-repeat 50% 0;
    text-indent: -9999em;
    cursor: pointer;
}

dl.product dt div.clanOnly
{
    position: absolute;
    top: 65px;
    left: 4px;
    width:167px;
    height: 56px;
    text-decoration: none;
    background: url(../images/clan_only.png) no-repeat 50% 0;
    text-indent: -9999em;
    cursor: pointer;
}

dl.product dd
{
	margin: 0;
	line-height: 1.3em;
}
dl.product dd h3
{
    font: bold 11px Verdana Arial, Helevetica, sans-serif;
    margin: 0;
    color: #434343;
    text-align: center;
}
dl.product dd
{
    text-align: center;
    color: #434343;
}
/* ~~~ Product Detail Page ~~~ */
table.tblproductdetail{	width: 100%;}
table.tblproductdetail td
{
	vertical-align: top;
	padding: 0 8px 8px;
}

table.tblproductdetail td.center{font-size: 11px;}
table.tblproductdetail td p.price
{
    font-size: 16px;
    margin: 0 0 12px;
}
table.tblproductdetail td p.brands{float: right;}
table.tblproductdetail td p.brands a img{vertical-align: middle;}
table.tblproductdetail td h3
{
    font-size: 1.8em;
    font-weight: normal;
    margin: 0 0 .3em;
}
table.tblproductdetail td p{margin: 0 0 .3em;}
table.tblproductdetail td p.options
{
    clear: both;
    line-height: 24px;
}
table.tblproductdetail td p.options input,
table.tblproductdetail td p.options select,
table.tblproductdetail td p.options a,
table.tblproductdetail td p.options img{vertical-align: middle;}
table.tblproductdetail td h3{margin-top: 0;}
table.tblproductdetail td p.productDesc{margin-top: 12px;}

#brandLogos{margin-top: 1em;}
#brandLogos a img{vertical-align: middle; margin: 0 6px;}
#testimonials
{
    margin-top: 1em;
    padding-top: 12px;
    border-top: 1px dashed #A1A1A1;
}
#testimonials h3,
#relatedProducts h3
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}

#testimonials dl{margin: 0;}
#testimonials dt
{
    width: 30px;
    float: left;
}
#testimonials dd
{
    margin: 0 0 8px 42px;
    color: #434343;
}
#relatedProducts
{
    margin-top: 1em;
    padding-top: 12px;
    border-top: 1px dashed #A1A1A1;
    border-bottom: 1px dashed #A1A1A1;
}
#relatedProducts ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#relatedProducts li
{
    width: 100px;
    float: left;
    text-align: center;
    color: #434343;
    line-height: 1em;
}
#relatedProducts a
{
    width: 100px;
    height: 142px;
    display: block;
    text-decoration: none;
    font-size: 11px;
}
#relatedProducts a:hover
{
    background: url(../images/related_products_over.gif) no-repeat 0 0;
}

/* ~~~ === ORDER DETAILS PAGE ==================================================================================== ~~~ */
table.orderDetails
{
    width: 100%;
    background-color: #ECECE7;
    border: 1px solid #030302;
    margin-bottom: .5em;
    text-align: center;
    font-size: 11px;
}
table.orderDetails thead th
{
    background-color: #030302;
    padding: 4px 8px;
    color: #fff;
    text-align: left;
}
table.orderDetails tbody td
{
    border: 1px solid #fff;
    padding: 2px 8px;
}
table.orderDetails tbody td.note
{
    width: 40%;
    font-size: 11px;
    padding:12px;
    white-space: normal;
}
table.orderDetails tbody td.price
{
    white-space: nowrap;
    width: 1%;
}
table.orderDetails td.left{text-align: left;}
table.orderDetails td.right{text-align: right;}

table.confirmtable
{
    width: 100%;
    background-color: #ECECE7;
    border: 1px solid #030302;
    margin-bottom: .5em;
}
table.confirmtable thead th
{
    background-color: #030302;
    padding: 4px 8px;
    color: #fff;
    white-space: nowrap;
}
table.confirmtable thead th a,
table.confirmtable thead th a:link,
table.confirmtable thead th a:visited{color: #fff;}
table.confirmtable thead th span{font-weight: normal;}
table.confirmtable thead th.left{text-align: left;}
table.confirmtable thead th.right{text-align: right;}
table.confirmtable tbody td.right{text-align: right;}
table.confirmtable tbody th
{
    text-align: right;
    width: 1%;
    white-space: nowrap;
}
table.confirmtable tbody th,
table.confirmtable tbody td
{
    border: 1px solid #fff;
    padding: 2px 8px;
}

/* ~~~ === CHECKOUT ============================================================================ ~~~ */
#checkoutStepOne
{
    width: 468px;
    float: left;
}
#checkoutStepOne table.formtable th
{
    width: 1%;
    white-space: nowrap;
    padding: 2px 2px 2px 8px;
}
#terms
{
    float: right;
    width: 232px;
    font-size: 11px;
}
/* ~~~ === NEW ZEALAND DISTRIBUTORS ============================================================= ~~~ */
#dealers
{
    width: 468px;
    float: left;
    border: 1px solid #434343;
    margin-top: 1em;
}
#dealers h3
{
    margin: 0;
    text-transform: uppercase;
    background-color: #434343;
    color: #fff;
    font-size: 1em;
    padding: 4px 0 4px 6px;
}
#dealers dl{margin: 0;}
#dealers dl dt
{
    font-weight: bold;
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 0 0 .6em;
    padding: 4px 0 4px 6px;
    background-color: #ECECE7;
}
#dealers dl dd b{}
#dealers dl dd{margin: 0 0 .3em 6px;}
#dealers dl dd.space{margin: 0; height: 6px;} 

#dealersList
{
    background-color: #ECECE7; 
    width: 468px; 
    float: left;
}
#dealersList form p
{
    height: 27px; 
    padding: 7px 0 0 12px; 
    margin: 0;
}
#dealersList form p label{font-weight: bold;}
#dealersList form p label,
#dealersList form  p select{vertical-align: middle; }
#dealersList form  p select{background-color: #fff;}
#dealersLinks
{
    width: 468px;
    clear: left;
    margin: 0;
    padding-top: 6px;
}
#imageMap
{
    width: 178px;
    height: 228px;
    float: right;
}
#imageMap img
{
    width: 178px;
    height: 228px;
    float: right;
    border: none;
}
/* ~~~ === SITEMAP ================================================================================== ~~~ */
#sitemap
{
    border: 1px solid #AAAAAA;
    background-color: #F8F7F5;
    margin-bottom: 1em;
}
#sitemap h3
{
    background: url(../images/icons/base.gif) no-repeat 2px 0;
    margin: 16px 0 0 16px;
    padding:0 0 5px 18px;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #999;
}
ul.sitemap
{
    list-style-type: none;
    margin: 0 16px 16px;
    padding: 0;
    background: url(../images/icons/line.gif) repeat-y;
}
ul.sitemap ul
{
    list-style-type: none;
    margin: 0 0 0 8px;
    padding: 0;
    background: url(../images/icons/line.gif) repeat-y;
}
ul.sitemap li
{
    line-height: 20px;
    padding-left: 7px;
    position: relative;
}
ul.sitemap a,
ul.sitemap li.lastchild li a
{
    background: url(../images/icons/page.gif) no-repeat 0 50%;
    padding: 4px 0 4px 26px;
}

ul.sitemap a,
ul.sitemap a:link,
ul.sitemap a:visited{color: #999;}
ul.sitemap a:hover{color: #030302;}

.lastchild{background-color: #F8F7F5;}
li.lastchild a,
ul.sitemap li.lastchild li.lastchild a{background: #F8F7F5 url(../images/icons/page_bottom.gif) no-repeat 0 0;}

/* ~~~ === FORMS ==================================================== ~~~ */
div.formwrapper
{
    border: 1px solid #58574C;
    background-color: #ECECE7;
    padding: 0 0 1em;
    margin: 0 0 .5em;
}
div.formwrapper h3
{
    background-color: #000;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 1em;
    padding: 0 0 0 1em;
}
table.formtable
{
    border-collapse: collapse;
    font-size: .9em;
    margin: 0 auto;
}
table.formtable thead th
{
    padding: 4px 6px;
    color: #fff;
    background-color: #58574C;
    font-size: 1.2em;
    text-align: left;
}
table.formtable tbody th
{
    text-align: right;
    padding: 4px 6px;
}
table.formtable tbody td{padding: 4px 6px;}
table.formtable tbody td.center{text-align: center;}
table.formtable td p{margin: 0;}
table.formtable td p input,
table.formtable td p label{vertical-align: middle;}
table.formtable tbody td span{font-size: .9em;}
table.formtable tbody td label{font-weight: bold;}
table.formtable tbody th.padBottom,
table.formtable tbody td.padBottom{padding-bottom: 12px;}
table.formtable tbody td label input{vertical-align: middle;}
table.formtable tfoot td{padding: 14px 6px 4px;} 
.input
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #C1C1C1;
    color: #666;
}
.button{font: bold 11px Verdana, Arial, Helvetica, sans-serif;}

/* ~~~ === MODAL WINDOWS ======================================= ~~~ */
#dialog
{
    width: 391px;
    height: 163px;
    margin-left: -195px;
    background: transparent url(../images/dialog_bg.gif) no-repeat;    
}

#dialogCountry
{
    width: 470px;
    height: 300px;
    margin-left: -235px;
    background: transparent url(../images/dialog_order_detail.gif) no-repeat;    
}
 #dialogCountry #messageContainer
{
    text-align: center;
    margin-top: 98px;
    color: #fff;
    padding: 0 12px;
}
#dialogCountry table
{
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}
#dialogCountry table thead th
{
    font-weight: bold;
    border: 1px solid #434343;
    padding: 2px 4px;
    background-color: #212121;
}
#dialogCountry table tbody th
{
    font-weight: normal;
    text-align: left;
    border: 1px solid #434343;
    padding: 2px 4px;
}
#dialogCountry table tbody td
{
    font-weight: normal;
    padding: 2px 4px;
    border: 1px solid #434343;
}
#close
{
    display: block;
    position: absolute;
    bottom: 38px;
    left: 0;
    width: 391px;
    text-align: center;
    color: #fff;
}
#dialogCountry a#close
{
    display: block;
    top: 12px;
    right: 12px;
    width: 7px;
    height: 7px;
    bottom: auto;
    left: auto;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -99999em;
    outline: none;
}
#dialogCountry h2{font: 16px Verdana, Arial, Helvetica, sans-serif;}
#processing
{
    padding: 12px;
    text-align: center;
    margin-top: 64px;
}
#messageContainer
{
    text-align: center;
    font-weight: bold;
    margin-top: 88px;
    color: #fff;
}
#messageContainer p.error{color: #ff0000;}
#confidentiality
{
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 391px;
    color: #808080;
    font-weight: normal;
    text-align: center;
}
div.errorMessage
{
    color: #fff;
    text-align: center;
    padding: 0 12px;
}


/* ~~~ === GST DIALOG =============================================== ~~~ */
#GSTDialog
{

    width: 450px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_order_detail.gif) no-repeat;
}
#GSTDialog .dialogContent{margin-top: 92px;}
#GSTDialog .dialogContent{padding-top: 22px;}
#GSTDialog .dialogContent label,
#GSTDialog .dialogContent label{color: #fff;}
#GSTDialog a.jqmClose,
#GSTDialog a.jqmClose,
#GSTDialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#GSTDialog a{color: #8B8B8C;}
#GSTDialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #GSTDialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 0 12px;
}

/* ~~~ === EXCHANGE RATE DIALOG =============================================== ~~~ */
#exchangeRateDialog
{

    width: 450px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_order_detail.gif) no-repeat;
}
#exchangeRateDialog .dialogContent{margin-top: 72px;}
#exchangeRateDialog .dialogContent{padding-top: 12px;}
#exchangeRateDialog .dialogContent label,
#exchangeRateDialog .dialogContent label{color: #fff;}
#exchangeRateDialog a.jqmClose,
#exchangeRateDialog a.jqmClose,
#exchangeRateDialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#exchangeRateDialog a{color: #8B8B8C;}
#exchangeRateDialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #exchangeRateDialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 0 8px;
    margin-top: 70px;
}

#exchangeRateDialog table
{
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}
#exchangeRateDialog table thead th
{
    font-weight: bold;
    border: 1px solid #434343;
    padding: 2px 4px;
    background-color: #212121;
}
#exchangeRateDialog table tbody th
{
    font-weight: normal;
    text-align: left;
    border: 1px solid #434343;
    padding: 2px 4px;
}
#exchangeRateDialog table tbody td
{
    font-weight: normal;
    padding: 2px 4px;
    border: 1px solid #434343;
}

/* ~~~ === CURRENCY DIALOG =============================================== ~~~ */
#currencyDialog
{

    width: 481px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_order_detail.gif) no-repeat;
}
#currencyDialog .dialogContent{margin-top: 92px;}
#currencyDialog .dialogContent{padding-top: 22px;}
#currencyDialog .dialogContent label,
#currencyDialog .dialogContent label{color: #fff;}
#currencyDialog a.jqmClose,
#currencyDialog a.jqmClose,
#currencyClose a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#currencyDialog a{color: #8B8B8C;}
#currencyDialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #currencyDialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 0 12px;
}

/* ~~~ === CLAN MEMBERS ONLY DIALOG =============================================== ~~~ */
#membersOnlyDialog
{

    width: 481px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../../images/dialog_order_detail.gif) no-repeat;
}
#membersOnlyDialog .dialogContent{margin-top: 92px;}
#membersOnlyDialog .dialogContent{padding-top: 22px;}
#membersOnlyDialog .dialogContent label,
#membersOnlyDialog .dialogContent label{color: #fff;}
#membersOnlyDialog a.jqmClose,
#membersOnlyDialog a.jqmClose,
#membersOnlyDialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#membersOnlyDialog a{color: #8B8B8C;}
#membersOnlyDialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #membersOnlyDialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 0 12px;
} 	


/* ~~~ === CONF MEMBERS ONLY DIALOG =============================================== ~~~ */
#confirmedOnlyDialog
{

    width: 481px;
    height: 300px;
    margin-left: -195px;
    background: transparent url(../../images/dialog_order_detail.gif) no-repeat;
}
#confirmedOnlyDialog .dialogContent{margin-top: 92px;}
#confirmedOnlyDialog .dialogContent{padding-top: 22px;}
#confirmedOnlyDialog .dialogContent label,
#confirmedOnlyDialog .dialogContent label{color: #fff;}
#confirmedOnlyDialog a.jqmClose,
#confirmedOnlyDialog a.jqmClose,
#confirmedOnlyDialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#confirmedOnlyDialog a{color: #8B8B8C;}
#confirmedOnlyDialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #confirmedOnlyDialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 0 12px;
} 	


/* ~~~ === CLAN MEMBERS ONLY 2 DIALOG =============================================== ~~~ */
#membersOnly2Dialog
{

    width: 481px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../../images/dialog_order_detail.gif) no-repeat;
}
#membersOnly2Dialog .dialogContent{margin-top: 92px;}
#membersOnly2Dialog .dialogContent{padding-top: 22px;}
#membersOnly2Dialog .dialogContent label,
#membersOnly2Dialog .dialogContent label{color: #fff;}
#membersOnly2Dialog a.jqmClose,
#membersOnly2Dialog a.jqmClose,
#membersOnly2Dialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#membersOnly2Dialog a{color: #8B8B8C;}
#membersOnly2Dialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #membersOnly2Dialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 0 12px;
} 

/* ~~~ === LOGIN DIALOG =============================================== ~~~ */
#clanSwaziLogin
{
    width: 391px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_login_bg.gif) no-repeat;
}
#clanSwaziLogin .dialogContent{margin-top: 92px;}
#clanSwaziForgot .dialogContent{padding-top: 22px;}
#clanSwaziForgot .dialogContent label,
#clanSwaziLogin .dialogContent label{color: #fff;}
#clanSwaziForgot a.jqmClose,
#clanSwaziLogin a.jqmClose,
#forgotLoginClose a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#clanSwaziLogin a{color: #8B8B8C;}
#clanSwaziLogin #capsOn
{
    display: none;
    color: #ff0000;
}

/* ~~~ === JQMSG DIALOG =============================================== ~~~ */

#jqMsg
{
    width: 391px;
    top: 30%;
    left: 62%;    
}
#jqMsg a.jqmClose,
#jqMsg a.jqmClose,
#jqMsgClose a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#jqOK
{
    position: absolute;
    width: 50px;
    bottom: 1px;
    right: 6px;
    left: 175px;
    display: block;
    outline: none;
}
#jqMsg a{color: #8B8B8C;}

#jqMsgText
{
	min-height:40px;
	margin-left:62px;
	margin-top: 5px;
	margin-right:12px;
}

#jqMsgShield
{
	position: absolute;
    top: 17px;
    left: 15px;
    display: block;
}

#jqmMsgTable
{
	width: 391px;
}

#jqmMsgTable #head
{
	background: transparent url(../images/dialog/dialog_box_top.gif) no-repeat;
	font-size:1px;
	height: 8px;
}

#jqmMsgTable #middle
{
	background: transparent url(../images/dialog/dialog_box_middle.gif);
	background-repeat:repeat-y;
	color: white;
}

#jqmMsgTable #spacer
{
	background: transparent url(../images/dialog/dialog_box_middle.gif);
	background-repeat:repeat-y;
	color: white;
	height: 25px;
}

#jqmMsgTable #bottom
{
	background: transparent url(../images/dialog/dialog_box_bottom.gif) no-repeat;
}
	
/* ~~~ === FORGOT PASSWORD ========================================== ~~~ */
#clanSwaziForgot
{
    width: 391px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_login_bg.gif) no-repeat;
}
#clanSwaziForgot a{color: #8B8B8C;}
#clanSwaziForgot .dialogContent{margin-top: 80px;}
#processingAnim
{
    position: absolute;
    bottom: 16px;
    left: 66px;
}
#forgotProcessingAnim
{
    position: absolute;
    bottom: 90px;
    left: 180px;
}
#forgotMessageDiv,
#messageDiv
{
    position: absolute;
    top: 76px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
}

/* ~~~ === POINTS NOTIFY ============================================== ~~~ */
#points_notify
{
    width: 391px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_login_bg.gif) no-repeat;
}
#points_notify .dialogContent
{
	color: #FFFFFF;
	margin-top: 92px;
	margin-left: 10px;
}

#points_notify a{color: #8B8B8C;}

#points_notify a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}


/* ~~~ === WIN A TRIP Tag location ============================================== ~~~ */
#whereis_swing_ticket
{
    width: 391px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_login_bg.gif) no-repeat;
}
#whereis_swing_ticket .dialogContent
{
	color: #FFFFFF;
	margin-top: 92px;
	margin-left: 10px;
}

#whereis_swing_ticket a{color: #8B8B8C;}

#whereis_swing_ticket a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}

/* ~~~ === POINTS ASK ================================================ ~~~ */
#points_ask
{
    width: 391px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_login_bg.gif) no-repeat;
}
#points_ask .dialogContent
{
	color: #FFFFFF;
	margin-top: 92px;
	margin-left: 10px;
}

#points_ask a{color: #8B8B8C;}

#points_ask a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}

/* ~~~ === TOOL TIPS ================================================== ~~~ */
#tooltip{
    width:auto;
    max-width:300px;
    min-width:80px;
    height: 26px;
    font-size:12px;
    text-align: center;
    line-height: 26px;   
    background: url(../images/tt-left.png) no-repeat 0 0; 
}
#tooltip div
{
     height: 26px;
     margin: 0 9px;
     background: url(../images/tt-right.png) no-repeat 100% 0;
     padding-right: 9px;
}
#tooltip span
{
    display: block;
    height: 26px;   
    background: url(../images/tt_bg.gif) repeat-x 0 0;
}
#tooltip #ttimg.top{
    margin-top:-17px;
    margin-left:2px;
    display: none;
}
#tooltip #ttimg.bottom{
    bottom:0;
    margin-bottom:-12px;
    margin-left:2px;
    display: none;
}

#tooltip.default
{    
    color:#666;
    margin-top:2px;
}
#tooltip.default #ttimg.top{
	position:absolute;
    margin-top:-8px;
    margin-left:-8px;
    display: none;
}
#tooltip.default #ttimg.bottom{
	position:absolute;
    bottom:0;
    margin-bottom:-3px;
    margin-left:-8px;
    display: none;
}

/* ~~~ === WEBSITE SEARCH RESULTS ============================== ~~~ */
#searchResults dl
{
    padding: 12px;
    border-bottom: 1px dotted #ccc;
    margin: 0;
}
#searchResults dt
{
    font-weight: bold;    
}
#searchResults dd
{
    margin: 0;
}
#searchResults dl:hover
{
    background-color: #ebebeb;
}
/* ~~~ === CLAN PROFILE ======================================== ~~~ */
#profile th
{
    white-space: nowrap;    
}
/* ~~~ === CLASSES ============================================= ~~~ */
.now{color: #ff0000;}
.backlink{clear: both;}
.backlink a
{
	padding: 1px 0 1px 16px;
	background: url(../images/icons/btn_back.gif) no-repeat 0 2px;
	font-weight: bold;
}
.readmore{white-space: nowrap;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.clear{clear: both;}
.hide{display: none;}
.img-left
{
    float: left;
    margin: 0 12px 4px 0;
}
.img-right
{
    float: right;
    margin: 0 0 4px 12px;
}
.img-left-bordered
{
    float: left;
    margin: 0 12px 4px 0;
    padding: 8px;
    border: 1px solid #999;
}
.img-right-bordered
{
    float: right;
    margin: 0 0 4px 12px;
    padding: 8px;
    border: 1px solid #999;
}
.img-bordered
{
    padding: 8px;
    border: 1px solid #999;
}
.error{color: #ff0000;}
.border-none{border: none;}
.border-thin{border: 1px solid #000;}
.border-thick{border: 2px solid #000;}
table.tableInner tbody tr td
{
	padding:1px 3px;
	border:none;
}
table.bordered-table
{
    border-collapse: collapse;    
}
table.bordered-table th
{
    border: 1px solid #000;
    padding: 2px 4px;
    background-color: #ccc;
    text-align: left;
    font-size: 12px;
}
table.bordered-table td
{
    border: 1px solid #000;
    padding: 2px 4px;
    font-size: 12px;
}
#map_overlay 
{
    width: 736px; 
    height: 400px; 
    border: 1px solid #808080;
}
hr {
	border : none;
	border-top : dashed 1px #CCCCCC;
	color : #FFFFFF;
	background-color : #FFFFFF;
	height : 1px;
}
.content_body 
{
	padding: 8px 8px;
}
