/**
 * www.dx3.net main stylesheet
 *
 * @package www.dx3.net
 * @subpackage style
 * @author Dave Redfern
 * @copyright DX3 Technologies Ltd.
 * @version 0.1
 */


/**
 * Global style declarations
 */
html,body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #a23255; }
html { height: 100%; margin-bottom: 1px; }
body { height: 100%;  }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; color: #a23255; font-weight: bold; }
h3 {font-size:18px}
img { border: 0px; }
a { color: #a23255; font-weight: bold; text-decoration: none; }
a:hover { color: #999; text-decoration: underline; }
.clear { clear: both; }
.hidden { visibility: hidden; display: none; }
.centre { text-align: center; }
.error { color:red }
.orange { color: #a23255; }
p { text-align: justify; }
form {margin:0px; }
input[type="password"],input[type="text"],input[type="text"],select {background: url(/theme/eircom/images/inputBg.jpg);border-left:1px solid #adadad; border-top:1px solid #adadad; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; height:20px;font-size:14px;padding:2px;width:230px}
div.pleaseNote {text-align: left; margin: 0px;   }
div.pleaseNote h4 {  font-size: 10px; font-weight: bold; margin: 0px;  }
div.pleaseNote p { font-size: 10px; margin-bottom: 0px; color: #a23255; margin: 0px;  }


/**
 * Positioning
 */
div#headerContainer { height: 165px; }
div#headerContainer div#header { display:block; width: 937px; height: 144px; margin-left: auto; margin-right: auto; text-align: center; padding-top:45px  }
div#headerContainer div#header { background: url(/theme/surepromotion/images/logo.jpg) center right no-repeat;}
div#headerContainer div#header img.eircomLogo {display:block; width:180px;height:100px ; float:left}
div#headerContainer div#header div.ad.leaderboard {	background:transparent url(http://home.eircom.net/Images/portal/global/icons/advertising_flag.gif) no-repeat scroll right 5px;	clear:none;	float:left;	height:90px;overflow:hidden;	padding-right:15px;	text-align:center;	width:726px;}

div#body { min-height: 500px; height:auto !important; height:500px; width: 900px; margin-left: auto; margin-right: auto; text-align: left; border-top: 0px; }

div#headerContainer { height: 165px; }
div#footer { width: 990px; height: 165px; margin-left: auto; margin-right: auto; text-align: center; }


/**
 * Pods
 *
 * Pods are the right hand side info items. Again we use image replacement so that the text is searchable
 */

div.pod {width:350px; margin-top:10px; margin-bottom:10px; margin-bottom: 5px; text-align: left; color: #a23255; background-color: #433d37; padding:10px }
div.pod div p { text-align: left; margin-top: 0px; margin-bottom: 0px; }
div.pod div p, div.pod div p a { color: #a23255; font-size: 14px; margin: 0px; }
div.pod div p a:hover { color: #444; }
div.pod div ul { margin: 0px; padding: 0px; }
div.pod div ul li { margin-left: 12px; padding: 0px; font-weight: bold; }
div.pod div h4 { color: #a23255; font-weight: bold; font-size: 15px;  border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px; }
div.pod div dl { margin: 0px; padding: 0px; }
div.pod div dt { padding-bottom: 3px; font-weight: bold; }
div.pod div dt span { font-size: 14px; }
div.pod div dt a { color: #fff; font-weight: bold; }
div.pod div dt a.selected { color: #000; }
div.pod div dt a:hover { color: #444; }
div.pod div dd { margin: 0px; padding-bottom: 8px; }
div.pod div dd.selected { color: #000; }
div.pod div.button {border-top:1px solid #fff; padding-top:10px ; text-align:right ; height:28px  }


div.pod { display: block; background: url(/theme/surepromotion/images/pod_pink_gb.jpg) no-repeat; }
div.pod.OrangeLine { display: block; background: url(/theme/surepromotion/images/pod_grey_bg.jpg) no-repeat; color:#61a5d5 }
div.pod.OrangeLine h4 {  color:#61a5d5 }
div.pod.OrangeLine a {  color:#61a5d5 }

/**
 * buttons
 */
a.button {width:50px;float:right; display:block;  color:#f23285;  height:24px ; padding-right:30px; line-height:25px} 
a.button:hover {text-decoration: none; color:#929292; } 


a.button {background: url(/theme/surepromotion/images/arrowButton.gif) center right no-repeat;} 
a.button:hover {background: url(/theme/surepromotion/images/arrowButton_over.gif) center right no-repeat; } 


a.button.download {line-height:18px; padding-right:40px; height:20px; background: url(/theme/surepromotion/images/download.gif) top right no-repeat; } 
a.button.download:hover {background: url(/theme/surepromotion/images/download_over.gif) top right no-repeat; } 
dl#newsItems div.newsContent p { font-size: 12px; font-weight: normal; }




/*=================================================*/

 div.sureGirlAdvert {float:right}
 
/**
 * VoucherEntryPage
 */
 div.VoucherEntryPage table {width:100%}
 div.VoucherEntryPage table td.label {width:100px}
 div.VoucherEntryPage h3 {width:100%; text-align:left}
 
 div.VoucherEntryPage div.sureGirlLogo {float:right}
 div.VoucherEntryPage div.sureGirlAdvert {float:right}
 
/**
 * voucherdetail
 */
div.voucherdetail table {width:100%}
div.voucherdetail a.button {width:250px;float:right}
div.voucherdetail td.input {color:#000}
div.voucherdetail td {border-bottom:1px solid #fff}
div.voucherdetail div.button {border-top:0px }


/** 
 * VoucherGiveAwayPage
 */
div.VoucherGiveAwayPage table {width:100%}
div.VoucherGiveAwayPage a.button.return {width:250px;float:right}


/**
 * Product Wall
 */
div.ProductWall div.button.confirm {margin: 20px 20px 0px 0px; padding-bottom:10px ; padding-top:20px ; height:25px; text-align:right; background: url(/theme/surepromotion/images/hr.jpg) no-repeat top left;  }
 
div.ProductWall a.button  {width:300px; line-height:18px; height:20px; background: url(/theme/surepromotion/images/tick.gif) top right no-repeat; } 
div.ProductWall a.button :hover { } 



div.ProductWallList { margin-bottom: 10px; }
div.ProductWallList form#wallSelection { margin: 0px; padding: 0px; }
div.ProductWallList a.button.browngrey {float:none; display:inline; clear:none ; text-height:200px}
div.ProductWallList h2 {display:block; margin: 20px 20px 0px 0px; padding-bottom:10px ; padding-top:20px ; height:25px; text-align:left; background: url(/theme/surepromotion/images/hr.jpg) no-repeat top left;  }


div.ProductWallList div.pod { display: block; background:0 ;margin:0px ;padding:0px }
div.ProductWallList div.pod { display: block; background:0  }


div#content ul.contentList { list-style-type: none; display: inline; background: none; width:100px }
div#content ul.contentList li.item {  font-size:12px; background: none; display: block; float: left; margin: 4px; margin-right:10px; padding: 3px; width: 200px; height: 92px; }
div#content ul.contentList li.item div.pod {width:100%; color:#433D37;}
div#content ul.contentList li.item div.podBg {height:82px}
div#content ul.contentList li.item img { display: block; float: left; margin-right: 3px; }
div#content ul.contentList li.item span {background-color: #ffdae6}

div#content ul.contentList li.item.blue span {background-color: #cae4f0}
div#content ul.contentList li.item span.title { display: block; font-weight: bold; height:30px ; }
div#content ul.contentList li.item span.artist { display: block; font-style: italic; height:30px ; border-bottom:1px solid #dddddd  }
div#content ul.contentList li.item span.checkbox {background-color: #fff; display: block; color: #a23255; float:right }
div#content ul.contentList li.item span.productType { display:none;  }
/*div#content ul.contentList li.item span.title, div#content ul.contentList li.item span.artist,
div#content ul.contentList li.item span.productType, div#content ul.contentList li.item span.checkbox { display: block; }*/

div.ProductWall div.submitButton { text-align: center; }
div.ProductWall div.submitButton input { font-size: 16px;  }

/**
 * prodconfirm
 */
div.prodconfirm div.ProductWallList div.button {display:block; height:30px ; }
div.prodconfirm div.ProductWallList div.button {margin: 20px 20px 0px 0px; padding-bottom:20px ; padding-top:5px ; height:25px; text-align:right; background: url(/theme/surepromotion/images/hr.jpg) no-repeat bottom left;  }
div.prodconfirm div.ProductWallList div.button a.button {display:block; height:24px;  width:150px; float : right}
div.prodconfirm div.button.confirm {margin: 20px 20px 0px 0px; padding-bottom:10px ; padding-top:20px ; height:25px; text-align:right; background: url(/theme/surepromotion/images/hr.jpg) no-repeat top left;  }
 
/**
 * Order list
 */
div.orderview h1 {color:#fff; font-weight:bold ; font-size: 18px;}
 
div.orderDetails  table {width:100%}
div.orderDetails  a.button {width:250px;float:right}
div.orderDetails  td.input {color:#000}
div.orderDetails  td {border-bottom:1px solid #fff}
div.orderDetails  div.button {border-top:0px }


div.productView.pod.White { width: 370px; text-align: left; background:0}
.productView table.productDisplay { width: 100%; }
.productView table.productDisplay td { vertical-align: top; }
.productView table.productDisplay td.productImageDisplay { padding: 2px 5px 0 0 ; width: 110px; text-align: center; vertical-align: top; width:71px }
.productView table.productDisplay thead td {background-color:#cae4f0; color: #378cca; font-size: 14px; text-align: left; padding: 3px ;  font-weight:bold}
.productView table.productDisplay thead td span.productType {font-style:italic; font-weight:normal}
.productView table.productDisplay tbody td { font-size: 12px; color: #a23255; font-weight:normal }
.productView table.productDisplay tbody tr.Artist td {  border-top:1px solid #ddd }
.productView table.productDisplay tbody tr.Label td {  border-bottom:1px solid #ddd }
.productView div.MobileProduct { padding: 3px; font-weight:bold ;font-size: 12px; color: #a23255; }


.productView table.productDisplay tbody td.key { padding-left:3px; width: 120px;  color: #000;  }
.productView table.productDisplay tbody td.value {font-weight:bold  }
.productView img.parental_advisory { float:right; margin:2px; }

.productViewFooter { border: 1px solid #333; border-top: 1px dashed #333; height: 20px; padding-top: 5px; margin: 0px; }
.productViewFooter div { padding: 0px; margin: 0px; padding-right: 2px; }
.productViewFooter div a.addToBasket { float: left; margin: 0px; padding-left: 2px; }
.productViewFooter div a.productCompatibility { float: left; margin-left: 100px; }
.productViewFooter div a.addToListen { float: right; margin: 0px; }

div.trackList {color:#a23255; background-color:#ffdae6}
div.trackList div.track  {padding: 3px; clear:both; height:20px; border-bottom:1px solid #ddd}
div.trackList div.track div.ProductName  {float:left;padding-top:2px}
div.trackList div.track div.Download  {float:right ; width:80px}



/**
 * Custom classes
 */
.displayHidden { display: none; }
.label { font-weight: bold; color: #a23255; }
.clear { clear: both; }
.left { text-align: left; }
.right { text-align: right; }