/* @override http://dsl1.recordstore.co.uk:8080/new_frameless_templates/assets/css/base.css */

/*===================================
/ 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:970px; margin: 0 auto; font-family:Georgia,"Times New Roman",Times,serif; color: #fff; padding: 0; background:#000;}
a {text-decoration: none; color: #fff;}
a:hover {color:#FFCC00;}
p {margin-bottom: 1em;}
hr {display: none;}
h2 {color:#FFCC00;}

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

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

div#container {}
div#containerInner {}

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

div#header {height: 160px; color: #FFF; border-bottom:1px solid #FFCC00; padding:10px 0 0 0;}
div#header h1 a {color: #fff; display:block; width:964px; height: 92px;}

p#bannerad {display:block; width: 706px; height: 100px;}

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

div#navBar {display:block; float:left; margin-top:40px; text-align:left; width:600px;}
div#navBar ul li {display:inline; margin:0 0 0 20px;}
div#navBar ul li#primLogin a, div#navBar ul li#primLogout a, div#navBar ul li#primMy a, div#navBar ul li#primContact a, div#navBar ul li#primShipping a, div#navBar ul li#primHelp a{ background:url(../images/sb_bullet.gif) no-repeat left center; padding:0 0 0 25px;}

ul#primNav {width:600px;}

div#currencies, div#currencies ul {width:60px;}
div#currencies ul li {display: inline;}

/* 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:195px; padding: 10px; color:#FFF; background:#090907;}

div#col1 div#search{height:55px;}
div#col1 div#search h2 {font-size:1em;}
div#col1 form #sectionSelector {padding: 0; margin: 5px 0;}
div#col1 div#search form {}
div#col1 div#search form h2 {margin-bottom:5px; font-weight: bold;}
div#col1 div#search form input#searchField {width:150px; margin-bottom:10px; /*height: 18px;*/ padding: 3px 0; float:left; font-size:12px;}
div#col1 div#search form input#searchButton { margin:5px 0 0 5px;}

/* secondary navigation */
div#col1 ul {margin:0; padding:0;}
div#col1 ul#category_nav li {margin-bottom:5px;}
div#col1 ul#category_nav li a {background:transparent url(../images/sb_arrow.gif) no-repeat scroll left center; margin-left:5px; padding-left:10px;}

/*div#col1 ul li a.categoryLink1 {color: #fff; background-color: #333; padding-left: 20px; width: 136px;}
div#col1 ul li a:hover {background-color:#efefef; color: #333;}
div#col1 ul li a.categoryLink1:hover {background-color:#000; color: #fff;}
div#col1 ul li a.current {font-weight: bold;}*/

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

div#content {float: left; width:730px; margin: 20px 0 20px 10px; font-size:12px;}
div#content h2 {font-size:1.7em; font-weight: bold; margin-bottom:1em;}
div#content h3 {font-weight:bold;}  
div#content ul {margin-bottom:1em;}

div.row {width:730px; clear:both; margin: 10px 0 10px 0;}
div.row div.item, div.row div.itemFirst {width: 150px; float: left; margin:0 18px 20px;}
div.row div.itemFirst {margin-left:0;}
div.row div.item img, div.row div.itemFirst img {margin:0 0 10px 0;}
div.row div.item p a, div.row div.itemFirst p a, div.row div.item p select, div.row div.itemFirst p select {display:block; clear:both; margin-bottom:5px;}

div.rowSingle {clear: both; margin: 0 0 10px 0; border-bottom: 1px dotted #333;}
div.rowSingle img {float: left; margin: 0 20px 0 0;}
div.rowSingle div.rowSingleDesc {display: block; width: 400px; float: left;}

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


/* ------------------------------------------------------------
	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;}
div.pagination ul {clear:both; margin: 0; display: inline;}
div.pagination ul li {display: inline; margin: 0 1px 0 0;}

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

div#prdOverview {float: left; width: 350px; margin:0 0 10px 50px;}
div#prdOverview h3 {font-size: 13px; font-weight: bold; margin-bottom: 0.4em;}
div#prdOverview strong {margin-bottom: 0.4em;}
div#prdOverview small {font-size: 0.92em; color: #666666;}
div#prdOverview form {margin-bottom: 10px;}

div#prdOverview ul#thumbs {margin:1em 0 3px -6px; border-top: 1px dotted #333; padding-top:8px;}
div#prdOverview ul#thumbs li {display: inline; margin-left:6px;}

img#productImg, img.productImg {float: left; margin:0 0 10px 0;}
div#prdDescription {clear: both;}
div.digital form {float:left;}
div.digital input {background:#000; color:#fff; border:none; cursor:pointer;}
a.preview { vertical-align:top; margin-left:5px;}

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


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

table#basketTbl {width: 100%; margin: 0 0 1em 0; text-align: left;}
table#basketTbl th {font-weight:bold; vertical-align: top; padding: 2px 5px 2px 5px;}
table#basketTbl td {vertical-align: top; padding: 2px 5px 10px 5px; vertical-align: top;}
table#basketTbl td input {margin-bottom:5px;}
div#content a img.checkout {margin-left:15px;}

table#basketTbl th#coverCol {width: 20%;}
table#basketTbl th#productCol {width: 40%;}
table#basketTbl th#priceCol {width: 20%;}
table#basketTbl th#qtyCol {width: 10%;}
table#basketTbl th#buttonCol {}
table#basketTbl input.quantity {width: 2em;}


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

p#dstoreLogo {float: right; width: 79px; height: 70px; border:1px solid #fff;}

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

div#help table {width: 100%; margin: 0 0 15px 0; border: 1px solid #FFCC00; border-collapse: collapse;}
div#help table th {padding: 10px 10px 10px 5px; width: 35%;}
div#help table td {padding: 10px 5px; text-align: right;}
div#help table tr.alt {background-color: #FFCC00; color:#000;}
div#help ul li a {color:#FFCC00; text-decoration:none; padding:0 0 0 15px;}
div#help p a {color:#FFCC00; text-decoration:none; padding:0 0 0 5px;}
div#help ul li a:hover, div#help p a:hover {text-decoration:underline;}

p.toTop {padding: 0 0 10px 0; margin-bottom:1.5em; border-bottom: 1px dotted #666; font-size: 10px;}


/* ------------------------------------------------------------
	COL 2
------------------------------------------------------------ */
div#col2 {float: right;} 

div#basketBlock { float: right; margin-top:15px; font-size:12px;}
div#basketBlock div#yourBasket a {text-indent:-9000em; background: url(../images/sb_basket.gif) no-repeat; display:block; width:35px; height:40px; position:absolute;}
div#basketBlock div#checkout a, div#items, div#currencies {padding-left:42px;}
div#items, div#items a {color:#FFCC00; text-decoration:none;}
div#items a:hover {text-decoration:underline;}

ul#pagination li {display: inline; margin: 0 3px 0 0;}
ul#pagination li a {text-decoration: none;}
ul#pagination li a:hover {text-decoration: underline;}

ul#col2Cta li {margin-bottom: 5px;}

div#content h2.rowHead {margin: 0 0 -20px 0;}

/* ------------------------------------------------------------
	FOOTER STYLES
------------------------------------------------------------ */
div#footer2 {clear: both; padding:10px; border-top:1px solid #FFCC00; text-align:center; color:#fff; font-size:13px;}
div#footer2 a {color: #FFCC00; text-decoration:none;}
div#footer2 a:hover {text-decoration:underline;}