/*----[Grid]----*/

#grid,
#gridNoHeroSpace {
    clear: both;
    margin: auto;
    display: block;
    width: 960px;
    padding-top: 10px;
}
#gridNoHeroSpace {
    padding-top: 16px;
}

    /*----[Wrappers]----*/

.twelveColumn {
    float: left;
    display: inline;
    width: 960px;
}

.tenColumn {
    float: left;
    display: inline;
    width: 800px;
}

.nineColumn {
    float: left;
    display: inline;
    width: 720px;
}

.sevenColumn {
    float: left;
    display: inline;
    width: 560px;
}
.sixColumn {
    float: left;
    display: inline;
    width: 480px;
}
.fourPointFiveColumn {
    float: left;
    display: inline;
    width: 360px;
}

.threeColumn {
    float: left;
    display: inline;
    width: 240px;
}
.twoColumn {
    float: left;
    display: inline;
    width: 160px;
}

    /*----[Generic module styles]----*/

.modBody {
	margin: 0;
	clear: both;
}
.modBodySidebar {
	margin: 0;
	clear: both;
}

    /*----[12 Column modules]----*/

.mod12Col {
	width: 952px;
	float: left;
	display: inline;
	margin: 2px 8px 10px 0;
	background: #f4f4f4 url(../img/backgrounds/drop_shadow.gif) left 2px repeat-y;
}
.mod12Col .modHeader {
    background: #ebebeb;
    height: 35px;
    width: 948px;
    border: 1px solid #fff;
    margin-top: -2px;
}
.mod12Col .modBody{
	width: 948px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(../img/backgrounds/gradient.gif) left top repeat-x;
	margin-bottom: 2px;
}
.mod12Col .modCopy{
	margin: 10px 9px;
	width: 930px;
	clear: both;
	float: left;
	display: inline;
}
.mod12Col .modHeader h2 {
	width: 930px; 
}

    /*----[10 Column modules]----*/

.mod10Col {
	width: 792px;
	float: left;
	display: inline;
	margin: 2px 8px 10px 0;
	background: #f4f4f4 url(../img/backgrounds/drop_shadow.gif) left 2px repeat-y;
}
.mod10Col .modHeader {
    background: #ebebeb;
    height: 35px;
    width: 788px;
    border: 1px solid #fff;
    margin-top: -2px;
}
.mod10Col .modBody {
	width: 788px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(../img/backgrounds/gradient.gif) left top repeat-x;
	margin-bottom: 2px;
}
.mod10Col .modCopy{
	margin: 10px 9px;
	width: 770px;
	clear: both;
	float: left;
	display: inline;
}
.mod10Col .modHeader h2 {
	width: 770px;
	line-height: 35px;
}   

/*----[9 Column modules]----*/

.mod9Col {
	width: 712px;
	float: left;
	display: inline;
	margin: 2px 8px 10px 0;
	background: #f4f4f4 url(../img/backgrounds/drop_shadow.gif) left 2px repeat-y;
}
.mod9Col .modHeader {
    background: #ebebeb;
    height: 35px;
    width: 708px;
    border: 1px solid #fff;
    margin-top: -2px;
}
.mod9Col .modBody {
	width: 708px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(../img/backgrounds/gradient.gif) left top repeat-x;
	margin-bottom: 2px;
}
.mod9Col .modCopy{
	margin: 10px 9px;
	width: 690px;
	clear: both;
	float: left;
	display: inline;
}
.mod9Col .modHeader h2 {
	width: 690px;
	line-height: 35px;
}   

    /*----[7 Column modules]----*/

.mod7Col{
	width: 552px;
	float: left;
	display: inline;
	margin: 2px 8px 10px 0;
	background: #f4f4f4 url(../img/backgrounds/drop_shadow.gif) left 2px repeat-y;
}
.mod7Col .modHeader {
    background: #ebebeb;
    height: 35px;
    width: 548px;
    border: 1px solid #fff;
    margin-top: -2px;
}
.mod7Col .modBody{
	width: 548px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(../img/backgrounds/gradient.gif) left top repeat-x;
	margin-bottom: 2px;
}
.mod7Col .modCopy{
	margin: 10px 9px;
	width: 530px;
	clear: both;
	float: left;
	display: inline;
}
.mod7Col .modHeader h2 {
	width: 530px;
	line-height: 35px; 
}

    /*----[6 Column modules]----*/

.mod6Col{
	width: 472px;
	float: left;
	display: inline;
	margin: 2px 8px 10px 0;
	background: #f4f4f4 url(../img/backgrounds/drop_shadow.gif) left 2px repeat-y;
}
.mod6Col .modHeader {
    background: #ebebeb;
    height: 35px;
    width: 468px;
    border: 1px solid #fff;
    margin-top: -2px;
}
.mod6Col .modBody{
	width: 468px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(../img/backgrounds/gradient.gif) left top repeat-x;
	margin-bottom: 2px;
}
.mod6Col .modCopy{
	margin: 10px 9px;
	width: 450px;
	clear: both;
	float: left;
	display: inline;
}
.mod6Col .modHeader h2 {
	width: 450px;
	line-height: 35px; 
}

    /*----[4.5 Column modules]----*/

.mod45Col{
	width: 352px;
	float: left;
    display: inline;
	margin: 2px 8px 10px 0;
	background: #f4f4f4 url(../img/backgrounds/drop_shadow.gif) left 2px repeat-y;
}
.mod45Col .modHeader {
    background: #ebebeb;
    height: 35px;
    width: 348px;
    border: 1px solid #fff;
    margin-top: -2px;
}
.mod45Col .modBody {
	width: 348px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(../img/backgrounds/gradient.gif) left top repeat-x;
	margin-bottom: 2px;
}
.mod45Col .modCopy{
	margin: 10px 9px;
	width: 330px;
	clear: both;
	float: left;
	display: inline;
}
.mod45Col .modHeader h2 {
	width: 330px; 
	line-height: 35px;
}

    /*----[3 Column modules]----*/

.mod3Col{
	width: 232px;
	float: left;
	display: inline;
	margin: 2px 8px 10px 0;
	background: #f4f4f4 url(../img/backgrounds/drop_shadow.gif) left 2px repeat-y;
}
.mod3Col .modHeader {
    background: #ebebeb;
    height: 35px;
    width: 228px;
    border: 1px solid #fff;
    margin-top: -2px;
}
.mod3Col .modBody{
	width: 228px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(../img/backgrounds/gradient.gif) left top repeat-x;
	margin-bottom: 2px;
}
.mod3Col .modCopy{
	margin: 10px 9px;
	width: 210px;
	clear: both;
	float: left;
	display: inline;
}
.mod3Col .modHeader h2 {
	width: 210px; 
	line-height: 35px;
}

    /*----[3 Column modules - sidebar]----*/
    /* Includes accordion and link definitions */

.mod3ColSidebar {
	width: 232px;
	float: left;
	display: inline;
	background: #f4f4f4 url(../img/backgrounds/drop_shadow.gif) left top repeat-y;
	padding-bottom: 2px;
	margin-top: 2px;
}
.mod3ColSidebar .modBodyWrap {
	width: 230px;
	padding: 0 0 5px 0;
	background: #fff;
	margin-top: -2px;
}
.mod3ColSidebar h2 {
    font-size: 1.083em;
    font-weight: bold;
    float: left;
    display: inline;
	padding-right: 15px;
    color: #000;
    padding: 10px 0 0 0;
    margin: 0 0 0 36px;
}
.mod3ColSidebar .modHeader h2 {
	width: 232px; 
}
.mod3ColSidebar h2 a {
	color: #000;
	float: left;
}

.mod3ColSidebar h2 a:hover, .mod3ColSidebar h2 a:active, .mod3ColSidebar h2 a:focus {
	color: #bd0000;
}

.modBodySidebar .modCopy {
    padding-bottom: 10px;
}

.mod3ColSidebar #topAccordionItem {
    background: #ebebeb url(../img/backgrounds/sidebar_accordion_sprite.gif) 7px 0px no-repeat;
    height: 3em;
    border-top: 1px solid #fff;
}
.mod3ColSidebar .title {
    height: 3em;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.mod3ColSidebar #account .title {
    background: #ebebeb url(../img/backgrounds/sidebar_accordion_sprite.gif) 7px 0px no-repeat;
}
.mod3ColSidebar #support .title {
    background: #ebebeb url(../img/backgrounds/sidebar_accordion_sprite.gif) 7px -77px no-repeat;
}
.mod3ColSidebar #contact .title {
    background: #ebebeb url(../img/backgrounds/sidebar_accordion_sprite.gif) 7px -155px no-repeat;
}
.mod3ColSidebar #popular .title {
    background: #ebebeb url(../img/backgrounds/sidebar_accordion_sprite.gif) 7px -237px no-repeat;
}
.mod3ColSidebar #compare .title {
    background: #ebebeb url(../img/backgrounds/sidebar_accordion_sprite.gif) 7px -237px no-repeat;
}
.mod3ColSidebar #basket .title {
    background: #ebebeb url(../img/backgrounds/sidebar_accordion_sprite.gif) 7px -392px no-repeat;
}
.mod3ColSidebar #eForums .title {
    background: #ebebeb url(../img/backgrounds/sidebar_accordion_sprite.gif) 7px -470px no-repeat;
}
.mod3ColSidebar #shortlist .title {
    background: #ebebeb url(../img/backgrounds/sidebar_accordion_sprite.gif) 9px -557px no-repeat;
}
.mod3ColSidebar #phonesAndServices .title {
    background: #ebebeb url(../img/registration/my_phones.gif) 10px 14px no-repeat;
}
.mod3ColSidebar .title {
    cursor: pointer;
}

.mod3ColSidebar p {
    margin: 0 0 0 10px;
}
.mod3ColSidebar a.showAllSupport {
    margin: 0 0 0 10px;
    font-weight: bold;
    text-decoration: none;
}

    /*----[My account with promo]----*/

#totalCommunicationsSidebar .promo,
#mobileWorkingSidebar .promo,
#machineToMachineSidebar .promo,
#voiceMessagingSidebar .promo {
	padding: 10px;
	margin: 0 12px 10px 12px;
	width: 180px;
	float: left;
	display: inline;
	border: 3px solid #ebebeb;
}
#totalCommunicationsSidebar .promo p,
#mobileWorkingSidebar .promo p,
#machineToMachineSidebar .promo p,
#voiceMessagingSidebar .promo p {
	width: 175px;
}
#totalCommunicationsSidebar .promo img,
#mobileWorkingSidebar .promo img,
#machineToMachineSidebar .promo img,
#voiceMessagingSidebar .promo img {
	float: left;
	margin-right: 10px;
}
#totalCommunicationsSidebar #account .modCopy,
#mobileWorkingSidebar #account .modCopy,
#machineToMachineSidebar #account .modCopy,
#voiceMessagingSidebar #account .modCopy {
	padding-top: 20px;
}
#totalCommunicationsSidebar #account .greyArrowList li,
#mobileWorkingSidebar #account .greyArrowList li,
#machineToMachineSidebar #account .greyArrowList li,
#voiceMessagingSidebar #account .greyArrowList li {
	border-bottom: none;
	width: 180px;
}
#totalCommunicationsSidebar .promo .greyArrowList,
#mobileWorkingSidebar .promo .greyArrowList,
#machineToMachineSidebar .promo .greyArrowList,
#voiceMessagingSidebar .promo .greyArrowList {
	margin-left: -15px;
	width: 200px;
	padding-bottom: 0;
	font-weight: bold;
}
#totalCommunicationsSidebar .totalCommsPromo,
#mobileWorkingSidebar .totalCommsPromo,
#machineToMachineSidebar .totalCommsPromo,
#voiceMessagingSidebar .totalCommsPromo {
	margin-left: 2px;
}
#totalCommunicationsSidebar .promoLarge,
#mobileWorkingSidebar .promoLarge,
#machineToMachineSidebar .promoLarge,
#voiceMessagingSidebar .promoLarge {
	margin: 10px 0 0 6px;
	width: 190px;
	padding: 10px;
	float: left;
	display: inline;
	border: 5px solid #ebebeb;
}
.mod3ColSidebar #compare ul {
    float: left;
    display: inline;
    margin: 0 0 0 12px;
    padding: 15px 0;
}
.mod3ColSidebar #compare ul li {
    float: left;
    display: inline;
    margin-right: 13px;
}

#basket .modBodySidebar {
	margin-top: 10px;
	margin-bottom: 10px;
}
#basket .productList {
	margin-bottom: 20px;
	display: block;
}
#basket .productList p {
	margin-right: 10px;
	padding-top: 0;
}
#basket .productList img {
	float: left;
}
#basket .productList .cost {
	float: right;
	padding-right: 10px;
	font-weight: bold;
}
#basket table {
	margin: 2px 10px 10px 10px;
	width: 207px;
	border-collapse: separate;
	border: none;
}
#basket th,
#basket caption {
    display: none;
}
#basket td.amount {
    text-align: right;
}
#basket tbody tr.first td {
	border-top: 1px solid #ededed;
	padding-top: 5px;
}
#basket tbody tr.last td {
    padding-bottom: 5px;
}
#basket tbody tr td {
    padding: 0;
}
#basket tfoot td {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding: 5px 0;
}
#basket .buttonGreen {
    float: left;
    margin: 0 0 0 12px;
}
#basket ul.actions {
    float: left;
}
#basket ul.actions li {
    float: left;
    padding-right: 10px;
}
#basket ul.actions li a {
    text-decoration: underline;
}
#phonesAndServices p.noPhones {
    background: url(../img/registration/red_alert.gif)left 5px no-repeat;
    color: #C80000;
    float: left;
    padding: 0 0 0 15px;
    width: 110px;
    clear: none;
}
#phonesAndServices .dottedBoxTop {
    margin-top: 10px;
}
#phonesAndServices img.blankPhone {
    margin: 0 10px;
    float: left;
}
#phonesAndServices .itemInList img {
    margin: 0;
    float: left;
}

/*
.mod3ColSidebar p span {
    font-weight: bold;
}

.mod3ColSidebar .buttonDark {
    margin: 0 0 5px 10px;
}
.mod3ColSidebar ul.greyArrowList li {
    width: 216px;
}
*/

   /*----[2 Column modules - left sidebar with defined links]----*/

.mod2Col{
	width: 152px;
	float: left;
	display: inline;
	margin: 2px 8px 0 0;
	background: #f4f4f4 url(../img/backgrounds/drop_shadow.gif) left 2px repeat-y;
}
.mod2Col .modHeader {
    background: #ebebeb;
    height: 35px;
    width: 148px;
    border: 1px solid #fff;
    border-bottom: none;
    margin-top: -2px;
}
.mod2Col .modBody {
	width: 148px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin-bottom: 2px;
	background: #fff;
}
.mod2Col .modCopy {
	margin: 10px 0;
	width: 148px;
	clear: both;
	float: left;
	display: inline;
}
.mod2Col .modCopy p {
	margin: 10px 5px 0 5px;
}
.mod2Col .modCopy p a {
	text-decoration: underline;
}
.mod2Col .modHeader h2 {
    font-size: 1.083em;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 9px;
    width: 130px;
}

    /*----[mod2Col filters]----*/

#grid .mod2Col .modCopy select,
#gridNoHeroSpace .mod2Col .modCopy select {
	font-weight: normal;
	margin-top: 0;
	margin-left: 5px;
	width: 140px;
}
.mod2Col .filter {
	padding: 5px;
	margin: 0;
}
.mod2Col .filter .modCopy {
	margin: 0;
	padding-bottom: 0;
}
#gridNoHeroSpace .mod2Col .filter input {
	margin: 0;
	padding: 0;
	width: auto;
	font-weight: normal;
	border: none;
}
.mod2Col .title {
    background-color: #ebebeb;
    height: 2.09em;
    border: 1px solid #ebebeb;
}
.mod2Col .filter .modBodySidebar {
	padding: 5px 3px;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.mod2Col .filter .modBodySidebar div {
	width: 140px;
}
.mod2Col .filter .modBodySidebar dl {
	float: left;
	width: 140px;
	padding: 0;
}
.mod2Col .filter .modBodySidebar dt {
	clear: left;
	float: left;
	padding-right: 7px;
}
.mod2Col .filter .modBodySidebar dd {
	float: left;
	width: 110px;
}
.mod2Col .title h3 {
    font-size: 1em;
    float: left;
	padding-right: 15px;
    color: #000;
    padding: 5px 0 0 0;
    margin-left: 5px;
}
.mod2Col .title h3 a {
	text-decoration: none;
}
.mod2Col .filter span.button {
	display: block;
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: right;
	margin: -23px 5px 0 0;
	background: transparent url(../img/backgrounds/buttonOpen.gif) left top no-repeat;
}
.mod2Col .filter span.button.selected {
	background:	 transparent url(../img/backgrounds/buttonClose.gif) left top no-repeat;
}

    /*----[Module heights - height of body to give overall height]----*/
    
.modHeight680 {
    min-height: 56.654em;
}
.modHeight360 {
    min-height: 25.417em;
}
.modHeight360Button {
    min-height: 21.417em;
}
.modHeight310 {
	min-height: 21.1em;
}
.modHeight310Button {
	min-height: 17.1em;
}
.modHeight340 {
	min-height: 23.7em;
}
.modHeight340Button {
	min-height: 19.7em;
}
.modHeight320 {
	min-height: 22em;
}
.modHeight320Button {
	min-height: 18em;
}
.modHeightAccountRibbon {
    min-height: 16em;
}

    /*----[Content modules]----*/

.modHeader h2 a {
    color: #000;
    font-weight: normal;
    height: 37px;
    line-height: 37px;
}
.modHeader h2 a:hover, .modHeader h2 a:active, .modHeader h2 a:focus {
    color: #bd0000;
}