body 
{
    background-color: #231f20;
    font-family: Segoe UI, Verdana, Calibri, Arial;
    font-size: 10pt;
    color: #000000;
}

h1
{
    font-size: 13pt;
    font-weight: bold;
    color: #e10185;
}

a:link, a:visited, a:hover, a:active
{
	font-family: Segoe UI, Verdana, Calibri, Arial;
	font-size: 10pt;
	color: #e10185;
	text-decoration: underline;
}

a.footer_link:link, a.footer_link:visited, a.footer_link:hover, a.footer_link:active
{
	font-family: Segoe UI, Verdana, Calibri, Arial;
	font-size: 12pt;
	color: #e10185;
	text-decoration: underline;
}

.floatclear{clear:both;}
.clearfix{clear:both;}

/*MODAL PAGE*/

body#body-is-modal{background-color:#000000;}

#modal_container{
    color:#ffffff;
    margin:0 auto;
    padding:0;
    width:100%;
}

#modal_content_container{
    background-color:#000000;
    margin:0 auto;
    padding:0;
}

#modal_content_container .padding{padding:0 0 0 0;}
#modal_content_container h1{margin:0; padding:7px 0 0 0}


#modal_content_container .col_one{
    background:none;
    float:left;
    margin:0;
    padding:0 15px 0 0;
    width:200px;
}
#modal_content_container .col_two{
    background:none;
    float:left;
    margin:0;
    padding:0;
    width:320px;
}

#modal_content_container table{margin:0; padding:0; width:100%;}
#modal_content_container table tr{margin:0; padding:0;}
#modal_content_container table td{margin:0; padding:0;}
#modal_content_container table td.main_image{margin:0; padding:20px 0 0 0; text-align:center;}
#modal_content_container table td.main_barcode{margin:0; padding:20px 0 20px 0;}
#modal_content_container table td.main_description{margin:0; padding:0; font-size:130%; font-weight:bold;}
#modal_content_container table td.main_price{margin:0; padding:0; font-size:130%; font-weight:bold;}

#modal_content_container table td ul{
    margin:0;
    padding:0;
}
#modal_content_container table td ul li{
    border-right:solid 1px #ffffff;
    display :inline;
    list-style:none;
    margin:0;
    padding:0 5px 0 5px;
}
#modal_content_container table td ul li#table_last{border-right:none;}
#modal_content_container table td ul li a{color:#ffffff; font-weight:normal;}

#order_form{
    margin:0;
    padding:0;
}
#order_form .padding{padding:30px 0 20px 50px;}

#modal_content_container label {
	color:#5F5F5F;
	float:left;
	font-weight:bold;
	margin:.2em 0 1.5em 0;
	width:120px;
}

#modal_content_container input.ModalTextBox,#modal_content_container select.DropBox {
	background-color:#fff;
	border:solid 1px #9FA4A0;
	color:#757574;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:100%;
	float:left;
	height:16px;
	margin:0 0 .6em 0;padding:.3em;
}

#modal_content_container select.DropBox {height:24px;width:150px;}

#modal_content_container input.ModalTextBox {width:140px;}
#modal_content_container input.ModalTextBox:focus {border:solid 1px #9FA4A0;color:#757574;}
#modal_content_container input.ModalTextBox:hover {border:solid 1px #9FA4A0;color:#757574;}   


/*Other*/
.buttons {clear:both;margin:.5em 0 20px 0;}
.buttons ul {display:inline;list-style:none;}
.buttons ul li {float:left;margin:0 0 0 5px;padding:0;}
.buttons ul li.first {margin:0;}
.buttons ul li.middle {margin:0 0 0 30px;}
.buttons ul li.last {margin:0;}

ul li.first {float:left;border-left:0;}
ul li.center {float:left;margin:0 0 0 40px}
ul li.last {float:right;}
ul li.last select {margin:2.7em 0 0 0;padding:0;width:130px;}
ul li.last img {margin:2em 0 0 0;padding:0}

.byline {color:#aaaaaa;}
.contact_td {font-weight:bold;vertical-align:top;width:120px;}
.displaynone {display:none}
.floatclear {clear:both;}
.grey{color:#757575}
.imagebutton {clear:both;margin:1em 1.5em 1em 0;text-align:right;}
.imagefloat {float:left;padding:0 20px 20px 0;}
.instruction {font-size:90%;font-weight:normal;margin:0; float:right; width:94%;}

.leftfloat {float:left;}
.rightfloat {float:right;}

.pagertable {clear:both;margin:10px auto;padding:0;text-align:center;width:80%;}
.pagertable ul {list-style:none;margin:0;padding:0;}
.pagertable ul li.first {float:left;margin:0;padding:0;}
.pagertable ul li.last {float:right;margin:0;padding:0;}
.redtext {color:#FF0000}
.redtext a{color:#FF0000}
.redtext a:hover{color:#FF0000}
.spacing_td {padding:0 .5em 0 0}

a.pdficon {background-image:url(../images/icons/graphic_acrobat.gif);background-position:left;background-repeat:no-repeat;font-weight:normal;height:50px;margin:0;padding:10px 0 10px 20px;}
a.pdficon:hover {background-image:url(../images/icons/graphic_acrobat.gif);background-position:left;background-repeat:no-repeat;font-weight:normal;height:50px;margin:0;padding:10px 0 10px 20px}

a.excelicon {background-image:url(../images/icons/xls.gif);background-position:left;background-repeat:no-repeat;font-weight:normal;height:50px;margin:0;padding:10px 0 10px 20px;}
a.excelicon:hover {background-image:url(../images/icons/xls.gif);background-position:left;background-repeat:no-repeat;font-weight:normal;height:50px;margin:0;padding:10px 0 10px 20px}

div.message {
	background:url(../images/icons/attention.gif) no-repeat 10px #E1E1E1;
	border:1px solid #AAAAAA;
	margin-bottom:1em;
	min-height:20px;
	padding:10px 10px 10px 60px;
	text-align:left;
}
div.happymessage {
	background:url(../images/icons/happy.gif) no-repeat 10px #E1E1E1;
	border:1px solid #AAAAAA;
	margin-bottom:1em;
	min-height:20px;
	padding:10px 10px 10px 60px;
	text-align:left;
}
#valSum,#valSumSecond,.valsum {
	background:url(../images/icons/error.gif) no-repeat 10px #E1E1E1;
	border:1px solid #AAAAAA;
	margin-bottom:1em;
	padding:10px 10px 10px 50px;
}
.nopadding {padding:0;margin:0;}
div.pager {background:#fff;border:1px solid #DFDFDF;color:#979797;font-weight:bold;margin:1em auto 1em auto;padding:5px;text-align:center;width:80%}

.imageborder {
	border:1px; 
	border-width:1px; 
	border-color:#000;
	border-style:solid;
	padding:2px;
}
A:hover .imageborder, A:active .imageborder {color:#218B27}
A:hover .imageborder, A:active .imageborder {
	border:1px; 
	border-width:1px;
	border-color:#218B27; 
	border-style:solid;padding:2px;
}



/************************************************************/
/*                           MASTER                         */
/************************************************************/

.master
{
    width: 910px;
}

.master .header
{
    width: 910px;
    height: 140px;
}

.master .menu_left
{
    width: 65px; 
    vertical-align: top; 
    background-image: url(../Images/game_05_bg.jpg); 
    background-repeat: repeat-y;
}

.master .menu_middle
{
    width: 132px; 
    vertical-align: top; 
    background-image: url(../Images/product_menu_bg.jpg); 
    background-repeat: repeat-y;
}


.master .menu_right
{
    width: 26px; 
    vertical-align: top;
    background-image: url(../Images/game_07_bg.jpg); 
    background-repeat: repeat-y;
}

.master .content
{
    width: 636px; 
    background-color: #ffffff; 
    vertical-align: top; 
    text-align: left;
}

.master .right
{
    width: 51px; 
    vertical-align: top; 
    background-image: url(../Images/game_08_bg.jpg); 
    background-repeat: repeat-y;
}

.master .footer
{
    color: #ffffff;
    padding-bottom: 30px;
    font-size: 10pt;
}

/************************************************************/
/*                            FORM                          */
/************************************************************/

.form
{
}

.form .caption
{
    text-align: left;
    width: 180px;
    vertical-align: top;
}

.form .required
{
    color: #ed008c;
    width: 7px;
    vertical-align: top;
}

.form .field
{
    text-align: left;
}

.form .validation
{
    padding-left: 5px;
    vertical-align: top;
}

.form .field select
{
    font-family: Segoe UI, Verdana, Calibri, Arial;
    border: solid 1px #000000;
	font-size: 9pt;
	padding: 2px 2px 2px 2px;
	width: 238px;
	color: #000000;
}

/************************************************************/
/*                        INPUT STYLES                      */
/************************************************************/

.txt_input
{
    font-family: Segoe UI, Verdana, Calibri, Arial;
	border: solid 1px #000000;
	font-size: 9pt;
	padding: 3px 3px 3px 3px;
	width: 230px;
	color: #000000;
}

.ddl_input
{
    font-family: Segoe UI, Verdana, Calibri, Arial;
    border: solid 1px #000000;
	font-size: 9pt;
	padding: 2px 2px 2px 2px;
	width: 238px;
	color: #000000;
}

.txtarea_input
{
    font-family: Segoe UI, Verdana, Calibri, Arial;
	border: solid 1px #000000;
	font-size: 9pt;
	padding: 3px 3px 3px 3px;
	width: 230px;
	height: 70px;
	color: #000000;
}

.validator_highlight_text
{
	font-size: 9pt ! important;
	border: solid 1px #000000 ! important;
	padding: 3px 3px 3px 3px ! important;
	background-color: #fffacd ! important;
}

.validator_highlight_ddl
{
	font-size: 9pt ! important;
	border: solid 1px #000000 ! important;
	padding: 2px 2px 2px 2px ! important;
	background-color: #fffacd ! important;
}

.watermark
{
	border: solid 1px #000000;
	padding: 3px 3px 3px 3px;
	font-family: Segoe UI, Verdana, Calibri, Arial;
	font-size: 9pt;
	color: Dimgray;
	font-style: italic;
	width: 230px;
}

/************************************************************/
/*                        PRODUCT LIST                      */
/************************************************************/

.product_list table
{
    width: 100%;
}

.product_list th
{
    padding: 4px 4px 4px 4px;
    text-align: left;
    font-size: 10pt;
    background-color: #E2E3E4;
}

.product_list td
{
    padding: 3px 3px 3px 3px;
    font-size: 10pt;
}

.product_list td a img{border:none;}
.altcolour{background-color:#E2E3E4}

/************************************************************/
/*                          STORE LIST                      */
/************************************************************/

.store_collection table
{
    width: 100%;
}

.store_collection
{
    width: 100%;
}

.store
{
    padding: 10px 0px 10px 10px;
    margin:0 2px 10px 0;
    border: solid 1px Gainsboro;
    float:left;
    height: 190px;
    width: 47%;
}

.back_to_top
{
    text-align: right;
}

/************************************************************/
/*               PRODUCT MODAL POPUP EXTENDER               */
/************************************************************/

.product_modal
{
    text-align: left;
    width: 370px;
    height: 370px;
    background-color: #000000;
    color: #ffffff;
    padding: 20px 20px 20px 20px;
}

.product_modal .close_class
{
    text-align: right;
}

.product_modal .product_content
{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    
}