/* General */
/* Dealing with text formatting and general display styles - should be in a third stylesheet really */

body { 
	font:62.5% Tahoma, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color:#fff;
	background:#dadada;
	}


/* GENERAL 
--------------------------------------------------------------- */

#content p, 
input,
select,
textarea,
label,
th,
td{font-size:1.35em;}

#content .seotext p {
	margin: 0 0 12px;
	line-height: 18px;
}

a {
	color: #04ade4;
}

a:hover {
	text-decoration:none;
	}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #273445;
	text-transform: capitalize;
	font-weight: 700!important;
	padding: 5px 0 5px;
	border-bottom: 1px solid #b0b0b0
}

h1{font-size:2em;}

h2{font-size:1.8em;}

h3, h4{font-size:1.5em;}

h5,h6{font-size:1.4em;}

ul{list-style-type:square;}

ul li, ol li{line-height:24px;}



#tabLayout {
	width: 690px!important;
	height: auto!important;
	margin-bottom: 18px;
}


/* WRAPPER
--------------------------------------------------------------- */


#holdem {
	position:relative;
	width: 984px;
	overflow: hidden;
	margin:0 auto;
	color:#111;
	background:#dadada;
}

#pageholdem {
background: red
}


/* NAVIGATION
--------------------------------------------------------------- */

#topNav {
	position: absolute;
	top: 34px;
	right: 0;
	margin: 0;
	padding:0;
	z-index: 9999
}

	#topNav ul {
		list-style-type:none;
		text-align:center;
		padding:0;
		border:0;
	}

	#topNav ul li {
		font: 1.4em arial;
		display:block;
		float:left;
		margin:0;
		font-weight: bold;
		padding: 0 22px;
	}

	#topNav ul li a {
		color: #4f4a46
	}

	#topNav ul li a:hover {
		color: #70c8de
	}

	#topNav ul li.loginBtn {
	}



/* Product Nav */

#navcontainer {
	width:216px;
	float:left;
	margin: -4px 0 0;
}

	#navcontainer ul {
		list-style: none;
		padding:0!important;
		margin: 0!important
	}

	#navcontainer ul li {
		font-size: 1.1em;
		font-weight: bold;
		text-transform: uppercase;
		width: 216px;
		height: 46px;
		background: #fff url(/media/images/navbtn.jpg) no-repeat;
		overflow: hidden;
	}

	#navcontainer ul li a {
		display: block;
		color:#4f4942;
		padding: 11px 18px 10px;
	}

	#navcontainer ul li a:hover {
		color:#08aadf;
	}




/* HEADER 
--------------------------------------------------------------- */

#header {
	position: relative;
	width: 984px;
	height: auto;
	margin: 0 0 36px;
}

#contact-us-info {
	font-size: 1.3em;
	color: #4f4942;
	text-align: right;
	position: absolute;
	bottom: -25px;
	right: 8px;
	padding: 3px 5px;
	z-index: 1999;
	overflow: hidden;
}


#holdem #widgets {
	display: none;
}


#header #widgets {
	display: block!important;
	position:absolute;
	left: 18px;
	bottom: 26px;
}

	#widgets br {
		display: none;
	}

	#widgets a {
		margin: 0 6px 0;
	}

	#widgets a,
	#widgets a img {
		width: 140px;
		height: 35px;
	}



#ShoppingCart, 
#cartSummary{border:1px solid;}

	#cartSummary{padding:8px;}
	
	#cartSummary table tr td, #cartSummary table tr th{padding:3px;}
	
	#ShoppingCart tr td, 
	#cartSummary tr td, 
	#cartSummary tr th{border-bottom:1px solid;}
	
	#cartSummary tr th{border-top:1px solid;}
	
	#ShoppingCart .cartLink, #totals .cartLink {
		border-top:0px solid;
		text-align:center;
	}
	
	#ShoppingCart .cartLink a{line-height:16px;}





#cartSummary table{width:100%;}

#ShoppingCart {
	position:absolute;
	top:100px;
	right:20px;
	z-index:9999;
}

#ShoppingCart .cartLink {
	position:relative;
	width:200px;
	clear:both;
}

#ShoppingCart .cartLink a {
	display:block;
	height:16px;
}

.bigButtons {
	position:relative;
	/*clear:both;*/
	/*width:300px;*/
}

.bigButtons a{height:20px;}

#totals .cartLink {
	position:relative;
	width:260px;
	clear:both;
	margin-top:20px;
}

#totals .cartLink a {
	display:block;
	height:24px;
	margin:10px 0;
}

#totals {
	position:relative;
	float:right;
	margin:20px 0 0 0;
}

#VO_totals {
	position:relative;
	margin:30px 0 0 0;
}

#totals table{width:260px;}

#totals tr td{}

#totals tr td.value{}

#crumbtrail {

	display: none;

	position: absolute;
	top: 165px;
	left: 0;
	width: 958px;
	padding: 3px;
	margin: 0;
	background: #e8e8e8;
}






/* CONTENT 
--------------------------------------------------------------- */

.contenttop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12px;
	background: url(/media/images/bg-content-top.jpg) no-repeat center top
}

#content {
	float: right;
	position: relative;
	width:690px;
	padding: 14px 28px 12px;
	overflow: hidden;
	background: #fff url(/media/images/bg-content.jpg) repeat-y
}

	#content table.tableStyle {
		width:90%;
		border:1px solid red;
	}

#content #content {
	float: none;
	position: relative;
	width:auto;
	padding: 0;
	overflow: visible;
	background: none
	}

	#content #content table.tableStyle {
		width:auto;
		border:none;
	}






.bigButtons{border:0px solid;}

.bigButtons a {
	line-height:20px;
	padding:10px 20px;
	border:1px solid;
}

#totals .cartLink a {
	line-height:24px;
	border:1px solid;
}

#content ul li{list-style-type:square;}





/* PRODUCT GRID 
--------------------------------------------------------------- */

#content p.productIntro{font-size:1.2em;}

#content table.productGrid{border:0;width: 100%; }

#content table.productGrid th{text-align:center;}
#content table.productGrid td, #content table.productGrid th{padding:3px 4px;}
#content table.productGrid td.sets{text-align:left;}
#content table.productGrid td.prices{text-align:center;}
#content table.productGrid td a {
	font-size:1em;
	display:block;
}

#content table.productGrid tr.odd td a, #content table.productGrid tr.even td a, 
#content table.productGrid tr.odd td a:hover, #content table.productGrid tr.even td a:hover{border:1px solid;}

#content table.productGrid td a:hover{text-decoration:none;}



/* FOOTER 
--------------------------------------------------------------- */

#account-links {
	width: 738px; 
	margin: 0 0;
	padding: 18px 8px 0 0;
	font-size: 1.3em; 
	text-align: right; 
	float: right;
	background: url(../images/bg-content-btm.jpg) no-repeat center top;
}

#footer {
	width:100%;
	clear:both;
	padding: 0;
	zoom: 1;
	font-size:.9em;
	text-align: center;
	overflow: hidden;
}

	.footerList {
		list-style: none;
		margin: 18px 4px;
		padding: 22px 0;
		overflow: hidden;
		border-top: 1px solid #929292;
		border-bottom: 1px solid #929292
	}
	
	.footerList li {
		font-size: 1.4em;
		margin: 0 18px;
		display: inline
	}






.gridvatprices {
	font-size:1em;
	padding:3px;
}

.frmText,.frmSelect,.frmSubmit {
	border:1px solid;
	padding:1px;
	font-size:1.1em;
}

.frmSubmit{cursor:hand;}

.border{border:1px solid;}

.mainPane{padding:5px;}

.skip{display:none;}

.clear {
	clear:both;
	display:block;
}

img.clean,a img{border:0;}

#pages {
	padding:3px;
	border:1px solid;
	border-width:1px 0 0 0;
}

.left{text-align:left;}

.right{text-align:right;}

.center{text-align:center;}

.bold{font-weight:bold;}

.highlight {
	border:1px solid;
	padding:8px;
}







#content p.productExtra{font-size:.9em;}

/* forms */
/* v2 will reference every form with the class "opdForm" and additional classes will be used to
 * alter specifics...eg class="opdForm contactForm" or class="opdForm shortForm loginform", this
 * has been partialy implimented on the account area form - use as a reference.
 */
.contactform{margin:10px 0 0 0;}

.orderOptions{margin-top:20px;}

.contactform fieldset, .registerForm fieldset, .loginForm fieldset, .creditForm fieldset, 
.orderOptions fieldset, .deliveryForm fieldset {
	padding:20px 0 0 0 !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	margin:0 0 20px 0;
	border:1px solid;
}

.contactform fieldset legend, .registerForm fieldset legend, .loginForm fieldset legend, 
.creditForm fieldset legend, .orderOptions fieldset legend, .deliveryForm fieldset legend {
	margin:0 0 0 5px !important /*Non-IE*/;
	margin:0 0 20px 5px /*IE6*/;
	padding:0 2px 0 2px;
	font-weight:bold;
	font-size:100%;
}

.contactform label.left, .registerForm label.left, .loginForm label.left, 
.creditForm label.left, .orderOptions label.left, .deliveryForm label.left {
	display:block;
	margin:0 0 10px 10px;
	padding:2px;
	font-size:120%;
	text-align:left;
}

.contactform select.combo, .registerForm select.combo, .loginForm select.combo, 
.creditForm select.combo, .orderOptions select.combo, .deliveryForm select.combo {
	margin:0 0 10px 10px;
	padding:2px;
	border:1px solid;
	font-family:verdana,arial,sans-serif;
	font-size:110%;
}

.contactform input.field, .registerForm input.field, .loginForm input.field, 
.creditForm input.field, .orderOptions input.field, .deliveryForm input.field {
	margin:0 0 10px 10px;
	padding:2px;
	border:1px solid;
	font-family:verdana,arial,sans-serif;
	font-size:110%;
}

.contactform input.check, .creditForm input.check, .deliveryForm input.check {
	margin:0 0 10px 10px;
	padding:2px;
	border:1px solid;
	font-family:verdana,arial,sans-serif;
	font-size:80%;
}

.contactform textarea, .registerForm textarea, .loginForm textarea, 
.creditForm textarea, .deliveryForm textarea {
	margin:0 0 10px 10px;
	padding:2px;
	border:1px solid;
	font-family:verdana,arial,sans-serif;
	font-size:120%;
}

.contactform input.button, .registerForm input.button, .loginForm input.button, 
.creditForm input.button, .orderOptions input.button, .deliveryForm input.button {
	display:block;
	margin:0 0 10px 10px;
	padding:1px !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	border:1px solid;
	text-align:center;
	font-family:verdana,arial,sans-serif;
	font-size:120%;
}

.contactform input.button:hover, .registerForm input.button:hover, .loginForm input.button:hover, 
.creditForm input.button:hover, .orderOptions input.button:hover, .deliveryForm input.button:hover {
	cursor:pointer;
	border:1px solid;
}

/* v2 method */
/* all forms */
.opdForm{padding:18px 8px 0;}

.opdForm fieldset {
	padding:20px 0 0 0 !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	margin:0 0 20px 0;
	border:1px solid;
}

.opdForm fieldset legend {
	margin:0 0 0 5px !important /*Non-IE*/;
	margin:0 0 20px 5px /*IE6*/;
	padding:0 2px 0 2px;
	font-weight:bold;
	font-size:100%;
}

.opdForm label.left {
	display:block;
	margin:0 0 10px 10px;
	padding:2px;
	font-size:120%;
	text-align:left;
}

.opdForm select.combo, .opdForm input.field, .opdForm input.check, .opdForm textarea {
	margin:0 0 10px 10px;
	padding:2px;
	border:1px solid;
	font-family:verdana,arial,sans-serif;
	font-size:110%;
}

.opdForm input.button {
	display:block;
	margin:0 0 10px 10px;
	padding:1px !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	border:1px solid;
	text-align:center;
	font-family:verdana,arial,sans-serif;
	font-size:120%;
}

.opdForm input.button:hover {
	cursor:pointer;
	border:1px solid;
}

/* v2 specifics */
.accountAreaForm{}
.protxForm{}
.artworkOptions{}

/* required fields */
span.reqd, span.ta_reqd {
	font-size:12px;
	margin:0 0 0 7px;
}

/* additional instructions */
span.formGuide{font-size:10px;}

#totals table tr td.totalField span, #VO_totals table tr td.totalField span {
	border:1px solid;
	padding:3px;
	font-weight:bold;
}


/* ***************************************************** */


/* Layout - left alignment*/
/* Alignment, margins, positioning and dimensions of elements */



.mainPane{width:701px;}

#content a.offers{display:inline;}

.productIntro{}

.productGrid{width:540px;}

/* forms */
/* v2 will reference every form with the class "opdForm" and additional classes will be used to
 * alter specifics...eg class="opdForm contactForm" or class="opdForm shortForm loginform", this
 * has been partialy implimented on the register form - use as a reference when required
 */
.contactform, .creditForm, .deliveryForm {
	width:95%;
	padding:8px;
}

.contactform label.left, .contactform input.button, .creditForm label.left, 
.creditForm input.button, .deliveryForm label.left, .deliveryForm input.button{display:block;}

.contactform label.left, .contactform select.combo, .contactform input.field, 
.contactform textarea, .creditForm label.left, .creditForm select.combo, 
.creditForm input.field, .creditForm textarea, .deliveryForm label.left, 
.deliveryForm select.combo, .deliveryForm input.field, .deliveryForm textarea{width:275px;}

.contactform input.button, .deliveryForm input.button{width:9.0em;}

.creditForm input.button{width:10.5em;}

.deliveryForm input.button{width:16em;}

.deliveryForm label.left{width:400px;}

.registerForm, .loginForm, .orderOptions {
	width:240px;
	float:left;
	margin-right:16px;
	padding:8px;
}

.registerForm label.left, .registerForm input.button, .loginForm label.left, .loginForm input.button, 
.orderOptions label.left, .orderOptions input.button{display:block;}

.registerForm label.left, .registerForm select.combo, .registerForm input.field, .registerForm textarea, 
.loginForm label.left, .loginForm select.combo, .loginForm input.field, .loginForm textarea, 
.orderOptions label.left, .orderOptions select.combo, .orderOptions input.field, .orderOptions textarea{width:175px;}

.registerForm input.button, .loginForm input.button, .orderOptions input.button{width:9.0em;}

/* v2 method */
/* all forms */
.opdForm{width:95%;}

.opdForm label.left, .opdForm input.button{display:block;}

.opdForm label.left, .opdForm select.combo, .opdForm input.field, .opdForm textarea{width:275px;}

.opdForm select.dateList{width:125px;}

.opdForm input.button{width:9.0em;}

/* v2 specifics */
.accountAreaForm{}

.protxForm{}

.protxForm input.button{width:12.0em;}

.artworkOptions input.button{width:19.0em}

/* required fields */
span.ta_reqd{position:absolute;}

/* additional instructions */
span.formGuide{position:absolute;}

#totals table tr td.totalField span, #VO_totals table tr td.totalField span{display:block;}

/* view order definition lists */
dl{border-bottom:1px solid #365fb7;}

dt {
	width:220px;
	padding:.5em;
	float:left;
	margin:0;
	border-top:1px solid #365fb7;
	font-weight:bold;
}

dd {
	margin-left:230px;
	padding:.5em;
}

dd.first{border-top:1px solid #365fb7;}





#content form img {
	margin-left: 18px;
	margin-bottom: 9px;
	clear: both;
	display: block;
	}