﻿/***** RIGHT PANEL *****/

#right_panel
{
    float:left;
    margin:0 auto;
    padding:0;
    width:180px;
    height:100%;
    color:#636466; 
    text-align:left;
}


.right_panel_accordion
{
    margin:0 auto;
    padding:0;
    width:180px;
    height:500px;    
    text-align:left;
    vertical-align:top;
}

.right_panel_button_off
{
    margin:0 auto;
    padding:0;
    padding-top:16px;
    width:180px;
    height:45px;
    color:#a7a9ac;
    font-size:13px;
    font-weight:bold;
    background: transparent url('../images/right_panel/buttons/btn_bg.png') no-repeat top center;  
    text-align:center;
    vertical-align:top;
    cursor:pointer;    
}

.right_panel_button_off:hover
{
    color:#ed1c24;
}


.right_panel_button_on
{
    margin:0 auto;
    padding:0;
    padding-top:16px;
    width:180px;
    height:45px;
    color:#ed1c24;
    font-size:13px;
    font-weight:bold;
    background: transparent url('../images/right_panel/buttons/btn_bg.png') no-repeat top center;  
    text-align:center;
    vertical-align:top;
    cursor:pointer;  
}

.right_panel_content
{
    margin:0 auto;
    padding:0;
    padding-left:15px;
    padding-bottom:15px;
    width:140px;
    height:45px;
    color:#77787b;
    font-size:12px;
    text-align:left;
    vertical-align:top;
    background: transparent url('../images/right_panel/buttons/btn_bottom.jpg') no-repeat bottom center;
}
    
    
.threedhouse_link
{
    margin:0 auto;
    padding:0;
    line-height:46px;
    width:180px;
    height:60px;
    display:block;
    text-decoration:none;
    color:#a7a9ac;
    font-weight:bold;
    font-size:13px;
    background: transparent url('../images/right_panel/buttons/btn_bg.png') no-repeat top center; 
    text-align:center;
    vertical-align:middle;
}

.threedhouse_ceu_link
{
    margin:0 auto;
    padding:0;
    padding-left:30px;
    line-height:46px;
    width:150px;
    height:60px;
    display:block;
    text-decoration:none;
    color:#a7a9ac;
    font-weight:bold;
    font-size:13px;
    background: transparent url('../images/right_panel/buttons/btn_ceu_bg.png') no-repeat top center; 
    text-align:center;
    vertical-align:middle;
}

.threedhouse_link:hover, .threedhouse_ceu_link:hover
{
    color:#ed1c24;
}
  


/***** LANDING PAGE *****/
#landing_container
{
    margin:0 auto;
    padding:0;
    width:980px;
    min-height:800px;
    height:100%;
    text-align:center;
    vertical-align:top;
    background: #b3151b url('../images/background/landing_bg.png') no-repeat top center;
}



/***** HOME *****/
#home_container
{
    margin:0 auto;
    padding:0;
    width:980px;
    height:100%;
    text-align:center;
    vertical-align:top;
    background: #ffffff url('../images/background/bg_home_hor.jpg') repeat-x top left;
}

#top_white_header
{
    margin:0 auto;
    padding:0;    
    width:980px;
    height:38px;
    text-align:right;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    color:#a7a9ac;
    text-align:center;
    background-color:#ffffff;

}


#top_white_header_sub
{   
    width:930px;
    height:38px;
    padding-top:10px;
    position:relative;
    z-index:110;    
}


/***** PRODUCT *****/
#product_left_section
{
    float:left;
    margin:0 auto;
    padding:0;    
    width:260px;
    height:auto;
    text-align:left
}  


#product_right_section
{
    float:left;
    margin:0 auto;
    padding:0;    
    width:510px;
    height:auto;
    text-align:left;
} 

.product_left_button_bg
{
    margin:0 auto;
    padding:0;
    width:220px;
    height:45px;
    text-align:center;
    vertical-align:top;
    background: transparent url('../images/product/large_button_bg.png') no-repeat top center;        
}

.product_left_button_bg2
{
    margin:0 auto;
    padding:0;
    width:220px;
    height:45px;
    text-align:center;
    vertical-align:top;
    background: transparent url('../images/product/large_button_bg2.png') no-repeat top;        
}

.product_left_button
{  
    color:#a7a9ac;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    vertical-align:middle;
}

.product_left_button:hover
{  
    color:#ed1c24;
}

.product_left_small_button_bg
{
    margin:0 auto;
    padding:0;
    padding-top:12px;
    width:220px;
    height:45px;
    text-align:left;
    vertical-align:top;
    background: transparent url('../images/product/large_split_button_bg.png') no-repeat top center;  
}    
.product_left_small_button_bg2
{
    margin:0 auto;
    padding:0;
    padding-top:12px;
    width:220px;
    height:45px;
    text-align:left;
    vertical-align:top;
    background: transparent url('../images/product/large_split_button_bg2.png') no-repeat top center;  
}    

UL.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
    width:500px;
    height:auto;
}

/* PRODUCT TAB 3 */
UL.tabNavigation LI 
{
    float:left;
    width:166px;
    height:45px;            
    display: inline;
    text-align:center;    
}

UL.tabNavigation LI A 
{         
    display:block;  
    margin:0 auto;
    padding:0;
    padding-top:12px;
    width:166px;
    height:45px;
    color: #a7a9ac;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    background: transparent url('../images/right_panel/buttons/btn_bg.png') no-repeat top center;
}

/* PRODUCT TAB 4 */
UL.tabNavigation LI.tab4
{
    float:left;
    height:45px;            
    display: inline;
    text-align:center;    
}

UL.tabNavigation LI.tab4 A 
{         
    display:block;  
    margin:0 auto;
    padding:0;
    padding-top:12px;
    height:45px;
    color: #a7a9ac;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    background: transparent url('../images/right_panel/buttons/btn_bg.png') no-repeat top center;
}

UL.tabNavigation LI.tab4 A.small_tab_bg
{ 
    width:113px;
    background: transparent url('../images/product/tab_button_bg_small.png') no-repeat top center;
}

UL.tabNavigation LI.tab4 A.small_tab_bg2
{ 
    width:105px;
    background: transparent url('../images/product/tab_button_bg_small2.png') no-repeat top center;
}

UL.tabNavigation LI.tab4 A.large_tab_bg2
{ 
    width:169px;
    background: transparent url('../images/product/tab_button_bg_large.png') no-repeat top center;
}



UL.tabNavigation LI A.selected {
    color: #ed1c24;
}

UL.tabNavigation LI A:focus {
    outline: 0;
}

UL.tabNavigation LI A:hover {
    color:#ed1c24;
}


UL.tabNavigation LI.tab4 A.selected {
    color: #ed1c24;
}

UL.tabNavigation LI.tab4 A:focus {
    outline: 0;
}

UL.tabNavigation LI.tab4 A:hover {
    color:#ed1c24;
}

div.tabs > div {
    padding: 5px;
    margin-top: 3px;
    color:Gray;
}

div.tabs > div h2 {
    margin-top: 0; 
    color:Gray;                          
}

#first {
    background-color: #fff;  
    clear:left;
    padding-top:20px;      
}


#second {
    background-color: #fff;
    clear:left; 
    padding-top:20px; 
}

#third {
    background-color: #fff;
    clear:left; 
    padding-top:20px; 
}


#fourth {
    background-color: #fff;
    clear:left; 
    padding-top:20px; 
}

#fifth {
    background-color: #fff;
    clear:left; 
    padding-top:20px; 
}



/***** SHOPPING LIST *****/
.page_title
{
    width:940px; 
    height:auto; 
    padding:10px 0 20px 0; 
    text-align:left; 
    vertical-align:top; 
    margin-left:20px;
    font-size:25px;
    font-weight:bold;
    color:#ed1c24;
}

.shoppinglistitem
{
    margin:0 auto;
    padding:0;
    width:100%;
    height:auto;
}

.shoppinglistitem td
{
    text-align:left;
    vertical-align:top;
}

.delete
{
    text-decoration:none;
    color:#636466;
}

.shoppinglistitem_image
{
    width:230px;
}

.shoppinglistitem_desc
{
    width:500px;
}

.shoppinglistitem_delete
{
    width:30px;
}

.greylink
{
    color:#767678;
    text-decoration:none;
}


/***** FAQ *****/
#content p.answer
{
    margin:0 auto;
    padding:0;
    padding-left:20px;
    color:#ed1c24;
}

a.question, a.question:hover
{
    width:100%;
    margin:0 auto;
    padding-bottom:5px;
    cursor:pointer;
    font-size:12px;
    color:#767678;
}




.section
{
    padding-bottom:10px;
    font-size:15px;
    font-weight:bold;
    color:#ed1c24;
}

/***** ABOUT LEPAGE *****/
.about_lepage_section
{
    padding-top:10px;
    font-size:15px;
    font-weight:bold;
    color:#ed1c24;
}



/***** FOOTER *****/
.footer_container
{
    
    width:980px;
    height:40px;
    margin:0 auto;
    padding:0;
    color:#a7a9ac;    
    text-align:center;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    background-color:White;     
}

.footer
{    
    width:940px;
    height:40px; 
    border-top:solid 1px #bfbfbf;
}

.footerLeft
{
    float:left;
    width:800px;
    height:100%;
    text-align:left;   
}

.footerRight
{
    float:right;
    width:100px;
    height:100%;
    text-align:right;   
}

.footer a
{
    color:#a7a9ac;
    text-decoration:none;  
}



/***** ETC *****/
.smalllink
{
    color:#a7a9ac;
    text-decoration:none;
}

a
{
    color:#a7a9ac;
    text-decoration:none;    
}

a:hover
{
    color:#ed1c24;  
}


.radiobutton_gap
{
    padding-right:20px;
}


.modalBackground
{
  background-color:#000000;
  filter:alpha(opacity=40);
  opacity:0.5;
}

.font_red
{
    color:#ed1c24;
}
.font_gray_no_underline
{
    color:#636466;
    text-decoration:none;
}

/* hides the element */
.not_visible
{
    display:none;
}
/* contains quad challenge link */
#quad_challenge
{
    width:147px; 
    height:127px; 
    text-align:left;
    margin-left:55px;
}
/***** WHERE TO BUY *****/
#where_to_buy_section
{
    width:750px; 
    height:auto; 
    margin:0 auto;
    padding:0px 0 20px 0; 
    text-align:left; 
    vertical-align:top; 
    margin-left:20px;
}  

/* horizontal gray bar */
.horizonalBar
{
    margin-top:10px;
    margin-bottom:10px;
    height:1px;
    width:750px;
    background-color:#a7a9ac;
}
/* handle padding around selection area */
.selection_format
{
    clear:both;
    height:25px;
    margin-top:10px;
    margin-bottom:20px;
}
/* formats the vertical alignment and position of dropdown */
.left_float_format_dropdown
{
    float:left;
    height:25px;
    padding-right:10px;
}
/* formats the vertical alignment and position of button */
.left_float_format_button
{
    float:left;
    height:25px;
    padding-right:10px;
}
/* formats the vertical alignment and position of text */
.left_float_format_text
{
    float:left;
    height:23px;
    margin-top:2px;
}
/* formats the vertical alignment and position of textbox */
.left_float_format_entry
{
    float:left;
    height:25px;
    padding-right:10px;
}
.clear
{
    clear:both;
}
.pageTitle
{
     width:940px;
     height:auto; 
     padding:10px 0 20px 0; 
     text-align:left; 
     vertical-align:top; 
     margin-left:20px;
}
.pageTitleCheckList
{
     width:750px;
     height:auto; 
     padding:10px 0 20px 0; 
     text-align:left; 
     vertical-align:top; 
     margin-left:20px;
}
.shopping_button_bg
{
    margin:0 auto;
    padding:0;
    width:160px;
    height:45px;
    text-align:center;
    vertical-align:top;
    background: transparent url('../images/product/large_button_bg.png') no-repeat top center;        
}
/* the swatches of quad colours shown on the product detail page */
.colourSwatch
{
    margin-top:0px;
    margin-bottom:5px;
    height:25px;
    width:25px;
    float:left;
}
.colourSwatchRadio
{
    float:left;
    width:25px;
    margin-left:5px;
    
}
/* horizontal gray bar for adhesive calculator */
.adhesiveBar
{
    margin-top:5px;
    margin-bottom:5px;
    height:1px;
    width:500px;
    background-color:#a7a9ac;
}
.smallPad
{
    padding-top:10px;
}
.adhesiveLeftItem
{
    float:left;
    width:200px;
}
.adhesiveRightItem
{
    float:left;
    width:120px;
}
.adhesiveFinalItem
{
    float:left;
    width:300px;
}
.adhesiveFinalSize
{
    float:left;
    width:100px;
}
.adhesiveFinalQuantity
{
    float:left;
    width:100px;
}


.redItemBorder
{
    border:solid 1px #ed1c24;
    width:55px;
    height:55px;
}
.redBorder
{
    border:solid 1px #ed1c24;
}
/* how to page */
.howToArea
{
    clear:both;
    height:auto;
    padding-top:10px;
}
.howToImage
{
    float:left;
    width:55px;
    height:55px;
    border:solid 1px #ed1c24;
    margin-right:10px;
}
.howToText
{
    float:left;
    width:400px;
}
.howToTextLong
{
    float:left;
    width:455px;
}
.featuresArea
{
    float:left;
    width:250px;
}
.sizeArea
{
    float:left;
    width:100px;
}
.colourArea
{
    float:left;
    width:130px;
}
/***** STORE SECTION *****/
#store_section
{
    width:660px; 
    height:auto; 
    margin:0 auto;
    padding:0px 0 20px 0; 
    text-align:left; 
    vertical-align:top; 
    margin-left:90px;
}  
.media_section
{
    width:750px; 
    height:auto; 
    margin:0 auto;
    padding:0px 0 20px 0; 
    text-align:left; 
    vertical-align:top; 
    margin-left:20px;
}
.video_section
{
    width:660px; 
    height:auto; 
    margin:0 auto;
    padding:0px 0 20px 0; 
    text-align:left; 
    vertical-align:top; 
    margin-left:90px;
}
.addToListPanel
{
    background:#ffffff url(../images/product/popup_bg.jpg) no-repeat top center;
}
.addToListQuadPanel
{
    background:#ffffff url(../images/product/popup_quad_bg.jpg) no-repeat top center;
}
/* alternative product boxes shown on product detail page */
.alternativeProduct
{
    width:245px;
    float:left;
    border:solid 1px #ed1c24;
    height:auto; 
    margin:0; 
    padding:0; 
    padding-top:35px;
}
.alternativeGreenProduct
{
    background:url('../images/product/recommended_green_product_header.jpg') no-repeat top center;
    margin-right:5px;
}
.alternativeLatexProduct
{
    background:url('../images/product/recommended_latex_product_header.jpg') no-repeat top center;
}
.alternativeProductImage
{
    float:left; 
    width:100px; 
    height:100px; 
    margin-left:5px;
    margin-bottom:5px;
}
.alternativeProductText
{
    float:left; 
    width:130px;
    padding-left:5px;
    margin-right:5px;
    overflow:hidden;
}
sup.TITLE
{
    font-size:14px;
    
}
