/* 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;}

#content{font-size:1.3em;}

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

a, a:link, a:visited, a:active
{
	font-weight:bold;
	text-decoration:none;
}

a:hover{text-decoration:underline;}

h1{font-size:1.4em;}

h2{font-size:1.3em;}

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

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

h1,h2,h3,h4,h5,h6{text-transform:uppercase;}

ul{list-style-type:square;}

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

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

#topNav ul li
{
	text-align:center;
	padding:0;
}

#topNav ul li a
{
	border:1px dotted;
	border-width:1px 0 1px 0;
	padding:0;
	text-align:center;
	font:normal 10px/18px verdana, arial, sans-serif;
}

#topNav ul li a:hover{text-decoration:none;}

#holdem,#pageholdem
{
	text-align:left;
	border:7px solid;
}

#header{overflow:hidden;}

#header h1{display:none;}

#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;}

.bigButtons{border:0px solid;}

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

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

#navcontainer ul{padding-left:10px;}

#navcontainer ul li{list-style-type:none;}

#navcontainer ul li a
{
	padding:3px;
	font-size:.9em;
	border:1px dotted;
	border-width:0 0 1px 0;
}

#navcontainer ul li a:hover{border-width:0 1px 1px 0}

#topnavlist{border:0px solid;}

#navcontainer a:hover{text-decoration:none;}

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

#widgets, #up-sell{/*border:2px solid*/}

#footer
{
	padding:9px 0 0 0;
	border:0px dotted;
	border-width:1px 0 0 0;
	font-size:.9em;
}

.footerList
{
	border-left:0px dotted;
	list-style-type:none;
	padding:0;
}

.footerList li{line-height:18px;}

.footerList li a{border:1px solid;}

#footer a, #footer a:link, #footer a:visited, #footer a:active{padding:3px;}

.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;
}

/* products */
#content p.productIntro{font-size:1.1em;}
#content table.productGrid{border:0;}
#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:.8em;
	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;}

#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:90%;
	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:80%;
}

.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:80%;
}

.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:80%;
}

.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:100%;
}

.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:8px;}

.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:90%;
	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:80%;
}

.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:100%;
}

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

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

/* required fields */
span.reqd, span.ta_reqd
{
	font-size:20px;
	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 */
body{text-align:center;}

ul li, ol li{margin:0 10px 0 10px;}

#topNav
{
	margin:0 0 20px 0;
	padding:0;
	height:20px;
}

#topNav ul{margin:0;}

#topNav ul li
{
	display:block;
	float:left;
	margin:0;
}

#topNav ul li a
{
	width:110px;
	height:18px;
	margin:0;
	display:block;
}

#topNav ul li a.last{width:110px;}

#holdem
{
	position:relative;
	width:882px;
	margin:20px auto 0 auto;
}

#pageholdem
{
	/*position:relative;*/
	width:560px;
	margin:0 auto;
}

#header
{
	position:relative;
	width:882px;
	height:148px;
}

#header img{z-index:1;}

#cartSummary table{width:100%;}

#ShoppingCart
{
	position:absolute;
	top:18px;
	right:18px;
	z-index:999;
}

#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;*/
	width:250px;
	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 table{width:250px;}


#totals tr td{}

#totals tr td.value{}

#crumbtrail
{
	position:relative;
	width:550px;
	margin:29px 0 10px 160px;
}

#content
{
	width:545px;
	margin:0 0 30px 162px;
}

#navcontainer
{
	width:160px;
	float:left;
	clear:right;
	margin-bottom:20px;
}

#navcontainer ul,#navcontainer ul li{margin:0;}

#navcontainer ul li{margin-left:-10px;}

#navcontainer ul li a
{
	display:block;
	width:140px;
}

#widgets, #up-sell
{
	position:relative;
	width:160px;
	float:right;
}

#footer
{
	width:100%;
	height:auto;
	/*clear:none;*/
	clear:both;
}

.footerList
{
	float:left;
	width:190px;
	margin:0 10px 0 0;
}

.footerList li a{display:block;}

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

.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:440px;
	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:10px;
	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:440px;}

.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;}