/*===================================
/ Built by Gleam*
/ Email: hello@madebygleam.com
/ Web: http://www.madebygleam.com
===================================*/

/* ------------------------------------------------------------
	RESET STYLES
------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} 
table {border-collapse:collapse; border-spacing:0;} 
fieldset,img {border:0;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;}
/* remove link outline in ff */
a {outline: none;}
/* ie 5.5 friendly */
body {text-align: left;} 
table {font-size: 1em;} 
form {font-size: 1em;}

/* ------------------------------------------------------------
	HTML STYLES
------------------------------------------------------------ */
body {width: 826px; margin: 0 auto; font:75%/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #2A292A; padding-top:0;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin-bottom: 1em;}
hr {display: none;}

/* ------------------------------------------------------------
	GLOBAL STYLES
------------------------------------------------------------ */
p#skip {height: 2px; text-indent: -9000px; overflow:hidden;}
.clear {clear: both;}

/* ------------------------------------------------------------
	CONTAINER STYLES
------------------------------------------------------------ */

div#container {}
div#containerInner {}

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

div#headerWrap {width: 826px; position:relative;}
div#header {width: 826px;}

div#header h1 a {display:block; width:131px; height: 35px; background:transparent url(../images/generic/itv_logo.gif) no-repeat 0 0; text-indent:-999em; position:absolute; left: 57px; top: 44px;}

div#header div#bannerAd {height: 86px; width:575px; margin:0 0 0 201px; }
div#header div#bannerAd a img {margin-top:16px; border:1px solid #CDCDCD;}

/* ------------------------------------------------------------
	NAV BAR
------------------------------------------------------------ */

div#navBar {text-transform:uppercase; padding:0 0 0 201px;}
div#navBar a {text-decoration: none;}
div#navBar a:hover {}
div#navBar ul {}
div#navBar ul li {}

ul#primNav {width: 600px; float: left; font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, Geneva, sans-serif; margin:4px 0 8px 0;}
ul#primNav li {margin: 0 2px 3px 0; padding-right:2px; border-right: 2px solid #666; float:left; line-height:0.8;}
ul#primNav li.last {border:none;}
ul#primNav li a {padding: 4px 10px; color: #464646;}
ul#primNav li a:hover {background-color: #FF007E; color: #FFF; text-decoration: none;}

div#storeNav {border: 1px solid #8C886E; padding: 1px 0 1px 1px; clear: both; width: 573px;margin:0 0 10px 0;}
div#storeNav ul {}
div#storeNav ul li.storeBlank {background-repeat:no-repeat; background-position:0 0;}
div#storeNav ul li {width: 142px; height: 45px; border: none; margin-right:1px; display:block; float: left; text-indent:-999em;}
div#storeNav ul li a {width: 142px; height: 45px; display:block; background-repeat:no-repeat; background-position:0 -45px;}
div#storeNav ul li.active a, div#storeNav ul li a:hover, div#storeNav ul li.active a:hover {background-repeat:no-repeat; background-position:0 -45px;}

/* clearing floats without extra markup  */
div#storeNav {display: inline-block;}
div#storeNav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html div#storeNav {height: 1%;}
div#storeNav {display: block; }

/* clearing floats without extra markup  */
div#navBar {display: inline-block;}
div#navBar:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html div#navBar {height: 1%;}
div#navBar {display: block; }

/* ------------------------------------------------------------
	COL 1
------------------------------------------------------------ */
div#col1 {float: left; width: 197px; text-transform:uppercase; font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, Geneva, sans-serif;}
div#col1 input, div#col1 select {text-transform:uppercase;}

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

div#contentWrap {float: left; width: 432px;}
div#content {float: left; width: 424px; padding: 0 4px;}
div.contentInner {margin: 0 16px; clear: both;}

div#content h2 {font-weight: normal; text-transform:uppercase; margin-bottom: 20px; clear: both; font-size: 1.25em;}
div#content h3 {font-weight: bold;}    
div#content ul {margin-bottom:1em;}


div.rowWrap {margin: 30px 0 30px 0;}

div.row {width: 408px; clear:both;}

div.row a {text-decoration: none;}
div.row a:hover {text-decoration: underline;}
div.item, div.itemFirst {width: 120px; float: left; margin:0 0 0 16px;}
div.item p, div.itemFirst p {clear: both; margin-left:4px;}
div.item img, div.itemFirst img {margin:0 0 1px 0; border: 4px solid #D1D1D1;}

div.hr {background:url(../images/generic/dot.gif) repeat-x 0 0; height: 5px; clear:both; margin:1em 16px 5px 16px;}

p.itemOptions {text-transform:uppercase;} 
p.itemOptions input {float: right;} 
p.itemOptions span.moreInfo {float: left; font-size: 0.92em; font-weight: bold;}

/* ------------------------------------------------------------
	PAGE CONTENT SPECIFIC STYLES
------------------------------------------------------------ */

/* ---------- home page ---------- */

/* ---------- product list ---------- */

div#sortBy {margin-bottom:1em;}
div#sortBy h3 {display: inline;}
div#sortBy ul {display: inline;}
div#sortBy ul li {display: inline; margin:0 4px;}

div.pagination {margin-bottom:1em;}
div.pagination p {display:inline; padding-right:3px;}
div.pagination ul {clear:both; margin: 0; display: inline;}
div.pagination ul li {display: inline;}

/* ---------- product detail ---------- */ 

div#prdOverview {float: right; width: 75px; margin:0 0px 0px 0px;}
div#prdOverview small {font-size: 0.92em; }
div#prdOverview form select {width:82px; font-size:0.92em;}

img#productImg {float: left; margin:0 0 10px 0; border: 4px solid #D1D1D1;}

ul#thumbs {margin:0 0 0 -6px;}
ul#thumbs li {display: inline; margin-left:6px; }
ul#thumbs li img {border: 4px solid #D1D1D1;}

div#prdDescription {clear: both;}
div#prdDescription small {font-size:1em;}
div#prdDescription h3 {font-size:1.25em; font-weight:normal;}
div#prdDescription h4 {font-weight:bold; margin:10px 0;}

 /*clearing floats without extra markup*/  
div#prdOverview {display: inline-block;}
div#prdOverview:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html div#prdOverview {height: 1%;}
div#prdOverview {display: block;}
p.itemOptions {display:none;}

/* ---------- lookin bag ---------- */

table#basketTbl {width: 100%; margin: 0 0 1em 0; text-align: left; font-size:0.92em;}
table#basketTbl th {font-weight:bold; vertical-align: top; padding: 2px 0; text-transform:uppercase;}
table#basketTbl td {vertical-align: top; vertical-align: top; padding:9px 0;}
table#basketTbl tbody tr {background:url(../images/generic/dot.gif) repeat-x 0 0;}

table#basketTbl th#coverCol {width: 67px; padding-right:10px;}
table#basketTbl th#productCol {padding-right:10px;}
table#basketTbl th#sizeCol {padding-right:10px;}
table#basketTbl th#typeCol {padding-right:10px;}
table#basketTbl th#priceCol {padding-right:10px;}
table#basketTbl th#qtyCol {padding-right:10px;}
table#basketTbl th#buttonCol {}

table#basketTbl input.quantity {width: 1.5em;}
table#basketTbl span#total {display:block; text-align:right; padding: 17px 25px;}

table#basketTbl a {text-transform:uppercase; text-decoration:none;}
table#basketTbl a:hover {text-decoration:underline;}
table#basketTbl img {border: 4px solid #D1D1D1;}

/* ---------- contact us ---------- */

p#dstoreLogo {float: right; width: 79px; height: 70px; margin:2.3em 0 0 0;}

/* ---------- help ---------- */

div#help table {width: 100%; margin: 1em 0 15px 0; border: 1px solid #ddd; border-collapse: collapse; background-color:#FFF;}
div#help table th {padding: 5px 10px 5px 10px; width: 35%;}
div#help table td {padding: 5px 10px; text-align: right;}
div#help table tr.alt {background-color: #efefef;}

p.toTop {padding: 0 0 10px 0; margin-bottom:1.5em; font-size: 0.92em; background:url(../images/generic/dot.gif) repeat-x 0 bottom;}

div#help h3 {margin-bottom:0.3em;}
div#help ul {list-style-type:circle;}
div#help ul li {margin-left:20px; margin-bottom:0.3em;}

/* ------------------------------------------------------------
	COL 2
------------------------------------------------------------ */

div#col2 {float: right; width: 197px;} 
div#col2 div#basketBlock {}
div#col2 div#basketBlock div#yourBasket a {}
div#col2 div#basketBlock div#checkout a {}
div#col2 div#items {}

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

div#footer1 {clear: both; height: 1px;}
div#footer2 {clear: both; width: 432px; margin:10px 0 0 197px; text-align: center; text-transform:uppercase;}
div#footer2 ul {margin-bottom:22px;}
div#footer2 ul li {display: inline; padding: 0 10px; border-right: 1px solid #333;}
div#footer2 ul li.last {border: none;}
div#footer2 ul li a {text-decoration:none;}
div#footer2 ul li a:hover {text-decoration:underline;}

div#footer2 p {float: left; text-indent:-9999em; padding-bottom:15px; margin-top: -15px;}
div#footer2 p#copyright_info {clear: both;float: none; text-indent:0; padding-bottom: 15px; text-transform: none; font-size: 11px;}
div#footer2 p#credit1 {width: 67px; height:57px; background: url(../images/itv/itv_logo.gif) no-repeat 0 0;  border-right: 1px solid #333; padding:0 26px 0 0; margin: 5px 20px 0 122px;  }
div#footer2 p#credit2 {width: 98px; height:67px; background:url(../images/itv/granada_logo.gif) no-repeat 0 0; margin-top: 0; padding:0 26px 0 0; margin:5px 0 0 0;}

div#footer p#copyright {}