/*------------ General Page Rules ----------------------------------------------------------*/


@font-face {
    font-family: 'lucida_granderegular';
    src: url('http://www.madeintonga.com/stylesheets/fonts/lucida_grande-webfont.eot');
    src: url('http://www.madeintonga.com/stylesheets/fonts/lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.madeintonga.com/stylesheets/fonts/lucida_grande-webfont.woff') format('woff'),
         url('http://www.madeintonga.com/stylesheets/fonts/lucida_grande-webfont.ttf') format('truetype'),
         url('http://www.madeintonga.com/stylesheets/fonts/lucida_grande-webfont.svg#lucida_granderegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'novecento_widebook';
    src: url('http://www.madeintonga.com/stylesheets/fonts/novecentowide-book-webfont-webfont.eot');
    src: url('http://www.madeintonga.com/stylesheets/fonts/novecentowide-book-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.madeintonga.com/stylesheets/fonts/novecentowide-book-webfont-webfont.woff') format('woff'),
         url('http://www.madeintonga.com/stylesheets/fonts/novecentowide-book-webfont-webfont.ttf') format('truetype'),
         url('http://www.madeintonga.com/stylesheets/fonts/novecentowide-book-webfont-webfont.svg#novecento_widebook') format('svg');
    font-weight: normal;
    font-style: normal;
}


body, html
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

body.iframe{ 
width:auto;
height:auto;
}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr
{
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#4f4f4f;
}

/* ----------- Colours -------------------------*/

/*
Light Grey: #cccccc
Dark Grey: #818285
Light Blue: #9bd1e5
Medium Blue: #65a8c1
Light Green: #c0cfa5
Medium Green: #7b8b38
Light Brown #d2c4a5
Medium Brown #D2C5A5
*/

/* ----------- General Page Rules -------------------------*/

h1
{
margin: 15px 0px;
color: #353535;
font-size: 30px;
font-family: 'lucida_granderegular';
}

h2
{
margin: 15px 0px;
padding: 0px 0px;
color: #4f4f4f;
font-size: 20px;
font-weight: normal;
font-family: arial;
background:none;
text-transform: none;
}

h2 a
{
color: #04187B;
}

h3
{
margin: 10px 0px 0px;
color: #37BCDB;
font-size: 14px;
font-weight: bold;
font-family: arial;
text-transform: none;
}

h3.catgegoryHeader
{
width: 715px;
margin: 15px 0px;
padding: 4px 0px;
color: #353535;
font-size: 20px;
font-weight: normal;
font-family: arial;
background: none;
text-transform: none;
}

h4
{
margin: 8px 0px;
color: #E51C20;
font-size: 14px;
text-transform: uppercase
font-family: 'lucida_granderegular';
}

h5
{
margin: 8px 0px;
color: #353535;
font-size: 14px;
text-transform: uppercase
font-family: 'lucida_granderegular';
}

p,
div#pageSource
{
line-height: 19px;
margin: 12px 0px;
}
div#pageSource{ text-align:left;margin: 0px; }

ul
{
margin: 15px 0px;
padding: 0px 0px 0px 30px;
}

ol
{
margin: 15px 0px;
padding: 0px 0px 0px 30px;
}

li
{
margin: 3px 0px;
}

li p
{
margin: 0;
line-height: 19px;
}

hr
{
margin: 15px 0px;
border: none;
background: none;
border-bottom: 1px solid #ccc;
}

a
{
color: #4f4f4f;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
color: #353535;
}

.login #pageEditorContent a
{
text-decoration: underline;
color: #353535;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}


/* ----------- Site Wide Rules -------------------------*/

/*------------ Main Containers ---------------------------------------*/

.container
{
margin: 0px auto;
width: 968px;
text-align: left;
}

.bgContainer
{
width: 968px;
float: left;
position: relative;
height: auto;
background: url(http://www.madeintonga.com/images/style/content_bg.jpg) top left repeat-y;
}

body
{
/*background: 100% width tile here */
background:#FFF;
}

#wrap
{
float: left;
position: relative;
z-index: 2;
min-height: 100%;
width: 100%;

}

#main
{
float: left;
position: relative;
z-index: 3;
min-height: 100%;
width: 100%;
}

#header
{
float: left;
position: relative;
z-index: 50;
width: 968px;
height: 122px;
background: url(http://www.madeintonga.com/images/style/header_bg.jpg) top left no-repeat;
}

#content
{
float: left;
position: relative;
z-index: 40;
width: 968px;
min-height: 400px;
margin: 0px 0px 0px 0px;
padding: 13px 0px 0px 0px;

}

#leftCol
{
float: left;
position: relative;
width: 193px;
border-right: none;
min-height: 400px;
margin: 0px 0px 0px 0px;
}

#footer {
float: right;
position: relative;
width: 752px;
height: 349px;
z-index: 60;
margin: 0px 12px 0px 0px;
padding: 0;
overflow: hidden;
background: url(http://www.madeintonga.com/images/style/footer_bg.png) top left no-repeat;
}


/*------------ Module/Element Specific Rules ---------------------------------------*/


/******* Header Elements ***********/

#header a.logo
{
float: left;
position: relative;
margin: 14px 0px 0px 0px;

}

#header a.logo img
{

}

#header a.newsletterLink
{
position: absolute;
top: 10px;
left: 400px;
width:auto;
height:22px;
text-align:left;
background: url(http://www.madeintonga.com/images/style/newsletterSignup_bg.png) top left no-repeat;
color:#FFF;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
padding:7px 30px 0px 6px;
}

#header a.newsletterLink:hover
{
position: absolute;
top: 10px;
left: 401px;
text-decoration:none;
}

#socialHeaderLinks
{
position: absolute;
top: 16px;
right:220px;
width:176px;
height:16px;

}

img.socailHeading
{
float: left;
position: relative;
margin:6px 10px 0px 0px;
}




#header a.facebookLink
{
float: left;
position: relative;
width:9px;
height:16px;
background: url(http://www.madeintonga.com/images/style/facebookIcon.png) bottom left no-repeat;
margin:0px 10px 0px 0px;
}

#header a.facebookLink:hover
{
background: url(http://www.madeintonga.com/images/style/facebookIcon.png) 0px 2px no-repeat;

}


#header a.twitterLink
{
float: left;
position: relative;
width:21px;
height:16px;
background: url(http://www.madeintonga.com/images/style/twitterIcon.png) bottom left no-repeat;
margin:0px 10px 0px 0px;
}

#header a.twitterLink:hover
{

background: url(http://www.madeintonga.com/images/style/twitterIcon.png) 0px 1px no-repeat;

}


#header a.youtubeLink
{
float: left;
position: relative;
width:32px;
height:15px;
background: url(http://www.madeintonga.com/images/style/youTubelink.png) bottom left no-repeat;
margin:0px 10px 0px 0px;
}

#header a.youtubeLink:hover
{

background: url(http://www.madeintonga.com/images/style/youTubelink.png) 0px 2px no-repeat;

}



#header a.pinterestLink
{
float: left;
position: relative;
width:15px;
height:16px;
background: url(http://www.madeintonga.com/images/style/pinterestLink.png) bottom left no-repeat;
}

#header a.pinterestLink:hover
{
background: url(http://www.madeintonga.com/images/style/pinterestLink.png) 0px 1px no-repeat;
}


/* Site Search*/

.siteSearchContainer
{
position: relative;
float: right;
width: 196px;
height: 34px;
top: 10px;
right: 13px;
background: url(http://www.madeintonga.com/images/style/search_input_bg.png) top left no-repeat;
}

.searchLabel
{
display: none;
}

.siteSearchInput
{
width: 130px;
height: 11px;
font-size: 13px;
margin: 4px 0px 0px 10px;
padding: 6px 25px 6px 5px;
border: none;
color: #7f7f7f;
text-align: left;
background: none;
}

.siteSearchSubmit
{
position: absolute;
top: 5px;
right: 5px;
}

.siteSearchSubmit:hover
{
top: 4px;
}


/*--------------------------------------------------*/

p#basket
{
position: absolute;
top: 40px;
right: 10px;
font-weight: bold;
font-size: 12px;
text-transform:uppercase;
}

p#basket a
{
text-decoration: none;
margin: 0px 7px;

}

p#basket span#productCartComponentItems
{

}

p#basket span#productCartComponentValue
{

}

p#basket #cartComponentPrice
{

}

p#basket a.home,
p#basket a.login,
p#basket a.logout,
p#basket a
{
color: #e51c20;
}


p#basket a.home:hover,
p#basket a.login:hover,
p#basket a.logout:hover,
p#basket a
{
color: #434343;
}


/* Header Navigation */

#header #navigation
{
position: absolute;
top: 88px;
left: 200px;
height: 33px;
margin: 0px;
width: 750px;
background: none;

}

#header #navigation ul
{
margin: 0 auto;
padding: 0px  0px 0px 0px;
list-style: none;
float: none;
position: relative;
text-align: right;

}

#header #navigation ul li
{
float: none;
display: inline-block;
position: relative;
padding: 0px 0px 0px 0px;
height: 33px;
line-height: 33px;
margin: 0px 0px 0px 0px;
background: none;
width: auto;
text-align: right;
}

#header #navigation ul li a
{
display: block;
width: 100%;
text-align: center;
height: 33px;
line-height: 33px;
padding: 0px 8px;
border-top: 0px solid #6d6c6c;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 12px;
position: relative;
color: #4f4f4f;
font-weight:900;
text-decoration: none ;
text-align: center;
font-family: 'novecento_widebook';
}

#header #navigation ul li a:hover
{
color: #1c1c1c;
}


#header #navigation ul li ul
{
display: none;
}

#header #navigation ul li:hover ul
{
display: block;
}

#header #navigation ul li ul
{
margin: 0px 0px 0px -2px;
padding: 0px 3px 0px 0px;
list-style: none;
float: none;
position: absolute;
top: 30px;
left: 20px;
width: 250px;
border-bottom:none;
}

#header #navigation ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
height: auto;
min-height: 20px;
width: 250px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: #fff;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
behavior: url(/pie/PIE.htc);
}

#header #navigation ul li ul li:first-child
{
background: #fff;
}

#header #navigation ul li ul li a
{
display: block;
width: 250px;
text-align: left;
height: auto;
line-height: 33px;
padding: 4px 10px 4px 17px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 12px;
position: relative;
color: #4f4f4f;
text-decoration: none ;

}

#header #navigation ul li ul li ul
{
float: left;
position: relative;
margin: 0px 0px 0px -3px;
padding: 0;
top: auto;
left: auto;
border: none;
}

#header #navigation ul li ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
min-height: 33px;
width: 240px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: #daedf4;

}

#header #navigation ul li ul li ul li:first-child
{
background: #daedf4;
}

#header #navigation ul li ul li ul li a
{
display: block;
width: 210px;
text-align: left;
height: auto;
line-height: 33px;
padding: 4px 10px 4px 17px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 12px;
position: relative;
color: #7093ae;
text-decoration: none ;
}

#header #navigation a.grandchildSelected,
#header #navigation a.childSelected,
#header #navigation a.menuSelected
{
color: #e51c20;
}


/*------------------------------------------*/


#content
{

}

#leftCol
{
margin:108px 0px 0px 0px;
padding:0px 0px 0px 8px;
}

#leftCol h3
{
color:#4f4f4f;
font-size:18px;
text-transform:uppercase;
font-family: 'novecento_widebook';
font-weight:bold;
margin:0px 0px 20px 0px;
}

.productSearchContainer span.productSearchLabel
{
margin:20px 0px 0px 0px;
padding:0px;
color:#4f4f4f;
font-size:12px;
text-transform:uppercase;
font-family: 'novecento_widebook';
font-weight:bold;
}

#leftCol h4
{

margin:20px 0px 10px 0px;
padding:0px;
color:#4f4f4f;
font-size:12px;
text-transform:uppercase;
font-family: 'novecento_widebook';
font-weight:bold;
}

#leftCol ul#navProducts

{
float: left;
position: relative;
width: 179px;
border-right: none;
min-height: 280px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}

#leftCol ul#navProducts li
{
float: left;
position: relative;
width: 179px;
}

#leftCol ul#navProducts li a.level1
{
display: block;
color: #4f4f4f;
font-size: 12px;
text-transform: none;
text-decoration: none;
padding: 0px 16px;
margin: 0px 0px 0px 2px;
font-family: 'lucida_granderegular';
background: url(http://www.madeintonga.com/images/style/blue_arrow.jpg) 0px 4px no-repeat;
font-weight:400;
}

#leftCol ul#navProducts li a.level1:hover
{
color:#1c1c1c;
background: url(http://www.madeintonga.com/images/style/blue_arrow.jpg) 3px 4px no-repeat;
}

#leftCol ul#navProducts li ul
{
float: left;
position: relative;
width: 179px;
border-right: none;
min-height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: none;
list-style: none;
}

#leftCol ul#navProducts li ul li
{

}

#leftCol ul#navProducts li ul li a.level2
{
display: block;
color: #4f4f4f;
font-size: 12px;
text-transform: none;
text-decoration: none;
padding: 2px 8px 2px 30px;
margin: 0px 0px 0px 2px;
font-family: arial;
font-weight:400;
}

#leftCol ul#navProducts li ul li a:hover
{
background:none;
}

#leftCol ul#navProducts li ul ul
{
display:none;
}

#leftCol ul#navProducts li ul ul li
{

}

#leftCol ul#navProducts li ul ul li a.level3
{
display:none;
}

#leftCol ul#navProducts li ul ul li a:hover
{
background:none;
}



/********************************/

#leftCol ul li
{
float: left;
position: relative;
width: 179px;
display:block;

}

#leftCol ul li a
{
display: block;
color: #4f4f4f;
font-size: 14px;
text-transform: none;
text-decoration: none;
padding: 0px 0px;
margin: 0px 0px 0px -28px;
font-family: 'lucida_granderegular';
text-transform:uppercase;
font-weight:400;
}


#leftMenuLogout
{
position: relative;
float:left;
width:auto;
height:22px;
text-align:left;
background: url(http://www.madeintonga.com/images/style/newsletterSignup_bg.png) top left no-repeat;
color:#FFF;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
padding:7px 30px 0px 6px;
}

#leftMenuLogout
{
top: 10px;
text-decoration:none;
}


#leftCol ul li a.level1:hover
{
color:#1c1c1c;
}

#leftCol ul li ul
{
float: left;
position: relative;
width: 179px;
border-right: none;
min-height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: none;
list-style: none;
}

#leftCol ul li ul li
{

}

#leftCol ul li ul li a
{
display: block;
color: #4f4f4f;
font-size: 12px;
text-transform: none;
text-decoration: none;
padding: 0px 0px;
margin: 0px 0px 0px -28px;
font-family: 'lucida_granderegular';
background:none;
font-weight:400;
}

#leftCol ul#navProducts li ul li a:hover
{

background:none;
}

/*-------------- Home Slides --------------*/

#homeSlides
{
float: right;
position: relative;
width: 749px;
margin: 0px 15px 0px 0px;
padding: 0;
background: none;
}

#homeSlides div.moduleComponenthomeSlides
{
display: block;
width: 749px;
height: 423px;
}

#homeSlides div.moduleComponenthomeSlides h2.bannerTitle
{
display: none;
}

#homeSlides .moduleComponenthomeSlides .bannerHtmlContent 
{
position: absolute;
bottom: 40px;
left: 142px;
width: 587px;
height: 143px;
text-align:right;
background: url(http://www.madeintonga.com/images/style/bannerText_bg.png) top left no-repeat;
}

#homeSlides .moduleComponenthomeSlides .bannerHtmlContent h1
{
color:#FFF;
font-size:52px;
font-weight:400;
margin:10px 15px 0px 0px;
padding:0px 0px 0px 0px;
line-height:58px;
}


#homeSlides .moduleComponenthomeSlides .bannerHtmlContent h1 a
{
color:#FFF;
font-size:52px;
margin:10px -18px 0px 0px;
padding:0px 20px 0px 0px;
}



#homeSlides .moduleComponenthomeSlides .bannerHtmlContent p
{

margin:0px;
padding:0px 20px 0px 0px;
text-transform: none;
color: #fff;
font-weight: 400;
font-size: 14px;
}

#homeSlides .moduleComponenthomeSlides .bannerHtmlContent p a
{
margin: 0;
padding: 0px 0px;
text-transform: none;
color: #fff;
font-weight: bold;
font-size: 14px;
}

#homeSlides .moduleComponenthomeSlides .bannerHtmlContent p a:hover
{
text-decoration:underline;
}

#homeSlides a img
{

}

#homeSlideNav
{
position: absolute;
top: 402px;
left: 10px;
z-index: 3000;
background: none;
}

#homeSlideNav a
{
margin: 0px 2px;
display: block;
float: left;
width: 8px;
height: 8px;
background: #fff;
opacity: 0.6;
}

#homeSlideNav a.activeSlide
{
font-weight: bold;
color: #FFF;
background: #4f4f4f;
}

/*------------------------------*/

#headerImages
{
float: right;
position: relative;
margin: 0;
padding: 0;
width: 778px;
height: 246px;
padding: 0px;
background: #fff;
}

.moduleComponentContainerheaderImages
{

}

.moduleComponentContainerheaderImages .moduleComponentheaderImages
{

}

.moduleComponentContainerheaderImages .bannerImageContainer img.bannerImage
{
}

.moduleComponentContainerheaderImages h2.bannerTitle
{
display: none;
}

.moduleComponentContainerheaderImages .bannerHtmlContent
{
display: none;
}



/*------------------------------*/

#pageEditorContent
{
float: left;
position: relative;
margin: 0px 0px 0px 5px;
width: 718px;
padding:  5px 20px 30px 20px;
min-height: 860px;
background: #fff;
}

#pageEditorContent h1.contentPageTitle
{
position: relative;
top: 0px;
left: 0px;
z-index: 1000;
margin: 0;
padding: 0px 0px 8px 0px;
color: #e51c20;
font-size: 28px;
height: auto;
width: 100%;
line-height: 35px;
font-weight:400;
text-transform:uppercase;
font-family: 'novecento_widebook';
border:none;
}

#pageEditorContent h1
{
position:relative;
float:left;
z-index: 1000;
margin: 0;
padding: 0px 0px 0px 0px;
color: #e51c20;
font-size: 28px;
height: 52px;
line-height: 50px;
font-weight:400;
text-transform:uppercase;
font-family: 'novecento_widebook';
}

#default.news #pageEditorContent p
{
float: left;
position: relative;
width: 508px;

}

#pageEditorContent h1 span
{
display:none;
}


#home #pageEditorContent
{
width: 703px;
padding:  20px;
text-align: left;
margin:30px 0px 0px 6px;
font-size: 22px;
min-height: 0px;
text-transform: uppercase;
float:left;
}

.productsTemplate #pageEditorContent,
.product_details  #pageEditorContent
{
min-height: 700px;
}

#home #pageEditorContent p
{
font-family: 'lucida_granderegular';
line-height: 32px;
}

#homeCallouts
{
float: right;
position: relative;
width: 763px;
background: #fff;
}

img.finishingFlagLeft
{
float: left;
margin: 0px 30px 0px 45px;
}

p.freightNote
{
float: left;
position: relative;
text-transform: uppercase;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 15px;
line-height: 35px;
margin: 0;
padding: 0;
width: 536px;
height: 50px;
background: url(http://www.madeintonga.com/images/style/callout_bg_freight.png) top left no-repeat;
}

img.finishingFlagRight
{
float: right;
margin: 0px 45px 0px 30px;
}


.homeBottomCallout
{

}

#defaultCallout
{
float: right;
position: relative;
margin:-40px 15px 0px 0px;
display:none;
}

#defaultspecialOffer
{
float: left;
position: relative;
width: 366px;
background: #fff;
margin: 25px 0px 0px 2px;
padding: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
border:1px solid #f1f1f1;
border-left:none;
height:131px;
background: url(http://www.madeintonga.com/images/style/featuredProducts_bg.jpg) top left no-repeat;
}

#defaultspecialOffer h2
{
margin: 60px 0px 0px 17px;
padding: 0;
font-size: 24px;
color: #e51c20;
font-weight: bold;
background:none;
text-transform: uppercase;
}

#defaultspecialOffer h2 span
{
line-height:20px;
margin: 0px 0px 0px 0px;
padding: 0;
font-size: 28px;
color: #e51c20;
font-weight: 400;
text-transform: uppercase;
}

#defaultweDeliverCallout,
#weDeliverCallout
{
float: left;
position: relative;
display: block;
width: 176px;
height: 133px;
margin: 25px 16px 20px 16px;
background: #37bcda url(http://www.madeintonga.com/images/style/deliver_bg.png) top left no-repeat;
text-decoration: none;
font-family: 'lucida_granderegular';
border:none;

}

#defaultgiftVouchersCallout a.bannerLinkMask,
#defaultweDeliverCallout a.bannerLinkMask,
#giftVouchersCallout a.bannerLinkMask,
#weDeliverCallout a.bannerLinkMask
{
float: left;
width: 176px;
height: 133px;
margin: -119px 0px 0px -1px;
z-index:2000;
}


#defaultweDeliverCallout:hover,
#weDeliverCallout:hover
{
cursor:pointer;
background: #33abc6;

}

#defaultgiftVouchersCallout,
#giftVouchersCallout
{
float: left;
position: relative;
width: 175px;
height: 133px;
margin: 25px 0px 20px 0px;
background: #a9c976 url(http://www.madeintonga.com/images/style/vouchers_bg.png) top left no-repeat;
text-decoration: none;
font-family: 'lucida_granderegular';
}

#defaultgiftVouchersCallout:hover,
#giftVouchersCallout:hover
{
cursor:pointer;
background: #a9c976;

}

#defaultgiftVouchersCallout h4 a,
#defaultweDeliverCallout h4 a,
#giftVouchersCallout h4 a,
#weDeliverCallout h4 a,
#defaultgiftVouchersCallout h4,
#defaultweDeliverCallout h4,
#giftVouchersCallout h4,
#weDeliverCallout h4
{
display:block;

color:#FFF;
font-size:26px;
text-align:right;
text-transform:uppercase;
margin:65px 10px 0px 0px;
padding:0px 0px 0px 0px;
font-weight:400;
line-height:26px;
z-index:1000;
text-decoration:none;
}

#defaultgiftVouchersCallout .bannerTitle,
#defaultweDeliverCallout .bannerTitle,
#weDeliverCallout .bannerTitle,
#giftVouchersCallout .bannerTitle
{
display:none;
}

#contactCallout
{
float: left;
position: relative;
margin:0px 0px 0px -2px;
padding:0px 0px 0px 0px;
width:236px;
height:103px;
background: url(http://www.madeintonga.com/images/style/contact_bg.png) top left no-repeat;
}

#contactCallout:hover
{
background: url(http://www.madeintonga.com/images/style/contact_bg.png) 0px -103px no-repeat;
}

#contactCallout .bannerTitle
{
display:none;

}

#contactCallout a.bannerLinkMask
{
float: left;
position: relative;
width:236px;
height:103px;
margin:-93px 0px 0px 0px;
}

#contactCallout .bannerHtmlContent h4
{
color:#FFF;
text-align:right;
font-family: 'lucida_granderegular';
text-transform:uppercase;
font-weight:600;
font-size:26px;
line-height:30px;
margin:32px 20px 0px 0px;
}

#contactCallout .bannerHtmlContent h4 span
{
font-size:24px;
font-weight:400;
}

#testimonialsCallout
{
float: right;
position: relative;
margin:0px 14px 0px 0px;
padding:0px 0px 0px 0px;
width:498px;
height:121px;
background: url(http://www.madeintonga.com/images/style/whatCustomerSay_bg.jpg) top left no-repeat;

}


#testimonialsCallout p
{
font-size: 12px;
margin: 5px 0px;
}

#testimonialsCallout .moduleComponenttestimonials .readMore,
#testimonialsCallout .moduleComponenttestimonials .title
{
display:none;

}


#testimonialsCallout .moduleComponenttestimonials
{
margin:12px 20px;
font-size:14px;
color:#4f4f4f;
line-height:18px;
}

#advertisingCallout
{
float: left;
position: relative;
margin:20px 0px 20px -1px;
padding:0px 0px 0px 0px;
width:749px;
min-height:80px;
border:none;
border-left:none;

}


#advertisingCallout img
{

border:1px solid #e7e7e7;
border-left:none;
}



#advertisingCallout .bannerTitle
{
display:none;
}



/*-----------------------------------------------------*/

#featuredProductsContainer
{
float: left;
position: relative;
width: 366px;
background: #fff;
margin: 25px 0px 0px 2px;
padding: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
border:1px solid #f1f1f1;
border-left:none;
height:131px;
background: url(http://www.madeintonga.com/images/style/featuredProducts_bg.jpg) top left no-repeat;
}




.productsTemplate #featuredProductsContainer
{
float: left;
width: 367px;
background: #fff;
margin: 0px 0px 0px 0px;
}

#featuredProductsContainer h2
{
margin: 60px 0px 0px 17px;
padding: 0;
font-size: 24px;
color: #e51c20;
font-weight: bold;
background:none;
text-transform: uppercase;

display: block;
float: left;
position: absolute;
top: 0;
left: 0;
}

#featuredProductsContainer h2 span
{
line-height:20px;
margin: 0px 0px 0px 0px;
padding: 0;
font-size: 28px;
color: #e51c20;
font-weight: 400;
text-transform: uppercase;
}

.productsTemplate #featuredProductsContainer h2
{

}

#featuredProductsContainer a.viewAllProductsLink
{
display: none;
}




#featuredProducts
{

margin: 0px 0px 0px 154px;

}

#featuredProductsSlider.liquid-slider
{

}


#featuredProductsSlider h2.title
{
display: block;
}

.featuredProduct
{
float: left;
position: relative;
width: 160px;
height: 170px;
border: 1px solid #efefef;
margin: 10px 0px 0px 10px;
}

.productsTemplate .featuredProduct

{
float: left;
position: relative;
width: 174px;

height: 220px;
border: 1px solid #efefef;
margin: 14px 0px 0px 13px;
}


.featuredProduct p
{
position: relative;
bottom: 0px;
left: 0;
right: 0px;
margin: 5px 0px;
padding: 6px 10px 8px;
color: #FFF;
background: none;
font-size: 11px;
text-align: left;
line-height: 13px;
}

.featuredProduct p span
{
position: relative;
display: block;
width: 100%;
margin: -10px 0px 5px -10px;
padding: 2px 10px 5px;
text-align: left;
color: #FFF;
font-size: 13px;
background: ;

color: #6a6a6a;
font-family: Arial, Helvetica, sans-serif; 
}

.featuredProduct p span a
{
color: #0FA216;
font-family: Arial, Helvetica, sans-serif; 
}

.featuredProduct p a
{
color: #6a6a6a;
text-decoration: none;
}

.featuredProduct p span .oldPrice
{
display: inline;
padding: 2px 8px 2px 10px;
text-decoration: line-through;
font-size: 11px;
}

.featuredProduct p span .special
{
display: inline;
color: #0FA216;
padding: 2px 1px 2px 3px;
}



/*-----------------------------------------------------*/

#relatedProductsContainer 
{
float: left;
position: relative;
width: 745px;
background:none;
margin: 30px 0px 0px -25px;
padding: 10px 17px 40px 16px;
border-radius:0px;
}




#relatedProductsContainer h2
{
margin: 0;
padding: 0;
font-size: 14px;
color: #e41c20;
font-weight: 600;
padding:0px 0px 0px 44px;
margin:0px 0px 0px -14px;
text-transform: uppercase;
background: url(http://www.madeintonga.com/images/style/relatedProductsArrow.jpg) 0px 2px no-repeat;
}



#relatedProductsContainer a.viewAllProductsLink
{
display: none;
}



#relatedProducts
{

}

#relatedProductsSlider .liquid-slider
{

}


#relatedProductsSlider h2.title
{
display: none;
}

.relatedProduct 
{
float: left;
position: relative;
width: 140px;
height: 140px;
border: none;
margin: 10px 0px 0px 15px;
font-family: arial;
}

.relatedProduct p
{
position: relative;
bottom: 0px;
left: 0;
right: 0px;
margin: 5px 0px 0px;
padding: 3px 10px 0px;
color: #666;
background: none;
font-size: 11px;
text-align: left;
font-family: arial;
line-height: 13px;
display:none;
}


.relatedProduct a img
{
width: 140px;
height: 140px;
border:none;
}

.relatedProduct p span
{
float: none;
position: relative;
display: inline-block;
width: auto;
margin: 0px 0px 5px -10px;
padding: 2px 10px 2px;
text-align: left;
color: #FFF;
font-size: 13px;
background:;
color: #6a6a6a;
font-family: Arial, Helvetica, sans-serif; 
display:none;
}

.relatedProduct p span a
{


}

.relatedProduct p a
{
color: #6a6a6a;
text-decoration: none;

}

.relatedProduct p span .oldPrice
{

display: inline;
padding: 2px 8px 2px 10px;
text-decoration: line-through;
font-size: 11px;
}
.relatedProduct p span .special
{
display: inline;
color: #0FA216;
padding: 2px 1px 2px 3px;
}

/*-----------------------------------------------------*/

.productsTemplate #leftCalloutTabs,
.product_details #leftCalloutTabs
{
position: relative;


float: right;
width: 173px;
margin: 20px 0px 0px 0px;
bottom: 0px;
left: -1px;
}

#leftCalloutTabs
{
position: absolute;
width: 173px;
bottom: 350px;
left: -1px;
}

.getSocial
{
float: left;
position: relative;
bottom: 0px;
left: 0px;
margin: 0px 0px 12px 0px;
width: 173px;
height: 37px;
background: url(http://www.madeintonga.com/images/style/green_trans_tab.png) top left no-repeat;
}

.getSocial p
{
margin: 8px 10px 0px 10px;
padding: 0;
color: #fff;
}

.getSocial span
{
float: left;



position: relative;
margin: 0px 10px 0px 0px;
}

.getSocial a.pinterestIcon
{
float: left;
position: relative;
display: block;
width: 20px;
height: 20px;
background: url(http://www.madeintonga.com/images/style/icon_pinterest.png) top center no-repeat;
}

.getSocial a.pinterestIcon:hover
{
background: url(http://www.madeintonga.com/images/style/icon_pinterest.png) center -20px no-repeat;
}

.getSocial a.facebookIcon
{
float: left;
position: relative;
display: block;
width: 20px;
height: 20px;
background: url(http://www.madeintonga.com/images/style/icon_facebook.png) top center no-repeat;
}


.getSocial a.facebookIcon:hover
{
background: url(http://www.madeintonga.com/images/style/icon_facebook.png) center -20px no-repeat;
}

.getSocial a.youtubeIcon
{
float: left;
position: relative;
display: block;
width: 35px;
height: 20px;
top: 2px;
background: url(http://www.madeintonga.com/images/style/icon_youtube.png) top center no-repeat;
}

.getSocial a.youtubeIcon:hover
{
background: url(http://www.madeintonga.com/images/style/icon_youtube.png) center -20px no-repeat;
}


.weAccept
{
float: left;
position: relative;
bottom: 0px;
left: 0px;
width: 173px;
height: 37px;
background: url(http://www.madeintonga.com/images/style/white_trans_tab.png) top left no-repeat;

}


.weAccept p
{
float: left;
position: relative;
margin: 8px 10px 0px 10px;
padding: 0;
}





#footer
{

margin: 30px 0px 0px 0px:
}


#footerMenuOne
{
float: left;
position: relative;
width: 194px;
margin: 40px 0px 0px 55px;
color: #fff;
font-size: 14px;

}

#footerMenuOne h4
{
color: #fff;
margin: 0px 0px 14px 0px;
padding: 0;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
}


#footerMenuOne ul#navProducts
{

margin: 0;
padding: 0;
list-style: none;
}

#footerMenuOne ul#navProducts li
{
margin: 6px 0px;
}

#footerMenuOne ul#navProducts li a
{
color: #fff;
font-size: 14px;
text-decoration: none;
}


#footerMenuTwo
{
float: left;
position: relative;
width: 225px;
padding: 0px 0px 0px 25px;
margin: 40px 0px 0px 0px;
color: #fff;
font-size: 14px;
}

#footerMenuTwo h4
{
color: #fff;
margin: 0px 0px 14px 0px;
padding: 0;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
}


#footerMenuTwo ul 
{
margin: 0;
padding: 0;
list-style: none;
}

#footerMenuTwo ul li
{
margin: 6px 0px;
}

#footerMenuTwo ul li a
{
color: #fff;
font-size: 14px;
text-decoration: none;
}


#footerMenuThree
{
float: left;
position: relative;
width: 215px;
padding: 0px 0px 0px 0px;
margin: 40px 0px 0px 35px;
color: #fff;
font-size: 14px;
}

#footerMenuThree h4
{
color: #fff;
margin: 0px 0px 14px 0px;
padding: 0;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
}

#footerMenuThree p
{
color: #fff;
}

#footerMenuThree p a
{
color: #fff;
font-size: 14px;
text-decoration: none;
}


#copyright
{
width:546px;
position: absolute;
bottom: 0px;
right: 15px;
background: url(http://www.madeintonga.com/images/style/copyright_bg.png) 0px 0px no-repeat;
padding:0px 0px 0px 5px;
}

#copyright p
{
font-size: 11px;
margin: 0;
padding: 0;
color: #37BBD9;
}

#copyright p a
{
color: #37BBD9;
}


/*--------------------------------------------------*/

/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/


#emailForm,
#subscribeForm,
#surveyTable,
#alertForm,
#registrationForm
{
float: left;
width: 100%;
background: none;
border: none;
padding: 0px;
margin: 0px 0px 30px 0px;
}

#emailForm #formTable
{
background: #efefef;
border: 15px solid #efefef;;
padding: 0px;
margin: 15px 0px 0px 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0 6px #9a9a9a;
-moz-box-shadow: 0 0 6px #9a9a9a;
box-shadow: 0 0 6px #9a9a9a;






}

body.iframe #emailForm #formTable
{
margin: 0px;
}

#emailForm table,
#subscribeForm table,
#surveyTable table,
#alertForm table,
#registrationForm table
{
width: 100%;
border: none;


-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#emailForm table td,
#subscribeForm table tr.even td,
#surveyTable table tr.even td,
#alertForm table tr.even td,
#registrationForm table tr.even td
{
padding: 0px;
background: none;
}

#emailForm table td,
#subscribeForm table tr.odd td,
#surveyTable table tr.odd td,
#alertForm table tr.odd td,
#registrationForm table tr.odd td
{
padding: 0px;
background: none;
}

#emailForm{
width: 100%;
}

body.iframe #emailForm,
body.iframe #pageSource p {
color: #8e8e8e;
}

body.iframe #emailForm #formTable
{
background: none;
border: none;
padding: 0px;
border-radius: 0px;
box-shadow: none;
}

body.iframe #pageSource,
body.iframe #pageSource td.labelVertical span,
body.iframe #pageSource h2
{
color: #fff;
}

#emailForm td.labelHorizontal,
#subscribeForm td.labelHorizontal,
#surveyTable td.labelHorizontal,
#alertForm td.labelHorizontal,
#registrationForm  td.labelHorizontal
{
width: 45%;
vertical-align: top;
color: #333;
padding: 0 5% 0 0 ;
}


body.iframe #emailForm td.labelHorizontal,
body.iframe #subscribeForm td.labelHorizontal,
body.iframe #surveyTable td.labelHorizontal,
body.iframe #alertForm td.labelHorizontal,
body.iframe #registrationForm  td.labelHorizontal
{
width: 45%;
vertical-align: top;
color: #fff;


padding: 0 5% 0 0 ;
}

#emailForm td.valueHorizontal,
#subscribeForm td.valueHorizontal,
#surveyTable td.valueHorizontal,
#alertForm td.valueHorizontal,
#registrationForm  td.valueHorizontal

{
width: 50%;
vertical-align: top;
text-align: left;
}


#emailForm td.labelVertical,
#subscribeForm td.labelVertical,
#surveyTable td.labelVertical,
#alertForm td.labelVertical,
#registrationForm  td.labelVertical
{
color: #8e8e8e;
}

#emailForm td.valueHorizontal .fgroup,
#subscribeForm td.valueHorizontal .fgroup,
#surveyTable td.valueHorizontal .fgroup,
#alertForm td.valueHorizontal  .fgroup,
#registrationForm  td.valueHorizontal  .fgroup
{
font-size: 11px;
}

span.fieldNumber
{
font-weight: bold;
margin: 0px 10px 0px 0px;
color:  #37BCDB;
}

span.required
{
font-weight: bold;
color:  #37BCDB;
}

table.ftable td{ vertical-align:top; padding:4px;}
table.ftable td.flabel{ text-align:right;padding-right:10px; }
table.ftable td.fvalue{ text-align:left; }

table.ftable td.fcolumn{ text-align:center; }

input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt
{
float: right;
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
width:320px;
padding: 7px;
border-radius: 2px;
}

#current_image_existing,
#current_image_existing_banner{
float: right;
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
width:320px;
padding: 7px;
border-radius: 2px;
}

#current_image_existing span,
#current_image_existing_banner span{
position: relative;
padding: 0px;
line-height: 22px;
top: 5px;
}

body.iframe input.fmtxt, body.iframe input.fmtxt, body.iframe input.fstxt,body.iframe input.fdate,body.iframe textarea.fmtxt
{
margin: 0px 0px 5px 0px;
background: #8e8e8e;
border: 1px solid #8e8e8e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px 30px;

color: #fff;
}

body.iframe td.valueVertical input.ftxt, body.iframe td.valueVertical input.fmtxt, body.iframe td.valueVertical input.fstxt,body.iframe td.valueVertical input.fdate,body.iframe td.valueVertical textarea.fmtxt
{
width:230px;
margin: 0px 0px 5px 0px;
background: #8e8e8e;
border: 1px solid #8e8e8e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px 0px;
color: #fff;
}


input.ftxt:hover, 
input.ftxt:focus,
input.fmtxt:hover, 
input.fmtxt:focus,
input.fstxt:hover, 
input.fstxt:focus,
input.fdate:hover, 
input.fdate:focus
{
border: 1px solid #37BCDB;
}


input.fdate{width:150px; }
input.fstxt{width:50px; }




select.fsel,select.fseldate
{
background: #fff;
border: 1px solid #ccc;



font-size: 11px;
float: right;
width:336px;
margin: 0px 0px 0px 0px;
padding: 5px;
border-radius: 2px;
}

body.iframe select.fsel,body.iframe select.fseldate
{
background: #2e2e2e;
color: #fff;
border: 1px solid #6d6d6d;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 4px #000;
margin: 0px 0px 0px 30px;
}

body.iframe td.valueVertical select.fsel,body.iframe td.valueVertical select.fseldate
{



background: #2e2e2e;
color: #fff;
width:310px;
border: 1px solid #6d6d6d;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px 0px;
}


select.fseldate{ width:auto; }

select.fseldate:hover,
select.fseldate:focus,
select.fseldate:hover,
select.fseldate:focus
{
border: 1px solid #55AC4A;
}

#formTable div.buttonPanel
{
display: block;
}

.buttonBar, .buttonPanel {text-align: right;padding: 15px 0px 0px 0px;}

.buttonBar input, .buttonBar input.fsub, .buttonPanel input.fsub, input.fsub
{
background: #efefef;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 100px;
cursor: pointer;
border-radius: 6px;
}


body.iframe .buttonBar input, body.iframe input.fsub
{
background: #5f5f5f;
border: none;
font-size: 12px;
padding: 4px;
width: 70px;
cursor: pointer;
border-radius: 2px;
text-align: center;
color: #fff;
text-transform: lowercase;
font-weight: bold;
}

.msg
{
color: #00006D;
margin: 10px 0px;
font-style: italic;
}

.finlinehelp
{
display: none;
}

#emailForm .reset,
#subscribeForm .reset,
#surveyTable .reset,
#alertForm .reset,


#registrationForm .reset
{
display: none;
}






/* -------------- Back to top button  -------------- */

#back-top {
	position: fixed;
	bottom: 50px;
	margin-left: 1105px;
z-index: 1000;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;


}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 30px;
	display: block;
	margin: 0px 0px 7px 30px;
	background: #33ABC6 url(http://www.madeintonga.com/images/style/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

-moz-box-shadow: 0px 0px 5px 1px #666;
-webkit-box-shadow: 0px 0px 5px 1px #666;
box-shadow: 0px 0px 5px 1px #666;
border-radius: 10px;
}
#back-top a:hover span {
	background-color: #A9C976;
-moz-box-shadow: 0px 0px 5px 1px #666, inset 0px 0px 5px 1px #000;
-webkit-box-shadow: 0px 0px 5px 1px #666, inset 0px 0px 5px 1px #000;
box-shadow: 0px 0px 5px 1px #666, inset 0px 0px 5px 1px #000;

}









/* ----- Latest News Styling ----------------------------*/

.news #navBar
{
position: absolute;
top: 20px;
left: 564px;
width:181px;
padding: 0px;
border: none;
margin:0px 0px 0px 0px;
background: none;
border:none;
color: #4d4d4d;
}

.news #navBar ul
{
color: #000;
list-style: none;
margin: 0;
padding: 0;
}

.news #navBar ul li
{

}

.news #navBar ul li a
{
display: block;

width: 168px;
padding: 4px 10px 4px 10px;
background: #f0f0f0;
margin: 0px 0px 0px 0px;
color: #4a4a4a;
font-size: 13px;
text-transform: none;
text-decoration: none;

font-weight: normal;
}


















.news #navBar ul li a:hover
{
text-decoration: none;
background: #0fa416;
color: #fff;
}

.news #navBar span.navheaders
{
display: block;
width: 178px;
padding: 4px 0px 4px 0px;
background: none;
margin: 0px 0px 0px 0px;
color: #424242;
font-size: 16px;
text-transform: none;
text-decoration: none;
font-weight:bold;
text-align: left;
font-family: arial;
}


.news #navBar .navDateLinks
{
margin: 15px 0px 0px 0px;
}


.news #navBar a
{
color: #424242;
text-decoration: none;
}

.news #navBar a:hover
{
text-decoration: underline;
}

.moduleItemsListingTrackNews 
{
float: left;
position: relative;
width: 500px;
padding: 0px 0px 0px 0px;
background: none;
}

.moduleItemsListingTrackNews .moduleItemsListingItem
{
float: left;
position: relative;
width: 500px;
border-bottom: none;
margin: 10px 0px 10px 0px;












padding: 0px 0px 10px 0px;

border-bottom: 1px solid #efefef;
background: none;
}

.moduleItemsListingTrackNews .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
min-height: 105px;
margin: 0px 20px 0px 0px;
border: none;
}

.moduleItemsListingTrackNews .moduleItemsListingItem .moduleItemImage:hover
{
border: none;
}

.moduleItemsListingTrackNews .moduleItemsListingItem .moduleItemImage img
{

}

.moduleItemsListingTrackNews .moduleItemsListingItem .moduleItemImage img:hover
{

}

.moduleItemsListingTrackNews .moduleItemsListingItem .moduleItemContent
{
width: 500px;
line-height: 20px;
font-size: 12px;
}

.moduleItemsListingTrackNews .moduleItemsListingItem .title
{
margin: 15px 0px;
padding: 4px 15px;
color: #03187b;
font-size: 20px;
font-weight: normal;
font-family: arial;
background: #ececec;
text-transform: none;
}

.moduleItemsListingTrackNews .moduleItemsListingItem .date
{
font-weight: normal;

font-size: 11px;
color: #666;
text-transform: none;
margin: 0px 0px 5px 0px;
}

.moduleItemsListingTrackNews .moduleItemsListingItem .readMore
{
margin: 0px 0px 5px 0px;
}


/*---------- Product Details ---------------------------------*/

.moduleItemTrackNews 
{
float: left;
position: relative;
width: 500px;
}

.moduleItemTrackNews .moduleItemImage
{
float: right;
position: relative;
margin: 10px 0px 15px 15px;
border: none;
}

.moduleItemTrackNews .moduleItemImage img

{
position:relative;
}

.moduleItemTrackNews #moduleItemContent
{
float: left;
position: relative;
width: 500px;
}

.moduleItemTrackNews .title
{
margin: 15px 0px 5px;
padding: 4px 15px;
color: #03187b;
font-size: 20px;
font-weight: normal;
font-family: arial;
background: #ececec;
text-transform: none;
}

.moduleItemTrackNews .date
{
position: absolute;
top: -8px;
right: 0;
font-weight: normal;
font-size: 12px;
color: #666;
text-transform: none;
margin: 0px 0px 0px 0px;
}

#navBasicLinks
{
display: none;
}

#moduleItemBack
{
float: left;
position: relative;
width: 100%;

border-top: 1px solid #ccc;
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

#moduleItemBack a



{
text-decoration: none;
padding: 0px 0px 0px 0px;
}

.moduleItemTrackNews #imageContainer
{
float: right;
position: relative;
width: 280px;
margin: 0px 0px 0px 0px;
}

.moduleItemTrackNews #moduleItemFeatureImage
{

}

.moduleItemTrackNews .moduleItemImage
{
border: 1px solid #ccc;
}

.moduleItemTrackNews .moduleItemImage img.main
{

}

.moduleItemTrackNews #galleryItem,
.moduleItemTrackNews .image
{
float: right;
position: relative;
margin: 0px 0px 10px 20px;
background: none;
}

.moduleItemTrackNews #moduleItemMainImage
{

}


.moduleItemTrackNews #moduleItemThumbnails
{
float: right;
position: realtive;

width: 280px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.moduleItemTrackNews #moduleItemThumbnails span
{

}

.moduleItemTrackNews #moduleItemThumbnails ul
{
float: left;
position: relative;
margin: 0;
padding: 0;
list-style: none;

}

.moduleItemTrackNews #moduleItemThumbnails li
{
float: left;

position: relative;
}

.moduleItemTrackNews #moduleItemThumbnails li div.moduleItemImage
{
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
}


.moduleItemTrackNews #moduleItemThumbnails li img.thumbnail
{
cursor: pointer;
margin: 0px 0px 0px 0px;
border: none;
}



a.comment
{
display: block;
position: relative;
float: left;
width: 100%;
border-top: 1px solid #ccc;
padding: 10px 0px;
}



#commentsContainer
{
float: left;
position: relative;
height: auto;
width: 635px;
margin: 0px 0px 15px 24px;
padding: 15px 0px 0px 0px;
}

#socialMediaIcons
{
float: left;
position: relative;
width: 100%;
border-top: none;
}

#facebook
{
float: left;
width: 150px;
margin: 10px 0px 10px 0px;
}

#twitter
{
float: left;
width: 100px;

margin: 10px 0px;
}

.pinterest
{
float: left;
width: 60px;
margin: 10px 0px;
}


#plusone
{
float: left;
width: 100px;
margin: 10px 0px;
}


/* ----- Gallery Styling ----------------------------*/





.moduleItemsListingGallery 
{
float: left;
position: relative;
width: 500px;
padding: 0px 0px 0px 0px;
background: none;
}

.moduleItemsListingGallery .moduleItemsListingItem
{
float: left;
position: relative;

width: 720px;
border-bottom: none;
margin: 10px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #efefef;
background: none;
}

.moduleItemsListingGallery .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
min-height: 105px;
margin: 0px 20px 0px 0px;
border: none;

-moz-box-shadow: 0px 0px 5px 1px #ccc;
-webkit-box-shadow: 0px 0px 5px 1px #ccc;
box-shadow: 0px 0px 5px 1px #ccc;
}

.moduleItemsListingGallery .moduleItemsListingItem .moduleItemImage:hover
{
border: none;
}

.moduleItemsListingGallery .moduleItemsListingItem .moduleItemImage img
{

}


.moduleItemsListingGallery .moduleItemsListingItem .moduleItemImage img:hover
{

}

.moduleItemsListingGallery .moduleItemsListingItem .moduleItemContent
{
width: 700px;
line-height: 20px;
font-size: 12px;
}

.moduleItemsListingGallery .moduleItemsListingItem .title
{
margin: 15px 0px;
padding: 4px 15px;
color: #03187b;
font-size: 20px;
font-weight: normal;
font-family: arial;
background: #ececec;
text-transform: none;
}

.moduleItemsListingGallery .moduleItemsListingItem .date
{
font-weight: normal;

font-size: 11px;
color: #666;
text-transform: none;
margin: 0px 0px 5px 0px;
}

.moduleItemsListingGallery .moduleItemsListingItem .readMore
{
margin: 0px 0px 5px 0px;
}


/*-------- Photo Gallery Styling ------------------------*/

.moduleItemGallery
{
float: left;
position: relative;
width: 738px;
padding: 0px;
}

.moduleItemGallery #pageSource
{
float: left;
position: relative;
width: auto;
padding: 0px 0px 10px 0px;
margin: 0px 0px 28px 0px ;
background: none;
border-bottom: 1px solid #37BCDB;
}

.moduleItemGallery .title
{
margin: 15px 0px 5px;
padding: 4px 15px;
color: #03187b;
font-size: 20px;

font-weight: normal;
font-family: arial;
background: #ececec;
text-transform: none;
}

.moduleItemGallery #moduleItemContent
{
float: left;
position: relative;
width: auto;
padding: ;
margin: 0px 0px 0px 0px;
}

.moduleItemGallery .galleryListItem
{
float: left;
position: relative;
width: 169px;
margin: 0px 15px 15px 0px;
}

.moduleItemGallery .galleryListItem .image
{
float: left;
position: relative;

}

.moduleItemGallery .galleryListItem .image a.fancybox
{

}


.moduleItemGallery .galleryListItem .image a.fancybox img
{
width: 169px;
border-radius: 0px;
-moz-box-shadow: 0px 0px 5px 1px #ccc;
-webkit-box-shadow: 0px 0px 5px 1px #ccc;
box-shadow: 0px 0px 5px 1px #ccc;
}


.navCategorySelect
{
position: absolute;
top: 30px;
right: 30px;
}

.navCategorySelect span
{
color: #666;
}

.navCategorySelect select
{
width: 200px;
border-radius: 6px;
-moz-box-shadow: 0px 0px 5px 1px #ccc;
-webkit-box-shadow: 0px 0px 5px 1px #ccc;
box-shadow: 0px 0px 5px 1px #ccc;
font-size: 11px;
padding: 3px;
margin: 0px 0px 0px 10px;
border: 1px solid #ccc;
}


/* --------- #products styling ------------------------------- */


/* --------------- Product Listing Styling --------------- */

/* Product Path */
#default.productsTemplate .productPath
{
margin: 5px 0px 5px 0px;
}

.productPath
{
font-size: 11px;
border-bottom: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
}

.productPath a
{
text-decoration: none;
text-transform: lowercase;
color: #6a6a6a;
font-weight: normal;
font-style:italic;
}

.productPath a.current
{
color: #6a6a6a;
}

.productPathEndCat 
{
color:#e51c20;
padding: 0px 0px 0px 45px;

margin:30px 0px 0px -23px;

background: url(http://www.madeintonga.com/images/style/productHeadingArrow.jpg) 0px 8px no-repeat;

}

.productPathEndCat a
{
text-decoration: none;
text-transform: uppercase;
color: #6a6a6a;
font-weight: normal;
font-style: normal;

font-size:28px;
}

.productPathEndCat a.current
{
display: block;
background:none;
margin: 0px 0px;
padding: 0px 0px;
color: #e51c20;
font-size:28px;
font-weight: normal;
font-family: arial;
text-transform: none;
}

.productPathEndCat span,
.productPathEndCat a

{
display: none;
}

.supplierDescription{
position: relative;
float: none;
width: 662px;
font-size: 12px;
padding: 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:justify;
}

.categoryDescription
{
width: 662px;
font-size: 13px;
padding: 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:justify;
}

.categoryDescription p
{
line-height: 20px;
}

.products h3.catgegoryHeader
{
color:#e51c20;
padding: 0px 0px 0px 45px;
margin:30px 0px 20px -23px;
font-size:28px;
background: url(http://www.madeintonga.com/images/style/productHeadingArrow.jpg) 0px 8px no-repeat;

}

#productListingItems h3.catgegoryHeader
{
color:#e51c20;
padding: 0px 0px 0px 45px;
margin:30px 0px 20px -23px;
font-size:28px;
background: url(http://www.madeintonga.com/images/style/productHeadingArrow.jpg) 0px 8px no-repeat;
}

.productListingItem p.buyNowLink
{
position:absolute;
top:177px;
left:134px;
background: url(http://www.madeintonga.com/images/style/addToCart_bg.png) 0px 0px no-repeat;
width:64px;
height:23px;
color:#fff;
font-size:12px;
padding:4px 0px 0px 7px;
}

.productListingItem p.buyNowLink a
{
color:#fff;
font-weight: normal;
}

#productListingItems
{
margin-left:0px;
}

#productListingItems #supplierBanner{
position: relative;
left: -20px;
margin: 10px 0px 10px 0px;
padding: 0px;
}

#pageBanner{
position: relative;
left: -20px;
margin: -69px 0 30px 0;
z-index: 2000;
}

.registration #pageBanner{
margin: -40px 0 30px 0;
}

/* Product Listing Item */

.productListingItem
{
float: left;
position: relative;
width: 204px;
height: 260px;
text-align: left;
padding: 0px;
margin: 0px 25px 30px 0px;
background: #fff;
border-radius: 0px;

}

.productListingItem a.buyNowButton
{
position: relative;
font-size: 10px;
display: block;
background: #EC6E21;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 4px 8px;
border-radius: 0px;

}


.productListingItem a.buyNowButton:hover
{
background: #ccc;
color: #EC6E21;
}

.productListingItem img
{
float: left;
border: none;
width: 204px;
height: 204px;
border-radius: 0px;
border: 1px solid #f5a4a6;
}

#relatedProducts .productListingItem img
{
float: left;
border: none;
width: 178px;
height: 150px;
border-radius: 0px;
}


p.findOutMore
{
float: left;
position: relative;
width: 100%;
margin: 0;
}

.productListingItem h2,
.productListingItem h2 a
{
display: block;
min-height: auto;
float: left;
position: relative;
width: 90%;
margin: 5px 0px 0px;
padding: 0;
background: none;
font-size: 14px;
text-transform: none;
text-align: left;
text-decoration: none;
height: auto;
color: #4f4f4f;
font-weight: 600;
line-height: 18px;
}

.productListingItem p
{
display: block;
float: left;
position: relative;
height: auto;

width: 90%;
margin: 2px 0px 0px;
font-size: 16px;
text-transform: none;
text-align: left;
text-decoration: none;
background: none;
}






/* ----------product listing style on slider -------------*/



.productListingItemProducts 
{
float: left;
position: relative;
width: 174px;
height: 238px;
text-align: center;
padding: 0px;
margin: 14px 0px 0px 13px;
background: #fff;
border-radius: 0px;
border: 1px solid #dadada;

-moz-box-shadow: 1px 4px 2px 1px #efefef;
-webkit-box-shadow: 1px 4px 2px 1px #efefef;
box-shadow: 1px 4px 2px 1px #efefef;
}


.productListingItemProducts a.buyNowButton
{
position: relative;
font-size: 10px;
display: block;
background: #EC6E21;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 4px 8px;
border-radius: 0px;
}


.productListingItemProducts a.buyNowButton:hover
{
background: #ccc;
color: #EC6E21;
}

.productListingItemProducts img
{
float: left;
border: none;
width: 174px;
height: auto;
border-radius: 0px;
border-bottom: 1px solid #dadada;
}

p.findOutMore
{
float: left;
position: relative;
width: 100%;
margin: 0;
}

.productListingItemProducts p.productName,
.productListingItemProducts p.productName a
{
display: block;
min-height: auto;
float: left;
position: relative;
width: 90%;
margin: 3px 3%;
padding: 0;
background: none;
font-size: 12px;
text-transform: none;
text-align: center;
text-decoration: none;
height: auto;
color: #434343;
font-weight: normal;
line-height: 18px;
}

.productListingItemProducts p
{
display: block;
float: left;
position: relative;
height: auto;
width: 90%;





margin: 0px 5%;
font-size: 14px;
text-transform: none;
text-align: center;
text-decoration: none;
background: none;
}




/* --------------- Product Details Styling --------------- */

/*--------------------------------------------*/

#shoppingCartShadow
{
display: none;
}

.cartTile
{
float: left;
position: relative;
width: 225px;
border-right: none;
background: #434343;
}

.cartTop

{
float: left;
position: relative;
width: 225px;
border-top: none;
background: none;
}

.cartBottom
{
float: left;
position: relative;
width: 225px;
background: none;
}

#cartStatusBox
{
float: right;
position: relative;
width: 190px;
padding: 0px 0px 0px 0px;
margin: 30px 0px 10px 0px;
background: none;
border-top: none;
font-size: 11px;
border-top: none;
border-bottom: none;
border-radius: 6px 0px 0px 6px;
}

#cartStatusBox h3
{
width: 190px;
font-family: 'novecento_widebook';
font-style: normal;
font-weight: bold;
text-transform: uppercase;
padding: 14px 0px 10px 0px;
margin:0px 0px 0px 0px;
text-align: left;
color: #4f4f4f;
font-size: 15px;
background: none;
border-radius: 0px 0px 0px 0px;
background: url(http://www.madeintonga.com/images/style/cartTopBorder.jpg) top left no-repeat;
}

#cartStatusBox .cartItemContainer 
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 4px 0px;
}

.cartItems td
{
vertical-align: top;
}

.cartItems td.info,
.cartItems td.image
{
padding: 5px 10px 0px 10px;
border-bottom: none;
background: none;
border-bottom:none;
}

.cartItems td.image
{
width: 0px;
font-size: 10px;
padding: 5px 0px 0px 10px;
}

.cartItems td.image img
{
padding: 0px;
margin: 0;
border: none;
border-radius: 0px;
}


.cartItems td p
{
margin: 3px 0px 0px 0px;
line-height: 14px;
font-size: 11px;
}

#cartStatusBox .cartItemContainer p.quantity
{
display: block;
float: left;
position: relative;
width: 15px;
color: #000;
font-size: 11px;
margin: 0;
}

#cartStatusBox .cartItemContainer img
{
width: 46px;
height: 46px;
}

#cartStatusBox .cartItemContainer p.title,
#cartStatusBox .cartItemContainer p.price,
#cartStatusBox .cartItemContainer p.attributes,
#cartStatusBox .cartItemContainer p.title
{
display: block;
float: right;
position: relative;
color: #000;



width: 70px;
min-height: 30px;
margin: 0px 0px 0px 0px;
padding: 8px; 
background: #d2e4ac;
font-size: 11px;
line-height: 14px;

}

#cartStatusBox .cartItemContainer p.title span
{
color: #666;

}

#cartStatusBox .cartItemContainer .CurrencySym
{

}

#cartStatusBox .total
{
float: left;
position: relative;
width: 174px;
background: url(http://www.madeintonga.com/images/style/cartBottomBorder.jpg) top left no-repeat;
margin: 15px 0px 0px 0px;
padding: 10px 0px 10px 0px;
color: #4f4f4f;
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
text-align:right;
}


#cartStatusBox .cartItems
{
width: 100%;
}

#cartStatusBox span#statusBoxTotal
{

}

#cartStatusBox .footer
{
float: left;
position: relative;
width: 173px;
height: auto;

background: #00006C;
color: #fff;
margin: 0px 0px 30px 0px;
text-align: center;
border-top: none;
background: url(http://www.madeintonga.com/images/style/checkout_bg.jpg) top left repeat-y;

border-radius: 0px 0px 0px 0px;
}

#cartStatusBox .footer a

{
position: relative;
z-index: 5000;
color: #fff;
text-transform: uppercase;
display: inline-block;
padding: 7px 4px 7px ;
text-decoration: none;
font-size: 11px;
}

#detailedCart p.creditCards
{
display: block;
float: left;
position: relative;
width: 120px;
font-size: 11px;
margin: -10px 0px 10px 0px;
padding: 10px 0px 15px 105px;

line-height: 16px;
background: #f3f3f3 url(http://www.moca.net.nz/NZBLINDSDEV/images/style/credit_card_icons.png) 15px 15px no-repeat;
}

#cartStatusBox .footer a:hover
{
color: #efefef;
}


#ajaxBusy
{
display: none;
}

#productDetail
{
margin: 0px 0px 0px 0px;
}

a.faqPopupLink
{
float: left;
display: block;
margin: 5px 0px;
padding: 3px 35px 3px 0px;
background: url(http://www.madeintonga.com/images/style/question_mark.png) top right no-repeat;
}

a.faqPopupLink:hover
{
text-decoration: none;
}

#full
{
float: left;
position: relative;
width: 100%;

}

#left
{
float: left;
width:325px;
margin: 0px 25px 0px 18px;
}

#right
{

float: left;
width: 325px;
position: relative;
padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;
border-left: none;
}



#right h2
{
margin: 10px 0px 1px;
padding: 0px 0px 10px 0px;
color: #03187b;
font-size: 17px;
font-weight: bold;

border-bottom: none;
background: none;
text-transform: uppercase;
}

#right h2 a
{
float: right;
text-decoration: none;
color: #37BCDB;
font-size: 13px;
line-height: 35px;
}

#productEmailFormContainer
{
float: left;
position: relative;
width: 100%;
}

.productBackLink
{
float: left;
position: relative;
width: 100%;
border-top: 1px solid #ccc;
border-bottom: none;
padding: 15px 0px 10px 0px;
margin: 10px 0px 0px 0px;
}

.productBackLink a
{
text-decoration: none;
text-transform: none;
color: #656565;
font-style: italic;
}

#productDetailCartStatusBox
{
display: block;
}

.buttonsContainer
{
float: left;
position: relative;

}

#productDetail h2.productDetailName{
padding: 0px;
text-transform: none;
color:#4f4f4f;
font-size:20px;
font-weight:400;
}

#productDetail p#quantity{
float: left;
position: relative;
display:block;
margin:0px 0px 10px 0px;
text-transform:capitalize;
font-size:12px;
width:100%;
font-weight:bold;
}

#productDetail p#quantity input{
float: left;
position: relative;

}



#productDetail p.pricingText{
float: left;
position: relative;
margin:0px 0px 0px 0px;
font-size:10px;
display:none;
}

#productDetail p.code{
margin: 20px 0px 0px 0px;
float:left;
width:100%;
}

#productDetail #productExtras{
position: relative;
width: 100%;
margin: 20px 0px;
}

#productDetail #productExtras #productExtraFields{
position: relative;
float: left;
width: 70%;
margin-bottom: 30px;
}

#productDetail #productExtras #productFeatures{
position: relative;
float: left;
width: 30%;
}

#productDetail #productExtras #productFeatures h3{


margin: 0px;
text-transform: none;
}

#productDetail #productExtraFields .extraField{
position: relative;
width: 170px;
float: left;
padding: 3px 0px;
}

#productDetail #productExtraFields .extraField span{

font-weight: bold;

}



a.addToWishlist
{
position: absolute;
top: 37px;
right: 0px;
height:14px;
min-width:110px;
margin: 13px 2px 0px 2px;




padding: 6px 10px;
background: #00006D;
color: #FFF;
font-size: 12px;
text-decoration: none;

text-transform: none;
text-align:center;
border-radius: 5px;
}

a.addToWishlist:hover
{
display: inline-block;
background: #37BCDB;
}

#wishlistLogin p{
font-size: 16px;
padding: 10px 10px;
line-height: 25px;
}

#wishlistLogin p a{
color: #37BCDB;
}



.productDetailDescription table
{
float: left;
position: relative;
margin: 10px 0px;
}




#productDetail div#setQuantity{
display:block;
float:left;
position:relative;
margin:5px 0px 0px 0px;
padding:8px 10px;
background:#818285;
color:#FFF;
font-size:12px;
text-transform:uppercase;
height:14px;
}

#productDetail div#setQuantity input#quantity{
display:inline-block;
margin:-5px 0 0 5px;
width:15px;
height:10px;
float:left;
}

div#productReviews a{
display: inline-block;
height:14px;
margin:20px 0 0 0;
padding: 8px 10px;
background: #656565;
color: #FFF;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
}
div#detailImage
{
float: left;
position: relative;
width: 100%;
padding: 0%;
min-height: 262px;
background: none;
margin: 0px 0px 8px 0px;
background: #fff;
border: none;
border-radius: 0px;
}
div#detailImage img
{
border-radius: 0px;
border: 1px solid #ccc;
margin: 0px 0px 7px 0px;

}

div#detailImage a.clickToEnlarge
{
display: block;
padding: 4px 0px 0px; 
color: #666;
text-decoration: none;
}

div#enquiryForm{
float: left;
position: relative;
}
div#enquiryForm a{
display: inline-block;
height:14px;
margin: 8px 8px 0 0px;
padding: 6px 10px;
background: #656565;
color: #FFF;
font-size: 12px;
text-transform: none;
text-decoration: none;
border-radius: 5px;
}
div#emailProductForm{
  
float: left;
width: 100%;
height:30px;
position: relative;
padding: 0px;
margin: 10px 0px 0px 0px;
}
div#emailProductForm a{
display: inline-block;
height:14px;
min-width: 110px;
margin: 0px 0px 0 0px;
padding: 6px 10px;
background: #656565;
color: #FFF;
font-size: 12px;
text-transform: none;
text-decoration: none;
border-radius: 5px;
text-align: center;
}
div#emailProductForm a:hover{
background:#949599;
}


#downloadABrochure a
{
display: block;
float: left;
position: relative;

height:14px;
margin: 8px 8px 0 0px;
padding: 6px 10px;
background: #656565;
color: #FFF;
font-size: 12px;
text-transform: none;
text-decoration: none;
border-radius: 5px;
}

#downloadABrochure a:hover,div#enquiryForm a:hover,div#productReviews a:hover
{
background: #949599;
}

#productDetail #emailAFriend a.emailIcon
{
display: block;
float: left;
height:14px;
position: relative;
margin: 8px 8px 0 0px;
padding: 6px 10px;
background: #656565;
color: #FFF;
font-size: 12px;
text-transform: none;

text-decoration: none;
top: auto;
right: auto;
border-radius: 5px;
}

#productDetail #emailAFriend a:hover
{
display: block;
background: #949599;

}

/* Details */



#multipleImageMainContainer
{
float: right;
position: relative;
width: 322px;
min-height: auto;
border:1px solid #f5a4a6:
}

#multipleImageMainContainer img#multipleImageMain
{
border:1px solid #f5a4a6;
}

#multipleImageThumbs
{
float: left;
position: relative;
width: 100%;
margin: 10px 0px 0px 4px;
}

#multipleImageThumbs div
{
float: left;
position: relative;
width: 76px;
text-align: center;
margin: 0px 5px 0px 0px;
padding-top:5px;
}

#multipleImageThumbs div:hover
{

}

#multipleImageThumbs img
{
float: none;
position: relative;
width: auto;
margin: 0px;
cursor: pointer;
border: 1px solid #f5a4a6;
}


#multipleImageThumbs img:hover


{

}



#relatedProducts
{

}


#productDetailSocialMedia
{
float: left;
position: relative;
width: 390px;
border-top: none;
margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;
}

#productDetailSocialMedia #facebook

{
float: left;
position: relative;
width: 140px;
}


#productDetailSocialMedia #twitter
{
float: left;
position: relative;
width: 94px;
}

#productDetailSocialMedia .pinterest
{
float: left;
position: relative;
width: 50px;
background: none;
}

#productEmailFormContainer
{
float: left;
position: relative;
width: 100%;

}

SPAN.productPrice, SPAN.productSpecialPrice{
text-align:left;
}


SPAN.productPrice,
SPAN.strike
{
display: inline-block;
text-decoration: none;
margin-left: 0px;
font-size: 19px;
font-weight: bold;
color: #e51c20;
text-align:left;
position:relative;
}
SPAN.strike{
float:left;
}
span.nowText
{
display: inline-block;
text-decoration: none;
margin-right: 8px;
font-size: 19px;
font-weight: bold;
color: #e51c20;
text-align:left;
float:left;
position:relative;
}

SPAN.productSpecialPrice{
display: block;
color:#4f4f4f;
text-decoration: none;
font-size: 15px;
font-weight: bold;

}

SPAN.productSpecialPrice SPAN.productPrice{
display: inline;
color:#4f4f4f;
text-decoration: none;
font-size: 15px;
font-weight: bold;
}

#noStrike.productPrice
{
text-decoration: none;
font-size: 26px;
font-weight: normal;
margin: 10px 0px;
}

#productPrice span .productPrice{
text-decoration: line-through;
font-size: 26px;
}

#productPrice .productSpecialPrice
{
text-decoration: none;
font-size: 26px;
font-weight: normal;
margin: 10px 0px;
color: #37BCDB;
font-family: Times New Roman;
}

.productAttributeElement {

    margin: 5px 0px;
}

.productAttributeHeader{

	display:none;
    margin: 10px 0px 0px;
}

.productAttributeElement select.fsel{


    width: 100%;
    font-size: 11px;
    color: #656565;
padding: 4px;
border-radius: 5px;
    border: 1px solid #ccc;
}
div.productCurrencies{ float:right;margin-top:-30px;}
div.productCurrencies select.fsel{ width:160px;font-size:75%;line-height:21px; left:10px;position:relative;color: #656565;}

#productAttributes {

    float: left;
    width:92%;
padding: 4%;
	margin: 0;
border: 1px solid #ccc;
}

#buttonsPanel {



}


.productDetailDescription .productPrices
{
position:relative;
float:left;
  width:100%;
  height:auto;
}

.productDetailDescription .productPrices #soldOut
{
position: relative;
float:left;
color: #e51c20;
font-size: 19px;
font-weight: bold;
margin-left: 5px;
}

.productPrices th{

    padding: 0;
    margin: 0;
    border-bottom:none;
    padding: 4px;
    text-align: left;
}

.productPrices table{

    width: 100%;
    background: #FFF;
    border: none;
color: #000;
margin: 0px 0px 8px 0px;
}

.productPrices .priceWas, .productPrices .priceSpecial{

    border-bottom: none;
}

.productPrices .price{

}
.productPrices a{text-decoration:none;color:#818285;}

.productPrices .priceSpecial, .priceNoSpecial{

    font-weight: bold;
}

.productPrices {
    padding: 0;
    margin: 0;
    background: #FFF;

    border: none;
    padding: 1px;
    text-align: left;

}

.productPrices a {
color: #000;
}

.productPrices s
{
color: #00006D;
}

.productPrices .priceSpecial
{
background: none;
}


.productPrices strong {

    display: block;
    padding: 5px;
    margin: 0px;
    border-bottom: 1px solid #ccc;
    margin: 0;
font-weight: normal;
}


span#productPrice {

    display: block;
float: left;
    padding: 5px;

    margin: 0px;
    margin: 0;
}

/* Shopping Cart Component */





/* popup on product detail screen after cart addition */
DIV#productDetailCartStatusBox{
    background-color:#efefef;
    color:#000;
    border: #ccc 1px solid;
    position:absolute;
top: 50px;
right: 20px;
z-index: 9999;
    padding:10px;
    text-align:right;
    display:none;
width: 373px;


}
DIV#productDetailCartStatusBox DIV.header{

    padding:5px;
    text-align:left;
    background-color:#fff;
    border-bottom:none;
font-weight: normal;
}
DIV#productDetailCartStatusBox DIV.footer A{




    font-weight:bold;
    text-decoration:underline;
}
DIV#productDetailCartStatusBox P{
    margin:0;
}
DIV#productDetailCartStatusBox P.title{
    color:#666;
    font-size:11px;
    font-weight:normal;
text-align: left;
border: none;
}

DIV#productDetailCartStatusBox DIV.items{
    background-color:#fff;

max-height: 282px;
overflow-y: scroll;font-size: 11px;
font-family: Lucida Sans, arial;
text-align: left;
}
DIV#productDetailCartStatusBox DIV.closeIcon{
    float:right;
margin: -3px -3px 0px 0px;
}
DIV#productDetailCartStatusBox .cartItems TR{
    border-bottom: none;
}







DIV#productDetailCartStatusBox .cartItems TD.image{
    padding: 4px 0px 4px 8px;
    vertical-align:middle;
}
DIV#productDetailCartStatusBox .cartItems TD.info{

    vertical-align:top;
    text-align:left;
    padding:10px;
}
DIV#productDetailCartStatusBox .cartItems p.price SPAN{
    font-weight:bold;
}
DIV#productDetailCartStatusBox .cartItems P.price span.wrapping_note{
font-size: 10px;
font-weight: normal;
line-height: 12px;
}

DIV#productDetailCartStatusBox DIV.total{
    border-bottom:1px solid #cacaca;
    font-weight:bold;
padding: 15px 0px;
margin-bottom: 15px;
}


/*---------------------------------------------*/

#productAttributes {
float: left;
width:100%;
padding: 0%;
margin: 0;
border: none;

}

#productAttributes .section:first-child
{
float: left;
position: relative;
width: 100%;
}

.section
{
float: left;
position: relative;
width: 100%;
}

.section h4
{
padding: 6px 14px;
background: #f2f2f2;
color: #434343;
font-weight: bold;
}

.section a.info
{
font-size: 12px;
color: #689621; 
text-decoration: none;
}

/*-------------------------*/

#recessContainer
{
float: left;

position: relative;
width: 330px;

height: 155px;
margin: 0px 15px 15px 0px;
padding: 8px 15px 15px 15px;
background: url(http://www.moca.net.nz/NZBLINDSDEV/images/style/recess_window.jpg) 25px bottom no-repeat;
}

.section #recessContainer input
{

}


#faceContainer
{
float: left;
position: relative;
width: 350px;
height: 165px;
margin: 0px 15px 15px 0px;
padding: 8px 15px 15px 15px;
background: url(http://www.moca.net.nz/NZBLINDSDEV/images/style/face_window.jpg) 25px bottom no-repeat;
}


#faceContainer input
{

}

/*-------------------------*/

#locationContainer
{
float: left;
position: relative;
width: 32.5%;
margin: 0px 0.5% 0px 0px;
}

#locationContainer h4
{

}

#locationContainer span
{
margin: 4px 0px 4px 14px;
}

#locationContainer input
{
width: 76%;
padding: 8px 5px;
font-size: 12px;
border: 1px solid #ccc;
margin: 4px 0px 4px 14px;
}

#locationContainer span.small
{
display: block;
margin: 0px 0px 20px 14px;
font-size: 12px;
}

/*-------------------------*/

#sizesContainer,
.sizesContainer 
{
float: left;
position: relative;
width: 32.5%;
margin: 0px 0.5% 0px 0px;
}

#sizesContainer .widthContainer,
.sizesContainer .widthContainer{

position: relative;
float: left;
}

#sizesContainer input#width,
.sizesContainer input#width
{
width: 95px;
padding: 8px 5px;
font-size: 12px;


border: 1px solid #ccc;
margin: 4px 0px 14px 14px;
}

#sizesContainer span,
.sizesContainer span
{
display: block;
margin: 0px 0px 0px 14px;
width: 105px;
}

#sizesContainer .dropContainer,
.sizesContainer .dropContainer{
position: relative;
float: left;
}

#sizesContainer input#drop,
.sizesContainer input.drop
{
width: 95px;
padding: 8px 5px;
font-size: 12px;
border: 1px solid #ccc;
margin: 4px 0px 14px 14px;
}

#sizesContainer .multipleBlinds
{

}

#sizesContainer .width2Container,
.sizesContainer .width2Container{
position: relative;
float: left;
}

#sizesContainer .multipleBlinds2
{

}

#sizesContainer input#width2,
.sizesContainer input#width2

{
width: 95px;
padding: 8px 5px;
font-size: 12px;
border: 1px solid #ccc;
margin: 4px 0px 14px 14px;
}


#sizesContainer .totalWidthContainer,
.sizesContainer .totalWidthContainer{
position: relative;

float: left;
background: #f7f7f7;
padding-top: 14px;
left: 14px;
}

#sizesContainer .totalWidthContainer span,
.sizesContainer .totalWidthContainer span{
width: 130px;
margin: 0 10px 0 14px;
}

#sizesContainer input#totalWidth,

.sizesContainer input#totalWidth
{
width: 95px;
padding: 8px 5px;
font-size: 12px;
border: 1px solid #ccc;

margin: 4px 14px 14px 14px;
}


#sizesContainer .width3Container,
.sizesContainer .width3Container{
position: relative;
float: left;
margin-top: -14px;
}

#sizesContainer .multipleBlinds3
{

}


#sizesContainer input#width3,
.sizesContainer input#width3
{
width: 95px;
padding: 8px 5px;
font-size: 12px;
border: 1px solid #ccc;
margin: 4px 0px 14px 14px;
}


.blindImage{
margin: 4px 0px 20px 14px;
}

#sizesContainer .blindNumber,
.sizesContainer .blindNumber{
position: absolute;
display: block;
left: -16px;
top: 29px;
font-size: 16px;
color: #434343;
font-weight: bold;
width: 10px;
}

/*-------------------------*/

#controlContainer
{
float: left;
position: relative;
width: 33%;
}

#controlContainer h4
{

}

#controlContainer .radioLabel
{

}

#controlContainer span.twoOnly

{

}

#controlContainer input
{
float: left;
width: 20px;
}

#controlContainer span
{
margin: 0px 0px 0px 10px;
}

#controlContainer span.radioLabel
{

float: left;
width: 250px;
margin: 0px 0px 7px 0px;
}

#controlContainer span.small
{
display: block;
position: relative;
float: left;
width: 100%;
font-size: 11px;
}

#controlContainer input#length,
#controlContainer input.length
{

width: 46%;

padding: 8px 5px;
font-size: 12px;
border: 1px solid #ccc;
margin: 4px 0px 20px 10px;
}

span.radioLabel
{

}

/*-------------------------*/

#rollerDirectionContainer
{
float: left;
position: relative;
width: 32.5%;
margin: 0px 0.5% 0px 0px;
}

#rollerDirectionContainer h4
{

}

#rollerDirectionContainer input
{
float: left;
width: 20px;
}



#rollerDirectionContainer span.radioLabel
{
float: left;
width: 250px;
margin: 0px 0px 7px 10px;
}

/*-------------------------*/


#baseBarContainer
{
float: left;
position: relative;
width: 32.5%;
margin: 0px 0.5% 0px 0px;
}

#baseBarContainer h4
{

}


#baseBarContainer span.selectLabel
{
float: left;
position: relative;
width: 100px;
margin: 0px 0px 7px 14px;
}

#baseBarContainer select#baseBarShape,
#baseBarContainer select.baseBarShape
{
float: left;
position: relative;
width: 170px;
padding: 4px;
font-size: 12px;
border: 1px solid #ccc;
margin: 0px 0px 8px 0px;
}

#baseBarContainer span.selectLabel
{
float: left;
position: relative;
width: 100px;
margin: 0px 0px 7px 14px;
}

#baseBarContainer select#baseBarColour,
#baseBarContainer select.baseBarColour
{
float: left;
position: relative;
width: 170px;
padding: 4px;
font-size: 12px;
border: 1px solid #ccc;
margin: 0px 0px 8px 0px;
}

/*-------------------------*/

#otherContainer
{

float: left;
position: relative;
width: 33%;
margin: 0px 0px 0px;
}

#otherContainer h4
{

}

#otherContainer span.selectLabel
{
float: left;
position: relative;
width: 130px;
line-height: 24px;
margin: 0px 0px 7px 14px;
}

#otherContainer select#sidewinderColour,
#otherContainer select.sidewinderColour
{
float: left;
position: relative;
width: 140px;
padding: 4px;
font-size: 12px;
border: 1px solid #ccc;
margin: 0px 0px 15px 0px;
}

#otherContainer select#chainColour,
#otherContainer select.chainColour

{
float: left;
position: relative;
width: 140px;
padding: 4px;
font-size: 12px;
border: 1px solid #ccc;
margin: 0px 0px 8px 0px;
}

#otherContainer select#bracketColour,

#otherContainer select.bracketColour
{
float: left;
position: relative;
width: 140px;
padding: 4px;
font-size: 12px;


border: 1px solid #ccc;
margin: 0px 0px 8px 0px;
}

/*-------------------------*/

div.productSectionHeading
{
float: left;
position: relative;
width: 100%;
margin: 15px 0px;
padding: 0px 0px 7px;
color: #37BCDB;
font-size: 22px;
font-weight: normal;
border-bottom: 1px solid #37BCDB;
}


div#colourSwatch,
div.colourSwatch
{
float: left;
position: relative;
width: 100%;
}


div#colourSwatch DIV.swatchItem,
div#colourSwatch DIV.swatchItem a,



div#colourSwatch DIV.swatchItem a img,
div.colourSwatch DIV.swatchItem,

div.colourSwatch DIV.swatchItem a,
div.colourSwatch DIV.swatchItem a img
{

float: left;
position: relative;
width: 90px;

height: 90px;
border: none;
border-radius: 3px;
}

div#colourSwatch DIV.swatchItem,

.colourSwatch DIV.swatchItem

{
position: relative;
text-align: center;
font-size: 12px;
height: 112px;

margin: 0px 10px 10px 0px;
border: 2px solid #fff;
border-radius: 5px;
}

div#colourSwatch DIV.swatchItem.selected,
.colourSwatch DIV.swatchItem.selected
{
border: 2px solid #434343;
}

div#colourSwatch DIV.swatchItem a
{
text-decoration: none;
}

#attrib_colour,
.attrib_colour
{
display: none;
}

.largeSwatch{
position: absolute;
z-index: 999;
top:-252px;
left: -255px;
height: 200px;
border-radius: 5px;
}

/*-------------------------*/

#productDetail #buttonsPanel,
.productDetail #buttonsPanel
{
position: relative;
float:left;
margin: 0px;
padding: 0px;
background: none;
border: none;
width: auto;
}

#productDetail p#quantity{
position: relative;
float:left;
}

#productDetail p#quantity span{
position: relative;
float:left;
padding: 5px 5px 5px 0px;
}

#productDetail p#quantity input{
width: 20px;
}

#buttonsPanel a#addToCartButton.addToCart
{
position: relative;
float:right;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
background:none;
color:#FFF;
background:#E31D1E;
border-radius: 5px;
width:110px;
text-align:center;
}


#buttonsPanel a#addToCartButton.addToCart:hover
{
text-decoration:none;
background:#949599;
}

#productDetail #buttonsPanel span#calculatedPrice
{
display: inline-block;
float: left;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px;
color: #37BCDB;
line-height: 30px;
font-size: 22px;
font-weight: normal;
}

#productDetail #buttonsPanel input#quantity
{
float: none;

}

#productDetail #buttonsPanel a#calculateButton.calulate
{
display: inline-block;
float:none;
height:14px;
min-width:150px;
position: relative;
margin: 3px 2px 0px 2px;

padding: 6px 10px;
background: #434343;
color: #FFF;
font-size: 12px;
text-decoration: none;
text-transform: none;
text-align:center;
border-radius: 3px;
}

#productDetail #buttonsPanel a#calculateButton.calulate:hover
{
display: inline-block;
background: #949599;
}




/*-------------------------*/

#mocaDialog
{


}

#multiBlindPopupContainer,
.multiBlindPopupContainer
{
position: absolute;
width: 450px;
height: 150px;
top: auto;
left: 0px;
bottom: 300px;
background: #666;
z-index: 9999;
display: table;
border-radius: 10px;
border: 10px solid #fff;
-moz-box-shadow: 0px 0px 300px 1px #000;
-webkit-box-shadow: 0px 0px 300px 1px #000;
box-shadow: 0px 0px 300px 1px #000;
}

#multiBlindPopup,
.multiBlindPopup
{
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
color: #fff;

border-radius: 10px;
}

#multiBlindPopup input#twoBlinds,
#multiBlindPopup input#threeBlinds,
.multiBlindPopup input.twoBlinds,
.multiBlindPopup input.threeBlinds
{
height:12px;
padding: 0px;
margin: 0px 4px 0px 4px;
}

#multiBlindPopup input,
.multiBlindPopup input
{

display: inline-block;
float:none;
height:30px;
min-width:auto;
position: relative;
margin: 3px 2px 0px 10px;
padding: 6px 10px;
background: #37BCDB;
color: #FFF;
font-size: 12px;
text-decoration: none;
text-transform: none;
text-align:center;
border-radius: 5px;

border: none;
}

#multiBlindPopup input:hover,
.multiBlindPopup input:hover
{
display: inline-block;
background: #00006D;
}

#multiBlindPopup #popupMessage,
.multiBlindPopup .popupMessage
{
color: #a6ce68;
}

#multiBlindPopup #popupMessage p,
.multiBlindPopup .popupMessage p
{
color: #a6ce68;
}

.productAttributeHeader
{

}

.productAttributeElement
{

}

.productAttributeElement select.productAttribute
{

}


#colourSwatch


{

}

#colourSwatchHeader.productSectionHeading
{

}

#colourSwatch .swatchItem
{

}

#colourSwatch .swatchItem img
{



}


#skuStatus,
.sku
{
display: none;
}

#skuStatus .sku
{

}

#skuStatus .message
{

}


#buttonsPanel
{
font-size: 12px;
}

#buttonsPanel span#calculatedPrice
{

}

#buttonsPanel input#quantity
{

}


#buttonsPanel a#calculateButton.calulate
{

}

#buttonsPanel a#addToCartButton.addToCart
{

}


.productBackLink

{

}

.productBackLink a
{

}





/* Product Cart Form Styling */

#progressBar
{
float: left;
position: relative;
width: 100%;
border-top: 1px solid #CCC;
margin:60px 0px 0px 0px;
}

#progressBar #step1,
#progressBar #step2,
#progressBar #step3,
#progressBar #step4
{
float: left;
position: relative;

width: 25%;
}

#progressBar #step1 span,
#progressBar #step2 span,
#progressBar #step3 span,
#progressBar #step4 span
{
top: -8px;
padding: 0px 15px;
float: right;
position: relative;
display: block;
background: #FFF;
font-weight: bold;
}



.selectedStep
{
font-weight: bold;
color: #E51C20;
}

TABLE#productCartForm
{
 padding: 20px 0px 0px 0px;
border-top: 1px solid #ccc;
color: #000;
}

TABLE#productCartForm input,
#blank TABLE#editComment input,
TABLE#productCartForm select
{
background: #eee;
color: #666;

font-size: 11px;
padding: 5px;
width: auto;
background: #EBEBEB;
border: 1px solid #ccc;
margin: 2px 5px 2px 0px;
}

TABLE#productCartForm input.fphcodetxt
{
width: 37px;
margin: 0px 1px ;
}


h1.productPageTitle a
{
text-decoration:none;color:#ccc; 
 } /* Return to shopping... */\

TABLE#productCartForm table.fgroup
{
margin: 0px 0px 0px -10px;
padding: 0;
}

TABLE#productCartForm .horizontalElementsubscribe input
{
background: #eee;
color: #666;
font-size: 11px;

padding: 4px;
width: 20px;
margin: 3px;
background: #EBEBEB;
border: 1px solid #ccc;

}

TABLE#productCartForm input.fmtxt,
#blank TABLE#editComment input.fmtxt,
TABLE#productCartForm input.fdate
{
width: 350px;
}

TABLE#productCartForm textarea,
#blank TABLE#editComment textarea {
background: #EBEBEB;
border: 1px solid #ccc;
font-size: 11px;

padding: 5px;
width: 350px;

font-family: arial;
color: #656565;
margin: 2px 5px 2px 0px;
}

TABLE#productCartForm select {

}


TABLE#productCartForm input:hover,
TABLE#productCartForm textarea:hover,
TABLE#productCartForm select:hover,
TABLE#productCartForm input:focus,
TABLE#productCartForm textarea:focus,

TABLE#productCartForm select:focus,
#blank TABLE#editComment input:hover,
#blank TABLE#editComment input:focus,
#blank TABLE#editComment textarea:hover,
#blank TABLE#editComment textarea:focus, {

    border: 1px solid #ccc;

}

div#productOrderAccount{padding-bottom:0px;border-bottom:1px solid #ccc;}
div#productOrderAccount div.account{float:left;border:1px solid #ccc;padding:2%;margin:20px 20px 0 0;height:200px; width: 43%;}
div#productOrderAccount div#register{float:left;padding:2%; width: 43%;}
div#productOrderAccount  #popLogin{ position:relative;left:0;top:0;float:none; width:300px;background:0;padding:0;}
div#productOrderAccount  #popLogin input.buttonForm{ float:none; }
div#productOrderAccount  #popLogin input.inputText{ padding-left:0; width:150px;}
div.checkoutButtonsTop span{ display:inline-block; }
div.loginHeader{font-family:questrial,sans-serif;font-size:20px;}

#formbuilderFieldValues
{

float: left;
position: relative;
width: 100%;

}

#formbuilderFieldValues td.fblabel2
{
width: 35%;
font-weight: bold;
padding: 2px;
}

#formbuilderFieldValues td.fbvalue

{
width: 65%;
font-weight: normal;
}



DIV#productCartContainer
{
float: left;
position: relative;
padding: 10px 0px 0px 0px;
}


DIV#productCartContainer h1
{
width: 715px;

color: #353535;

font-size: 20px;
font-weight: normal;
font-family: arial;
background: none;
text-transform: none;

color:#e51c20;
padding: 0px 0px 0px 45px;
margin:0px 0px 0px -23px;
font-size:28px;
background: url(http://www.madeintonga.com/images/style/productHeadingArrow.jpg) 0px 16px no-repeat;
}

DIV#productCartContainer h2 {
float: left;
position: relative;
width: 94%;
padding: 1.5% 3%;
margin: 14px 0px;

background: #CCCCCC;
color: #434343;
border-radius: 7px;
font-size: 14px;
font-weight: normal;
}

DIV#productCartContainer #productCartFormHeaderText {

    border-top: 1px solid #1B2326;
    margin: 17px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}



DIV#productCartFormHeaderText{

    font-weight:bold;

}

DIV#productCartContainer .productUsageText{


    font-size: 11px;
    font-weight: normal;
    background: #fff;

    border: 1px solid #cacaca;
    margin: 0px 0px 8px 0px;
    padding: 1.5% 2%;
    width: 95.7%;
text-align: center;
border-radius: 5px;
}

DIV#productCartContainer .viewCartItem{
width: 100%;
float: left;
position: relative;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    padding: 0;
    font-weight: normal;
    color: #1B2326;
}


DIV#productCartContainer .viewCartItem td{
    color: #000;
text-align: left;
}


DIV#productCartContainer .viewCartItem p{
margin: 0;
}

DIV#productCartContainer .viewCartItem h3,
DIV#productCartContainer .confirmCartItem h3{


    font-size: 11px;
    margin: 10px 0px 5px 0px;
    padding: 0;
    font-weight: normal;
    color: #1B2326;
}

DIV#productCartContainer .viewCartItem img {

    margin: 10px 10px 0px 0px;
    border: none;
}

DIV#productCartContainer .viewCartItem p.cartItemFields {

    margin: 0;
    padding: 0;
}


DIV#productCartContainer .viewCartItem p.cartItemPrice{


    margin: 10px 0px 0px 0px;
    padding: 0;
}


DIV#productCartContainer .viewCartItem p.cartItemQuantity{

    margin: 0;
    padding: 0;
}


DIV#productCartContainer .viewCartItem span.wrapping_note{

color: #666;
font-weight: normal
}

.statusMessage
{
color: #BA1108;
margin: 18px 0px 0px;
}

#accountDetails,
#coupon,
#productCartForm
{
float: left;
position: relative;

width: 100%;
float: left;
background: #FFF;
border: none;
padding: 10px 10px;
margin: 0;
}


#accountDetails td.label
{
display:block;
font-weight:bold;
margin-right:10px;
width:110px;
margin-bottom:10px;
}

#coupon_code
{
background: #EBEBEB;
border: 1px solid #ccc;
margin: 0px 0px 0px 10px;
}

#accountHeader
{
float: left;
position: relative;
width: 97%;
float: left;
background: #FFF;
border: none;
padding: 10px 10px;

}

#productCartForm td
{
padding-left: 10px;
}

#accountDetails.header p,
#accountHeader.header p,
#coupon .header p
{
font-size: 15px;
font-weight: normal;
color: #666;
margin: 15px 0px;
}

DIV#productCartContainer .viewCartItem a.delete{}

TD.productCartLabel{
vertical-align:top;
text-align:right;
}
TD.productCartFormVerticalElement{ }
TD.productCartFormVerticalName{  }
TD.productCartFormHorizontalElement{ }
TD.productCartFormHorizontalName{  width: 30%}

DIV.productCartFormCheckoutButtons {


    float:right;
    padding: 1em 0;
    margin: 0px 0px 0px 10px;
}


DIV.productCartFormCheckoutButtons a img {

    display: inline-block;

    float: left;
    width: auto;
}



.confirmCartItem {
float: left;
position: relative;
width: 46%;
margin: 5px 0px 5px 0px;
    border: none;
    padding: 8px 0px 8px 8px;
background: none;

}

#productcartContainer .confirmCartItem p,
#productcartContainer .confirmCartItem h3
 {
margin: 0;
padding: 0;
}

.confirmCartItem img {
margin: 0px 5px 0px 0px;
}

#cart_shipping_totals {

    float: right;
    width: 150px;
    text-align: right;
    border-bottom: 3px double #1B2326;
    padding: 10px 0px 10px 369px;



    margin: 0px 0px 10px 0px;
}




#cart_shipping_totals th {
width: 10%;
    padding: 0px 8px 0px 0px;
}



#shippingTotals,
#cart_shipping_notes,
#userDetails
{
display:block ;
float: left;
width: 645px;
border:  1px solid #cacaca;
margin: 10px 0px;
padding: 10px;
background: none;
}

#cart_shipping_notes
{
width: 623px;
}


#shippingTotals th
{
width: 25%;
}

#shippingTotals td
{


width: 25%;
}

.productCartFormCheckoutButtonsTop{

    float: right;
    margin: 10px 0px 0px 0px;
}

.productCartFormCheckoutButtonsBottom{


    float: right;
    width: 105%;
margin: 0px 0px 0px -10px ;
    height: 65px;
    position: relative;
text-align: right;

}

.checkoutButtonsBottom

{
float: right;
position: relative;

padding: 30px 0px 20px 0px;
text-align: right;
}

.checkoutButtonsBottom a
{
float: left;
position: relative;
display: inline-block;
padding: 8px 12px;
background: #666;
border-radius: 5px;

color: #FFF;
width: auto;
text-align: center;
margin: 0px 0px 10px 10px;
border: none;
text-decoration: none;
text-transform: uppercase;

}


.checkoutButtonsBottom a:hover
{
background: #EC6E21;
color: #FFF;
border: none;
text-decoration: none;
}


.checkoutButtonsBottom a img
{
border: none;
}


.productCartFormCheckoutButtonsBottom a.productCartFormCheckoutButton {

    position: absolute;

    bottom: 0px;
    left: 0;
}

.productCartFormCheckoutButtonsBottom a.checkout {

    position: absolute;
    top: 35px;
    left: 176px;
}

.productCartFormCheckoutButtonsBottom a.checkoutBottom {

    position: absolute;
    top:0;
    right: 0px;
}

DIV.viewCartItem H3, DIV.confirmCartItem H3{

    padding:0 0 0 0;
    /*color:#0000000;*/
    margin:0 0 0.5em 0;

    font-weight:bold;

}
DIV.viewCartItem P{

    margin:0;
}

DIV.confirmCartItem P{

    padding:0 0 0 0em;
    margin:0;
}


DIV.confirmCartItem STRONG, DIV.viewCartItem STRONG{

    font-weight:normal;
    color:#0000000;
}


TABLE#cart_shipping_totals{

    margin-top:1em;
}

TABLE#cart_shipping_totals TD{

    text-align:right;
}

/* Vouchers */
div.viewCartItem tr.voucherRecipient td.label{font-weight:bold;text-align:center;padding:4px 0;vertical-align:top;}

div.viewCartItem tr.voucherRecipient td.descr{font-size:75%;}
div.viewCartItem tr.voucherForm div{display:inline-block;padding:1px 0;  }
div.viewCartItem tr.voucherForm td input.fmtxt{ width:200px;height:12px; }
div.viewCartItem tr.voucherForm td textarea.fmtxt{ width:200px;}
div.viewCartItem tr.voucherForm div.label{ width:50px;text-align:right;padding-right:1em; }

div.confirmCartItem p.cartItemVoucher{ font-size:110%;padding-top:10px; }
div.confirmCartItem p.cartItemVoucher strong{color:#ccc;font-weight:bold;display:inline-block;padding-right:2em;}
#couponContainer,
#couponContainer .header p
{
float: left;
position: relative;
margin: 15px 0px 0px 0px;
padding: 0;
color: #666;
}

#invoiceHeader,
#onInvoice
{
float: left;
position: relative;
}

#invoiceHeader
{
font-weight: normal;

text-transform: uppercase;
margin: 15px 0px 0px 12px;
}

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

#onInvoice p
{
margin: 0px 0px 0px 0px;
}




div#crossSellProducts{float: left; position: relative; width: 100%;padding:20px 0;}
div#crossSellProducts h2.header{font-family:questrial,arial,sans-serif;font-size:14px;float:none; margin: 0px 0px 10px 0px;}
div.crossSellProduct{
	float: left;
	position: relative;
	width: 196px;
	text-align: center;

	margin: 0px 20px 10px 0px;

}
DIV#productCartContainer div.crossSellProduct h2.productName{float: left;position: relative;width: 196px; margin: 0; background: none;}
DIV#productCartContainer div.crossSellProduct a{display: block;min-height: 110px;min-width: 196px;text-decoration: none;}
DIV#productCartContainer div.crossSellProduct h2 a
{
color:#818285;
display: block;
min-height: 18px;
min-width: 196px;
font-size: 12px;
background: none;

text-decoration: none;
}




/* --------------- User Order History --------------- */

table#orderHistory{
border-collapse: none;
border: 1px solid #ccc;
padding: 2px;
border-radius: 0px;
margin: 15px 0px 15px 0px;

font-size: 13px;
}

#orderHistory .orderRowHeader{
background: #EEEEEE;
border-bottom: none;
font-size: 13px;

}

#orderHistory .orderRow{
background: #f7f7f7;
border-bottom: none;
}

#orderHistory .orderRowHeader td{


font-weight: bold;
padding: 5px;
}

#orderHistory td.lcolumn{
padding: 5px;
}

#orderHistory .orderRow td{
padding: 5px;
}


#orderHistory .recItems{

}

#orderHistory .recItems th{
color: #000;
padding: 3px 10px;
}

#orderHistory .recItems td{
border-bottom: none;
background: #fff;
padding: 10px;
border-collapse: collapse;
color: #2f2f2f;
}

#orderHistory .recItems .cost td{
border-bottom: none;
background: #fff;
border-collapse: collapse;
}

#orderHistory .recItems td.fieldStr div{
font-size: 10px;
}



#orderHistory td.priceHeader,
#orderHistory td.amount,
#orderHistory .recItems th.quantity,
#orderHistory .recItems td.quantity{
width: 185px;

text-align: left;
color: #2f2f2f;
}

#orderHistory .recItems th.quantity,
#orderHistory .recItems td.quantity{
width: 320px;
text-align: center;
color: #2f2f2f;
}

#orderHistory td.show,
#orderHistory .recItems th.price,
#orderHistory .recItems td.price{
width: 80px;
text-align: right;
color: #2f2f2f;
}

#orderHistory .recItems td.price
{

}

#orderHistory .recItems td.subtotal{
text-align: right;

}


#orderHistory .lvalue{
text-align: left;
}

.ui-widget-header{
/* title bar of mocaAlert jq dialog thingies */
border:0;
color:white;
font-family:questrial,sans-serif;
font-size: 18px;
text-transform:uppercase;
background: #949599;
}

.ui-state-default, .ui-widget-content .ui-state-default {
/* ok button */
background:#949599;
    border: 0;
font-family:questrial,sans-serif;
    color: #ffffff;
    font-weight: bold;
    outline: medium none;
}
.ui-widget-content {
/* Text content, incl border HR thing */
    color: #747474;
}

select.productAttribute option.soldOut{background:#ccc;}
div#productAttributes span.singleValue{ font-size:12px;}


div#skuStatus{

font-family:questrial,sans-serif;

min-height:25px;
padding-top:10px;
}
div#skuStatus div.sku {

/* Shows currently selected sku */
font-size:200%;
color:#949599;
font-weight:bold;
}

div#skuStatus div.message{
/* shows messages about availiability */
font-family:questrial,sans-serif;
color:#4386a0;



}
div.productPopup,div.formPopup { padding:0px 0px; text-align:center;}

table#emailPage,
table.productForm{ padding: 15px;width:auto; background: #EEEEEE;border:1px solid #CCC;}
table#editReview{ background:white;}
table.productForm td.formHeaders{ font-family:questrial,sans-serif;padding:10px 0px; }

table.productForm td.formHeaders span.name{font-size:120%;font-weight:bold;}
table.productForm td.formHeaders span.sku{font-size:120%;font-weight:bold;}
table.productForm div.buttonPanel{ text-align:left; padding:0px 0px 20px 83px;}

table#productSkuTable td:hover{ cursor:pointer;background:#949599; }
table#productSkuTable tr.selected td{ border-bottom:1px dashed #999;  border-top:1px dashed #999;background:#c6ffF5;}
table#productSkuTable td.add{ font-size:150%;font-weight:bold;padding:0; }
table#productSkuTable td.soldOut{ color:#ccc;}
div#productOrderAccount .account input.buttonForm
{
display: block;
float: none;
position: relative;
width: 150px;
height: 25px;
line-height: 25px;
border: none;


text-align: center;
color: #a4a4a5;
text-transform: uppercase;
text-decoration: none;
margin: 4px 3px 0px 0px;
background: #dbdbdb;
}
div#productOrderAccount #popLogin input.buttonForm{ width:50px;}
div#registration{display:none; }
div#registration table.userRegistration input.button{

display: block;
float:left;
position: relative;
width: auto;
height: 25px;
line-height: 25px;
border: none;
text-align: center;
color: #a4a4a5;
text-transform: uppercase;
text-decoration: none;
margin: 4px;
background: #dbdbdb;
}
div#registration table.userRegistration{ padding-bottom:30px; }


p.storeLinks 
{ 
color:#FFFFFF; 
display:block; 
height:55px; 


width: 170px; 
position:absolute; 
top: 425px; 
right: 32px; 
text-decoration:none; 
margin: 0;
padding: 0;
font-size: 11px;
text-align: right;
}

.products p.storeLinks 
{ 
color:#FFFFFF; 
display:block; 
height:55px; 
width: 170px; 
float: left;
position:relative; 
top: 0px; 
right: 0px; 
text-decoration:none; 

margin: 0px 0px 0px 20px;
padding: 0;
font-size: 11px;
text-align: left;
}



p.storeLinks a

{ 
text-decoration: none;
color: #666;
}

img#dps{
position: relative;
top: 10px;
left: 25px;
margin: 0px 0px 20px 0px;
}

.newOnlineStore
{
position: absolute;
top: 21px;
right: 10px;
}

/*------------------------------------------*/

table#cartItems
{
margin: 10px 0px 0px 0px;
padding: 0;
width: 100%;
border-collapse: collapse;
}

table#cartItems th
{
background: #f2f2f2;
color: #434343;
padding: 10px;
font-size: 13px;
}

table#cartItems td
{

padding: 10px;
border-bottom: 1px solid #ccc;
}



table#cartItems td.itemImage

{
width: 50px;
}

table#cartItems td.itemImage img
{

}

table#cartItems td.itemName
{


}

table#cartItems td.itemName a
{

text-decoration: none;
}

table#cartItems td.itemName a:hover
{
text-decoration: underline;
}

table#cartItems td.itemAttributes
{
text-align: center;
}

table#cartItems td.itemAttributes span,
table#cartItems td.itemAttributes strong
{
display: inline-block;
width: 50%;
height: 25px;
float: left;
text-align: left;
margin: 3px 0px;
}

table#cartItems td.itemAttributes .cartItemVoucher
{
display: block;
width: 300px;
height: 75px;
text-align: left;
}

table#cartItems td.itemPrice
{
text-align: center;
}

table#cartItems td.currencySym
{

}

table#cartItems td.itemQuantity
{
text-align: center;
}



table#cartItems td.itemQuantity input.qinput
{
width: 30px;
padding: 3px 2px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
font-size: 11px;
}


table#cartItems td.itemRemove
{
text-align: center;
}

table#cartItems td.itemRemove a
{
display: inline-block;
background: #37BCDB;

border-radius: 10px;
width: 20px;
height: 20px;
line-height: 20px;
text-decoration: none;
font-size: 10px;
color: #fff;
fot-weight: bold;
}

table#cartItems td.itemRemove a:hover
{
background: #434343;
color: #fff;
}

table#cartItems td.itemRemove a img
{

}

.progressBarStep a.checkoutButton  
{
top: 0px;
padding: 0px 15px;
float: right;
position: relative;
display: block;
background: #FFF;
font-weight: bold;
color: #4f4f4f;
margin:0px;
}


.progressBarStep a.checkoutButton:hover
{
background:#FFF;
color: #4f4f4f;
}

a.checkoutButton
{

float: left;
display: inline-block;
margin: 15px 0px 0px 0px;
padding: 8px 10px;
background: #434343;
color: #fff;
font-weight: bold;
border-radius: 5px;
text-decoration: none;

}

a.updateCartButton
{

float: right;
display: inline-block;
margin: 15px 0px 0px 0px;
padding: 8px 10px;
background: #434343;
color: #fff;
font-weight: bold;
border-radius: 5px;
text-decoration: none;
}

a.checkoutButton:hover,
a.updateCartButton:hover
{
background: #37BCDB;
}

#productCartForms
{
float: left;
position: relative;
width: 96%;
padding: 2%;
background: #F2F2F2;
border-radius: 10px;
margin: 25px 0px 10px 0px;
}


#productCartForms a.checkoutButton

{
float: right;
display: inline-block;
margin: 15px 0px 0px 0px;
padding: 8px 20px;
background: #37BCDB;
color: #fff;
font-size: 130%;
font-weight: normal;
border-radius: 5px;
text-decoration: none;
}


#productCartForms a.checkoutButton.changeOrderButton
{
float: left;
display: inline-block;
margin: 15px 0px 0px 0px;
padding: 8px 20px;
background: #37BCDB;
color: #fff;
font-size: 130%;
font-weight: normal;
border-radius: 5px;
text-decoration: none;
}

#productCartForms a.updateCartButton
{
float: right;
display: inline-block;
margin: 15px 0px 0px 0px;
padding: 8px 20px;
background: #434343;
color: #fff;
font-size: 130%;
font-weight: normal;
border-radius: 5px;
text-decoration: none;
}

#productCartForms a.checkoutButton:hover,
#productCartForms a.updateCartButton:hover
{
background: #434343;

}


/*------------------------------------------*/


#loginForm 
{
float: left;
position: relative;
padding: 3%;
width: 43%;
height: 160px;
background: #37BCDB;
color: #fff;
border-radius: 7px;
font-size: 120%;
}

#loginForm p
{
margin: 0;
}

#loginForm #productCartLogin
{



}

#loginForm div
{
color: #fff;
margin: 5px 0px 0px 0px;
}


#loginForm input.inputText
{
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #666;
font-size: 11px;
width:94%;
padding: 4px 8px;
border-radius: 5px;
}

#loginForm input#cartLogin.buttonForm
{
position: absolute;
bottom: 10px;
right: 17px;
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #666;
font-size: 12px;
width:20%;
margin: 15px 5px 0px 0px;
padding: 5px 10px;
border-radius: 5px;
text-transform: uppercase;
cursor:pointer;
}

#loginForm input#cartLogin.buttonForm:hover
{
color: #fff;
background: #434343;

}


/*-------------------------------------------*/

#registerForm 
{
float: right;

position: relative;
padding: 3%;
width: 43%;
height: 160px;
background: #37BCDB;
color: #fff;
border-radius: 7px;
font-size: 120%;
}

#registerForm p
{
margin: 0;
}

#registerForm ul
{


}


#registerForm ul li

{


}

#registerForm input#createAccount
{
position: absolute;
bottom: 10px;
right: 10px;
font-family:arial,helvetica,sans-serif;
cursor:pointer;
background: #FFF;
border: 1px solid #666;
font-size: 12px;
min-width:20%;
margin: 15px 5px 0px 0px;
padding: 5px 10px;
border-radius: 5px;
text-transform: uppercase;
}

#registerForm input#createAccount:hover
{
color: #fff;
background: #434343;
}



#accountMethod.header
{
float: left;
position: relative;
width: 94%;
padding: 1.5% 3%;
margin: 14px 0px;

background: #000;
background: #434343;
color: #fff;
border-radius: 7px;
font-size: 14px;
}



/*------------------------------------------*/


table#productCartUserForm
{
width: 100%;
padding: 2.5% 5% 0;
background: #fff;
border-radius: 5px;
}

table#productCartUserForm td.labelHorizontal
{
width: 40%;
}


table#productCartUserForm td.valueHorizontal
{
width: 60%;
}

/*------------------------------------------*/

#productShippingForm
{
float: left;
position: relative;
width: 90%;
padding: 2.5% 5% 0;
margin: 10px 0px;
background: #fff;

border-radius: 7px;
}

/*------------------------------------------*/


#productCartDemographics
{
float: left;
position: relative;
width: 100%;
}

table#productCartDemographicForm
{
float: left;
position: relative;
width: 100%;
padding: 0% 5% 2.5% ;
background: #fff;
border-radius: 7px;
}

table#productCartDemographicForm td.labelHorizontal
{
width: 40%;


}


table#productCartDemographicForm td.valueHorizontal
{
width: 60%;
}

/*------------------------------------------*/


#productShippingForm 
{
float: left;
position: relative;
width: 90%;
margin: 15px 0px 0px 0px;
padding: 2.5% 5%;
background: #fff;
border-radius: 7px;
}

#productShippingForm .header
{
float: left;
position: relative;
width: 94%;
padding: 1.5% 3%;
margin: 14px 0px;
background: #CCCCCC;
color: #434343;

border-radius: 7px;
font-size: 14px;
}

#productShippingForm .header p
{
margin: 0;
padding: 0;
text-transform: capitalize;
}


/*------------------------------------------*/


#productPaymentMethodForm
{
float: left;
position: relative;
width: 90%;
margin: 15px 0px 0px 0px;
padding: 2.5% 5%;
background: #fff;
border-radius: 7px;
}

#productPaymentMethodForm .header
{
float: left;
position: relative;
width: 94%;
padding: 1.5% 3%;
margin: 14px 0px;
background: #CCCCCC;
color: #434343;

border-radius: 7px;
font-size: 14px;
}

#productPaymentMethodForm .header p
{
margin: 0;
padding: 0;

text-transform: capitalize;
}

/*------------------------------------------*/

#productDiscountForm
{
float: left;
position: relative;
width: 96%;
padding: 2.5% 2%;
background: #F2F2F2;
border-radius: 7px;
}


#productDiscountForm .header
{
background: #434343;
padding: 1.5% 2%;
color: #fff;

font-size: 14px;
border-radius: 7px;

margin: 0px 0px 15px 0px;
}

#productDiscountForm #coupon

{
float: left;
position: relative;
width: 97%;
background: #fff;
border-radius: 7px;
}

#productDiscountForm #coupon .header
{
background: #ccc;
color: #434343;
}


#productDiscountForm #coupon p
{
float: left;
margin: 0;
padding: 0;
}

#productDiscountForm #coupon input
{
float: right;
padding: 4px;
font-size: 11px;
width: 300px;
background: #fff;
border-radius: 5px;
border: 1px solid #ccc;
}

#productDiscountForm #voucher
{
float: left;

position: relative;
width: 96%;
padding: 2.5% 2%;
margin: 15px 0px 0px 0px;
background: #fff;
border-radius: 7px;
}


#productDiscountForm #voucher .header
{
background: #ccc;
color: #434343;
}

#productDiscountForm #voucher p
{
float: left;
margin: 0;
padding: 0;
}

#productDiscountForm #voucher input
{
float: right;
padding: 4px;

font-size: 11px;
width: 300px;
background: #fff;
border-radius: 5px;
border: 1px solid #ccc;
}

/*-----------------------------------------*/


#productCartDemographicDetails,
#productCartUserDetails
{


float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #ccc;
margin: 10px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}


#productCartDemographicDetails table,
#productCartUserDetails table
{

border-collapse: collapse;
}

#productCartDemographicDetails table td,
#productCartUserDetails table td
{
padding: 4px;
width: 48%;
}

/*-----------------------------------------*/



#cartTotals
{
float: left;
position: relative;
width: 100%;
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

table#cartTotals 
{
border-collapse: collapse;
}

table#cartTotals td
{
padding: 4px;
width: 54%;
}

table#cartTotals th

{
color: #000;
padding: 4px;

width: 48%;
}


/* -------- Site Search -----------------------*/

.siteSearch 
{
margin: 25px 0px 0px 0px;
}

.siteSearch span
{
font-size: 14px;
font-weight: bold;
}

.siteSearch input.fsub
{
border: 1px solid #ccc;
font-size: 11px;
margin: 0px 3px 10px;
padding: 2px 6px;
cursor: pointer;
}


.siteSearch input.textInput
{

font-size: 11px;
border: 1px solid #ccc;
padding: 3px 6px;
}

#searchResultDescription

{
margin: 0px 0px 10px;
}


#searchResultItems .searchResultItem
{
margin: 10px 0px 0px 0px;
}

#searchResultItems a.title
{
text-decoration: none;
font-weight: bold;
margin: 0px 0px 0px 10px;
color: #37BCDB;
}

#searchResultItems .description
{
line-height: 19px;
margin: 12px 0px;
margin: 4px 0px 0px 10px;
}

#searchResultItems .description p
{
margin-top: 0px;

}


/*------- Follower --------------------------*/

#follower{
position : absolute;
top: 67px;
padding : 10px;
height: auto;
background: url(http://www.madeintonga.com/images/style/selector_image.png) bottom left no-repeat;
}


/*--------------------------------------*/

.loginMsg,
p.orphan
{
color: #BA1108;
float: none;
position: relative;

width: 100%;
margin: 15px 0px;
}



/*----------- Wishlist -----------------------*/

table.wishlistItems
{
float: left;
position: relative;
margin: 10px 0px 0px 0px;
}





table.wishlistItems th
{
text-align: left;
background: #f2f2f2;
color: #434343;
padding: 10px;
font-size: 13px;
}


table.wishlistItems td
{
padding: 20px 0px 0px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 1px solid #ccc;
text-align: center;
}

table.wishlistItems td.image
{
width: 95px;
text-align: left;
}

table.wishlistItems td.image img
{
width: 80px;
margin: -10px 10px 10px 0px;
}

table.wishlistItems td.info
{
width: 645px;
text-align: left;
}

table.wishlistItems p.title
{
float: left;
position: relative;


display: block;
width: 160px;
margin: 0;
}

table.wishlistItems td.swap
{
width: 140px;
text-align: center;
}

table.wishlistItems p.attributes
{

float: left;
position: relative;
display: block;
width: 410px;
margin: 0;
}

table.wishlistItems p.attributes span
{
display: block;
float: left;
position: relative;
display: block;
width: 50%;
margin: 7px 0px;
}

table.wishlistItems p.attributes strong
{

display: block;
float: left;

position: relative;
display: block;
width: 105px;
margin: 0px 0px;
}

table.wishlistItems p.price
{
float: left;
position: relative;
display: block;
width: 70px;
margin: 0;
}

table.wishlistItems .swap a,
table.wishlistItems .del a
{
border-radius: 11px;
background: #37BCDB;
color: #fff;
padding: 4px 8px;
font-size: 11px;
cursor: pointer;
}


table.wishlistItems .swap a:hover,
table.wishlistItems .del a:hover
{
background: #434343;
}




/* --------- Document Library Styles ---------------*/

#categoryNavigation
{
position:absolute ;
top: 0;
right: 0;
display: block;
width: 360px;
margin: 0px 0px 0px 0px;
}

#categoryNavigation .categorySelectHeader
{
position: relative;
float: left;
display: inline-block;
margin: 0px 0px 0px 0px;
text-align: right;
line-height: 35px;
}

#categoryNavigation select
{
float: right;
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 250px;
margin: 5px 0px 15px;
}


#documentLibraryItems
{
position:relative;
border: none;
float: left;
width: 100%;
position: relative;
margin: 20px 0px 0px 0px;
padding: 0px 0px 10px 0px ;
background: #f0f0f0;


-moz-box-shadow: 0px 0px 2px 1px #ccc;
-webkit-box-shadow: 0px 0px 2px 1px #ccc;
box-shadow: 0px 0px 2px 1px #ccc;
}


.documentLibraryItem
{
float: left;
position: relative;
width: 100%;

background: #f0f0f0;
padding: 0px 0px 0px 0px;
}

.documentLibraryItem .title
{
float: left;
position: relative;
width: 66%;


padding: 10px 2%;
}

.documentLibraryItem .size
{
float: left;
position: relative;
width: 10%;

color: #656565;
padding: 10px 0;
}

.documentLibraryItem .icon
{

float: left;
position: relative;
width: 15%;
padding: 8px 2%;
font-size: 11px;
}

.documentLibraryItem .icon img
{
margin: 0px 0px -3px 0px;
}

.documentLibraryItem.heading
{
position:relative;
background: #37BCDB;

color: #FFF;
}

.documentLibraryItem.heading .title
{
padding-bottom: 0px;

display: inline-block;
padding: 12px 10px 0px 10px;
margin: 0px;
color: #fff;
text-transform: uppercase;
font-size:12px;

font-weight:600;
}

.documentLibraryItem.heading .size
{
padding-bottom: 0px;

display: inline-block;
padding: 12px 10px 6px 0px;
margin: 0px;
color: #fff;

text-transform: uppercase;
font-size:12px;
font-weight:600;
}

.documentLibraryItem.heading .icon
{
padding-bottom: 0px;

display: inline-block;
padding: 6px 10px 0px 10px;
margin: 0px;
color: #fff;
text-transform: uppercase;
font-size:12px;
font-weight:600;
}

.documentLibraryItem .description
{
float: left;
position: relative;
width: 98%;
padding: 0px 0px 10px 2%;
color: #666;
}

.document_library #categoryNavigation select
{
padding: 3px;
border: 1px solid #ccc;
font-size: 11px;
min-width: 200px;
margin: 10px 0px 0px 0px;
}


/* ------------- FAQs ------------- */

#faqItems
{

}

#faqItems #pageNavigation
{
float: left;
position: relative;
background: #ECECEC;
width: 96%;

padding: 0.8% 2%;
margin: 0px 0px 20px 0px;


-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;

-moz-box-shadow: inset 0px 0px 10px 1px #cdcdcd, 0px 0px 6px 1px #efefef;

-webkit-box-shadow: inset 0px 0px 10px 1px #cdcdcd, 0px 0px 6px 1px #efefef;
box-shadow: none;
}

#faqItems #pageNavigation #categoryNavigation
{
float: right;
position: relative;
margin: 0px;
}

#faqItems #pageNavigation .categorySelectHeader
{
float: left;
position: relative;
font-size: 12px;
margin: 0px 0px 0px 0px;
}

#faqItems #pageNavigation .categorySelectHeader
{
line-height: 26px;
}

#faqItems #pageNavigation .categorySelectElement select
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 4px;
margin: 0px 0px 0px 10px;
font-size: 12px;


color: #464646;
background: #fff;
border: 1px solid #ccc;
}

.faqItem
{
margin: 8px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #efefef;
}


.faqItem .image
{
margin: 8px 0px;
padding: 0px 0px 0px 0px;

}

.faqItem .question a.button
{
color: #656565;
text-decoration: none;
font-weight: bold;
}

.things-to-do .faqItem .question a.button
{
font-size:16px;
}

.faqItem .question a.button:hover
{
text-decoration: none;
color: #37BCDB;
}

.faqItem .answer
{
margin: 0px 0px 0px 10px;
font-style: normal;
}

.productSearchContainer 
{
position:relative;
float:left;
margin:0px 0px 20px 0px;
}

#leftCol select#supplier_id
{
position:absolute;
left:0px;
top:46px;
width:172px;
}

span.customSelect 
{

width: 172px;
height: 24px;
line-height: 40px;
background: url(http://www.madeintonga.com/images/style/supplier_drop_down_bg.jpg) bottom left no-repeat;
color:#FFF;
text-align: left;
padding: 0px 0px 8px 6px;
border:none;
font-size: 100%;
text-transform:lowercase;

}

span.customSelect.changed 
{
	background-color: #f0dea4;
}

.customSelectInner 
{
	
}

#supplier_search_form
{
background: url(http://www.madeintonga.com/images/style/leftColSearch.jpg) 0px 3px no-repeat;
margin:10px 0px 0px 0px;
border:none;
}

#supplier_search_form input#pk
{
background:none;
height:20px;
border:none;
margin:3px 0px 0px 0px;
padding:0px 0px 0px 5px;
width:132px;
color:#4f4f4f;
font-size:12px;
}

#supplier_search_form input.productSearchSubmit
{
position:absolute;
top:27px;
right:25px;
}

#supplier_search_form input.productSearchSubmit:hover
{
position:absolute;
top:26px;
right:25px;
}

#productListingItems h3.supplierHeader
{
margin:40px 0px 10px 0px;
color:#4f4f4f;
}

#viewStall{
display:block;
position: relative;
float: right;
color: #e41c20;
}

#stall_holder .listHeader{
background: #EEEEEE;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;
}

#stall_holder .listHeader p{

}

#stall_holder .listHeader input#q,
#stall_holder .listHeader select{
width: 130px;
font-size: 11px;
padding: 4px;
margin: 0px;
background: #FFFFFF;
float: none;
}

#stall_holder .listHeader input#add_button{
background: #E51C20;
color: #ffffff;
margin-right: 130px;
margin-left: 12px;
border: 1px solid #E51C20;
width: 150px;
}

#stall_holder input#delete_button{
border-radius: 6px 6px 6px 6px;
border: 1px solid #CCCCCC;
margin : 0 0 5px 0;
font-size: 11px;
padding: 2px 4px;
}

#stall_holder #listingTable{

}

#stall_holder #listingTable td{
padding: 6px 3px 0px 3px;
border-bottom: 1px solid #EEEEEE;
}

#stall_holder #listingTable td.lcolumn{
text-align: center;
}

#stall_holder #listingTable td.lcolumn input{
position: relative;
top: -3px;
}

#stall_holder td input.ftxt, 
#stall_holder td input.fmtxt, 
#stall_holder td input.fstxt, 
#stall_holder td select.fsel,
#stall_holder td input.fdate, 
#stall_holder td textarea.fmtxt,
#stall_holder #current_image_existing,
#stall_holder #current_image_existing_banner{
float:left;
}

#stall_holder input.fcurrencytxt{
width: 85px;
}

#stall_holder td.fheader {
    background-color: #F2F2F2;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    border-right: 1px solid #CCCCCC;
    box-shadow: 0 2px 2px -1px #7A7A7A;
    color: #666666;
    margin: 8px 0;
    padding: 8px 4px;
    text-align: center;

}

#category_table,
#related_table,
#cross_table,
#category_table{
background: #F8F8F8;
border-radius: 2px;
}

#popupDescriptionLink{
font-weight: 400;
color: #FFF;
font-size:14px;
background:#E51C20;
padding:3px 8px;
}

#descriptionLink p#readeMore{
display:block;
font-weight: 400;
color: #FFF;
font-size:14px;
background:#E51C20;
padding:3px 8px;
width:80px;
cursor:pointer;
}

#cke_39_label{
display: none;
}


table#skuContainer tr#skuTemplate{

display:none;
}


div#skuWrap {
    background: none repeat scroll 0 0 #ECEFF5;
    border: 1px solid #999999;
    padding: 10px;
    text-align: left;
    width: auto;
}

/* products/edit_product.php */
div#skuWrap {background:#ECEFF5;border:1px solid #999;padding:10px;width:auto;text-align:left;}
table#skuContainer thead th{font-weight:normal;padding:4px;text-align:left;color:#999; width: 100%;}
table#skuContainer thead th.name{text-align:left;}
table#skuContainer tbody input{height:15px;font-size:9px;border:1px solid #cacdd3;background:#ffffff;padding: 2px;}
table#skuContainer tbody input.fstxt{width:80px;}
table#skuContainer tr#skuTemplate{display:none;}
table#skuContainer td { padding: 4px;}
table#skuContainer td.name{min-width:80px; font-size: 11px;padding:4px ;height:15px;text-align:left;color:black;white-space:nowrap;}
table#skuContainer tbody td.num input.fstxt{width:40px;text-align:right;}
table#skuContainer tbody td.status,table#skuContainer tbody td.unlimited {text-align:center;}
/* table#skuContainer tbody td	img{border:1px solid #fff;} */
table#skuContainer td.column{text-align:center;}

#attribSelects select{
width: 200px;
margin-right: 10px;
}

.skyscraper{
position: absolute;
top: 13px;
right: -146px;
height: 488px;
border: 1px solid #CCC;
}

.skyscraperMask{
position: absolute;
top: 348px;
right: 0px;
display: block;
width: 140px;
height: 140px;
}


/************/

.moduleComponentskyscraperCallout
{
position: absolute;
top: 13px;
right: -146px;
height: 488px;
border: 1px solid #CCC;
}

.moduleComponentskyscraperCallout h2.bannerTitle
{
display:none;
}


#product-description{
line-height: 19px;
padding: 10px 0 10px 0;
}

.finhelp{
font-style: italic;
color: #888888;
}

#voucherDetails{
position: relative;
float: left;
width: 340px;
#background: blue;
}

#voucherDetails .heading{
position: relative;
float: left;
margin: 20px 0px 0 0;
font-size: 14px;
font-weight: 600;
color: #E41C20;
text-transform: uppercase;
}


#voucherDetails .description{
position: relative;
float: left;
margin: 10px 0px 10px 0px;
}

.voucher .productAttributeHeader{
display:block;
}

#voucherDetails .voucherForm .label,
.voucher .productAttributeHeader{
position: relative;
float: left;
width: 114px;
line-height: 30px;
margin-top: 5px;
}

#voucherDetails .voucherForm .value input,
.voucher .productAttributeElement select{
position: relative;
float: left;
width: 210px;
margin-top: 5px;
padding: 7px;
border-radius: 2px;
}

.voucher .productAttributeElement select{
margin-top: 0px;
width: 225px;
}

.voucher #productAttributes{
margin-bottom: 15px;
}

#productDetail.voucher #quantity span{
font-weight: normal;
width: 80px;
padding: 5px 0 0 0;
}

#voucherDetails .voucherForm .value textarea{
position: relative;
float: left;
width: 210px;
height: 100px;
margin-top: 5px;
}

table#cartItems
{
position: relative;
float: left;
}

span#gstNotice
{
display:none;
}


img#loginImage
{
position:absolute;
top:340px;
left:90px;
}