﻿/*--------------------------------------------------------------	
	Name: sitepages.css
    Description: tags used for pages that require custom formats
	ONLY PUT ITEMS HERE THAT WILL ONLY BE USED ON A SINGLE PAGE!
---------------------------------------------------------------- */

/*--------------------------------------------------------------	
    Segment: SitePage Footwear
    Description: 
---------------------------------------------------------------- */

.FootwearPageProductListBlock
{
    display:block;
    width:900px;
    height: 775px;
    margin-left:4px;    
    padding: 0px;
    background-color: #0E0E0E;   
}

.FootwearPageContentPanels
{    
    display: block;
    width: 900px;
    height: 200px;
    margin-left: 4px;
    padding: 0px;
    background: url(images/pages/footwear/FootwearContentPanelBlock_bg.png) no-repeat 0px 15px;
    background-color: #0E0E0E;
}

.FootwearPageContentPanels_A
{
    display:block;
    float:left;
    width:300px;
    height:150px;
    margin-top:20px;
    background: url(images/pages/footwear/CPA_300x150.png) no-repeat;
}

.FootwearPageContentPanels_B
{
    display:block;
    float:left;
    width:300px;
    height:150px;
    margin-top:20px;
    background: url(images/pages/footwear/CPB_300x150.png) no-repeat;
}

.FootwearPageContentPanels_C
{
    display:block;
    float:left;
    width:300px;
    height:150px;
    margin-top:20px;
    background: url(images/pages/footwear/CPC_300x150.png) no-repeat;
}

/*--------------------------------------------------------------	    
    Segment End: SitePage Footwear
---------------------------------------------------------------- */


/*--------------------------------------------------------------	
    Segment: SitePage AboutUs
    Description: 
---------------------------------------------------------------- */
.AboutUsPage_Content_Wrapper
{
    display: block;
    height: 530px;
    width: 850px;
    font-family: Calibri;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    overflow: auto;
}

.AboutUsPage_Content_Wrapper h1
{
    font-size:xx-large;
}

.AboutUsPage_Content_Wrapper h2
{
    font-size: medium;    
}

.AboutUsPage_Content_Wrapper li
{
    margin-left:35px;
    list-style-type:decimal;
    list-style-position:outside;
}

.AboutUsPage_Content_Wrapper p
{
    padding-bottom:10px;
}
/*--------------------------------------------------------------	    
    Segment End: SitePage AboutUs
---------------------------------------------------------------- */

/*--------------------------------------------------------------	
    Segment: FootwearTricktionary.aspx
    Description: 
---------------------------------------------------------------- */
.FootwearTricktionaryPage_Content_Wrapper
{
    display:block;
    width:900px;
    height:975px;    
    margin-left:5px;
    background-color:#1D1D1D;      
}

.FootwearTricktionaryPage_Content_TopHalf
{
    display:block;
    width:900px;
    height:475px;
    margin-top:0px;
}

.FootwearTricktionaryPage_header
{
    display:block;
    width:900px;
    height:200px;
    background: url(images/pages/footweartricktionary/skate101_header_bg.png) no-repeat top left;
}

.FootwearTricktionaryPage_middle
{
   display:block;
   width:900px;
   height:330px; 
   background: url(images/pages/footweartricktionary/skate101_borders.png) no-repeat top left;
}
.FootwearTricktionaryPage_Content_HowToGuide
{
   display:block;
   width:600px;
   height:308px;
   margin-top:9px;  
   float:left;
   background: url(images/pages/footweartricktionary/skate101_flash_bg.png) no-repeat top left;   
}

.FootwearTricktionaryPage_middle_links
{
   display:block;
   float:left;
   width:290px;
   height:308px;
   margin-left:10px;
   margin-top:12px;
}

.FootwearTricktionaryPage_middle_links_thebasics
{
   display:block;
   width:290px;
   height:85px; 
   background: url(images/pages/footweartricktionary/skate101_text_thebasics.png) no-repeat top left;      
   margin-bottom:6px;
}


.FootwearTricktionaryPage_middle_links_howtoskate
{
   display:block;
   width:290px;
   height:42px; 
   background: url(images/pages/footweartricktionary/skate101_howtoskate.png) no-repeat top left;      
   margin-bottom:8px;
}
.FootwearTricktionaryPage_middle_links_howtoskate:hover
{
    background-position: left bottom;
    cursor: pointer;
}

.FootwearTricktionaryPage_middle_links_playbook
{
   display:block;
   width:290px;
   height:42px; 
   background: url(images/pages/footweartricktionary/skate101_playbook.png) no-repeat top left;      
   margin-bottom:8px;
}
.FootwearTricktionaryPage_middle_links_playbook:hover
{
    background-position: left bottom;
    cursor: pointer;
}

.FootwearTricktionaryPage_middle_links_respskating
{
   display:block;
   width:290px;
   height:44px; 
   background: url(images/pages/footweartricktionary/skate101_responsibleskating.png) no-repeat top left;      
   margin-bottom:6px;
}
.FootwearTricktionaryPage_middle_links_respskating:hover
{
    background-position: left bottom;
    cursor: pointer;
}

.FootwearTricktionaryPage_middle_links_tricks
{
   display:block;
   width:290px;
   height:51px; 
   background: url(images/pages/footweartricktionary/skate101_text_tricksandvids.png) no-repeat top left;      
}

.FootwearTricktionaryPage_Content_TrickPLayer
{
    display:block;
    width:900px;
    height:450px;
    float:left; 
    text-align:left;   
    padding-top: 0px;
}



.FootwearTricktionaryPage_Content_BottomHalf
{
    display:block;
    width:900px;
    height:450px;
    margin-top:50px;
    
}



.FootwearTricktionaryPage_Content_HelperLinks
{
   display:block;
   width:150px;
   height:500px;  
   float:left;    
}

.FootwearTricktionaryPage_Content_Graphics
{
   display:block;
   width:150px;
   height:500px;  
   float:left;
}

.FootwearTricktionaryPage_Content_HelperLinks_1
{
    display:block;
    width:150px;
    height:150px;
    margin-bottom:15px;
    background: url(images/pages/footweartricktionary/banner_How_To_Skate_150x150.png) no-repeat;
}

.FootwearTricktionaryPage_Content_HelperLinks_1:hover
{
    background-position: left bottom;
    cursor: pointer;
}

.FootwearTricktionaryPage_Content_HelperLinks_2
{
    display:block;
    width:150px;
    height:150px;
    margin-bottom:15px;
    background: url(images/pages/footweartricktionary/banner_Heelys_Playbook_150x150.png) no-repeat;
}

.FootwearTricktionaryPage_Content_HelperLinks_2:hover
{
    background-position: left bottom;
    cursor: pointer;
}

.FootwearTricktionaryPage_Content_HelperLinks_3
{
    display:block;
    width:150px;
    height:150px;
    margin-bottom:15px;
    background: url(images/pages/footweartricktionary/banner_Responsible_Skating_150x150.png) no-repeat;
}

.FootwearTricktionaryPage_Content_HelperLinks_3:hover
{
    background-position: left bottom;
    cursor: pointer;
}

.FootwearTricktionaryPage_Content_Graphics
{
   display:block;
   width:150px;
   height:500px;  
   float:left;
   margin-top:25px;
   background: url(images/pages/footweartricktionary/Banner_Footwear_Trick_Class_Definitions_150x450.png) no-repeat;
}

/*--------------------------------------------------------------	    
    Segment End: FootwearTricktionary.aspx
---------------------------------------------------------------- */


/*--------------------------------------------------------------	
    Segment: ShopUS.aspx
    Description: 
---------------------------------------------------------------- */
.ShopUSPage_TopGraphic
{
    display:block;
    width:900px;
    height:242px;
    background: url(images/pages/shopus/ShoUS_Top_Graphic.png) no-repeat top left;
    
}

.ShopUSPage_Content_Wrapper
{
    text-align:left;
}

.ShopUSPage_Input
{
    display:block;
    width:900px;
    height:80px;
    background: url(images/pages/shopus/ShoUS_Input_bg.png) no-repeat top left;
}

.ShopUSPage_Input_Items_Spacer
{
    display:block;
    width:900px;
    height:26px;
}

.ShopUSPage_Input_Items
{
    padding-top:0px;
    padding-left:15px;
    color:#C2C2C2;
}

* + html div.ShopUSPage_Input_Items
{
  padding-top:5px; !important;
}

.ShopUSPage_Input_Items_txbAdress 
{
    margin-right:28px;
    background-color:Transparent;
    border:none;
    color:#C2C2C2;
    vertical-align:text-bottom;
    font-size:12pt;
    
}

.ShopUSPage_Input_Items select
{
    background-color: #FFFFFF;
    border:none;
    
}

.ShopUSPage_Input_Items option
{
    background-color:#353535;
    color:#C2C2C2;
}

.ShopUSPage_Input_Items_ddlDistance
{
    margin-right: 28px;
    background-color: #FFFFFF;
    border:none;
}

.ShopUSPage_Input_Items_ddlDistance option
{
    background-color:#353535;
    color:#C2C2C2;
    
}

.ShopUSPage_Input_Items_ddlResultCount 
{
    margin-right:28px;
    background-color:#FFFFFF;
}

.ShopUSPage_Input_Items_ddlRetailer 
{
    margin-right:10px;
    background-color:#FFFFFF;
}

.ShopUSPage_Input_Items_btnFindAddress
{
    vertical-align:bottom;    
    
}

.ShopUSPage_Map_Wrapper
{
    width: 581px;
    height: 411px;
    float: left;
    color: #000000;
    background: url(images/pages/shopus/ShoUS_map_bg.png) no-repeat top left;    
}

.ShopUSPage_Map
{
    width: 537px;
    height: 397px;    
    margin-top:8px;
    margin-left:17px;
    color: #000000;
    
}

.ShopUSPage_Sidebar
{
    display: block;
    width: 319px;
    height: 411px;
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    background-color:#111111;    
}

.ShopUSPage_Sidebar a:link
{
    color:#FFFFFF;
}

.ShopUSPage_Sidebar a:visited
{
    color:#FFFFFF;
}

.ShopUSPage_Sidebar_Item_Wrapper
{
    display:block;
    width:410px;
    background:#282828;
    text-align:left;        
}

.ShopUSPage_Sidebar_Item_Wrapper:hover
{
    cursor: pointer;
}

.ShopUSPage_Sidebar_Item_Header
{
    display:block;
    width:410px;   
    height:28px;
    padding-top:5px;    
    text-indent:45px;
    background: url(images/pages/shopus/ShoUS_results_header_bg.png) no-repeat top left;
}

.ShopUSPage_Sidebar_Item
{
    margin-left:45px;
    color:#C2C2C2;
}
.ShopUSPage_Sidebar_Item_miles
{
    margin-left:45px;
    color:#8E0E05;
}
.ShopUSPage_Sidebar_Item_Spacer
{
    display:block;
    height:10px;
    width:410px;
}
.ShopUSPage_Input_Error
{
    margin-top:10px;    
}

.ShopUSPage_BottomWrapper
{
    display:block;
    float:left;
    width:900px;
    height:241px;
    overflow:hidden;    
    margin-left:-2px;
    margin-top: -60px; 
    background-color:#282828;   
}

.ShopUSPage_OnlineRetailers a:link
{
    color:#FFFFFF;
}

.ShopUSPage_OnlineRetailers a:visited
{
    color:#FFFFFF;
}
.ShopUSPage_BottomBanners
{
    padding-top:50px;
}
/*--------------------------------------------------------------	    
    Segment End: ShopUS.aspx
---------------------------------------------------------------- */

/*--------------------------------------------------------------	
    Segment: Home.aspx
    Description: 
---------------------------------------------------------------- */

.homePage_PanelE_Wrapper
{
    border: 1px solid #444444;
    display: block;
    width: 300px;
    height: 150px;
    padding:1px; 
}


.homePage_PanelE_Left
{    
    display: block;
    float: left;
    width: 150px;
    height: 148px;
    background: url(images/pages/home/wheel_finder300x150.png) no-repeat top left;
    background-position:left 2px;
    
}

.StoreFinderflashcontent
{
    display: block;    
    width: 300px;
    height: 150px;
    padding:1px;    
    border: 1px solid #444444;  
}

.homePage_PanelE_Right
{    
    display:block; 
    float:left;   
    width:150px;
    height:148px;
    background: url(images/pages/home/basics_300x150.png) no-repeat top left;
    background-position:left 2px;
    
}

.homePage_PanelB
{
    display:block;    
    width:450px;
    height:225px;
    background: url(images/pages/home/latest_styles_450x225.jpg) no-repeat top left;    
}

.homePage_PanelB:hover
{
    cursor:pointer;
}

.homePage_PanelC
{
    display:block;    
    width:450px;
    height:225px;    
}

.homePage_PanelC_PopCultureFlash
{
    display:block;    
    width:450px;
    height:112px;  
    margin-top:2px;    
}

.homePage_PanelC_SubmitVideo
{
    display:block;    
    width:450px;
    height:112px;  
    margin-top:2px;
    background: url(images/pages/home/submit_video_450x112.png) no-repeat top left;    
}

.homePage_PanelC_SubmitVideo:hover
{
    cursor:pointer;
}

.homePage_PanelF
{
    display:block;    
    width:300px;
    height:150px; 
    border: 1px solid #444444; 
    padding:1px;     
}
/*--------------------------------------------------------------	    
    Segment End: Home.aspx
---------------------------------------------------------------- */

/*--------------------------------------------------------------	
    Segment: ContactUS.aspx
    Description: 
---------------------------------------------------------------- */

.contactus_PanelA
{
    display:block;
    width:900px;
    height:240px;    
    background: url(images/pages/textpages/CPA_bg.png) no-repeat top left;
}

.contactus_PanelB_header
{
    display:block;
    width:850px;
    height:50px;
    margin-left:15px; 
    padding-top:10px;   
    font-size: 14pt;
    background: url(images/pages/contactus/contact_us_text_title.png) no-repeat bottom left;
}

.contactus_PanelB_form_alerts
{
    padding-top:10px;
    color: #FF3300; 
    font-size: 12pt;
}

.contactus_PanelB_form_inputs
{
    color:#FF3300;
}

.contactus_PanelB_form
{
    
}


.contactus_PanelB_form_inputs_text
{
    width:100px;
    vertical-align:top;
    text-align:right;
    padding-right:5px;
}

.contactus_PanelB_form_inputs_boxes
{
    width:300px;   
    padding-bottom:10px; 
}

.contactus_PanelB_form_inputs_boxes input
{
    background-color: #000000;
    border: 1px solid #C0C0C0;
}

.contactus_PanelB_form_inputs_boxes textarea
{
    background-color: #000000;
    border: 1px solid #C0C0C0;
}

.contactus_PanelB_col1
{
    display:block;
    float:left;
    margin-left:25px;
    height:400px;
    width:250px;
}

.contactus_PanelB_col2
{
    display:block;
    float:left;
    height:400px;
    width:600px;
}
.contactus_PanelB_form_inputs_name
{
    display:block;
    width:250px;
    height:70px;        
    background: url(images/pages/contactus/contact_us_text_name.png) no-repeat top left;
}

.contactus_PanelB_form_inputs_email
{
    display:block;
    width:250px;
    height:70px;        
    background: url(images/pages/contactus/contact_us_text_email.png) no-repeat top left;
}

.contactus_PanelB_form_inputs_subject
{
    display:block;
    width:250px;
    height:70px;        
    background: url(images/pages/contactus/contact_us_text_subject.png) no-repeat top left;
}

.contactus_PanelB_form_inputs_comments
{
    display:block;
    width:250px;
    height:100px;        
    background: url(images/pages/contactus/contact_us_text_comments.png) no-repeat top left;
}



.contactus_PanelB_form_inputs_buttons
{
    display:block;
    margin-top:90px;
    width:600px;
    height:100px;            
}

.contactus_PanelB_form_inputs_buttons_left
{
    display:block;
    float:left;
    margin-left:5px;
}

.contactus_PanelB_form_inputs_buttons_right
{
    display:block;
    float:left;
    margin-left:425px;
}

.contactus_PanelB_form_inputs_name_textbox
{
    padding-top:27px;
    padding-left:10px; 
    vertical-align:bottom;
    text-align:left;
}

.contactus_PanelB_form_inputs_name_textbox input 
{
    height: 12px;
    width: 200px;
    font-size: 12pt;
    background-color: #000000;
    border: 1px solid #C0C0C0;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: bottom;
    text-align: left;
}

.contactus_PanelB_form_inputs_name_textbox textarea 
{
    height: 150px;
    width: 550px;
    font-size: 12pt;
    background-color: #000000;
    border: 1px solid #C0C0C0;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: bottom;
    text-align: left;
}

/*--------------------------------------------------------------	    
    Segment End: ContactUS.aspx
---------------------------------------------------------------- */


/*--------------------------------------------------------------	
    Segment: shopINT.aspx
    Description: 
---------------------------------------------------------------- */
.shopINT_PanelA
{
    display:block;
    width:900px;
    height:240px;
    background: url(images/pages/shopINT/international_900x240.jpg) no-repeat top left;    
}

.shopINT_PanelB
{
    text-align:left;
    padding-top:5px;
}

.shopINT_PanelB_header_text
{
    padding-bottom:15px;
    padding-left:20px;
    padding-right:25px;
    font-size:12pt;
}

.shopINT_PanelB a
{
    text-decoration:none;
}

.shopINT_PanelB a:link
{
   color:#BFBDBD; 
}

.shopINT_PanelB a:visited
{
   color:#BFBDBD;  
}

.shopINT_PanelB_link
{
    display:block;
    width:100px;
    text-align:left;
    padding-left:5px;
}

.shopINT_PanelB_Col1
{
    display:block;
    width:145px;
    margin-left:15px;
    float:left;
}

.shopINT_PanelB_Col2
{
    display:block;
    width:350px;
    float:left;
}

.shopINT_PanelB_Col3
{
    display:block;
    width:145px;
    float:left;
}

.shopINT_PanelB_Col4
{
    display:block;
    width:225px;
    float:left;
}

.shopINT_PanelB_NAmerica
{
    float:left;
    margin-bottom:25px;
}

.shopINT_PanelB_SAmerica
{
    float:left;
}

.shopINT_PanelB_Europe
{
    float:left;
}

.shopINT_PanelB_Europe_links_Col
{
    float:left;
}

.shopINT_PanelB_Africa
{
    float:left;
    margin-bottom:25px;
}

.shopINT_PanelB_Oceania
{
    float:left;
    
}

.shopINT_PanelB_Asia
{
    float:left;
}

.shopINT_PanelB_Asia_links_Col
{
    float:left;
}

.shopINT_PanelB_NAmerica_header
{
    text-align:left;
    text-transform:uppercase;
    padding-left:5px;
    background-color:#FF3333;
}

.shopINT_PanelB_SAmerica_header
{
    text-align:left;
    text-transform:uppercase;
    padding-left:5px;
    background-color:#CCCCCC;
}

.shopINT_PanelB_Europe_header
{
    text-align:left;
    text-transform:uppercase;
    padding-left:5px;
    background-color:#33CCFF;
}

.shopINT_PanelB_Africa_header
{
    text-align:left;
    text-transform:uppercase;
    padding-left:5px;
    background-color:#FF9933;
}

.shopINT_PanelB_Oceania_header
{
    text-align:left;
    text-transform:uppercase;
    padding-left:5px;
    background-color:#FF00CC;
}

.shopINT_PanelB_Asia_header
{
    text-align:left;
    text-transform:uppercase;
    padding-left:5px;
    background-color:#66CC33;   
}
/*--------------------------------------------------------------	    
    Segment End: shopINT.aspx
---------------------------------------------------------------- *

/*--------------------------------------------------------------	
    Segment: news.aspx
    Description: 
---------------------------------------------------------------- */
.news_PanelA
{
    display:block;
    width:900px;
    height:240px;
    background: url(images/pages/news/news_900x240.jpg) no-repeat top left;    
}

.LV_News_wrapper
{
    display: block;
    width: 900px;
    height: 548px;
    overflow: scroll;
    overflow-x:hidden;
    -ms-overflow-x:hidden;
}

.LV_News_wrapper h1
{
    font-size:14pt;
}

.LV_News_item_wrapper
{
    display:block;
    width:873px;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:5px;
    padding-right:5px;
    background-color:#313131;
    color:#D2D2D2;
}
.LV_News_item_alt_wrapper
{
    display:block;
    width:873px;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:5px;
    padding-right:5px;
    background-color:#202020;
    color:#B8C600;
}

/*--------------------------------------------------------------	    
    Segment End: news.aspx
---------------------------------------------------------------- *


/*--------------------------------------------------------------	
    Segment: userlogin.aspx
    Description: 
---------------------------------------------------------------- */
.userlogin_space
{
    display:block;
    height: 30px;
    width: 900px;        
}

.userlogin_B_Wrapper
{
    display:block;    
    width:900px;
    height:550px;
    background: #000000;
}

.userlogin_anonblock
{
    display:block;
    height: 300px;
    width: 450px;
    margin-left:175px;
    margin-top:25px;
    padding-left:25px;    
    text-align:left;
    background:transparent url('images/pages/userlogin/bg_login.png') no-repeat top left;
    color: White;
    
}


.login .textbox, .login .hover 
{    
    width: 337px;
    height: 17px;
    background:transparent url('images/pages/userlogin/loginbox.png') no-repeat top left;
    color: Black;
    border: none;
    padding: 5px;
    font-weight: bold;
 
}

.login .hover
{
    background:transparent url('images/pages/userlogin/loginbox.png') no-repeat bottom left;
}

.userlogin_BottomWrapper
{    
    display:block;
    width:900px;    
    background: #000000;
}
/*--------------------------------------------------------------	    
    Segment End: userlogin.aspx
---------------------------------------------------------------- */
.ShopOpening_Spacer
{
   
}

.ShopOpening
{
    display:block;
    width:900px; 
    height:600px;
    background:transparent url('images/Heelys_shop_opening.png') no-repeat bottom left;
}
