/**********************************************************
 ** This is the stylesheet used for the Caratech Website **
 **                Created September 2006                **
 **                    Updated May 2009                  **
 *********************************************************/

body
{
    color: Black;
    background: White fixed;
    margin-top: 2px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    background: url("images/websitebackground.jpg"); 
}


/******************************
*  Div styles for Master Page *
******************************/

/* Style for Master Page */
#MasterPage
{
   padding: 0px;
   width: 900px;
   height: 100%;
   margin-top: 2px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-top: black solid 1px;
   border-left: black solid 1px;
   border-right: black solid 1px; 
   text-align: center;
   background-color :White; 
}

/* Style for Master Page Header */
#MasterPageHeader
{
   padding: 0px;
   width: 900px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left: black solid 1px;
   border-right: black solid 1px; 
   text-align: center;
   background-image: url("images/Master/HeaderBackground1.jpg");
}

/* Style for Master Page Footer1 */
#MasterPageFooter1
{
   padding: 0px;
   width: 900px;
   height: 100%;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left: black solid 1px;
   border-right: black solid 1px; 
   text-align: center;
   background-image: url("images/Home/Background1.jpg");
   background-repeat: repeat;
}


/* Style for Master Page Footer2 */
#MasterPageFooter2
{
   padding: 0px;
   width: 900px;
   height: 100%;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left: black solid 1px;
   border-right: black solid 1px; 
   text-align: center;
   background-image: url("images/Master/FooterBackground1.jpg");
}


/********************************
*  Div styles for Website Pages *
********************************/

/* Style for Main DIV on Website Page */
#Page
{
   padding: 0px;
   width: 900px;
   height: 100%;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left: black solid 1px;
   border-right: black solid 1px; 
   text-align: center;
   background-image: url("images/Home/Background1.jpg");
   background-repeat: repeat;
}

/* Left hand side of Page */
#LeftPage
{
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
    white-space: nowrap;
 	vertical-align: top;
	text-align: center;
	display: inline;
}

/* This DIV is where the Main text of the WebPage goes */
#MainPage
{
	background-image: url(images/Uploads/Backgrounds/Background1.jpg);
	float: right;
	position: relative;
	left: 2px;
	top: 0px;
	width: 690px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	display: inline;
}


/* DIV Style for Login Page */
#LoginPage
{
    width: 750px;
    margin-left: auto;
    margin-right: auto; 
    text-align: center; 
    border: 0px; 
	position: relative;
}

/* DIV Style for Admin Home Page */
#AdminHomePage
{
    width: 900px;
    margin-left: auto;
    margin-right: auto; 
    text-align: center; 
    border: 0px; 
	position: relative;
}


/* DIV Style for SiteMap Control on Admin Pages */
#SitemapControl
{
    margin-left: 5px;
    text-align: left;
}






/****************************************
*  Div styles for various User Controls *
****************************************/

/* Style used for Main Menu User Control */
#MainMenuUserControl
{
    background: inherit;
    width: 198px;
    margin-right: 8px;
    text-align: center;
    white-space: nowrap;
}


/* Style for User Control 1 on Left of Home Page */
#HomePageLeft1Control
{
    background: inherit;
    width: 198px;
    margin-right: 8px;
    text-align: center;
    height: 350px;
	white-space: normal;
}

/* Style for User Control 2 on Left of Home Page */
#HomePageLeft2Control
{
    background: inherit;
    width: 198px;
    margin-right: 8px;
    text-align: center;
	height: 260px;
	white-space: normal;
}

/* Style for User Control on Left of Parts Page */
#PartsControl
{
    background: inherit;
    width: 198px;
    margin-right: 8px;
    text-align: center;
    height: 650px;
	white-space: normal;
}

/************************************************************
 **                         TEXT                           **
 ** Styles used for various Texts used throughtout Website **
 ***********************************************************/


/* Default standard Text used throughout the website */
.DefaultText
{
	color: Black;
	background-color: inherit;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
    line-height: 20px;
}

/* As DefaultText but Bold */
.DefaultBoldText
{
	color: Black;
	background-color: inherit;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    line-height: 20px;
}

/* Smaller Default Text for some Tables */
.SmallDefaultText
{
	color: Black;
	background-color: inherit;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
}

/* Text used on Caravan & Trailer DataList Titles */
.TitleText
{
    color: Black;
    background-color: inherit;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: underline;
}

/* Text used at beginning of each to describe page content */
.LargeText
{
    background-color :inherit;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #233F64;
}

.WhiteText
{
    color: White;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.SmallWhiteText
{
    color: White;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
}

.YellowText
{
    color: Yellow;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

.RedText
{
    color: Red;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

.BigRedText
{
    color: Red;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.BrownText
{
    color: #CC6600;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.BrownSmallText
{
    color: #CC6600;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}


/* ListText uses larger line spacing for displaying Lists */
.ListText
{
    color: Black;
    background-color: inherit;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
}


/******************************************
 **               TABLES                 **
 ** Various Styles for Tables on Website **
 *****************************************/

/* Styles used for Master Page Header Table 1 */
.HeaderTable
{
   margin-left: auto;
   margin-right: auto;
   width: 900px;
   border-right: Black 1px solid;
   border-top: Gray 1px solid;
   border-left: Gray 1px solid;
   border-bottom: Black 1px solid;
}

.HeaderTableCell1
{
    background: inherit;
    white-space: nowrap;
    width: 360px;
    text-align: center;
}

.HeaderTableCell2
{
    background-color: inherit;
    white-space: nowrap;
    text-align: center;
}

.HeaderTableCell3
{
    background-color: inherit;
    width: 200px;
    text-align: left;
    white-space: nowrap;
}

/* Styles used for Footer Table */
.FooterTable
{
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   border-right: Black 1px solid;
   border-top: Gray 1px solid;
   border-left: Gray 1px solid;
   border-bottom: Black 1px solid;
}

.FooterTableCell1
{
    width: 33%;
    text-align: center;
}

.FooterTableCell2
{
    width: 34%;
    text-align:center;
}

.FooterTableCell3
{
    width: 33%;
    text-align: center;
}


/* Styles used on Default (Home Page) Table 1 */
.DefaultTable1
{
    background-image: url("images/Home/Background1.jpg");
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-top: Gray 1px solid;
    border-left: Gray 1px solid;
    border-bottom: Black 1px solid;
}

.DefaultTable1Cell1
{
    text-align: center;
    width: 210px;
    white-space: nowrap;
}

.DefaultTable1Cell2
{
    width: 5px;
    white-space: nowrap;
}

.DefaultTable1Cell3
{
    width: auto;
    text-align: left;
}

.DefaultTable1Cell4
{
    background: inherit;
}




/* Styles used for Caravan Menu Table */
.CaravanMenuTable
{
    background-color: inherit;
    width: 180px;
    white-space: normal;
    margin-left: 0px;
    margin-right: auto;
    padding-left: 0px; 
}
    
/* Styles used for Trailer Menu Table */
.TrailerMenuTable
{
    background-color: inherit;
    width: 180px;
    white-space: normal;
    margin-left: auto;
    margin-right: auto;
}

/* Styles used for Caravan DataList display */
.CaravanTable
{
    background-color: inherit;
    width: 520px;
    border-left: Green solid 1px;
    border-right: Green solid 1px;
    border-top: Green solid 1px;
    border-bottom: Green solid 1px;
}

/* Styles used for Trailer DataList display */
.TrailerTable
{
    background-color: inherit;
    width: 545px;
    border-left: Green solid 1px;
    border-right: Green solid 1px;
    border-top: Green solid 1px;
    border-bottom: Green solid 1px;
}






/* Styles used on Admin Add Tables */
.AdminAddTable
{
    background-color: #FFFFDD;
    width: 750px;
    white-space: nowrap;
    border-left: black 1px solid;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-bottom: black 1px solid;
}
    
.AdminAddTableCell1
{
    background: inherit;
    width: 250px;
    white-space: nowrap;
    text-align: right;
}

.AdminAddTableCell2
{
    background: inherit;
    width: 250px;
    text-align: center;
    white-space: nowrap;
}

.AdminAddTableCell3
{
    background: inherit;
    width: 250px;
    text-align: left;
    white-space: nowrap;
}


/* Styles used on Admin Update Caravan Picture Page */
.AdminUpdatePicture1Table
{
    background: inherit;
    width: 490px;
    text-align: center;
    white-space: nowrap;
}





    

/******************************************************
** Anchor (link) styles used throughout application ***
******************************************************/

/* Standard black and underlined link */
A.StandardAnchor, A.StandardAnchor:link, A.StandardAnchor:visited
{
    color: #233F64;
    background-color: inherit;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

A.StandardAnchor:hover, A.StandardAnchor:active
{
    color: black;
    background-color: inherit;
    text-decoration: underline;
}


/* Style used on main pages for bulletted items */
A.RedAnchor, A.RedAnchor:link, A.RedAnchor:visited
{
	color: #233F64;
	background-color: inherit;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

A.RedAnchor:hover
{
	color: Red;
	background-color: inherit;
	text-decoration: underline;
}


/* Styles used for Links on Menu User Control */
A.MenuAnchor, A.MenuAnchor:link, A.MenuAnchor:visited
{
    color: #233F64;
    background-color: inherit;
    border-bottom: 1px solid #7F7F9C;
    border-top: 1px solid White;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 180px;
	display: block;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 30px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
} 

A.MenuAnchor:hover, A.MenuAnchor:active
{
    color: #233F64;
    background-color: #F4F5F9;
}

A.MenuSelectedAnchor
{
	color: #233F64;
    background-color: #F4F5F9;
    border-bottom: 1px solid #7F7F9C;
    border-top: 1px solid #233F64;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
	display: block;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 30px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

A.MenuSelectedAnchor:link
{
	color: White;
	background-color: #233F64;
	text-decoration: none;
}

A.MenuSelectedAnchor:active
{
	color: White;
	background-color: #233F64;
	text-decoration: none;
}

A.MenuSelectedAnchor:visited
{
	color: White;
	background-color: #233F64;
	text-decoration: none;
}

A.MenuSelectedAnchor:hover
{
	color: #233F64;
    background-color: #F4F5F9;
    border-bottom: 1px solid #7F7F9C;
    border-top: 1px solid White;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
	display: block;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 30px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

/* Style used for Login link on Header on Master Page */
A.LoginAnchor, A.LoginAnchor:link, A.LoginAnchor:visited
{
    color: white;
    background-color: inherit;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

A.LoginAnchor:hover, A.LoginAnchor:active
{
    color: white;
    background-color: inherit;
    text-decoration: underline;
}

/* Styles for Email Anchor in Master Page Footer */
A.FooterAnchor, A.FooterAnchor:link, A.FooterAnchor:visited
{
    color: white;
    background-color: inherit;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
}

A.FooterAnchor:hover, A.FooterAnchor:active
{
    color: white;
    background-color: inherit;
    text-decoration: underline;
}

/* Styles used for 'Change Image' Anchor on Caravan & Trailer Admin pages */
A.GridViewHyperlink, A.GridViewHyperlink:link, A.GridViewHyperlink:visited
{
    background-color: Black;
    color: white;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
    width: 120px;
    text-decoration: underline;
}

A.GridViewHyperlink:hover, A.GridViewHyperlink:active
{
    color: yellow;
    background-color: inherit;
    text-decoration: underline;
}

A.PictureAnchor, A.PictureAnchor:link, A.PictureAnchor:visited, A.PictureAnchor:hover, A.PictureAnchor:active
{
    border: 0px;
}



/******************************************************
** Various other styles used throughout application ***
******************************************************/

/* No border style for images */
.Logo
{
    border-width: 0px;
}

/* Link for GridView Hyperlink ItemStyle */
.GridViewLink
{
    background-color: Black;
}

.MySiteMap
{
    height: 50px;
    border-top-width: 10px;
    border-top-color: Black;
}

/* Style used to put space in Bullet points */
.SpacedList
{
	color: Gray;
	background-color: inherit;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
}

/* Style for some Horizontal Lines */
.HorizontalLine1
{
    color: Silver;
    width: 90%;
}



/* Style for Uploadify JQuery Object */
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}