body {background-color:#004990; margin:0; padding:0;}
#center { height:1090px; width:988px; background-color:#fff; margin:0 auto; padding:20px 0 12px 0; margin-bottom:8px;}
#center2 { height:665px; width:988px; background-color:#fff; margin:0 auto; padding:20px 0 12px 0; margin-bottom:8px;}

#logo {position:relative; background-image: url(../images/headerBg.png); background-repeat:no-repeat; height:156px; margin:20px 20px 0 10px; width:957px; }
#logo img { margin:24px 0 0 25px;}
#logo #man { margin:0; position:absolute; top:-12px; left:574px; z-index:2;}

#logo2 {position:relative; background-image: url(../images/headerBg.png); background-repeat:no-repeat; height:156px; margin:20px 20px 0 20px; width:957px; }
#logo2 img { margin:24px 0 0 25px;}
#logo2 #man { margin:0; position:absolute; top:-12px; left:574px; z-index:2;}

#menu { height:41px; background-color:#00629c;float:left; position:relative;  width:957px; margin-top:24px;}
#menu .mainmenu li { float:left; color:#fff; font-size:14px; font-family:Arial; font-weight:bold; padding:12px 0 0 15px; list-style:none; position:relative; top:-18px; }
#menu .mainmenu li a { color:#fff; display:inline-block; height:27px; padding:20px 7px 0;} 
#menu .mainmenu li a:hover, #menu li a.active {color:#004990; background-image:url(../images/menuHoverBg.png);  border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }
#logo #menu a.tyreguys { margin:2px 28px 0 0; float:right; display:inline-block; font-size:28px; font-family:Univers, "Arial Black"; font-weight:bold; font-style:italic; color:#fff;}
#logo2 #menu a.tyreguys { margin:2px 28px 0 0; float:right; display:inline-block; font-size:28px; font-family:Univers, "Arial Black"; font-weight:bold; font-style:italic; color:#fff;}

/*Sub menu*/
#menu .mainmenu li ul {display:none; position:absolute; top:55px; padding-top:0px; background-color:#ffdb06}
#menu .mainmenu li.hover ul {display:block}
#menu .mainmenu li ul li {padding:0px 7px 7px 4px; top:0}
#menu .mainmenu li ul a {color:#237adb; font-family:Helvetica CE, Helvetica CE; font-size:14px; font-weight:normal;}
#menu .mainmenu li ul a:hover {font-weight:bold; color:#004a9e; background-image:none;}


.left { float:left; width:640px; padding-left:20px;}
.home {float:left; width:650px; padding:0;}
#undermenu { width:628px; height:255px; background-image: url(../images/Promo_Panel_A.png); margin:8px 0 0 8px;}
#undermenu2 { width:628px; height:279px; background-image: url(../images/4for3_home_banner_double.jpg); margin:8px 0 0 8px;}
#undermenu3 { width:306px; height:279px; background-image: url(../images/Promo_Panel_B.png); margin:0px 0px 0px 0px;}

#welcome { /*background-color:#0f77b9;*/  height:242px; width:366px; margin:6px 0 0 256px; float:left;}
#welcome h2 { font-family:Arial; font-size:20px; font-weight:bolder; font-style:italic; padding:19px 0 0 19px; color:#fff;}
#welcome p { font-size:12px; font-family:Arial; color:#fff; padding:10px 14px 0 19px; line-height:14px;}
#welcome span { color:#ffd547;}
#welcome ul {float:left; margin-left:34px;  }
#welcome ul#leftUl {width:70px;}
#welcome li { padding:5px 29px 0 0; color:#fff; list-style:disc; font-size:14px; font-family:Arial; font-weight:bold;}
#welcome li span {color:#ffd547;}

#welcome2 { /*background-color:#0f77b9;*/  height:242px; width:306px; margin:0px 0 0 6px; float:left;}
#welcome2 h2 { font-family:Arial; font-size:20px; font-weight:bolder; font-style:italic; padding:19px 0 0 8px; color:#fff;}
#welcome2 p { font-size:12px; font-family:Arial; color:#fff; padding:10px 14px 0 8px; line-height:14px;}
#welcome2 span { color:#ffd547;}
#welcome2 ul {float:left; margin-left:20px;  }
#welcome2 ul#leftUl {width:50px;}
#welcome2 li { padding:5px 29px 0 0; color:#fff; list-style:disc; font-size:14px; font-family:Arial; font-weight:bold;}
#welcome2 li span {color:#ffd547;}

#yellowbox { width:236px; height:284px; float:left; margin:17px 0 0 12px; background-color:#ffffff;}/*#ffda00*/
#redbox {width:351px; height:284px; float:right; margin:17px 15px 0 2px; background-color:#ffffff;}/*#aa1414*/
#right { float:right;}
.yellowbox2 { width:306px; height:150px; background-color:#ffda00; margin:11px 20px 0 0; text-align:center;}
.yellowbox2 h3 {height:31px; background-color:#00548d; background-repeat:repeat-y; font-family:Univers, "Arial Black"; color:#ffda00; font-size:20px; line-height:20px; font-weight:bold; font-style:italic;padding:10px 0 0 14px;}
.h3 {color:#ffda00; }
#footer { height:40px; width:948px; margin:11px 0 0 21px; background-color:#dedede; float:left;}

#description li
    {
        list-style-type:square;
        list-style-position:outside;
        margin-bottom:5px;
        margin-left:25px;
        padding-left:5px;
    }
#description p
{
    margin-bottom:3px;
}

/*Tyres*/
#left.normal { margin-left:20px; width:630px;}
#headings { margin:12px 0 5px 0px; float:left;}
#headings h3 { font-family: Arial Black, Franklin Gothic Medium, helvetica, helvetica neue; font-size:22px; font-style:italic; color:#004a9e; float:left; text-align:center; padding:9px 0 11px 0;}
#headings #Budget { width:209px; background-color:#fff8cd;}
#headings #Safety { width:209px; background-color:#fff19b;}
#headings #Performance { width:208px; background-color:#ffe96a;}
.tyres { width:205px; float:left;}
.tyres .tyre { height:190px; width:190px; padding:8px 8px 20px 7px; background-image:url(../images/bg.png); background-repeat:repeat-x}
.tyre h4 { font-family: Arial; font-weight:bold; font-size:13px; color:#00499b; padding-top:8px;}
.tyre p { font-family:Arial; font-size:12px; color:#00499b; padding:7px 0; line-height:15px; height:40px; overflow:hidden; }
.tyre a { color:#c22026; font-family:Arial; font-size:10px; font-weight:bold; padding:8px 0 0  0; display:block;}
#middle { margin:0 6px 0 6px;}


A, A:link, A:visited, A:active
{
    color: #273b53;
    text-decoration: none;
}
A:hover
{
    color: #00619b;
    text-decoration: underline;
}


/* =Read more ======*/
.readmore{
	display:block;
	color:#00aeef;

	cursor: pointer;
	text-align:left;
	 height:20px;  line-height:20px;width:90px;
}
.readmore a
{
    background: url(../images/readmore.png) no-repeat right -1px;
    display: block;
}
.readmore a:link, .readmore a:active, .readmore a:visited
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #00aeef;
    font-weight: bold;
    text-decoration: none;
}
.readmore a:hover
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #00aeef;
    font-weight: bold;
    text-decoration: underline;
}


/* =Read more End =====*/


/* =S Pane */

.lt{ text-align:left; vertical-align:top}
/* Pane Structure */
.all_ban{ padding:15px 0px 0px 0px; }
.all_pane{ padding:0px 0px 0px; min-height:200px;}
.whitepane{ background:#fff;}
.bannerpane
{
    padding: -20px 0px 0px 0px;
    margin-top: 0px;
}
.leftshowpane{ padding:0px 3px 0px 0px}
.toppane{ padding:0px 0px 3px 0px}
.leftpane{ padding:0px 3px 0px 0px }
.contentpane{ padding:0px;}
.rightpane{ padding:0px 0px 0px 3px}
.bottompane{ padding:3px 0px 0px 0px}
.rightshowpane{ padding:0px 0px 0px 3px}
.bottomshowpane{ padding: 10px 10px 0px 0px;}
.DNNEmptypane{ display:none;}


.clear { clear:both; font-size:0px; height:0px; line-height:0px;}

/* = Pages Containers =====================================================================================*/

.Head1
{
    font-size: 18px;
    font-weight: bold;
    color: #273b53;
    font-family: Arial, Helvetica, sans-serif;
    padding: 6px 0px 0px 0px;
}

.HeadPH
{
    font-size: 13px;
    font-weight: bold;
    color: #273b53;
    font-family: Arial, Helvetica, sans-serif;
    padding: 6px 0px 0px 0px;
}

.Head2
{
    font-size: 14px;
    font-weight: normal;
    color: #00619b;
    color: #00619b;
    font-family: Arial, Helvetica, sans-serif;
    padding: 6px 0px 0px 0px;
}

.Head3
{
    font-size: 12px;
    font-weight: bold;
    color: #00619b;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 0px 0px 0px;
}

.Head3 A, .Head3 A:link, .Head3 A:visited, .Head3 A:active
{
    color: #273b53;
    text-decoration: underline;
}

.textbox_single2,
.textbox_single2_error
{
    border-right: rgb(0,153,255) 1px solid;
    border-top: rgb(0,153,255) 1px solid;
    border-left: rgb(0,153,255) 1px solid;
    border-bottom: rgb(0,153,255) 1px solid;
    font-size: 9pt;
    width: 98%;
    color: #000000;
    font-family: arial, verdana, helvetica, sans-serif
}
.textbox_single2
{
    background-color: white;
}
.textbox_single2_error
{
    background-color: rgb(243,145,28);
}

TH,TD { vertical-align:top;}
td{white-space:normal;}

td.label, .label
{
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 8pt;
    padding-bottom: 8px;
    color: #666666;
    line-height: 1.6em;
    padding-top: 8px;
    background-color: #ffffff;
    text-align: right
}

td.mandatory, .mandatory
{
    
    color: #ff0000;
    text-align: center !important;
}

.store
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #ffffff;
}

.store td.bold
{
    text-align:center;
    font-weight: bold;
    padding: 16px;
    font-size: pt;
    color: #666666;
    line-height: 1.6em;
    background-color: #ffffff
}

.store td.detail
{
    text-align:center;
    padding: 12px;
    font-size: pt;
    color: #666666;
    line-height: 1.6em;
    background-color: #ffffff
}


.clear { clear:both; font-size:0px; height:0px; line-height:0px;}

.container1{ margin-top:7px; margin-bottom:5px;}
.container1 .containerhead_l{ background:url(../images/con1_h_l.png) no-repeat left top;}
.container1 .containerhead_r{ background:url(../images/con1_h_r.png) no-repeat right top;}
.container1 .containerhead{ background:url(../images/con1_h_m.png) repeat-x left top; height:45px; line-height:45px; margin:0 8px 0 7px; overflow:hidden;}
.container1 .containerhead .title { float:left;text-align:left; padding-top:5px;  padding-left:5px;}
.container1 .containerhead .actions { float:left; margin-left:10px;height:45px; line-height:45px;}
.container1 .containermain{ background:url(../images/con1_m.png) repeat left top; margin:0 6px;}
.container1 .containermain_l{ background:url(../images/con1_l.png) repeat-y left top;}
.container1 .containermain_r{ background:url(../images/con1_r.png) repeat-y right top;}
.container1 .containermain .containerpane{ padding:5px 4px 0px; min-height:50px;}
.container1 .containermain .containerpane .Normal{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#273b53;}
.container1 .containerbot_l{background:url(../images/con1_b_l.png) no-repeat left top;}
.container1 .containerbot_r{background:url(../images/con1_b_r.png) no-repeat right top;}
.container1 .containerbot{ background:url(../images/con1_b_m.png) repeat-x left top; height:9px; margin:0 13px;}


.container2{ margin-bottom:10px;}
.container2 .containerhead{ }
.container2 .containerhead .title { float:left;text-align:left;}
.container2 .containerhead .actions { float:left; margin-left:10px;}
.container2 .containermain{ }
.container2 .containermain .containerpane{ padding:0px 0px 0px;}
.container2 .containermain .containerpane .Normal{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00619b;}
.container2 .containerbot{}



/* = Pages Containers End =====================================================================================*/



.arrowlistmenu
{
    width: 196px;
}

.arrowlistmenu .headerbar
{
    font: 14px/24px Arial, Helvetica, sans-serif;
    color: #333333;
    background: url(images/mhead.gif);
    margin-bottom: 0px; /*bottom spacing between header and rest of content*/
    padding: 0px 0 0px 20px;
    background-repeat: no-repeat;
    font-weight: bold;
    width: 196px;
    height: 27px;
    margin-left: -2px;
}

.arrowlistmenu ul
{
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0; /*bottom spacing between each UL and rest of content*/
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
    width: 196;
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a
{
    font: 14px/26px Arial, Helvetica, sans-serif;
    color: #000000;
    background: url(images/mtit.png); /*custom bullet list image*/
    background-repeat: no-repeat;
    display: block;
    padding: 0px 0 0px 20px; /*link text is indented 19px*/
    font-weight: bold;
    font-size: 90%;
    width: 196px;
    height: 27px;
    margin-left: 0px;
}

.arrowlistmenu ul li a:hover
{
    /*hover state CSS*/
    color: #363636;
    background: url(images/hover.png);
    background-repeat: repeat-x;
    width: 89%;
    margin-left: 1px;
}

.arrowlistmenu ul li a:visited
{
    /*hover state CSS*/
    color: #363636;
    background: url(images/hover.png);
    background-repeat: repeat-x;
    width: 89%;
    margin-left: 1px;
}


.arrowlistmenu ul li a.selected
{
    /*hover state CSS*/
    color: #363636;
    background: url(images/hover.png);
    background-repeat: repeat-x;
    width: 89%;
    margin-left: 1px;
    text-decoration: underline;
}


.sImpact.sError { -moz-box-shadow: rgba(205, 10, 10, 0.5) 8px 8px 10px 0; -webkit-box-shadow: rgba(205, 10, 10, 0.5) 8px 8px 10px 0; -o-box-shadow: rgba(205, 10, 10, 0.5) 8px 8px 10px 0; box-shadow: rgba(205, 10, 10, 0.5) 8px 8px 10px 0; }
.sImpact.sSuccess { -moz-box-shadow: rgba(79, 138, 16, 0.5) 8px 8px 10px 0; -webkit-box-shadow: rgba(79, 138, 16, 0.5) 8px 8px 10px 0; -o-box-shadow: rgba(79, 138, 16, 0.5) 8px 8px 10px 0; box-shadow: rgba(79, 138, 16, 0.5) 8px 8px 10px 0; }
.h1.sError, .h1.sSuccess, h1.sError, h1.sSuccess { padding: 0 10px; margin-bottom: 1.41667em; border-width: 1px; border-style: solid; }
.h2.sError, .h2.sSuccess, h2.sError, h2.sSuccess { padding: 0.444em 10px; border-width: 1px; border-style: solid; }

.h3.sError, .h3.sSuccess, h3.sError, h3.sSuccess { padding: 0.571em 10px; border-width: 1px; border-style: solid; }

.h4.sError, .h4.sSuccess, h4.sError, h4.sSuccess { padding: 0.667em 10px; border-width: 1px; border-style: solid; }

.h5.sError, .h5.sSuccess, h5.sSuccess, h5.sError { padding: 0.8em 10px; border-width: 1px; border-style: solid; }

.h6.sError, .h6.sSuccess, h6.sError, h6.sSuccess { padding: 1em 10px; border-width: 1px; border-style: solid; }

.sSuccess, .sError { padding-left: 50px!important; background-position: 10px center; }

.sSuccess { background-image: url('images/success.png?1288553994'); background-repeat: no-repeat; }
.sError { background-image: url('images/error.png?1288553992'); background-repeat: no-repeat; }
.sError { color: #cd0a0a; border-color: #cd0a0a; background-color: #fff8f5; }

.sSuccess { color: #4f8a10; border-color: #4f8a10; background-color: #fbfffb; }


/*Telerik*/
.rotatorBackground
{
    float: left;
    margin-left: 50px;
    margin-top: 10px;
    width: 440px;
    height: 185px;
    border: solid 2px #dedede;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
.rotatorStyle
{
    margin: 10px auto 0px;
}
.rotatorStyle .RotatorItem
{
    margin: 5px;
    height: 100px;
    width: 100px;
}
.rotatorCarouselStyle
{
    margin: 0px auto;
}
.RotatorItem
{
    border: solid 1px #dff3ff !important;
}
.mainDiv
{
    margin-bottom: 20px;
}
.configurationPanel
{
    width: 290px;
    border: 0px;
}