/*
***********************************************
>>>>>>>>>>>>>>>>>General Rules<<<<<<<<<<<<<<<<<
***********************************************
*/
body
{
    margin: 0;
    padding: 0;
    background: #FFFFFF; /*text-align: center;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

p, h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}
tr
{
    vertical-align: top;
}
li
{
    /*     margin-bottom:0px;     margin-top:0px;     padding-bottom:0px;     padding-top:0px;     */
    line-height: 12px;
}
img
{
    border: 0;
}
a
{
    color: #333333;
}

/*Width*/
.width100
{
    width: 100%;
}

.width75
{
    width: 75%;
}

.width50
{
    width: 50%;
}
.width183px
{
    width: 183px;
}
.width556px
{
    width: 556px;
}
/*Float*/
.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}
.floatClear
{
    clear: both;
}
/*Text Alignment*/
.alignLeft
{
    text-align: left;
}

.alignRight
{
    text-align: right;
}
.center
{
    text-align: center;
}
.justify
{
    text-align: justify;
}

.alignMiddle
{
    vertical-align: middle;
}

/*Font Treatment*/
.bold
{
    font-weight: bold;
}

.upperCase
{
    text-transform: uppercase;
}

.smallLineSpacing
{
    line-height: 11px;
}
.largeLineSpacing
{
    line-height: 18px;
}

.smallLetterSpacing
{
    letter-spacing: 1px;
}

/*Padding*/
.toppad1
{
    padding-top: 1px;
}
.toppad2
{
    padding-top: 2px;
}
.toppad5
{
    padding-top: 5px;
}
.toppad7
{
    padding-top: 7px;
}
.toppad10
{
    padding-top: 10px;
}
.toppad12
{
    padding-top: 12px;
}
.toppad13
{
    padding-top: 13px;
}
.toppad15
{
    padding-top: 15px;
}
.toppad20
{
    padding-top: 20px;
}

.bottompad5
{
    padding-bottom: 5px;
}
.leftpad1
{
    padding-left: 1px;
}
.leftpad2
{
    padding-left: 2px;
}

.leftpad10
{
    padding-left: 10px;
}
.leftpad20
{
    padding-left: 20px;
}

.rightpad2
{
    padding-right: 2px;
}
.rightpad10
{
    padding-right: 10px;
}
.rightpad11
{
    padding-right: 11px;
}
.rightpad12
{
    padding-right: 12px;
}
.rightpad20
{
    padding-right: 20px;
}
.pad10
{
    padding: 10px;
}

/*Borders*/
.topBorder
{
    border-top: #666 solid 1px;
}

.bottomBorder
{
    border-bottom: #666 solid 1px;
}
/*Colors*/
.blue
{
    color: #5d8eab;
}
.blue a
{
    color: #df7930;
}

.porange a
{
    color: #df7930;
    text-decoration: underline;
}

.orange
{
    color: #df7930;
}

.gray
{
    color: #999999;
}
/*Font Sizes*/
.small
{
    font-size: smaller;
}
.big
{
    font-size: large;
}
.eight
{
    font-size: 8px;
}
.nine
{
    font-size: 9px;
}
.ten
{
    font-size: 10px;
}
.eleven
{
    font-size: 11px;
}
.twelve
{
    font-size: 12px;
}
.thirteen
{
    font-size: 13px;
}
.fourteen
{
    font-size: 14px;
}

/*
***********************************************
>>>>>>>>>>>>>>>>>Header<<<<<<<<<<<<<<<<<<<<<<<<
***********************************************
*/

#wrapper
{
    width: 750px;
    margin: 0 auto;
}

#header_nav_menu_logo
{
    float: left;
}

#header_nav_menu_content
{
    float: right;
    border-top: #cccccc 8px solid;
    width: 518px;
    height: 44px;
}

#header_sub_head
{
    clear: both;
    background: url(../../images/subhead_bkg.jpg) repeat-x;
    height: 30px;
    width: 750px;
}

#header_sub_head_breadcrumb
{
    float: left;
    color: #d3e8ff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing:1px;
    padding: 8px 0px 0px 10px;
}
#header_sub_head_breadcrumb a
{
    color: #d3e8ff;
    text-decoration: none;
}
#header_sub_head_breadcrumb a:hover
{
    text-decoration: underline;
}

#header_sub_head_calltoday
{
    float: right;
    color: #d3e8ff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 11.9px;
    padding: 9px 0px 10px 0px;
}

#header_sub_head_print
{
    float: right;
}

#header_sub_head_search
{
    float: right;
}
/*
>>>>>>>>>> End Header <<<<<<<<<<<<<<
*/
#content
{
    clear: both;
}


/*
***********************************************
>>>>>>>>>>>>>>>>>>>>Footer<<<<<<<<<<<<<<<<<<<<<
***********************************************
*/
#footer, #footer a
{
    color: #999999;
    text-decoration: none;
    clear: both;
    font-size: 9px;
    font-weight: bold; /*margin: 5px 0px;*/
    padding: 2px 0px 0px 0px;
    border-top: 1px solid #666666;
}
#footer a:hover
{
    text-decoration: underline;
}



.PS h3
{
    color: #73b1d5;
    text-transform: uppercase;
    font-size: 18px;
    padding: 8px 0px 8px 0px;
    font-weight: normal;
}
.PS p
{
    margin-bottom: 10px;
    line-height: 1.3em;
}
.PS p a
{
    color: #df7930;
}

/*
***********************************************
>>>>>>>>>>>>>>>>>>>>Home Pages<<<<<<<<<<<<<<<<<
***********************************************
*/

#home_bottom_left
{
    float: left;
    width: 379px;
    padding-top: 2px;
}

#home_bottom_right
{
    float: right;
    width: 369px;
    padding-top: 2px;
}














/*
***********************************************
>>>>>>>>>>>>>>Request Literature<<<<<<<<<<<<<<<
***********************************************
*/
#RequestLiterature
{
    width: 550px;
    margin: 10px 0px;
}
#RequestLiterature h3
{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #5d8eab;
}
#RequestLiterature p
{
    padding: 7px 0px 5px 0px;
    line-height: 1.2em;
}
#RequestForm
{
    border: 1px solid #ccc;
    width: 100%;
    padding: 5px 0px;
}

#Requesttxtfield tr td
{
    padding: 5px 5px 0px 0px;
}
#RequestProject tr td
{
    padding: 5px 5px 0px 0px;
}
#RequestProject tr td input, #RequestInstall tr td input, #RequestAbout tr td input, #RequestComment tr td input
{
    margin-left: 20px;
}



/*
***********************************************
>>>>>>>>>>>>>>Why Pipeless<<<<<<<<<<<<<<<
***********************************************
*/
.WP
{
    padding: 2px 0px 0px 0px;
    width: 100%;
    margin-bottom: 5px;
}
.WP p
{
    padding: 7px 0px 5px 0px;
    line-height: 1.2em;
}

/*
#WP-table{
float:left;
margin-left:-20px;
width:790px;
}
#WP-table tr td{
margin-left:-20px;
}
*/
#Purity, #Engineered, #Compare
{
    width: 390px;
    height: 140px;
}
#Noise, #Authentic, #Professional
{
    width: 380px;
    height: 140px;
}
#Purity
{
    background: url(../../images/whypipeless/purity.jpg) no-repeat top left;
}
#Noise
{
    background: url(../../images/whypipeless/noise.jpg) no-repeat top left;
}
#Engineered
{
    background: url(../../images/whypipeless/engineered.jpg) no-repeat top left;
}
#Compare
{
    background: url(../../images/whypipeless/compare.jpg) no-repeat top left;
}
#Authentic
{
    background: url(../../images/whypipeless/authentic.jpg) no-repeat top left;
}
#Professional
{
    background: url(../../images/whypipeless/professional.jpg) no-repeat top left;
}
.WP-features
{
    padding: 16px 0px 0px 65px;
}
.WP-features ul
{
    margin: 0px;
    padding: 0px;
    padding-top: 8px;
    padding-left: 1px;
}
.WP-features ul li
{
    font-size: 11px;
    padding-top: 0px;
    margin: 0px 30px 2px 20px;
    line-height: 11px;
}
.WP-features h3 a
{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #df7930;
    text-decoration: none;
}

.WP-border
{
    width: 392px;
    height: 337px;
    background: url(../../images/whypipeless/table_bkg.jpg) no-repeat;
}
.WP-border p
{
    padding: 20px;
    padding-bottom: 4px;
}
#WP-adv
{
/*    width: 358px;*/
}
#WP-adv a
{
    color: #df7930;
    text-decoration: underline;
}
#WP-adv ul li
{
    color: #df7930;
    padding: 0px;
    padding-top: 7px;
    padding-right: 15px;
    line-height: 1.2em;
}
.box2
{
    width: 389px;
    height: 170px;
    background: url(../../images/whypipeless/box2.jpg) no-repeat;
}
.box3
{
    width: 389px;
    height: 252px;
    background: url(../../images/whypipeless/box_pipe.jpg) no-repeat;
}
.box4
{
    width: 395px;
    height: 373px;
    background: url(../../images/whypipeless/box4.jpg) no-repeat;
}
.box5
{
    width: 391px;
    height: 403px;
    background: url(../../images/whypipeless/true_callout1.jpg) no-repeat;
}
.box2 p, .box3 p
{
    padding: 35px 10px 10px 35px;
}
.box4 p
{
    padding: 25px 0px 0px 25px;
}
.box5 p
{
    padding: 20px 0px 0px 30px;
}
#WP-TrueCallout
{
    width: 220px;
    float: right;
    margin-right: 20px;
    color: #df7930;
}
#WP-TrueCallout p
{
    padding: 5px 0px 0px 10px;
    font-size: 11px;
}
.callout
{
    font-weight: bold;
    font-size: 16px;
}
.calloutsmall
{
    font-weight: bold;
    font-size: 14px;
}
#WP-Compare
{
    margin-top: 5px;
    padding: 10px;
    border: 1px solid #5d8eab;
}

.bluerow
{
    background-color: #e3eff7;
}
.whiterow
{
    background: #ffffff;
    border-top: 1px solid #5d8eab;
    border-bottom: 1px solid #5d8eab;
}
.clear
{
    border-bottom: none;
}
#WP-Compare tr td p
{
    padding: 10px;
    color: #5d8eab;
}
#WP-Compare tr th img
{
    padding-bottom: 5px;
}
.centerBorder
{
    border-left: 1px solid #5d8eab;
    border-right: 1px solid #5d8eab;
}
.comparison p
{
    font-weight: bold;
    font-size: 16px;
    margin: 0px 0px 0px 10px;
}
#WP-pro p
{
    line-height: 1.5em;
}
.videothumb
{
    width: 334px;
    height: 90px; /*float:left;*/
    padding: 8px 20px 0px 5px;
}
.videothumb p
{
    color: #666666;
    padding-right: 10px;
    font-size: 11px;
    font-weight: bold;
}
.videothumb img
{
    padding: 5px 5px 0px 10px;
}
.currentVideo
{
    background: url(../../images/whypipeless/video_highlight.jpg) no-repeat;
}

.PS-nav a
{
    color: #df7930;
    font-size: 10px;
    line-height: 1.9em;
}
.PS-nav a.ps-active
{
    color: #5d8eab;
}

.PS p
{
    margin-bottom: 10px;
    line-height: 1.3em;
}
.PS p a
{
    color: #df7930;
}
.PS-nav
{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
h5
{
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
}
#RP
{
    /*float:left;*/
}
.Recommeded
{
    padding: 15px 0px;
    border-top: #5d8eab solid 2px;
    border-bottom: #5d8eab solid 2px; /*float:left;*/ /*margin-bottom: 5px;*/
}
#cary tr td
{
    padding: 10px 5px;
}
.PsFeature
{
    padding-left: 15px;
}
.PsFeature li
{
    padding-top: 3px;
}


/*
***********************************************
>>>>>>>>>>>>>>Products Pages <<<<<<<<<<<<<<<
***********************************************
*/

.Products_Index_Collections_0
{
    width: 360px;
    height: 60px;
    padding: 10px 5px 10px 5px;
    font-size: 9px;
    text-align: justify;
    line-height: 16px;
    cursor: pointer;
    color: #5d8eab;
    background-color: #f0f9fe;
    border: #f0f9fe 1px solid;
}

.Products_Index_Collections_1
{
    width: 360px;
    height: 60px;
    padding: 10px 5px 10px 5px;
    font-size: 9px;
    text-align: justify;
    line-height: 16px;
    cursor: pointer;
    color: #5d8eab;
    background-color: #f0f9fe;
    border: #6299b7 1px solid;
}

.Products_Index_Collections_LearnMore
{
    position: relative;
    top: -15px;
    left: 280px;
}

#Products_Index_Filters
{
    width: 748px;
    height: 36px; /*padding:10px 5px 10px 5px;*/ /*font-size:9px;     text-align:justify;     line-height:16px;     cursor:pointer;*/
    color: #000000;
    font-weight: bold; /*background-color: #f0f9fe;*/
    border: #6299b7 1px solid;
}

.SearchResult
{
    padding: 5px 0px; /*margin: 15px 0px;*/
    float: left;
    width: 750px;
}
.SearchNumber, .Config
{
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    width: 200px;
    display: inline;
}

.SearchShowing, .Pagenation
{
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.Pagenation
{
    padding: 0px 0px 0px 20px;
}
.SearchShowing a, .Pagenation a
{
    color: #df7930;
    text-decoration: underline;
}
#ProductList
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-top: #CCCCCC solid 1px;
    padding-top: 0px;
}
#ProductList th, .Product-price
{
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0px;
    letter-spacing: .1em;
    color: #666666;
}
.Product-price p
{
    padding: 5px 10px 0px 0px;
}

#ProductList table tr td
{
    border-top: 1px solid #333333;
    padding: 3px 0px;
}
.Product-info
{
    padding-right: 10px;
}
.Product-info p
{
    padding: 3px 10px 3px 0px;
    line-height: 1.2em;
    color: #666666;
}
.Product-info a
{
    font-weight: bold;
    color: #666666;
    text-decoration: underline;
}
.Product-feature
{
    width: 200px;
}
.Product-feature-list
{
    margin-left: 5px;
    padding-left: 10px;
}
.Product-feature ul li
{
    margin: 5px 5px 5px 0px;
    padding: 0px;
    list-style: disc;
    list-style-type: disc;
    color: #999;
    font-size: 11px;
}















/*
***********************************************
>>>>>>>>>>>>>>>Product Spec<<<<<<<<<<<<<<<<<<<<
***********************************************
*/
#ProductSpec, #ProductSpec-info
{
    width: 560px;
}
#navlist
{
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding-bottom: 19px;
    padding-left: 0px;
}

#navlist ul, #navlist li
{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/*SANIJET Added*/
.navlistitem:link, .navlistitem:visited
{
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin-right: 8px;
    margin-left: 0px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    text-transform: uppercase;
}

/*SANIJET Added*/
.navlistitemcurrent:link, .navlistitemcurrent:visited
{
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    color: #000;
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin-right: 8px;
    margin-left: 0px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    text-transform: uppercase;
}

#navlist a:hover
{
    color: #000;
}

body.section-1 #navlist li#nav-1 a, body.section-2 #navlist li#nav-2 a, body.section-3 #navlist li#nav-3 a, body.section-4 #navlist li#nav-4 a
{
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #000;
}

#navlist #subnav-1, #navlist #subnav-2, #navlist #subnav-3, #navlist #subnav-4
{
    display: none;
    width: 90%;
}

body.section-1 #navlist ul#subnav-1, body.section-2 #navlist ul#subnav-2, body.section-3 #navlist ul#subnav-3, body.section-4 #navlist ul#subnav-4
{
    display: inline;
    left: 10px;
    position: absolute;
    top: 95px;
}

body.section-1 #navlist ul#subnav-1 a, body.section-2 #navlist ul#subnav-2 a, body.section-3 #navlist ul#subnav-3 a, body.section-4 #navlist ul#subnav-4 a
{
    background: #fff;
    border: none;
    border-left: 1px solid #ccc;
    color: #999;
    font-size: smaller;
    font-weight: bold;
    line-height: 10px;
    margin-right: 4px;
    padding: 2px 10px 2px 0px;
    text-decoration: none;
}

#navlist ul a:hover
{
    color: #000 !important;
}

#contents
{
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    clear: both;
    margin: 0px;
    padding: 15px;
}
/*SANIJET Added*/
#ProductSpec-Features
{
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px 5px 20px 10px;
}
#ProductSpec-Specification, #ProductSpec-Guides, #ProductSpec-Options
{
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px 5px 20px 10px; /*SANIJET Added*/
    display: none;
}
#ProductSpec-Features p, #ProductSpec-Specification p
{
    padding: 5px 0px 4px 3px;
}

#ProductSpec-Specification table tr th
{
    color: #999999;
    font-weight: bold;
    padding: 5px;
}
#ProductSpec-Specification ul
{
    margin-top: 0px;
}
.genralProductTab table tr td
{
    padding: 5px;
}
















/*SANIJET Added*/
.navlistcurrent
{
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #000;
    font-weight: bold;
}
/*SANIJET Added*/
div#commentForm
{
    margin: 0px 20px 0px 20px;
    display: none;
}



.PromoSmall
{
    color: #5d8eab;
    font-size: 11px;
}
.Promo
{
    color: #5d8eab;
    font-size: 11px;
    line-height: 1.4em;
}
.Promo h3
{
    font-weight: bold;
    font-size: 14px;
}
.Promo h2
{
    font-weight: bold;
    font-size: 16px;
}









/*
***********************************************
>>>>>>>>>>>Product page - Single Product<<<<<<<
***********************************************
*/
#SingleProduct-info h1
{
    color: #5d8eab;
    text-transform: uppercase;
    font-size: 18px;
    padding: 8px 0px 8px 0px;
    font-weight: normal;
}
#SingleProduct-info
{
    width: 370px;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.3em;
}
#SingleProduct-img
{
    padding: 0px 5px 10px 0px;
}
.tag
{
    text-transform: uppercase;
    font-weight: bold;
}
.colors
{
    padding-top: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    vertical-align: baseline;
    word-spacing: 1em;
}
.ConfigOption
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 10px 0px 0px 10px;
    width: 155px;
}
.ConfigOption p
{
    padding-top: 0px;
    line-height: 9px;
}
ConfigOption h3
{
}
.ConfigOption a
{
    color: #333333;
    font-size: 12px;
}
.ConfigOptionPage a
{
    color: #EF9A30;
    font-size: 8px;
}
.Config
{
    text-transform: uppercase;
    font-size: 14px;
}
.Config
{
    display: block;
    width: 400px;
}
.Highlight
{
    background: url(../../images/config-highlight.jpg) no-repeat;
}
.ChooseConfig table tr td
{
    height: 80px;
}
.ChooseConfig
{
    margin: 10px 0px;
}
.ChooseConfig table tr td
{
    width: 175px;
    height: 80px;
}
.ChooseConfig
{
    color: #333333;
}

#SimilarProducts p
{
    text-align: center;
    padding-bottom: 20px;
    font-weight: bold;
}
#ProductSpec-info p
{
    margin: 0px 0px 0px 10px;
    padding: 0px;
}
#ProductSpec-info ul
{
    margin: 0px 0px 0px 35px;
    padding: 0px;
}
.file a
{
    color: #df7930;
}
.file p
{
    line-height: 1.2em;
    padding: 0px;
    margin: 0px;
}
.file-pic img
{
    padding-top: 6px;
}
#ProductSpec-Options p
{
    margin: 0px;
    padding: 0px;
}
#Products_Systems_Left
{
    background-image: url(../../images/Products/ProductPageUpdates1007/spabathlandingpage_bg_middle.jpg);
    clear: both;
    color: #5d8eab; /*line-height: 18px;*/
    text-align: justify;
    padding-left: 20px;
    padding-right: 20px;
    width: 356px;
    font-size: 11px;
}
#Products_Systems_Right
{
    background-image: url(../../images/Products/ProductPageUpdates1007/spabathlandingpage_bg_middle_small.jpg);
    clear: both;
    color: #5d8eab; /*line-height: 18px;*/
    text-align: justify;
    padding-left: 20px;
    padding-right: 20px;
    width: 312px;
    font-size: 11px;
}



.ProductDetail_Systems
{
    width: 360px;
    height: 138px;
    padding: 10px 5px 10px 5px;
    font-size: 11px;
    /*text-align: justify;
    line-height: 16px;
    cursor: pointer;
    color: #5d8eab;
    background-color: #f0f9fe;*/
    border: #6299b7 1px solid;
}

.ProductDetail_Systems_Configuration_0
{
    width: 162px;
    height: 30px;
    padding: 10px 5px 10px 5px;
    font-size: 10px;
    /*text-align: justify;
    line-height: 16px;
    cursor: pointer;
    float:left;
    color: #5d8eab;
    background-color: #f0f9fe;*/
    border: #6299b7 1px solid;
}
.ProductDetail_Systems_Configuration_1
{
    width: 162px;
    height: 30px;
    padding: 10px 5px 10px 5px;
    font-size: 10px;
    /*text-align: justify;
    line-height: 16px;
    cursor: pointer;
    float:left;
    color: #5d8eab;*/
    background-color: #f0f9fe;
    border: #6299b7 1px solid;
}

.ProductDetail_Systems_LearnMore
{
    position: relative;
    top: -13px;
    left: 120px;
}