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


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

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:#727272; 
}

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

h1
{
margin: 10px 0px 15px;
color: #0089D5;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif; 
text-transform: uppercase;
}

h2
{
margin: 10px 0px 15px;
padding: 0px 0px 7px 0px;
color: #005c8f;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
border-bottom: none;
font-family: Arial, Helvetica, sans-serif; 
}

#home h2
{
border-bottom: 1px solid #CCC;
}

h3
{
margin: 10px 0px;
color: #D2C5A5;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif; 
}

h4
{
margin: 8px 0px;
color: #7b8b38;
font-size: 14px;
text-transform: uppercase
font-family: Arial, Helvetica, sans-serif; 
}

h5
{
margin: 8px 0px;
color: #65a8c1;
font-size: 14px;
text-transform: uppercase
font-family: Arial, Helvetica, sans-serif; 
}

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

ul
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

ol
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

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: #005C8F;
}

a:hover
{
color: #818285;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}


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

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

#hideAll
{
position: absolute;
left: 0px; 
right: 0px; 
top: 0px; 
bottom: 0px; 
background: #FFF url(https://www.mobilesystems.co.nz/images/icons/ajax-loader.gif) 450px 150px no-repeat;
z-index: 9999; /* Higher than anything else in the document */
}

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

.bgContainer
{
width: 960px;
float: left;
position: relative;
height: auto;
}

body#home
{
background: url(https://www.mobilesystems.co.nz/images/style/home_body_tile.jpg) top center repeat-x;
}

body
{
background: url(https://www.mobilesystems.co.nz/images/style/body_tile.jpg) top center repeat-x;
}

#wrap
{
position: relative;
z-index: 2;
min-height: 100%; 
width: 100%; 
/*background: 100% height tile here */
}

#main
{
overflow:hidden;
padding-bottom: 495px ; /* must be same height as the footer */
}

#header
{
float: left;
position: relative;
z-index: 50;
width: 960px;
height: 135px;
}

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


#default #content
{
margin: 0px 0px 0px 0px;
}

#centerCol
{
float: left;
position: relative;
width: 710px;
min-height: 400px;
padding: 10px;
margin: 0px 0px 0px 30px;
}


#home #centerCol
{
float: left;
position: relative;
width: 960px;
min-height: 400px;
margin: 0px 0px 0px -10px;
}

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

#rightCol
{
float: right;
position: relative;
width: auto;
min-height: 400px;
}

#footer {
position: relative;
width: 100%;
clear: both;
z-index: 60;
margin: -350px 0px 0px 0px;
height: 350px ;
background: #fff;
overflow: hidden;
} 

#footer .container
{
margin: 0 auto;
width: 960px;
text-align: left;
}

#footer .bgContainer
{
float: left;
position: relative;
width: 960px;
height: 495px ;
margin: 0px;
padding: 0px;
background: url(https://www.mobilesystems.co.nz/images/style/footer_bg.jpg) bottom right no-repeat;
}


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


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

#topCopy
{
float: left;
position: relative;
width: 960px;
height: 20px;
}

#topCopy p.storeDetails
{
height: 20px;
line-height: 20px;
margin: 0px 0px 0px 220px;
padding: 0;
color: #fff;
font-family: Arial, Helvetica, sans-serif; 
}

#topCopy #basket
{
display: block;
position: absolute;
height: 20px;
top: 0;
right: 0;
line-height: 20px;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif; 
color: #fff;
}

#topCopy #basket a
{
text-decoration: none;
color: #fff;
margin: 0px 0px 0px 10px;
}

#topCopy #basket a:hover
{
color: #008BD8;
}


#topCopy #basket img
{
display:none;
}

#topCopy a#basket span
{

}

#productCartComponentItems
{

}

#productCartComponentValue
{

}

span.currencySym
{

}

#cartComponentPrice
{

}



#header a.logo
{
position: absolute;
top: 0;
left: 0;
margin: 0px 0px 0px -24px;
}

#header a.logo img
{

}

#navigation a.homeLinkIcon
{
display: block;
position: absolute;
top: 3px;
right: auto;
left: -30px;
width: 26px;
height: 24px;
background: url(https://www.mobilesystems.co.nz/images/style/home_link_icon_bg.png) top left no-repeat;
}

#header #navigation
{
position: absolute;
top: 88px;
right: auto;
left: 250px;
width: 680px;
height: 33px;
margin: 0px;
z-index: 5;
}

#header #navigation ul
{
margin: 0 auto;
padding: 0px  0px 0px 5px;
list-style: none;
float: none;
position: relative;
}

#header #navigation ul li 
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
height: 33px;
line-height: 33px;
margin: 0px 0px 0px 0px;
background: none;
}

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

#header #navigation ul li a
{
display: block;
width: auto;
text-align: center;
height: 33px;
line-height: 33px;
padding: 0px 11px;
border-top: 0px solid #6d6c6c;
margin: 0px;
list-style: none;
float: left;
text-transform: lowercase;
letter-spacing: 0;
font-size: 15px;
position: relative;
color: #005c8f;
text-decoration: none ;
font-family: Arial, Helvetica, sans-serif; 
}

#header #navigation ul li a:hover
{
color: #008BD8;
}


#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 10px 0px;
list-style: none;
float: none;
position: absolute;
top: 33px;
left: 3px;
width: 240px;
background: #FFf;
border-bottom: 4px solid #0087D2;
}

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

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

#header #navigation ul li ul li a
{
display: block;
width: 210px;
text-align: left;
height: auto;
line-height: 25px;
padding: 2px 10px 2px 15px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: lowercase;
letter-spacing: 0;
font-size: 13px;
position: relative;
color: #0088D4;
text-decoration: none ;

color: #333;
font-size: 12px;
text-decoration: none;
font-family: Arial;
}

#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: 33px;
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: #008BD8;
}


#rotatingSupplierLogos
{
position: absolute;
top: 20px;
left: 820px;
width: 140px;
height: 85px;
z-index:1;
}

#rotatingSupplierLogos img
{

}

#content
{

}




#centerCol
{

}

#homeRightCol
{
float: right;
position: relative;
width: 120px;
height: 600px;
margin: -10px 0px 0px 0px;
}

/* Site Search*/

.siteSearchContainer
{
position: relative;
float: right;
top: 0px;
right: 0px;
margin: -5px 0px 0px 0px;
}

.searchLabel
{
display: none;
}

.siteSearchInput
{
width: 90px;
height: 11px;
font-size: 11px;
padding: 7px 25px 6px 5px;
border: 1px solid #ccc;
color: #7f7f7f;
text-align: left;
background: #FFF;
margin: 0px 0px 10px 0px;
}

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

.siteSearchSubmit:hover
{
top: 2px;
}

#rightColAdvertisingBanner
{

}

#rightColAdvertisingBanner img
{

}

#homeSlidesContainer
{
float: left;
position: relative;
width: 800px;
height: 235px;
margin: -24px 0px 0px 0px;
}


#homeSlides
{
float: left;
position: relative;
width: 800px;
height: 235px;
}

.rotatingBanner
{
float: left;
position: relative;
width: 800px;
height: 235px;
}

a.bannerLink
{

}

a.bannerLink p
{
position: absolute;
top: 170px;
left: 0;
width: 760px;
margin: 0;
padding: 10px 20px;
color: #FFF;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif; 
background: url(https://www.mobilesystems.co.nz/images/style/blue_trans.png) top left repeat;
}

img.homeSlideMask
{
position: absolute;
top: 0;
left: 0;
z-index: 999;
display: none;
}


#pageEditorContent
{

}

#home #pageEditorContent
{
float: left;
position: relative;
width: 780px;
min-height: 122px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 20px;
background:none;
}

#home #pageEditorContent h2
{
margin: 10px 0px -5px 0px;
}


#news
{
float: left;
position: relative;
width: 465px;
margin: 20px 0px 0px 0px;
}

#news h2
{

}

#news .componentPadding
{

}

#news .moduleComponentnews
{
float: left;
position: relative;

}

#news .moduleComponentnews .componentItem
{
float: left;
position: relative;
width: 210px;
margin: 0px 20px 0px 0px;
}

#news .moduleComponentnews .componentItem .title
{
text-transform: uppercase;
font-weight: bold;
margin: 5px 0px 8px 0px;
}

#news .moduleComponentnews .componentItem .readMore a
{
text-transform: lowercase;
color: #0088d3;
text-decoration: none;
}

#facebookContainer
{
float: left;
position: relative;
margin: 20px 0px 0px 25px;
}

#facebookContainer h2
{

}

#facebookContainer div
{

}


#homeRightCallouts
{
float: right;
position: relative;
width: 220px;
margin: 20px 0px 0px 0px;
}

#newsletterSignupContainer
{
float: right;
position: relative;
width: 222px;
height: 162px;
padding: 0px;
background: none;
}

#newsletterSignupContainer h2
{

}

#newsletterSignupContainer #signupForm
{
float: left;
position: relative;
width: 202px;
height: 256px;
padding: 10px;
border: 1px solid #aaa;
background: #efefef;
}

#newsletterSignupContainer #signupForm p
{
margin: 3px 0px 3px;
}

#newsletterSignupContainer #signupForm .labelHorizontal
{
text-transform: lowercase;
font-weight: bold;
}

#newsletterSignupContainer #signupForm input.fstxt
{
position: relative;
bottom: 0px;
right: 0px;
width: 188px;
padding: 4px 6px;
border: 1px solid #ccc;
font-size: 11px;
margin: 6px 0px;
}

#newsletterSignupContainer #signupForm input.fsubNewsletter
{
position: absolute;
bottom: 13px;
right: 10px;
border: none;
background: none;
font-size: 11px;
cursor: pointer;
}

#newsletterSignupContainer #signupForm input.fsubNewsletter:hover
{
color: #0089CE;
}

#wereHiringContainer
{
float: right;
position: relative;
width: 222px;
background: none;
display: none;
}

#wereHiringContainer h2
{
}

#wereHiringContainer a.wereHiringLink
{
display: block;
float: left;
position: relative;
width: 222px;


height: 118px;
background: url(https://www.mobilesystems.co.nz/images/style/callout_bg_were_hiring.jpg) bottom left no-repeat;
}

/* Footer Styling */

#footer
{
background: url(https://www.mobilesystems.co.nz/images/style/footer_tile.png) top center repeat-x;
}

#footer ul#footerNavigation
{
width: 110%;
margin: 0px 0px 0px -11px;
padding: 0;
list-style: none;
}

#footer ul#footerNavigation li
{
float: left;
position: relative;
margin: 0px 0px 0px -1px;
padding: 0;
}

#footer ul#footerNavigation li:hover
{
float: left;
position: relative;
margin: 4px 0px -4px -1px;
padding: 0;
}

#footer ul#footerNavigation h2
{
border: none;
text-align: center;
margin: 0;
}

#footer ul#footerNavigation img
{

}

#footerMenuOne
{
float: left;
position: relative;
width:490px;
height: 195px;
margin: 10px 0px 0px 0px;
overflow-y: hidden;
}

#default #footerMenuOne
{
margin: 140px 0px 0px 0px;
}

#footerMenuOne h2
{
margin: 10px 0px 15px 0px;
color: #51582c;
}

#footerMenuTwo
{
float: left;
position: relative;
width: 940px;
height: 110px;
margin: 10px 0px 0px 27px;
}

#default #footerMenuTwo
{
margin: 140px 0px 0px 0px;
}

#findUsContainer
{

}

#findUsContainer h2
{
color: #51582c;
margin: 10px 0px 0px 0px;
}

#findUsContainer .physicalAddressContainer
{

}

#findUsContainer p 
{

}

#findUsContainer p strong
{

}


.physicalAddressContainer
{
float: left;
position: relative;
width: 30%;
margin: 0px 0px 20px 0px;
}

.physicalAddressContainer p
{
font-size: 14px;
line-height: 19px;
color: #FFF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
}

.physicalAddressContainer p strong
{
font-size: 14px;
text-transform: uppercase;
}


#contactUsContainer
{
float: left;
position: relative;
width: 30%;
}

#contactUsContainer h2
{
color: #51582c;
margin: 0px 0px 0px 0px;
}


#contactUsContainer p
{
font-size: 14px;
line-height: 19px;
color: #FFF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px;
}

#contactUsContainer p a
{
text-decoration: none;
color: #FFF;
}

#contactUsContainer p a:hover
{
text-decoration: underline;
color: #fff;
}

#copyright
{
float: left;
position: absolute;
top: 270px;
width: 100%;
z-index: 1000:
text-align: center;
}

#copyright p
{
color: #004b70;
text-align: center;
font-size: 14px;
}


#copyright a
{

color: #004b70;
text-decoration: none;
}



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


#emailForm,
#subscribeForm,
#surveyTable,
#alertForm,
#registrationForm 
{
float: left;
width: 97%;
background: #1090d1;
border: 1px solid #0078b4;
padding: 10px;
margin: 0px 0px 30px 0px;
color: #fff;
}

#emailForm td.labelHorizontal,
#subscribeForm td.labelHorizontal,
#surveyTable td.labelHorizontal,
#alertForm td.labelHorizontal,
#registrationForm  td.labelHorizontal
{
width: 45%;
vertical-align: top;
color: #fff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
text-align: right;
text-transform: uppercase;
padding: 0 5% 0 0 ;
}


#emailForm td.labelHorizontal span,
#subscribeForm td.labelHorizontal span,
#surveyTable td.labelHorizontal span,
#alertForm td.labelHorizontal span,
#registrationForm  td.labelHorizontal span
{
float: right;
}


#emailForm td.valueHorizontal,
#subscribeForm td.valueHorizontal,
#surveyTable td.valueHorizontal,
#alertForm td.valueHorizontal,
#registrationForm  td.valueHorizontal
{
width: 50%;
vertical-align: top;
text-align: right;
color: #fff;
}

#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:  #65a8c1;
}

span.required
{
font-weight: bold;
color:  #65a8c1;
}






#emailForm input.fmtxt,
#emailForm input.fstxt,
#subscribeForm input.fmtxt,
#subscribeForm input.fstxt,

#surveyTable input.fmtxt,
#surveyTable input.fstxt,
#alertForm input.fmtxt,
#alertForm input.fstxt,
#alertForm input.ftxt,
#registrationForm input.fmtxt,
#registrationForm input.fstxt,
#registrationForm input.ftxt
{
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 300px;
}

#emailForm select.fsel,
#subscribeForm select.fsel,
#surveyTable select.fsel,
#alertForm select.fsel,
#registrationForm select.fsel
{
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 310px;
font-family: Arial;
}

#emailForm textarea.fmtxt,
#subscribeForm textarea.fmtxt,
#surveyTable textarea.fmtxt,
#alertForm textarea.fmtxt,
#registrationForm  textarea.fmtxt
{
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 300px;
font-family: Arial;

}

#emailForm input.fmtxt:hover,
#emailForm input.fstxt:hover,
#emailForm textarea.fmtxt:hover,
#emailForm input.fmtxt:focus,
#emailForm input.fstxt:focus,
#emailForm textarea.fmtxt:focus,
#subscribeForm input.fmtxt:hover,
#subscribeForm input.fstxt:hover,
#subscribeForm textarea.fmtxt:hover,
#subscribeForm input.fmtxt:focus,
#subscribeForm input.fstxt:focus,
#subscribeForm textarea.fmtxt:focus,
#surveyTable input.fmtxt:hover,
#surveyTable input.fstxt:hover,
#surveyTable textarea.fmtxt:hover,
#surveyTable input.fmtxt:focus,
#surveyTable input.fstxt:focus,
#surveyTable textarea.fmtxt:focus,
#alertForm input.fmtxt:hover,
#alertForm input.fstxt:hover,
#alertForm textarea.fmtxt:hover,
#alertForm input.fmtxt:focus,
#alertForm input.fstxt:focus,
#alertForm textarea.fmtxt:focus,
#registrationForm input.fmtxt:hover,
#registrationForm input.fstxt:hover,
#registrationForm textarea.fmtxt:hover,
#registrationForm input.fmtxt:focus,
#registrationForm input.fstxt:focus,
#registrationForm  textarea.fmtxt:focus
{
background: #fff;
border: 1px solid #666;
}


#emailForm input.fdate,
#subscribeForm input.fdate,
#surveyTable input.fdate,
#alertForm input.fdate,
#registrationForm input.fdate
{
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 300px;
}

#emailForm input.fdate:hover,
#emailForm input.fdate:focus,
#subscribeForm input.fdate:hover,
#subscribeForm input.fdate:focus,
#surveyTable input.fdate:hover,
#surveyTable input.fdate:focus,
#alertForm input.fdate:hover,
#alertForm input.fdate:focus,
#registrationForm input.fdate:focus,
#registrationForm input.fdate:hover
{
background: #fff;
border: 1px solid #65a8c1;
}

#emailForm select.fseldate,
#subscribeForm select.fseldate,
#surveyTable select.fseldate,
#alertForm select.fseldate,
#registrationForm select.fseldate
{
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: auto;
margin: 0px 3px 0px 0px;
}

#emailForm select.fseldate:hover,
#emailForm select.fseldate:focus,
#subscribeForm select.fseldate:hover,
#subscribeForm select.fseldate:focus,
#surveyTable select.fseldate:hover,
#surveyTable select.fseldate:focus,
#alertForm select.fseldate:hover,
#alertForm select.fseldate:focus,
#registrationForm select.fdate:focus,
#registrationForm select.fdate:hover
{
background: #fff;
border: 1px solid #65a8c1;
}

#emailForm .buttonBar,
#surveyTable .buttonBar,
#alertForm .buttonBar,
#registrationForm  .buttonBar
{
text-align: right;
padding: 15px 0px 0px 0px;
}

#subscribeForm .buttonPanel,
#surveyTable .buttonPanel,
#alertForm .buttonPanel,
#registrationForm .buttonPanel
{
text-align: right;
padding: 15px 0px 0px 0px;
}

#emailForm .buttonBar input,
#subscribeForm .buttonPanel input,
#surveyTable .buttonBar input,
#alertForm input.fsub,
#registrationForm input.fsub
{
background: #1090D1;
border: none;
font-size: 11px;
padding: 4px;
width: 100px;
cursor: pointer;
color: #fff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
}


#emailForm .buttonBar input:hover,
#subscribeForm .buttonPanel input:hover,
#surveyTable .buttonBar input:hover,

#alertForm input.fsub:hover,

#registrationForm  input.fsub:hover
{
background: #65a8c1;
color: #FFF;
}

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

.finlinehelp
{
display: none;
}

#emailForm .reset,
#subscribeForm .reset,
#surveyTable .reset,
#alertForm .reset,
#registrationForm .reset
{
display: none;
}


/* Left Column Navigation */


#leftCol
{
float: left;
position: relative;
}

#leftCol ul
{
list-style: none;
margin: -25px 0px 10px 0px;
padding: 0;
width: 192px;
border-right: 1px solid #ccc;
}

#leftCol ul li
{
margin: 15px 0px;
color: #479ABC;
font-size: 22px;
line-height: 26px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif; 
}

#leftCol ul li a 
{
display: block;
width: 173px;
padding: 6px 10px;
background: #005C8F;
margin: 10px 0px 10px;
color: #FFF;
font-size: 18px;
text-decoration: none;
}

#needHelpLeftIcon
{
background:#0089CE url(https://www.mobilesystems.co.nz/images/style/phone.png) top right no-repeat;
}

#needHelpLeftIcon:hover
{
background:#005C8F url(https://www.mobilesystems.co.nz/images/style/phone.png) top right no-repeat;
}

#newsletterSignupLeftIcon
{
background:#0089CE url(https://www.mobilesystems.co.nz/images/style/envelope.png) top right no-repeat;
}

#newsletterSignupLeftIcon:hover
{
background:#005C8F url(https://www.mobilesystems.co.nz/images/style/envelope.png) top right no-repeat;
}

#wereHiringLeftIcon
{
background:#0089CE url(https://www.mobilesystems.co.nz/images/style/were_hiring.png) top right no-repeat;
}

#wereHiringLeftIcon:hover
{
background:#005C8F url(https://www.mobilesystems.co.nz/images/style/were_hiring.png) top right no-repeat;
}

#productsLeftIcon
{
background:#0089CE url(https://www.mobilesystems.co.nz/images/style/cd.png) top right no-repeat;
}

#productsLeftIcon:hover
{
background:#005C8F url(https://www.mobilesystems.co.nz/images/style/cd.png) top right no-repeat;
}

#leftCol ul li ul
{
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0;
}

#leftCol ul li ul li
{
background: none;
line-height: 18px;
margin: 8px 0px;
text-transform: capitalize;
}

#leftCol ul li ul li a 
{
display: block;
width: 152px;
padding: 2px 10px 2px 10px;
background: none;
margin: 0px 0px;
color: #333;
font-size: 12px;
text-decoration: none;
font-family: Arial;
}

#leftCol ul li ul li a:hover,
#leftCol ul li ul li a.menuSelected
{
background: none;
color: #005C8F;
}

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

/* ----- Product Menu ------------*/

#leftColCart
{
float: left;
position:relative;
clear: both;
width: 100%;
background: #FFf;
}

#productMenu 
{
float: none;
position:relative;
clear: both;
}

#leftCol #productMenu ul
{
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0;
width: 192px;
border-right: none;
}

#leftCol #productMenu ul li
{
margin: 3px 0px;
color: #479ABC;
line-height: 16px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif; 
}

#leftCol #productMenu ul li a 
{
display: block;
width: 173px;
padding: 4px 10px;
background: #d7d7d7;
margin: 2px 0px 2px;
color: #005C8F;
font-size: 12px;
text-decoration: none;
}


#leftCol #productMenu ul li a.selected
{
color: #fff;
background: #999;
}


#leftCol #productMenu ul li a.cat241 
{
font-size: 13px;
padding: 2px 10px;
margin: 6px 0px;
line-height: 26px;
background: #0089CE;
color: #FFF;
}

#leftCol #productMenu ul li a.cat241:hover{
background: #005c8f;
}

#leftCol #productMenu ul li ul li a.selected
{
color: #005C8F;
background: #fff;
font-weight: bold;
}

#leftCol #productMenu ul li a:hover
{
background: #666;
color: #FFF;
}

#leftCol #productMenu ul li ul
{
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0;
}

#leftCol #productMenu  ul li ul li
{
background: none;
line-height: 18px;
margin: 3px 0px;
text-transform: capitalize;
}

#leftCol #productMenu ul li ul li a 
{
display: block;
width: 152px;
padding: 2px 10px 2px 10px;
background: none;
margin: 0px 0px;
color: #333;
font-size: 11px;
text-decoration: none;
font-family: Arial;
}

#leftCol #productMenu ul li ul li a:hover,
#leftCol #productMenu ul li ul li a.menuSelected
{
background: none;
color: #005C8F;
}

#leftCol #productMenu a.level3
{
padding: 2px 0px 2px 25px;
}

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


/* Left Col Callouts */

a.leftCallout
{
display: block;
width: 173px;
height: auto;
padding: 2px 10px;
margin: 6px 0px 6px;
background: #0089D5;
color: #fff;
font-size: 13px;
line-height: 26px;
text-transform: uppercase;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif; 
}

a.leftCallout:hover
{
background: #005C8F;


}

img.leftColSteamersLogo
{
margin: 10px 0px 0px 0px ;
}

#leftCol #basket
{
display: block;
position: relative;
float: left;
margin: 10px 0px;
padding: 0;
font-family: Arial, Helvetica, sans-serif; 
color: #0088D4;
}

#leftCol #basket a
{
text-decoration: none;
color: #005C8F;
margin: 0px 0px 0px 10px;
}

#leftCol #basket a:hover
{
color: #008BD8;
}


#leftCol #basket img
{
display:none;
}



/* Gallery Styling */

.moduleItemsPhotoGallery
{
width: 130%;
}

.moduleItemsPhotoGallery .moduleItemsItem 
{
float: left;
position: relative;
width: 220px;
margin: 0px 20px 20px 0px;
}

.moduleItemsPhotoGallery .moduleItemsItem .moduleItemImage
{
float: left;
position: relative;
}

.moduleItemsPhotoGallery .moduleItemsItem a img.listing
{
float: left;
position: relative;
margin: 0px 0px 10px 0px;
border: 1px solid #dee9ea;
border-bottom: 1px solid #e3e4e4;
}

.moduleItemsPhotoGallery .moduleItemsItem a
{

text-decoration: none;
}

.moduleItemsPhotoGallery .moduleItemsItem a div.title
{
display: block;
padding: 0px 10px;
text-decoration: none;
}

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


.moduleItemPhotoGallery .title
{
margin: 10px 0px 15px;
padding: 0px 0px 7px 0px;
color: #005c8f;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
border-bottom: 1px solid #CCC;
font-family: Arial, Helvetica, sans-serif; 
}

.moduleItemPhotoGallery .moduleItemBack
{
float: left;
position: relative;
width: 100%;
padding: 10px 0px 0px 0px;
border-top: 1px solid #ccc;
}

.moduleItemPhotoGallery .moduleItemBack a
{
text-decoration: none;
}

.moduleItemPhotoGallery .item
{
float: left;
position: relative;
border: 1px solid #dee9ea;
border-bottom: 1px solid #e3e4e4;
margin: 0px 25px 25px 0px;
}

.moduleItemPhotoGallery .item .title
{
display: none;
}

.moduleItemPhotoGallery .item .image
{
padding: 2px;
border-bottom: 1px solid #b9c2c3;
}

.moduleItemPhotoGallery .item .image a
{

}

.moduleItemPhotoGallery .item .image a img
{

}

.moduleItemPhotoGallery .item .title
{

}



/* ----- Blog Styling ----------------------------*/

.news_and_publications #navBar
{
float: right;
position: relative;
width: 160px;
padding: 20px 20px 70px 20px;
margin: -35px 0px 0px 20px;
background: none;
border-left: 1px solid #ccc;
}


.news_and_publications .navRecentLinks ul li a:hover
{
color: #D51839;
}

.news_and_publications .navRecentLinks span.navheaders
{
margin: 15px 0px;
color: #0089CE;
font-size: 18px;
text-transform: capitalize;
font-weight: 300;
font-family: Arial, Helvetica, sans-serif; 
}

.news_and_publications .navRecentLinks ul
{
margin: 0;
padding: 0px 17px 0px 20px;
margin: 0px 0px 30px 0px;

}

.news_and_publications .navRecentLinks ul li
{
margin: 1px 0px;
}


.news_and_publications .navRecentLinks ul li a
{
text-decoration: none;
font-size: 12px;
color: #666;
}

.news_and_publications .navCategoryBlogLinks span.navheaders
{
margin: 15px 0px;
color: #0089CE;
font-size: 18px;
text-transform: capitalize;
font-weight: 300;
font-family: Arial, Helvetica, sans-serif; 
}

.news_and_publications .navCategoryBlogLinks ul
{
margin: 0;
padding: 0px 17px 0px 20px;
margin: 0px 0px 30px 0px;
}

.news_and_publications .navCategoryBlogLinks ul li
{
margin: 1px 0px;
}


.news_and_publications .navCategoryBlogLinks ul li a
{
text-decoration: none;
font-size: 12px;
color: #666;
}


.news_and_publications .navCategoryBlogLinks ul li a:hover
{
color: #D51839;
}

.news_and_publications .navDateLinks span.navheaders 
{
margin: 15px 0px;
color: #0089CE;
font-size: 18px;
text-transform: capitalize;
font-weight: 300;
font-family: Arial, Helvetica, sans-serif; 
}


.news_and_publications .navDateLinks ul
{
margin: 0;
padding: 0px 17px 0px 20px;
margin: 0px 0px 21px 0px;

}

.news_and_publications .navDateLinks ul li
{

}


.news_and_publications .navDateLinks ul li a
{
text-decoration: none;
font-size: 12px;
color: #666;
}


.news_and_publications .navDateLinks ul li a:hover
{
color: #D51839;
}

.news_and_publications #navBasicLinks
{
display: none;
float: left;
position: relative;
width: 100%;
}

.news_and_publications .moduleItemsListingNews
{
float: left;
position: relative;
width:480px;
padding: 0px 0px 0px 0px;
}


.news_and_publications .moduleItemsListingNews .moduleItemsListingItem
{
border-bottom: 1px solid #efefef;
margin: 0px 0px 25px 0px;
padding: 00px 20px 20px 0px;
}

.news_and_publications .moduleItemsListingNews .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
margin: 0px 10px 13px -9px;
border: 1px solid #ccc;
}

.news_and_publications .moduleItemsListingNews .moduleItemsListingItem .moduleItemImage:hover
{
border: 1px solid #C45A44;
}

.news_and_publications .moduleItemsListingNews .moduleItemsListingItem .moduleItemImage img
{
border: 10px solid #FFF;
}

.news_and_publications .moduleItemsListingNews .moduleItemsListingItem .moduleItemContent
{
line-height: 18px;
}

.news_and_publications .moduleItemsListingNews .moduleItemsListingItem .title
{
margin: 10px 0px 0px;
padding: 0px 0px 0px 0px;
color: #005c8f;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif; 
}

.news_and_publications .moduleItemsListingNews .moduleItemsListingItem .date
{
font-weight: bold;
font-size: 11px;
color: #666;
text-transform: uppercase;
margin: 0px 0px 5px 0px;
}

.news_and_publications .moduleItemsListingNews .moduleItemsListingItem .readMore
{
margin: 20px 0px 5px 0px;
}

.news_and_publications .moduleItemNews
{
float: left;
position: relative;
width:480px;
}

.news_and_publications .moduleItemNews .moduleItemImage
{
float: right;
position: relative;
margin: 0px 0px 10px 10px;
}


.news_and_publications .moduleItemNews .moduleItemImage
{
float: left;
position: relative;
margin: 0px 10px 13px -9px;
border: 1px solid #ccc;
}

.news_and_publications .moduleItemNews .moduleItemImage img
{
border: 10px solid #FFF;
}


.news_and_publications .moduleItemNews #moduleItemContent
{
float: left;
position: relative;
width:480px;
}

.news_and_publications .moduleItemNews .title
{
margin: 10px 0px 15px;
padding: 0px 0px 7px 0px;
color: #005c8f;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif; 
}

.news_and_publications .moduleItemsListingBlog .moduleItemsListingItem .date
{

}

#tagContainer
{
display: block;
margin: 15px 0px 0px 0px;
}



#tagContainer a
{
background: url(https://www.mobilesystems.co.nz/PRINTONFABRICDEV/images/style/search_input_bg.png) top center no-repeat;
display: inline-block;
padding: 0px 15px;
line-height: 30px;
margin: 0px 10px 0px 0px;
text-decoration: none;

font-weight: 300;
font-family: 'Francois One', sans-serif;
color: ;
}

#facebook
{
float: left;
position: relative;
margin: 10px 0px 20px;
width: 143px;
}

#twitter
{
float: left;
position: relative;

margin: 10px 0px 20px;
width: 95px;
}

.pinterest
{
float: left;
position: relative;
margin: 10px 0px 20px;
width: 62px;
}

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

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;
}


#commentsContainer h2 a
{
float: right;
margin: 0px 15px 0px 0px;
font-size: 12px;
text-decoration: none;
color: #ef7c00;
}

#commentsContainer h2 a:hover
{
text-decoration: underline;
}

#commentsContainer .rating
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #CCC;
}

#commentsContainer .rating p
{
margin: 0px 0px 10px 0px;
padding: 0;
}


#commentsContainer .rating p.date
{
font-weight: bold;
margin: 0;
padding: 0;
}

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

.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 .title
{
font-weight: bold;
margin: 0px 0px 0px 10px;
}

#searchResultItems .description
{
margin: 8px 0px 0px 25px;
}

/*-------- Homepage Thumbslider */



#featuredProductsContainer
{
float: left;
position: relative;
width:800px;
margin: 10px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}

#featuredProductsContainer h2
{
text-align: center;
margin: 10px 0px 10px 0px;
}

#featuredProductsContainer a.viewAllProductsLink
{
position: absolute;
top: 10px;
right: 0;
color: #005C8F;
text-decoration: none;
}

#featuredProductsContainer a.viewAllProductsLink:hover
{
text-decoration: underline;
}

.controls
{
position: absolute;
top: 0;
left: 0;
z-index: 5000;
}

#featuredProductsContainer a.prev-slide
{
position: absolute;
top: 0px;
left: -25px;
display: block;
width: 27px;
height: 180px;
z-index: 2000;
background: url(https://www.mobilesystems.co.nz/images/style/featured_product_prev.png) top right no-repeat;
}

#featuredProductsContainer a.prev-slide:hover
{
background: url(https://www.mobilesystems.co.nz/images/style/featured_product_prev.png) top left no-repeat;
}

#featuredProductsContainer a.next-slide
{
position: absolute;
top: 0px;
right: auto;
left: 693px;
display: block;
width: 27px;
height: 180px;
z-index: 2000;
background: #fff url(https://www.mobilesystems.co.nz/images/style/featured_product_next.png) top right no-repeat;
}


#featuredProductsContainer a.next-slide:hover
{
background: #fff url(https://www.mobilesystems.co.nz/images/style/featured_product_next.png) top left no-repeat;
}

#featuredProducts
{
float: left;
position: relative;
width: 720px;
height: 172px;
overflow-x: hidden;
overflow-y: hidden;
margin: 0px 0px 20px;
padding: 0px 0px  0px 35px ;
}

#featuredProducts .featuredProduct
{
float: left;
position: relative;
width: 158px;
height: 172px;
background: url(https://www.mobilesystems.co.nz/images/style/product_listing_bg.png) top left no-repeat;
text-align: center;
margin: 0px 12px 0px;
}

#featuredProducts .featuredProduct a img
{
margin: 20px 0px 0px 0px;
}

#featuredProducts .featuredProduct p
{
position: absolute;
bottom: 5px;
left: 5px;
right: 5px;
margin:0;
padding: 3px 10px 8px;
color: #FFF;
background: #0089CE;
font-size: 11px;
text-align: left;
line-height: 13px;
}

#featuredProducts .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: #fff;

color: #005c8f;
font-family: Arial, Helvetica, sans-serif; 
}

#featuredProducts .featuredProduct p span a
{
color: #005c8f;
font-family: Arial, Helvetica, sans-serif; 
}

#featuredProducts .featuredProduct p a
{
color: #FFF;
text-decoration: none;
}

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

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


.sliderContainer
{
float: left;
position: relative;
padding: 0px 0px;
}

.controls
{
margin: 0px 0px 0px 0px;
}

.wrap
{
width: 800px;
height: 172px;
margin:0px;
background: transparent;
}

#thumbnailContainer.slider
{
float: left;
overflow:hidden;
position:relative;
width:100%;
height:186px !important;
}

#thumbnailContainer.slider ul
{
width: 100%;
margin: 10px 0px;
padding:0;
height: 186px;
}



#thumbnailContainer.slider li
{
float:left;
list-style:none;
margin:0 0px 0 0;
text-align:center;
line-height:50px;
font-size:25px;
width: 172px;
height: 186px;
}

#thumbnailContainer.slider li img
{
margin: 10px 0px 0px 0px;
cursor: pointer;
width: 110px;
height: 75px;
}



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



/* Product Path */


.productPath
{
border-bottom: 1px solid #ccc;
padding: 0px 0px 10px 0px;
margin: 15px 0px 35px 0px;
font-size: 12px;
}

.productPath a
{
text-decoration: none;
text-transform: capitalize;
color: #005C8F;
font-style: italic;
}


.productPath strong
{
float: right;
position: absolute;
top: 100px;
right: 10px;
text-decoration: none;
text-transform: uppercase;
color: #005C8F;
font-style: normal;
font-weight: bold;
}

/* Product Listing Item */


.productListingItem 
{
float: left;
position: relative;
width: 158px;
height: 172px;
background: url(https://www.mobilesystems.co.nz/images/style/product_listing_bg.png) top left no-repeat;
text-align: center;
margin:  8px;
}


.productListingItem a img
{
margin: 8px 0px 0px 0px;
}

.productListingItem .productListingThumb
{
margin: 30px 0px 0px 0px;

}

.productListingItem h2
{
position: absolute;
bottom: 4px;
left: 4px;
right: 4px;
margin:0;
padding: 3px 10px 8px;
color: #FFF;
background: #0089CE;
font-size: 11px;
text-align: left;
line-height: 13px;
text-transform: capitalize;
font-family: Arial;
max-height: 33px;
}

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

color: #005c8f;
font-family: Arial, Helvetica, sans-serif; 
}


.productListingItem h2 a
{
color: #fff;
text-decoration: none;
}

.productListingItem p span a
{
color: #005c8f;
font-family: Arial, Helvetica, sans-serif; 
}

.productListingItem p a
{
color: #FFF;
text-decoration: none;
}


.productListingItem em
{
float: left;
display: block;
padding: 3px 8px 2px 10px;
font-size: 12px;
margin: 3px 0px 0px 0px;
font-style: normal;
}

.productListingItem span 
{
float: left;
display: block;
padding: 3px 8px 2px 10px;
text-decoration: line-through;
font-size: 12px;
margin: 3px 0px 0px 0px;
}

.productListingItem strong
{
float: left;
display: block;
color: #EF1921;
padding: 2px 1px 2px 3px;
margin: 3px 0px 0px 0px;
}


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


#ajaxBusy
{
display: none;
}

#left
{
float: left;
width: 320px;
}

#right
{
float: right;
width: 309px;
position: relative;
padding: 0px 0px 20px 20px;
margin: 0px 0px 20px 0px;
border-left: 1px solid #CCC;
}


#right h2
{
}

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

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

.productBackLink a
{
text-decoration: none;
text-transform: uppercase;

color: #656565;
font-style: normal;
}

#productNotices,
.productDetailDescription
{
float: left;
position: relative;
width: 460px;
}

#productDetailCartStatusBox
{
display: block;
}

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


#addtoCart a
{
display: block;
float: left;
position: relative;
margin: 10px 0px 30px 10px;
padding: 8px 10px;
background: #656565;
color: #FFF;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
}

#addtoCart a:hover
{
display: block;
background: #008BD8;
}

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

margin: 10px 0px 30px 10px;
padding: 8px 10px;
background: #656565;
color: #FFF;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
}

#downloadABrochure a:hover
{
display: block;
background: #008BD8;
}



/* Details */


#detailImage
{
float: right;
position: relative;
margin: -70px 0px 20px 20px;
text-align: center;
}

#detailImage a
{
display: block;
margin: 10px 0px 0px 0px;
}

#multipleImageMainContainer
{
float: left;
position: relative;
width: 320px;

min-height: auto;
}

#multipleImageThumbs
{
float: left;
position: relative;
width: 320px;
margin: 10px 0px 0px 0px;
}

#shippingSummaryContainer{
position: relative;
float: right;
background: #EFEFEF;
padding: 20px 20px;
width: 200px;
}

#shippingSummaryContainer h5{
color: #727272;
margin: 3px 0px 8px 0px;
text-transform: uppercase;
}

#shippingSummaryContainer select{
padding: 3px;
border: 1px solid #cccccc;
border-radius: 3px;
color: #727272;
font-size: 13px;
}

#shippingSummaryContainer p{
padding: 0px;
margin: 3px 0px;
}

#shippingSummaryContainer #productShipping span,
#shippingSummaryContainer #totalShipping span{
color: #005C8F;
}

#multipleImageThumbs div
{
float: left;
position: relative;
width: 33%;
text-align: center;
}

#multipleImageThumbs div:hover
{
}

#multipleImageThumbs img
{
float: none;
position: relative;
width: auto;
margin: 5px auto 12px;
cursor: pointer;
}


#multipleImageThumbs img:hover
{
margin: 5px auto 12px;
border-top: none;
}


#relatedProductsContainer
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
border-bottom: 1px solid #CCC;
}

#relatedProductsContainer p
{
margin: 0;
text-align: left;
text-transform: uppercase;
font-family: Times New Roman;
}

#relatedProducts
{

}

.productDetailSpecifications,
.productDetailFaqs,
.productDetailPricing
{
float: left;
position: relative;
width: 670px;
background: #efefef;
padding: 10px 20px;
margin: 20px 0px 0px 0px;
}


.relatedProduct
{
float: left;
position: relative;
width: auto;
margin: 8px 20px 0px 0px;
text-align: center;
font-size: 11px;
}

#default .relatedProduct a
{
clear: both;
display: block;
font-weight: bold;
}

.relatedProduct img
{
border: none;
margin: 0px 0px 8px 0px;
}


#productDetailSocialMedia
{
float: left;
position: relative;
width: 100%;
border-top: 1px solid #CCC;
}

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

}

SPAN.productPrice, SPAN.productSpecialPrice{

}

SPAN.strike .productSpecialPrice 
{
color:#ff0000;
text-decoration: line-through;
font-size: 14px;
margin: 0px 8px 0px 0px;
}

SPAN.productSpecialPrice{

text-decoration: none;
margin-left: 0px;
font-size: 26px;
font-weight: normal;
}

#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: #00B4E4;
font-family: Times New Roman;
}


DIV#colourSwatch{
display: block;
    padding:3px;
    width:300px;

    margin:0.5em 0;
}

DIV.swatchItem{

    border:none;
    height:30px;
    width:30px;
    background:#eee;
    float:left;
    margin:0px;
}

DIV.swatchItem a img{

    margin: 0;
    padding: 0;
}



.productOptionElement {

    margin: 2px 0px;
}

.productOptionHeader{

    margin: 10px 0px 0px;
}

.productOptionElement select{

    width: 190px;
    font-size: 11px;
    color: #656565;
    border: 1px solid #ccc;
}


#productFields {

    float: left;
    width: auto;
    margin: 2px 0px 15px;
}

.productPrices th{

    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    text-align: left;
}


.productPrices table{

    width: 100%;
    background: #FFF;
    border: none;
}

.productPrices .priceWas, .productPrices .priceSpecial{

    border-bottom: none;
}

.productPrices .price{

}

.productPrices .priceSpecial{
    font-weight: bold;
}

.productPrices {
    padding: 0;
    margin: 0;
    background: #FFF;
    border: none;
    padding: 1px;
    text-align: left;
}

.productPrices strong {

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


.productPrices strong
{
display: right;
float: right;
border: none;
text-transform: uppercase;
color: #005C8F;
margin: 0;
padding: 0;
font-size: 12px;
}


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: 20px;
right: 20px;
z-index: 100;
    padding:10px;
    text-align:right;
    display:none;
width: 350px;

}
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;
}


/* Product Cart Form Styling */

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

#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;
}

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

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

TABLE#productCartForm input,
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#editComment .buttonPanel
{
float: left;
position: relative;
width: 100%;
text-align: right;

}

TABLE#editComment input
{
float: right;
}


TABLE#editComment input:hover
{
background: #005C8F;
color: #fff;
}

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


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,
TABLE#editComment input.fmtxt,
TABLE#productCartForm input.fdate
{
width: 350px;
}

TABLE#productCartForm textarea,
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,
TABLE#editComment input:hover,
TABLE#editComment input:focus,
TABLE#editComment textarea:hover,
TABLE#editComment textarea:focus, {

    border: 1px solid #ccc;

}

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

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

#formbuilderFieldValues td.fbvalue
{
width: 65%;
font-weight: bold;
}



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


DIV#productCartContainer h2 {
display: block;
float: left;
clear: both;
    margin: 15px 0px 5px 0px;
    padding: 0;
    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: none;
    border: 1px solid #cacaca;
    margin: 0px 0px 8px 0px;
    padding: 10px;
    width: 623px;
}


DIV#productCartContainer .viewCartItem{

width: 50%;
height: 100px;
float: left;
position: relative;
    font-size: 11px;
    margin: 0px 0px 10px 0px;
    padding: 0;
    font-weight: normal;
    color: #1B2326;
}


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
}

#accountDetails,
#coupon,
#productCartForm
{
float: left;
position: relative;
width: 100%;
float: left;
background: #FFF;
border: none;
padding: 10px 10px;
margin: 0;
}

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

#coupon_code
{
background: #EBEBEB;
border: 1px solid #ccc;
margin: 12px 0px 0px 2px;
width: 29%;
}



#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%;
text-align:right;

}

.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;
width: 750px;
padding: 30px 0px 20px 0px;
text-align: right;
}

.checkoutButtonsBottom a
{
float: left;
position: relative;
display: inline-block;
padding: 5px 10px;
background: #008BD8 url(https://www.mobilesystems.co.nz/CMSDEV/images/icons/white_arrow.png) left center no-repeat;
color: #FFF;
width: 200px;
text-align: center;
margin: 0px 0px 10px 10px;
border: none;
text-decoration: none;
text-transform: uppercase;
}


.checkoutButtonsBottom a:hover
{
background: #00B4E4 url(https://www.mobilesystems.co.nz/CMSDEV/images/icons/white_arrow.png) left center no-repeat;
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;
}

DIV#colourSwatch{

    padding:3px;

    width:190px;
    margin:0.5em 0;
}


DIV.swatchItem{

    border:1px solid #999;
    height:36px;
    width:36px;
    background:#eee;
    float:left;
    margin:5px 5px 5px 4px;
}

#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 12px;
}


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

#orderHistory{
border-collapse: collapse;
}

#orderHistory .orderRowHeader{
background: #EEEEEE;
border-bottom: 3px solid #FFFFFF;
}

#orderHistory .orderRow{
background: #eef8fc;
border-bottom: 3px solid #FFFFFF;
}

#orderHistory .orderRowHeader td{
font-weight: bold;
padding: 5px;
}

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


#orderHistory .recItems{

}

#orderHistory .recItems th{

}

#orderHistory .recItems td{
border-bottom: 1px solid #EEEEEE;
}

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

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

}

#orderHistory td.priceHeader,
#orderHistory td.amount,
#orderHistory .recItems th.quantity,
#orderHistory .recItems td.quantity{
width: 250px;
text-align: center;
}

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

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


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


/* Links Module */


#linkItems
{
float: left;
position: relative;
}

.linkItem
{
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #ccc;
}

.linkItem .image
{
float: left;
position: relative;
width: 14%;
padding: 3%;
}

.linkItem .image a img
{
}

.linkItem .title
{
float: left;
position: relative;
width: 78%;
padding: 1% 1% 0 1%;
margin: 10px 0px 0px 0px;
color: #D2C5A5;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif; 
text-decoration: none;
}

.linkItem .title a
{
color: #656565;
text-decoration: none;
}

.linkItem .description
{
float: left;
position: relative;
width: 78%;
padding: 0  1% 1%1%;
}