﻿#DTC_CustomisePackages
{
}
#DTC_CustomisePackages_Top
{
}

#DTC_CustomisePackages_TopRight
{
    float:left;
    width:29px;
    height:20px;
    background: url(images/tl.gif) no-repeat;
}

#DTC_CustomisePackages_TopMiddle
{
    float:left;
    width:275px;
    height:20px;
    background: url(images/tmid.gif) repeat-x;
}

#DTC_CustomisePackages_TopLeft
{
    float:left;
    width:29px;
    height:20px;
    background: url(images/tr.gif) no-repeat;
}

#DTC_CustomisePackages_Middle
{
    position:relative;
    z-index:2;
    clear:both;
    *margin-top:-20px;
}

.DTC_CustomisePackages_Middle_Right
{
    text-align: left;
    padding-left:30px;
    padding-top:10px;
    padding-right:15px;
    padding-bottom:15px;
    float:left;
    width:400px;/*639px;*/
    background:#ffffff;
    border-top: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.DTC_CustomisePackages_Middle_Left
{
    float:left;
    width:328px;
    vertical-align:middle;
    background: url(images/mid.gif) repeat-y;
}

.DTC_CustomisePackages_Middle_Left img
{
    border:0px;
}

#DTC_CustomisePackages_Bottom
{
    clear:both;
}

#DTC_CustomisePackages_BottomRight
{
    float:left;
    width:29px;
    height:29px;
    background: url(images/bl.gif) no-repeat;
}

#DTC_CustomisePackages_BottomMiddle
{
    float:left;
    width:275px;
    height:29px;
    background: url(images/bmid.gif) repeat-x;
}

#DTC_CustomisePackages_BottomLeft
{
    float:left;
    width:29px;
    height:29px;
    background: url(images/br.gif) no-repeat;
}

.btnUnselected, .btnUnselected a:link, .btnUnselected a:visited 
{
    margin-top:20px;
    color:#000;
    background:#fff;
}

.btnSelected
{
    margin-top:20px;
    line-height:22px;
    width:100%;
	clear:both;
    background: url(images/buttons/btnBg.jpg) top no-repeat;
}

.btnSelected a:link, .btnSelected a:visited
{
    color:#fff;
}

.btnTick
{
    float:left;
    width:32px;
    margin-left:5px;
    vertical-align:middle;
    margin-top:10px;
}

.SupportTitle
{
    width:60px;
    height:37px;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    margin-left:35px;
    white-space:normal;
	float:left;
	margin-top:10px;
    color:#333333;
    vertical-align:middle;
    *display:inline-block;
}

.SupportPrice
{
    color:#f16824;
    width:40px;
    height:37px;
    line-height:59px;
	float:left;
    font-family:Arial;
    font-weight:bold;
    font-size:16px;
    margin-left:15px;
    white-space:normal;
    vertical-align:middle;
    *display:inline-block;
}

.btnSelect
{
   /* width:107px;*/
    margin-left:15px;
    vertical-align:middle;
    line-height:59px;
    margin-top:10px;
    float:left;
}

.SupportTitleMain
{
    font-family:Arial;
    font-size:20px;
    color:#333333;
}

.selectedBtn
{
    background: url(images/buttons/selected.jpg) right no-repeat;
    padding-top:8px;
	clear:both;
	height:59px;
	vertical-align:middle;
}

.unselectedBtn
{
    background: url(images/buttons/unselected.jpg) right no-repeat;
    padding-top:8px;
	clear:both;
    height:59px;
    vertical-align:middle;
}

.packageList
{
    font-family:Arial;
    color:#fff;
    font-size:14px;
    line-height:20px;
}

.smallText
{
    font-family:Arial;
    color:#fff;
    font-size:12px;
}

.total
{
    font-family:Arial;
    color:#000;
    font-size:36px;
}

.PackageTotal
{
    width:188px;
    text-align:center;
    background: #f16926;
    padding-bottom:15px;
}

.emailForm{display:none;height:100%;width:100%;position:fixed;top:0px;left:0px;text-align:center;z-index:100000000;background:url(images/bg.png);}

.top-left{width:41px;height:41px;float:left;}

.top-right{width:41px;height:41px;background: url(images/top-right.png) no-repeat;float:left;}

.top-mid{width:397px;height:41px;background: url(images/top-mid.png) repeat-x;float:left;}

.middle{width:486px;background: url(images/mid.png) repeat-y;clear:both;padding-left:30px;padding-right:30px;}

.bot-left{width:41px;height:41px;background: url(images/bot-left.png) no-repeat;float:left;}

.bot-mid{width:400px;height:41px;background: url(images/bot-mid.png) repeat-x;float:left;}

.bot-right{width:41px;height:41px;background: url(images/bot-right.png) no-repeat;float:left;}
