*
{
    padding: 0;
    margin: 0;
    border: 0;
}
body
{
    background-color: #ffffff;
    background-image: url(images/bgtile3black3.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    background-attachment: fixed;
}
.inner
{
    margin: 0 auto;
    width: 1018px;
    
}

#header1
{ background-image: url(images/VI-CarbonHeaderSmall.jpg);
    background-repeat: repeat-x;
    width: 1018px; 
    position: relative;
    padding: 0px;
    margin: 0;
    top: 0px;
    left: 0px;
    height: 103px;
}
#background
{
    padding-top: 70px;
    margin: 0px;
    padding-left: 0px;
    bottom: 0px;
    right: 0px;
}
#menucontainer
{
    height: 35px;
    position: absolute;
    z-index: 200;
    bottom:0px;
    right:0px;
    background-image: url(menuImages/menuBG.gif);
    background-repeat: repeat-x;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top: none;
    border-top-width: 0px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    background-color: #000000;
    padding:0 20px 0 0;
}
#ContentContainer{
background-image: url(images/bgtile3black_RH.jpg);
    background-position: right top;
    background-repeat: repeat-y;
    background-color:#fff;
}
#imageLoader
{
    border: 1px solid #000000;
    background-position: right top;
    height: 163px;
    padding: 0;
    margin: 10px;
    background-image: url(    '../images/random/random.jpg' );
    background-repeat: no-repeat;
}
.logoPos
{
    background-position: 0px 0px;
    position: absolute;
    z-index: 4;
    left: 30px;
    top: 10px;
    background-image: url( '../images/VI-Logo-Trasparent.png' );
    background-repeat: no-repeat;
    width: 256px;
    height: 85px;
}
#pitGarage
{
    position: absolute;
    right: 5px;
    top: 0px;
    width: 120px;
    height: 55px;
    background-image: url(images/PitGarageBG.png);
    background-repeat: no-repeat;
    background-position: center top;
}

#miniTrolley
{
    position: absolute;
    right: 130px;
    top: 0px;
    width: 120px;
    height: 55px;
    background-image: url(images/TrolleyMiniBG.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.TrolleyPitGaragePadding
{
    text-align: center;
    padding-top: 17px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.TrolleyPitGaragePadding p
{
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 14px;
    padding: 0px;
}
.TrolleyPitGaragePadding a:link, .TrolleyPitGaragePadding a:visited
{
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}
.TrolleyPitGaragePadding a:hover
{
    color: green;
    font-size: 10px;
    text-decoration: none;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}
/*---end of header layout---*/

/*---main content layout-----*/
div#content
{
    width: 761px;
    float: left;
    
}
.grungeBG
{
    background-image: none;
}

div#contentPadding
{
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
}


div#sidebar
{
    width: 254px;
    float: right;
    margin: 0px;
    padding: 0px;
}
div#sidebarPadding
{
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}
div#facebook
{
    width: 254px;
    height: 220px;
    padding-left: 25px;
    margin: 0px;
}
/*-----main layout end--*/

.clearfloat
{
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

/*-----------------------------------------------------------------------------*/
/* Styling rules to make this demo page look nice. */
body, html
{
    font-family: Arial, Helvetica, sans-serif;
    color: #262626;
    height: 100%;
}
/*-------------Links ----------------*/

a:link
{
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dotted;
}
a:visited
{
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dotted;
}
a:hover
{
    color: green;
    font-weight: bold;
    text-decoration: none;
}
a:active
{
    color: green;
    font-weight: bold;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}
a:link, a:visited, a:hover, a:active
{
}


/*-------title tags -----------*/

h1, h2
{
    color: #333333;
}

h1, h2, h3, h4, h5
{
    padding: 0;
    margin: 0;
}




h1
{
    font-size: 18px;
    padding: 0;
    margin: 0;
    margin-bottom: 0.5em;
    margin-top: 1em;
}
h2
{
    font-size: 18px;
    margin-bottom: 0.4em;
    margin-top: 0.7em;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #333333;
}
h3
{
    font-size: 16px;
    margin-bottom: 0.4em;
    margin-top: 1em;
    color: #333333;
    border-bottom-style: none;
    text-align: left;
}

h4
{
    font-size: 12px;
    margin-bottom: 0.4em;
    margin-top: 1em;
    font-weight: bold;
    border-bottom-style: none;
}
h5
{
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 3px;
    border-bottom-style: none;
    color: green;
    font-style: italic;
  
}

p
{
    margin-bottom: 0.6em;
    font-size: 11px;
    line-height: 1.2em;
    margin-top: 0.3em;
}

/*--- this is for SEO- Add body copy into a h2 tag but style it to b a P tag--*/
h2.bodyText
{
    margin-bottom: 5px;
    font-size: 11px;
    line-height: normal;
    margin-top: 2px;
    border-bottom: none;
}

div#sidebar h2
{
    padding-left: 5px;
}
div#footer h2
{
    text-align: center;
    padding: 0;
    margin: 0;
}
#sidebar h2
{
    color: #000000;
}

/*----------- Generic UL list ----------------*/
ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 1em;
    text-align: left; /* add a width to the set the size width: 10em;*/
}
ul
{
    font-size: 11px;
}

li
{
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    padding-left: 0.8em;
    margin: 0.4em 0; /*-- to add spacing between the list items*/
}

/*------- ul inside a UL style--------*/
ul li ul
{
    font-size: 11px; /*line-height:11px;*/
}

ul li ul li
{
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    padding-left: 0.8em;
    margin: 0.4em 0; /*-- to add spacing between the list items*/
}

/*---------UL inside and OL style -------*/
ol li ul
{
    font-size: 11px; /*line-height:1.4em;*/
}

ol li ul li
{
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    padding-left: 0.8em;
    margin: 0.4em 0; /*-- to add spacing between the list items*/
}

/*-----specific id UL lists ----------*/

li.windows
{
    background-image: url(../images/windowsLogo_30x26px.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 35px; /*-- to add spacing between the list items*/
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    height: 30px;
    padding-top: 5px;
}
li.mac
{
    background-image: url(../images/Mac-Icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 35px; /*-- to add spacing between the list items*/
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    height: 30px;
    padding-top: 5px;
}

li.pdfEn
{
    background-image: url(../images/PdfIcon-UK.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 50px; /*-- to add spacing between the list items*/
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
    height: 56px;
    padding-top: 5px;
}



/*----------- Generic OL list ----------------*/
ol
{
    padding: 0;
    margin: 0;
    margin-left: 1em; /* add a width to the set the size width: 10em;*/
}
ol
{
    font-size: 11px;
    line-height: 1.4em;
}

ol li
{
    margin: 0.4em 0; /*-- to add spacing between the list items*/
    background-image: none;
    padding-left: 0;
}

/* -----validation summary styling-------*/
.ValSummary
{
    color: red;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}


/*--------------- form styling ----------------------*/
#form_area
{
    border: 1px solid #333333;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 7px;
}
input.styled, textarea.styled
{
    padding: 2px;
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #333333;
    background: #f0f3f5;
}

.dropdownlist
{
    padding: 2px;
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #333333;
    background: #f0f3f5;
}

textarea
{
    height: 70px;
}

textarea:focus, input:focus
{
    border: 1px solid #cccccc;
}

label
{
    font-size: 11px;
}
.aspLabel
{
    font-size: 11px;
}

input.submit
{
    color: #ffffff;
    border: 1px solid #333333;
    background-color: #000000;
    background-image: url(menuImages/button1.gif);
    background-repeat: repeat-x;
    background-position: 0px -8px;
    margin-top: 5px;
    font-size: 12px;
}
input.submit:focus
{
    color: #CCCCCC;
    border: 1px solid #999999;
    background-color: #000000;
    background-image: url(menuImages/button1.gif);
    background-repeat: repeat-x;
    background-position: 0px -12px;
    margin-top: 5px;
    font-size: 12px;
}

/*----end of form style---------*/

/*----- Table Styling ------------*/

#styled table
{
    width: 100%;
    margin: 1em auto;
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
}
#styled td
{
    text-align: center;
    font-size: 11px;
    padding-top: 0.4em;
    padding-right: 1em;
    padding-bottom: 0.4em;
    padding-left: 1em;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #f4f4f4;
    border-left-color: #f4f4f4;
}


#styled tbody th
{
    font-size: 11px;
    text-align: left;
    padding-left: 1em;
    font-style: normal;
    font-weight: normal;
    padding-top: 0.4em;
    padding-right: 1em;
    padding-bottom: 0.4em;
    padding-left: 1em;
}
#styled thead th
{
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    line-height: 36px;
    font-weight: bold;
    height: 36px;
    background-color: #000000;
    background-image: url(menuImages/button1.gif);
}
#styled tr.odd td, #styled tr.odd .column1, #styled tbody tr.odd th
{
    background-color: #ececec;
    background-image: url(images/TableRowbackground1.gif);
    background-repeat: no-repeat;
}
.column1
{
    background: #f9fcfe;
}


#styled tfoot th
{
    text-align: center;
    color: #FFFFFF;
    background-color: #000000;
    background-image: url(menuImages/button1.gif);
    height: 36px;
}

#styled tfoot th strong
{
    font: bold 1.2em "Century Gothic" , "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    margin: .5em .5em .5em 0;
    color: #66a3d3;
}
#styled tfoot th em
{
    color: #f03b58;
    font-weight: bold;
    font-size: 13px;
    font-style: normal;
}

.whiteColor
{
    color: #ffffff;
}
/*------ end of table style------*/



div#sidebar
{
}
div#content
{
    text-align: justify;
}





.divHR
{
    padding: 0px;
    background-image: url(images/hr_bg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    height: 5px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    border: 0;
    border: none;
}

.code
{
    font-family: courier, monospace;
}

p img
{
    padding: 10px;
}

.titleTopPadding
{
    margin-top: 20px;
}


/*------------- Fault code pop ups ----------------*/
.faultBtnsPadding
{
    padding-right: 5px;
    padding-bottom: 5px;
}
.faultBtns
{
    width: 79px;
    float: left;
    background-image: url(menuImages/button1.gif);
    border: 1px solid #333333;
    height: 25px;
    background-repeat: repeat-x;
    background-position: 0px -6px;
    text-align: center;
    background-color: #000000;
    margin-bottom: 5px;
    margin-left: 5px;
}


.faultBtns a:link
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dotted;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    margin-right: 2px;
    margin-left: 2px;
    font-size: 10px;
    margin-top: 5px;
}
.faultBtns a:visited
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dotted;
}
.faultBtns a:hover
{
    color: green;
    font-weight: bold;
    text-decoration: none;
    font-size: 10px;
}

.faultBtns a:active
{
    color: green;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dotted;
}
.faultBtns a:link, a:visited, a:hover, a:active
{
}


/*------- Homepage page layout and Styling ------------*/
.guageBG
{
    height: 100%;
    background-image: url(images/GaugesBG_250px.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

/*-------- FAQ page styling ---------------------------*/

#preSalesFAQlinks
{
    width: 345px;
    float: left;
}
#afterSalesFAQlinks
{
    width: 345px;
    float: right;
}
/*------- Features page layout and Styling ------------*/

#featuresContainer
{
}

.featuresImg
{
    float: left;
    width: 80px;
    margin-top: 3px;
    margin-bottom: 10px;
}



.featuresImg a:link
{
    border-bottom: none;
    font-size: 9px;
    margin-top: 1px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-bottom: 5px;
}
.featuresImg a:link.thickbox
{
    border-bottom: none;
}
.featuresImgLink
{
    border-bottom: none;
    font-size: 9px;
    margin-top: 1px;
    padding-top: 1px;
}


.featureTextDesc
{
    width: 610px;
    float: right;
}

.featuresFloatContainer
{
    margin-bottom: 10px;
}

/*----- image rollover css ---------*/

.thumbnail
{
    border: 1px solid #e8e8e8;
    margin: 0;
    padding: 3px;
}

.thumbnail:hover
{
    background-color: transparent;
    background-color: #fff;
    border: 1px solid #666666;
}



/*-------------- downloads page layout -----------------*/

.firmwareLatestVer
{
    float: left;
    width: 200px;
    padding-top: 5px;
    padding-right: 30px;
    padding-bottom: 10px;
}
.firmwareDownloadLink
{
    float: left;
    padding-top: 10px;
}

.softwareLH
{
    width: 450px;
    float: left;
}
#downloadLogData
{
    float: right;
    width: 226px;
    height: 186px;
    background-image: url(images/DownloadLogDataBG.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.downloadLogDataPadding
{
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-left: 15px;
}
#downloadLogData p
{
    height: 70px;
}

#downloadLogData h3
{
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #CC0000;
}

/*------------- contact page layout --------------------*/

#postEnq
{
    float: left;
    width: 170px;
}

#generalEnq
{
    float: left;
    width: 245px;
    margin-left: 10px;
}
#techEnq
{
    float: left;
    width: 245px;
    margin-left: 10px;
}
#ShopEnq
{
    float: left;
    width: 465px;
    margin-left: 10px;
}

.ShopEnqLeft
{
    float: left;
    width: 250;
}
.ShopFloatSpacer
{
    float: left;
    width: 20px;
    height: 150px;
}

.imgFloatLeft
{
    float: left;
    margin-bottom: 5px;
    height: 67px;
    width: 67px;
}

#contactIconPost
{
    background-image: url(../images/PostIcon.png);
    background-repeat: no-repeat;
    background-position: left top;
}
#contactIconEmail
{
    background-image: url(../images/EmailIcon.png);
    background-repeat: no-repeat;
    background-position: left top;
}
#contactIconTech
{
    background-image: url(../images/techIcon.png);
    background-repeat: no-repeat;
    background-position: left top;
}

/*--------- email thank you page layout -----------------*/

#thanksContainer
{
    height: 350px;
    background-image: url(../images/Gauges_300px.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.tickContainer
{
    height: 100%;
    background-image: url(../images/tick_150px.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
.crossContainer
{
    height: 100%;
    background-image: url(../images/cross_150px.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
.questionContainer
{
    height: 100%;
    background-image: url(../images/QuestionMark_150px.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.redtxt
{
    color: #008000;
}


/*--------------- form styling ----------------------*/
#form_area
{
    border: 1px solid #333333;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 7px;
}
#form_area input, #form_area textarea
{
    padding: 2px;
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px 0px 5px 0px;
    border: 1px solid #333333;
    background: #f0f3f5;
}

#form_area textarea
{
    height: 70px;
}

#form_area textarea:focus, #form_area input:focus
{
    border: 1px solid #cccccc;
}

#form_area label
{
    font-size: 11px;
}

#form_area input.submit
{
    color: #ffffff;
    border: 1px solid #333333;
    background-color: #000000;
    background-image: url(menuImages/button1.gif);
    background-repeat: repeat-x;
    background-position: 0px -8px;
    margin-top: 5px;
    font-size: 12px;
}
#form_area input.submit:focus
{
    color: #CCCCCC;
    border: 1px solid #999999;
    background-color: #000000;
    background-image: url(menuImages/button1.gif);
    background-repeat: repeat-x;
    background-position: 0px -12px;
    margin-top: 5px;
    font-size: 12px;
}

input.submit
{
    color: #ffffff;
    border: 1px solid #333333;
    background-color: #000000;
    background-image: url(menuImages/button1.gif);
    background-repeat: repeat-x;
    background-position: 0px -8px;
    margin-top: 5px;
    font-size: 12px;
}
input.submit:focus
{
    color: #CCCCCC;
    border: 1px solid #999999;
    background-color: #000000;
    background-image: url(menuImages/button1.gif);
    background-repeat: repeat-x;
    background-position: 0px -12px;
    margin-top: 5px;
    font-size: 12px;
}
/*----end of form style---------*/

/*------------ legals page layout ------------*/
#LegalsLeft
{
    float: left;
    width: 325px;
    margin-top: 10px;
}

#LegalsRight
{
    float: right;
    width: 325px;
    margin-top: 10px;
}


.Bold
{
    font-weight: bold;
}
.asterix
{
    color: Red;
}


/*--------------Shop styling -------------------*/
#ShopPriceStar
{
    float: left;
    height: 175px;
    width: 175px;
    background-image: url(images/Stars_red_175px.png);
    background-repeat: no-repeat;
    background-position: left top;
}
#IncInKit
{
    float: right;
    width: 200px;
}
#ShopPriceStar p.price
{
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}



#shopContainer
{
    text-align: left;
    margin-bottom: 20px;
}
.itemContainer
{
    margin-top: 10px;
}

.ItemImageContainer
{
    width: 125px;
    float: left;
}

.floatSpacer
{
    width: 10px;
    float: left;
    height: 50px;
}
.floatSpacer15
{
    width: 15px;
    float: left;
    height: 50px;
}

.itemContentContainer
{
    width: 350px;
    float: left;
    font-size: 11px;
}

.itemContentContainer h3
{
    margin: 0px;
    padding: 0px;
    color: #000000;
}


.itemStockContainer
{
    width: 93px;
    float: right;
    text-align: right;
}



.itemPriceContainer
{
    width: 90px;
    float: left;
    text-align: right;
}
.price
{
    font-size: 18px;
    font-weight: bold;
    color: #CC0000;
}

.price span
{
    font-size: 10px;
    font-weight: normal;
}

.stock
{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.qty
{
    color: #000000;
    font-size: 12px;
    margin-bottom: 8px;
    height: 35px;
}

.qty input
{
    padding: 2px;
    width: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0px 0px 5px 0px;
    border: 1px solid #333333;
    background: #f0f3f5;
}
.qty select
{
    padding: 2px;
    width: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 5px 0px 0px 3px;
    border: 1px solid #333333;
    background: #f0f3f5;
}

.qty label
{
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.buy
{
    margin-top: 5px;
    margin-right: 0;
    margin-left: 5px;
}
.buyBtn
{
    background-image: url(../images/shop/BuyBlackButton.jpg);
    height: 40px;
    width: 85px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #000000;
}

.buyBtn a:link, .buyBtn a:visited
{
    color: #FFFFFF;
    padding-top: 8px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    display: block;
    border-bottom: none;
}
.buyBtn a:hover
{
    color: green;
    padding-top: 8px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    display: block;
    border-bottom: none;
}
.itemContentContainer p
{
    font-weight: normal;
    font-size: 12px;
}
.itemContentContainer p.itemContent
{
    font-size: 10px;
}
.itemContent span
{
    font-weight: bold;
}


/*---trolley---*/
#trolleyHeader
{
    text-align: center;
    background-image: url(../images/TyreTreadVideoBG.png);
    height: 205px;
    width: 254px;
    background-repeat: no-repeat;
    background-position: center -100px;
    padding-top: 5px;
}
#trolleyContent
{
    margin-left: 10px;
    text-align: center;
    margin-bottom: 5px;
    position: relative;
    margin-right: 10px;
    margin-top: 15px;
}

/* Trolley Table Styling -*/

#trolleytable table
{
    width: 100%;
    margin: 0;
    border-collapse: inherit;
    border: 0px none #ffffff;
}
#trolleytable td
{
    color: #000000;
    text-align: right;
    font-size: 11px;
    border: none;
    font-weight: bold;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
}


#trolleytable tbody th
{
    font-size: 11px;
    text-align: right;
    padding-left: 0;
    font-style: normal;
    font-weight: bold;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}
#trolleytable tr.itemRowrolleyItems td
{
    border-bottom-color: #CCCCCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#trolleytable thead th
{
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    line-height: 36px;
    font-weight: bold;
    height: 36px;
    background-color: #000000;
    background-image: url(menuImages/button1.gif);
}


#trolleytable tfoot th
{
    text-align: right;
    color: #CC0000;
    background-image: none;
    height: 36px;
    background-color: #FFFFFF;
    padding-bottom: 25px;
}

#trolleytable tfoot th strong
{
    font: bold 1.2em "Century Gothic" , "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    margin: .5em .5em .5em 0;
    color: #66a3d3;
}
#trolleytable tfoot th em
{
    color: #f03b58;
    font-weight: bold;
    font-size: 13px;
    font-style: normal;
}

.alignLeft td
{
    text-align: left;
}
/*trolley table end*/

#trolleytable a:link
{
    border-bottom: none;
}


.updateBtn
{
    float: left;
    background-image: url(../images/shop/BuyBlackButton.jpg);
    height: 70px;
    width: 85px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #000000;
}
.checkoutBtn
{
    float: right;
    background-image: url(../images/shop/CheckOutButton.jpg);
    height: 70px;
    width: 120px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #000000;
}
.updateBtn a:link, .updateBtn a:visited, .checkoutBtn a:link, .checkoutBtn a:visited
{
    font-size: 13px;
    color: #FFFFFF;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    display: block;
    border-bottom: none;
}
.updateBtn a:hover, .checkoutBtn a:hover
{
    font-size: 13px;
    color: green;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    display: block;
    border-bottom: none;
}

#disclaimerPod
{
    background-image: url(../images/shop/DisclaimerBG.jpg);
    width: 230px;
    height: 193px;
    float: left;
    background-repeat: no-repeat;
    background-position: left top;
}

.disclaimerPodPadding
{
    margin: 0px;
    padding-top: 23px;
    padding-right: 28px;
    padding-bottom: 5px;
    padding-left: 15px;
}





#warrantyPod
{
    background-image: url(../images/shop/warrantyBG.jpg);
    width: 235px;
    height: 193px;
    float: left;
    background-repeat: no-repeat;
    background-position: left top;
}
.warrantyPodPadding
{
    margin: 0px;
    padding-top: 23px;
    padding-right: 45px;
    padding-bottom: 5px;
    padding-left: 15px;
}

#deliveryPod
{
    background-image: url(../images/shop/DiliveryBG.jpg);
    width: 230px;
    height: 193px;
    float: left;
    background-repeat: no-repeat;
    background-position: left top;
}
.deliveryPodPadding
{
    margin: 0px;
    padding-top: 23px;
    padding-right: 45px;
    padding-bottom: 5px;
    padding-left: 15px;
}


.disclaimerPodPadding p, .warrantyPodPadding p, .deliveryPodPadding p
{
    padding-top: 3px;
    text-align: left;
}
.warrantyPodPadding p
{
    padding-right: 25px;
}



.disclaimerPodPadding h3, .warrantyPodPadding h3, .deliveryPodPadding h3
{
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.contentTxtHeight
{
    height: 85px;
}

/*-----------end of shop styling----------------*/


/*-add this to main css sheet--*/

/*----- Login page Styling--------------------*/
#LoginRegContainerL
{
    background-position: left top;
    margin: 0px;
    width: 21px;
    float: left;
    background-image: url(   'images/LoginPodBG_L.png' );
    background-repeat: no-repeat;
    height: 264px;
}
#LoginRegContainerMid
{
    border: 2px solid #262626;
    background-position: top;
    margin: 0px;
    width: 508px;
    float: left;
    background-image: url(   'images/LoginPodBG_Mid.jpg' );
    background-repeat: repeat-x;
    height: 247px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #d0d0d0;
}
#LoginRegContainerR
{
    background-position: left top;
    margin: 0px;
    width: 21px;
    float: left;
    background-image: url(   'images/LoginPodBG_R.png' );
    background-repeat: no-repeat;
    height: 264px;
}
.LoginContainerLeft
{
    background-position: right bottom;
    float: left;
    width: 260px;
    background-image: url(  'images/LoginPodBG_divide.png' );
    background-repeat: no-repeat;
    margin-top: 10px;
}
.LoginContainerRight
{
    float: right;
    width: 225px;
    padding-top: 10px;
}
.LoginHeading
{
    color: green;
    font-weight: bold;
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 30px;
    font-size: 18px;
}

.LoginContentHeight
{
    height: 135px;
}

/*----- Password Recovery page Styling--------------------*/
#PasswordRegContainerL
{
    background-position: left top;
    margin: 0px;
    width: 21px;
    float: left;
    background-image: url(   'images/LoginPodBG_L.png' );
    background-repeat: no-repeat;
    height: 264px;
}
#PasswordRegContainerMid
{
    background-position: top;
    margin: 0px;
    width: 350px;
    float: left;
    background-image: url(   'images/LoginPodBG_Mid.png' );
    background-repeat: repeat-x;
    height: 264px;
    padding-top: 10px;
}
#PasswordRegContainerR
{
    background-position: left top;
    margin: 0px;
    width: 21px;
    float: left;
    background-image: url(   'images/LoginPodBG_R.png' );
    background-repeat: no-repeat;
    height: 264px;
}
.passwordContentHeight
{
    height: 125px;
}
/*---end of password revovery page---*/


/*----Registration page styling ---------------*/
#RegistrationContainer
{
    margin: 0px auto 0px auto;
    width: 500px;
    border: 1px solid #333333;
    background-color: #e8e8e8;
}
#regErrorMessage
{
    margin: 10px;
    font-size: 11px;
}

.leftHColLabel
{
    width: 138px;
    text-align: right;
}
.labelpadding
{
    margin-left: 10px;
}

.radioButton input
{
    border: none;
    width: auto;
    color: Green;
}
.fieldRow
{
    clear: both;
}

#personalDetails
{
    padding: 5px 10px 10px 10px;
    background-image: url(    'menuImages/button1.gif' );
    background-repeat: repeat-x;
    background-position: left top;
    margin-bottom: 10px;
    margin-top: 8px;
}



/*------------*/

/*----Product Registration styling ---------------*/
#prodRegContainer
{
    margin: 0px auto 0px auto;
    width: 500px;
    border: 1px solid #333333;
    background-color: #e8e8e8;
}
.subHeadingContainer
{
    padding: 5px 10px 10px 10px;
    background-image: url(   'menuImages/button1.gif' );
    background-repeat: repeat-x;
    background-position: left top;
}

h3.formSubHeading
{
    color: #ffffff;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 20px;
}
/*----------- end -------------*/

/*--------- My Pit Garage styling ------------------------*/
.PitGarageBG
{
    background-image: url(   'images/PitGarageBackgroundImg.jpg' );
    background-repeat: no-repeat;
    background-position: left top;
    height: 100%;
}
#MyProfileContainer
{
    width: 270px;
    border: 1px solid #333333;
    float: left;
    background-color: #e8e8e8;
}
#SubscriptionContainer
{
    width: 400px;
    border: 1px solid #333333;
    float: right;
    background-color: #e8e8e8;
}
#EmailContainer
{
    width: 400px;
    border: 1px solid #333333;
    float: right;
    background-color: #e8e8e8;
    margin-top: 10px;
}
#MyProductsContainer
{
    width: 450px;
    border: 1px solid #333333;
    float: left;
    background-color: #e8e8e8;
    margin: 0;
    margin-top: 25px;
}
#AddProdPod
{
    background-position: left top;
    float: right;
    background-image: url(  'images/AddVIProdBG.png' );
    width: 230px;
    background-repeat: no-repeat;
    height: 193px;
    margin: 0;
}
.AddProdPodPadding
{
    padding-right: 28px;
    padding-left: 15px;
    padding-bottom: 5px;
    margin: 0px;
    padding-top: 25px;
}

/*-end of pit garage styling ---*/

/*--------Change Password page styling -------*/
#ChangePasswordContainer
{
    margin: 0px auto 0px auto;
    width: 400px;
    border: 1px solid #333333;
    background-color: #e8e8e8;
}
/*---- end of change Password page styling---*/




.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}
.mGrid th
{
    padding: 4px 2px;
    color: #fff;
    background-color: #424242;
    border-left: solid 1px #525252;
    font-size: 13px;
    background-image: url(  'images/grd_head.jpg' );
    background-repeat: repeat-x;
    background-position: top;
}
.mGrid .alt
{
    background-position: top;
    background: #fcfcfc url(  'images/grd_alt.jpg' ) repeat-x top;
}
.mGrid .pgr
{
    background: #424242 url(  'images/grd_pgr.jpg' ) repeat-x top;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}

/*-- this is the html code for the above style
CssClass="mGrid"  
AlternatingRowStyle-CssClass="alt" 
PagerStyle-CssClass="pgr" 
*/


/*-------------------GridView CSS and details veiw styling-------------------*/

.GridViewStyle
{
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
}

/*Header and Pager styles*/

.HeaderStyle, .PagerStyle /*Common Styles*/
{
    background-image: url(images/grd_head.jpg);
    background-position: center;
    background-repeat: repeat-x;
    background-color: #1d1d1d;
}

.HeaderStyle th
{
    padding: 4px 2px;
    color: #fff;
    background-color: #424242;
    border-left: solid 1px #525252;
    font-size: 13px;
    background-image: url(   'menuImages/button1.gif' );
    background-repeat: repeat-x;
    background-position: -10px;
}

.HeaderStyle a
{
    text-decoration: none;
    color: #ffffff;
    display: block;
    text-align: left;
    font-weight: normal;
}

.PagerStyle table
{
    text-align: center;
    margin: auto;
}

.PagerStyle table td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}

.PagerStyle td
{
    border-top: #1d1d1d 3px solid;
}

.PagerStyle a
{
    color: #ffffff;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    border-top: solid 1px #777777;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #333333;
    border-left: solid 1px #777777;
}

.PagerStyle span
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
}

/*RowStyles*/

.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
    font-size: 10px;
}

.RowStyle td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}

.AltRowStyle td
{
    background-position: top;
    background: #fcfcfc url(  'images/grd_alt.jpg' ) repeat-x top;
}

.SelectedRowStyle td
{
    background-color: #ffff66;
}


.CommandRowStyle
{
}

.CommandRowStyle td
{
    padding: 3px;
    height: 35px;
}
.CommandRowStyle a
{
    border: 1px solid #000000;
    background-position: -15px 0;
    color: #ffffff;
    background-color: Black;
    padding: 5px 15px;
    background-image: url(  'menuImages/button1.gif' );
    background-repeat: repeat-x;
    text-align: center;
    text-decoration: underline;
    font-size: 11px;
}
.CommandRowStyle a:hover
{
    color: Green;
    text-decoration: none;
    font-size: 11px;
}

.FieldHeaderStyle
{
    font-weight: bold;
}

/* editRowStyle--*/

/*------------- end of GridView Styling ---------------*/




/*---  Menu 4 in Pit Garage--------------------------- */

.Menu4Container
{
    width: 225px;
}
.Menu4Top
{
    padding: 0px;
    margin: 0px;
    background-image: url(   'menuImages/Menu4Top.png' );
    background-repeat: no-repeat;
    background-position: center top;
    height: 57px;
}
.Menu4padding
{
    margin: 0px;
    padding: 0px 0px 0px 8px;
    background-image: url(  'menuImages/Menu4Mid.png' );
    background-repeat: repeat-y;
    background-position: center;
}

.Menu4Bot
{
    background-position: center top;
    height: 45px;
    background-image: url(   'menuImages/Menu4Bot.png' );
    background-repeat: no-repeat;
}

.menu4
{
    width: 212px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu4 li
{
    padding: 0px;
    margin: 0px;
    background-image: none;
}


.menu4 li a
{
    height: 40px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 32px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
}

.menu4 li a:link, .menu4 li a:visited
{
    color: #CCC;
    display: block;
    background: url(   'menuImages/Menu4_liBG.jpg' );
    padding: 12px 0 0px 40px;
    background-repeat: no-repeat;
    border-bottom: none;
}

.menu4 li a:hover
{
    color: #FFF;
    background: url(  'menuImages/Menu4_liBG.jpg' ) 0 -41px;
    padding: 12px 0 0 40px;
}
/*---ed of menu4 pit garage style---*/



/*----------- Activation page styling ---------*/
.tickRight
{
    background-position: right top;
    width: 200px;
    background-image: url(  '../images/tick_150px.png' );
    background-repeat: no-repeat;
    height: 200px;
    float: right;
}



.ReadyToBuy a:link, .ReadyToBuy a:visited
{
    display: block;
    width: 142px;
    height: 142px;
    background-image: url(  '../images/BuyNow_peeling_sticker.png' );
    background-repeat: no-repeat;
    border-bottom: none;
}
.ReadyToBuy a:hover
{
    display: block;
    width: 142px;
    height: 142px;
    background-image: url(  '../images/BuyNow_peeling_sticker_over.png' );
    background-repeat: no-repeat;
    border-bottom: none;
}
.whatThePressSaidContainer
{
    width: 234px;
    height: 300px;
    float: left;
    margin: 20px 0 0 25px;
}
.whatThePressSaidWrapper
{
    background-position: left bottom;
    width: 234px;
    height: 300px;
    background-color: #000000;
    background-image: url(   'images/whatPressSaidBD_midS.jpg' );
    background-repeat: repeat-y;
    background-position: left bottom;
}
.whatThePressSaidTitle
{
    background-position: left top;
    height: 70px;
    width: 100%;
    background-image: url(  'images/whatPressSaidBD_titleS.jpg' );
    background-repeat: no-repeat;
}
.whatThePressSaidPadding
{
    padding: 0 10px 5px 10px;
}
.whatThePressSaidBot
{
    background-position: left bottom;
    width: 100%;
    height: 15px;
    background-image: url(  'images/whatPressSaidBD_botS.jpg' );
    background-repeat: no-repeat;
    background-position: left bottom;
}

p.quotes
{
    font-family: Times, serif, georgia, 'Times New Roman';
    font-size: 14px;
    color: #DFDFDF;
    text-align: center;
    margin: 0;
    padding: 12px 0;
}
p.quotes img
{
    padding: 0;
}
p.quotes em
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #990000;
    font-style: normal;
}



/*---------------- footer styling --------------------------*/

#footer { 
border-width:0;
	 background-image: url( 'images/SubFooterBG1.jpg' );
    background-repeat: no-repeat;
     background-position: center top;
    
}
#footerPadding{
padding:0 20px;
}
.footer-bot
{
    height: 35px;
    margin: 0;
    clear: left;
    border-top: 1px solid #000;
    background-image: url( 'images/BlackTrans_80per.png' );
    background-repeat: repeat;
}

/*-----sub footer layout----*/
.subFooter
{
    border-width: 0;
    border-top: solid 1px #1E1E1E;
    border-bottom: solid 1px #1E1E1E;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
}

.subFooterCols
{
    width: 300px;
    float: left;
    height: 300px;
    border: 1px solid #000000;
    background-image: url( 'images/BlackTrans_85per.png' );
    background-repeat: repeat;
}
.subFooterColsPadding
{
    padding: 5px 10px 0 10px;
}
.subFooterColSpacer{
width:25px;
float:left;
height:15px;
}
.redStarSubfooter{
    width: 145px;
    height: 142px;
    background-image: url('images/NewPriceStarBottom.png' );
    background-repeat: no-repeat;
    background-position: left 0px;
    float: left;
}
.subFooterCols p
{
    margin: 3 0px 8 0px;
    padding: 0;
    color: #fff;
}
h1.viShop
{
    background-image: url( 'images/SubFooterBG_vishop.jpg' );
    background-repeat: no-repeat;
    background-position: center top;
    height: 45px;
    width: 300px;
    padding: 0px;
    margin: 0px;
}
h1.firmware
{
    background-image: url( 'images/SubFooterBG_firmware.jpg' );
    background-repeat: no-repeat;
    background-position: center top;
    height: 45px;
    width: 300px;
    padding: 0px;
    margin: 0px;
}
h1.WTPS
{
    background-image: url( 'images/SubFooterBG_WTPS.jpg' );
    background-repeat: no-repeat;
    background-position: center top;
    height: 45px;
    width: 300px;
    padding: 0px;
    margin: 0px;
}
h1.viShop span, h1.firmware span, h1.WTPS span {display:none;}

.subFooterCols h3
{
    font-size: 16px;
    margin-bottom: 0px;
    margin: 5px 0 0 0;
    font-weight: bold;
    border-bottom-style: dotted;
    color: #fff;
    border-bottom-width: 1px;
    border-bottom-color: green;
    padding-bottom: 1px;
}

.SubFooterBuyNow{
    width: 104px;
    height: 36px;
    background-image: url( 'images/SubFooterButton.png' );
    background-repeat: no-repeat;
    background-position: center top;
}
.SubFooterBuyNow a:link, .SubFooterBuyNow a:visited
{
    display:block;
    width:104px; height:26px;
    border-bottom: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    text-align:center;
    padding: 10px 0px 0px 0px;
    margin: auto 0;
}
.SubFooterBuyNow a:hover
{
    display: block;
    border-bottom: none;
    color:green;
   
}

p.NowOnlyPriceTxt
{
    margin: 0px;
    padding: 35px 0px 0px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
p.NowOnlyPrice
{
    font-size: 36px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
p.NowOnlyPrice span
{
    font-size: 14px;
    font-weight: bold;
}
p.EaspPayTxt
{
    font-size: 17px;
    font-weight: bold;
    color: #990000;
}
.borderBox-dgrey
{
    border: 1px solid #1B1B1B;
    padding: 0 4px;
    margin: 2px 0;
    background-color:#000;
}
.subFooterdivideHorRule
{
    clear: both;
    border-bottom: 1px solid #202020;
    margin: 7px 0 7px 0;
    border-bottom-color: #2E2E2E;
}
.fimwareVersionTxt
{
    background-position: center top;
    height: 58px;
    width: 274px;
    background-image: url( 'images/SubFooterBG_firmUpdateImg.png' );
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-bottom: 10px;
}
.fimwareVersionTxt p
{
    padding: 35px 0 0 5px;
    color:#990000;
}
/*----end of sub footer-----*/

/*------ footer menu------*/

.underlinemenu{
font-weight: normal;
padding-top:5px;

float:left;
}



.underlinemenu ul
{
    list-style: none;
    list-style-image: none;
    padding: 2px 0 5px 0; /*6px should equal top padding of "ul li a" below, 6px (bottom) should equal bottom padding + bottom border of "ul li a" below*/
    margin: 0;
    text-align: left; /*/set value to "left", "center", or "right"*/
    font-size: 10px;
}

.underlinemenu ul li{
display: inline;
background-image:none;
margin:0px;
padding:0px;
}

.underlinemenu ul li a, .underlinemenu ul li a:visited{
	/*color: #E1E1E1;*/
	color:#CCCCCC;
	padding: 2px 3px 3px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 20px; /*spacing between each menu link*/
	text-decoration: none;
	border-bottom: 2px solid gray; /*bottom border is 2px*/
}

.underlinemenu ul li a:hover{
border-bottom-color: black;
color:#CCCCCC;
}

.socialIcons
{
    
    padding: 5px 0 0 0;
    margin: 0px;
    width: 50px;
    float: right;
}
.socialIcons ul
{
margin:0px;
padding:0px;
text-align:right;
}
.socialIcons ul li
{
    background-image: none;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    display: inline;
}

div#footerLegals
{
   
    padding-top: 8px;
    padding-bottom: 2px;
    width:270px;
    float: right;
}

div#footerLegals p {
	margin:0;
	padding:0;
text-align:right;
}

div#footerLegals p, div#footerLegals a {
color:#CCCCCC;
font-size:9px;
}
div#footerLegals a:hover {
color:#000000;
}
.buyNow
{
    font-size: 14px;
    font-weight: bold;
}
/*---------products image gallery pop ups---------------------*/

.ProdGalleryImg
{
    list-style-type: none;
    margin:0px;
}
.ProdGalleryImg li
{
    padding: 0px 5px 0px 0px;
    margin: 0;
    display: inline;
    background-image: none;
}

.ProdGalleryImg img{
    border: 1px solid #333333;
    background: #efefef;
    padding: 5px;
}
.ProdGalleryImg img:hover
{
    border: 1px solid #C0C0C0;
    background: #efefef;
}
/*--------end------------*/
.videoContainer
{
    margin: 30px auto 30px auto;
    width: 482px;
}
.videoContainer h3
{font-size:16px;}