/* TOTAL RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
/* END RESET */

body,html { color:silver;background-color: black; width: 100%; height: 100%; min-height: 100%; margin: 0; padding:0px!important; padding: 0; }
body { font-size: 11pt; font-family: Calibri, arial, "Century Gothic", "Gill Sans", Verdana, helvetica; background-image: url(/2nd_hand_blackberry_images/body_bg.jpg); background-repeat: repeat-x; background-attachment: fixed; background-position: left top; }

p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }

.inactive { color: silver; font-style: italic; }
.active { color: #3d3d3d; font-style: normal; }

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }

.on {display: block;}
.off {display: none;}

.small { font-size: 11px; white-space: normal; }
.smaller { font-size: 75%; }
.marginless {margin: 0px;}
.padless {padding: 0px;}

.bold {font-weight: bold}

form input,form select,form textarea {width: 95%;}
form input,fieldset {-moz-border-radius: 5px; -webkit-border-radius: 5px;}
form .norm {width: auto;}

input.highlightMissing,select.highlightMissing,textarea.highlightMissing { background-color: #ffe4e4; border: solid 1px red; }

.container { width: 100%; height: auto; clear: both; display: inline; }
#wrapper { width: 970px; height: 100%; overflow: hidden; min-height: 100%; margin: 0 auto; padding: 0; }
#wrapper #site { color: #595656; background-color: white; background-attachment: fixed; position: absolute; width: 970px; min-height: 99%; margin: 6px 0 0; padding: 0; border-style: none; }

#shoppingbasket2 {background-color: #a6e386;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D1EDC2), to(#A6E386));
	background-image: -moz-linear-gradient(19% 75% 90deg,#A6E386, #D1EDC2);
}
#shoppingbasket2 { font-size: 18px;  background-position: left top; text-align: right; width: 100%; height: 24px; clear: both; margin: 0; padding: 0; border-bottom: 1px solid #777; border-top-style: none; border-right-style: none; border-left-style: none; display: block; }
#shoppingbasket2 a {padding-left: 6px; padding-right: 6px;}


#wrapper #site #header { font-size: 32px; background-color: #5b88da; background-image: url(/2nd_hand_blackberry_images/header_bg.jpg); background-repeat: repeat-x; background-position: left top; width: 100%; height: 50px; clear: both; margin: 0; padding: 0; border-style: none; display: block; }
#wrapper #site #header #logo { width: 524px; height: 50px; float: left; z-index: 0;}
#wrapper #site #header #titles {display: none;}
#wrapper #site #header #shoppingbasket { color: white; font-size: 13px; text-align: right; width: 400px; float: right; padding-top: 6px; padding-right: 18px; }
#wrapper #site #header #shoppingbasket a { font-size: 12px; }
#wrapper #site #header #shoppingbasket a:link,#wrapper #site #header #shoppingbasket a:visited { color: white; text-decoration: none; }
#wrapper #site #header #shoppingbasket a:hover { color: yellow; text-decoration: underline; }
#wrapper #site #header #shoppingbasket #basketoverview { font-size: 11px; text-align: right; }


#wrapper #site #showcase { font-size: 32px; background-image: url(/2nd_hand_blackberry_images/showcase_bg.jpg); background-repeat: repeat-x; background-position: left top; width: 100%; height: 220px; clear: both; margin: 0; padding: 0; border-top: 1px solid #5b88da; border-bottom: 1px solid #6d6d6d; border-right-style: none; border-left-style: none; display: block; }

#wrapper #site #showcase div.showcasespecial { background-color: transparent; background-image: none; width: 500px; height: 195px; overflow: hidden; margin-top: 25px; }
#wrapper #site #showcase div.showcasespecial div { background-color: transparent; background-image: url(/2nd_hand_blackberry_images/showcase_bg-220.jpg); background-repeat: repeat-x; background-position: left bottom; position: relative; width: 500px; height: 195px; }
#wrapper #site #showcase div.showcasespecial div img.product { background-color: transparent;  position: absolute; left: 0; bottom: 0; width: 258px; height: 195px; z-index: 1; float: left; clear: none; display: block; }
#wrapper #site #showcase div.showcasespecial div img.buyButton { background-color: transparent; position: absolute; left: 150px; bottom: 25px; width: 250px; height: 63px; z-index: 100; float: left; clear: none; display: block; }
#wrapper #site #showcase div.showcasespecial div p { font-size: 12px; background-color: transparent; margin-left: 260px; }
#wrapper #site #showcase div.showcasespecial div h1 { font-size: 26px; font-weight: bold; background-color: transparent; text-align: right; margin: 0 0 0 200px; padding: 0; border-bottom: 1px solid #b4b3b3; }
#wrapper #site #showcase div.showcasespecial div h2 { font-size: 17px; font-weight: bold; background-color: transparent; text-align: right; margin: 0 0 0 200px; padding: 0; }

#wrapper #site #showcase div#externalLinks { width: 250px; height: 130px; float: right; clear: right; margin: 0; padding: 0 2px 0 0; display: block; }
#wrapper #site #showcase div#externalLinks ul { margin: 18px 0 0; padding: 0; list-style-type: none; }
#wrapper #site #showcase div#externalLinks ul li { width: 232px; height: 29px; margin-bottom: 18px; display: block; }
#wrapper #site #showcase div#externalLinks ul li a { font-size: 13px; font-weight: bold; background-image: url(/2nd_hand_blackberry_images/showcase_button_bg-trans.png); background-repeat: no-repeat; text-transform: uppercase; text-align: center; width: 232px; height: 29px; padding-top: 8px; display: block; }
#wrapper #site #showcase div#externalLinks ul li a:link,#wrapper #site #showcase div#externalLinks ul li a:visited { color: #005492; text-decoration: none; }
#wrapper #site #showcase div#externalLinks ul li a:hover { color: green; background-image: url(/2nd_hand_blackberry_images/showcase_button_bg_over-trans.png); background-repeat: no-repeat; text-decoration: none; }

#wrapper #site #body { background-color: #fafafa; position: relative; height: 100%; }

#wrapper #site #body #leftside { background-color: white; position: absolute; top: 0; left: 0; width:170px; height: 100%; overflow: hidden; min-height: 100%; max-height: 100%; }
#wrapper #site #body #rightside { background-color: #fafafa; position: absolute; top: 0; right: 0; border-left: 1px solid #d8d8d8; width:270px; height: 100%; overflow: auto; min-height: 100%; max-height: 100%; }
#wrapper #site #body #mainbody { background-color: white; margin-left: 199px; margin-right:199px; margin-left: 171px; margin-right:271px; }
/*
#wrapper #site #body #leftside { background-color: white; position: absolute; left:0; top:0; width:170px; }
#wrapper #site #body #rightside { background-color: #fafafa; border-left: 1px solid #d8d8d8; position: absolute; right:0; top:0; width:270px; min-height: 100%; }
#wrapper #site #body #mainbody { background-color: white; margin-left: 199px; margin-right:199px; margin-left: 171px; margin-right:271px; }

html>body #mainbody {
margin-left: 171px;
margin-right:271px;
}*/

#wrapper #site #body div div.content {padding: 18px;}

#wrapper #site #body #mainbody div.content h1 { font-size: 24px; font-weight: bold; text-align: right; margin: 0 0 9px; padding: 0; }
#wrapper #site #body #mainbody div.content h2 { font-size: 20px; font-weight: bold; text-align: center; margin: 6px; }
#wrapper #site #body #mainbody div.content h3 { font-size: 16px; font-weight: bold; margin: 3px; }
#wrapper #site #body #mainbody div.content div.titledetail { color: #1ad; font-size: 90%; font-weight: normal; text-align: right; margin: 0 0 9px; padding-right: 0; }
#wrapper #site #body #mainbody div.content p { margin-bottom: 9px; }
#wrapper #site #body #mainbody div.content img.midPic { float: left; margin: 0 10px 10px 0; max-width: 200px; }
#wrapper #site #body #mainbody div.content div#buyArea { text-align: right; width: 135px; float: right; clear: right; margin-top: 18px; margin-bottom: 18px; display: block; }
#wrapper #site #body #mainbody div.content div#buyArea form {}
#wrapper #site #body #mainbody div.content div#buyArea label { width: 90px; clear: left; display: inline; }
#wrapper #site #body #mainbody div.content div#buyArea select { font-size: 90%; width: 36px; clear: none; margin-right: 10px; display: inline; }
#wrapper #site #body #mainbody div.content div#buyArea h2 { font-size: 120%; font-weight: bold; margin: 0 10px 0 0; }
#wrapper #site #body #mainbody div.content div#buyArea h3 {}
#wrapper #site #body #mainbody div.content div#featuresArea { color: silver; font-size: 77%; text-transform: uppercase; width: 138px; float: left; clear: none; display: block; }

#wrapper #site #body #mainbody div.content #filter { font-size: 90%; width: 200px; float: left; margin-right: 12px; margin-bottom: 12px; }
#wrapper #site #body #mainbody div.content #filter h3 { font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 9px; }
#wrapper #site #body #mainbody div.content #filter p {}
#wrapper #site #body #mainbody div.content #filter ul {}
#wrapper #site #body #mainbody div.content #filter ul li {}
#wrapper #site #body #mainbody div.content #filter ul li label {}
#wrapper #site #body #mainbody div.content #filter ul li input {}

#wrapper #site #body #mainbody div.content table.blackberryTable {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#wrapper #site #body #mainbody div.content table.blackberryTable { width: 95%; margin-right: auto; margin-left: auto; border: solid 1px silver; }
#wrapper #site #body #mainbody div.content table.blackberryTable tr {}
#wrapper #site #body #mainbody div.content table.blackberryTable tr:hover {}
#wrapper #site #body #mainbody div.content table.blackberryTable tr th { color: white; font-size: 125%; font-weight: bold; background-color: #808080; text-align: center; padding: 2px; }
#wrapper #site #body #mainbody div.content table.blackberryTable tr:hover th {}
#wrapper #site #body #mainbody div.content table.blackberryTable tr td { text-align: center; vertical-align: middle; padding: 2px; border-top: 1px solid #f0f0f0; border-bottom-width: 1px; }
#wrapper #site #body #mainbody div.content table.blackberryTable tr:hover td { background-image: url(/2nd_hand_blackberry_images/showcase_bg-220.jpg); background-repeat: repeat-x; background-position: left top; border-top: 1px solid #f0f0f0; border-bottom: 1px solid gray; }
#wrapper #site #body #mainbody div.content table.blackberryTable tr td img { text-decoration: none; height: 32px; }
#wrapper #site #body #mainbody div.content table.blackberryTable tr td a { text-decoration: none; }
#wrapper #site #body #mainbody div.content table.blackberryTable tr td a:link,#wrapper #site #body #mainbody div.content table.blackberryTable tr td a:visited { text-decoration: none; }
#wrapper #site #body #mainbody div.content table.blackberryTable tr td a:hover {}
#wrapper #site #body #mainbody div.content table.blackberryTable tr.shipping {}
#wrapper #site #body #mainbody div.content table.blackberryTable tr.vat {}
#wrapper #site #body #mainbody div.content table.blackberryTable tr.total {}
#wrapper #site #body #mainbody div.content table.blackberryTable tr.shipping td { color: white; font-size: 90%; text-align: right; font-weight: bold; background-color: #afafaf; border-top: 1px solid white; }
#wrapper #site #body #mainbody div.content table.blackberryTable tr.shipping:hover td { color: white; font-size: 90%; text-align: right; font-weight: bold; background-color: #727272; background-image: none; border-top: 1px solid white; }
#wrapper #site #body #mainbody div.content table.blackberryTable tr.vat td { font-size: 85%; font-weight: 300; text-align: right; padding-top: 4px; padding-bottom: 4px; border-top: 2px solid #727272; }
#wrapper #site #body #mainbody div.content table.blackberryTable tr.total td { font-size: 120%; font-weight: bold; background-image: url(/2nd_hand_blackberry_images/showcase_bg.jpg); background-repeat: repeat-x; background-position: left top; text-align: right; padding-top: 6px; padding-bottom: 6px; border-top: 3px double silver; border-bottom: 1px solid #a15; }

#wrapper #site #body #mainbody div.content table.orderTable {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#wrapper #site #body #mainbody div.content table.orderTable { margin-top: 20px; width: 95%; margin-right: auto; margin-left: auto; border-color: #301 silver silver; border-style: solid; border-width: 1px; }
#wrapper #site #body #mainbody div.content table.orderTable tr {}
#wrapper #site #body #mainbody div.content table.orderTable tr:hover {}
#wrapper #site #body #mainbody div.content table.orderTable tr th { color: white; font-size: 125%; font-weight: bold; background-color: #808080; text-align: center; padding: 2px; }
#wrapper #site #body #mainbody div.content table.orderTable tr:hover th {}
#wrapper #site #body #mainbody div.content table.orderTable tr td { padding: 2px; border-top: 1px solid #f0f0f0; border-right: 1px solid #808080; border-left: 1px solid #d4d4d4; border-bottom-width: 1px; }
#wrapper #site #body #mainbody div.content table.orderTable tr td.subheading { font-size: 11px; font-weight: bold; background-color: #d4d4d4; text-align: left; border-bottom: 1px solid #808080; }
#wrapper #site #body #mainbody div.content table.orderTable tr td table { background-color: transparent; }
#wrapper #site #body #mainbody div.content table.orderTable tr td table tr {}
#wrapper #site #body #mainbody div.content table.orderTable tr td table tr td { text-align: left; margin: 0; padding: 2px 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }
#wrapper #site #body #mainbody div.content table.orderTable tr td table tr:hover td { color: black; background-image: url(/2nd_hand_blackberry_images/showcase_bg-220.jpg); background-repeat: repeat-x; background-position: left bottom; border-top: 1px solid #f0f0f0; border-bottom: 1px solid gray; }
#wrapper #site #body #mainbody div.content table.orderTable tr td table tr td label { font-size: 10px; }
#wrapper #site #body #mainbody div.content table.orderTable tr td table tr td input,#wrapper #site #body #mainbody div.content table.orderTable tr td table tr td select { font-size: 11px; }
#wrapper #site #body #mainbody div.content table.orderTable tr td table tr td input,#wrapper #site #body #mainbody div.content table.orderTable tr td table tr td select {-moz-border-radius: 2px; -webkit-border-radius: 2px;}


#wrapper #site #body #mainbody div.content div.alert { color: #b25353; font-size: 120%; font-weight: bold; background-color: #fffff0; width: 90%; margin-right: auto; margin-left: auto; padding: 20px; border: solid 2px #9fb3ff; }

#wrapper #site #body #mainbody div.content fieldset.priceList { color: #727272; font-size: 11px; width: 100%; margin-bottom: 18px; border: solid 1px silver; }
#wrapper #site #body #mainbody div.content fieldset.priceList legend {font-weight: bold; padding: 4px;}
#wrapper #site #body #mainbody div.content fieldset.priceList table { width: 100%; margin-top: 5px; margin-bottom: 5px; }
#wrapper #site #body #mainbody div.content fieldset.priceList table tr {}
#wrapper #site #body #mainbody div.content fieldset.priceList table tr td { padding-top: 1px; padding-bottom: 1px; padding-left: 18px; }
#wrapper #site #body #mainbody div.content fieldset.priceList table tr:hover td { color: black; background-color: #d4d4d4; }
#wrapper #site #body #mainbody div.content fieldset.priceList table tr td a { color: #464646; }

#wrapper #site #body #rightside div.content h3 { font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: center; margin-top: 18px; margin-bottom: 9px; }
#wrapper #site #body #rightside div.content table { width: 230px; margin: 0 0 12px; }
#wrapper #site #body #rightside div.content table tr {}
#wrapper #site #body #rightside div.content table tr td {}
#wrapper #site #body #rightside div.content table tr td h4 { font-size: 15px; font-weight: bold; margin: 0; padding-left: 8px; border-bottom: 1px solid #b4aeae; }
#wrapper #site #body #rightside div.content table tr td h5 { font-size: 11px; font-weight: bold; margin: 0 0 10px; padding-left: 8px; }
#wrapper #site #body #rightside div.content table tr td img {}
#rightside ul.list { list-style-type: square; list-style-position: inside; }
#rightside ul.list li {}

#wrapper #site #body #leftside div.content ul.product_list { font-size: 11px; width: 100%; margin: 0; padding: 0; }
#wrapper #site #body #leftside div.content ul.product_list li { width: 95%; min-height: 18px; margin: 0; padding: 0 0 1px; }
#wrapper #site #body #leftside div.content ul.product_list li a { padding: 3px 3px 3px 5px; display: block; }
#wrapper #site #body #leftside div.content ul.product_list li a { -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 3px; }
#wrapper #site #body #leftside div.content ul.product_list li a { -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 3px; }
#wrapper #site #body #leftside div.content ul.product_list li a:link,#wrapper #site #body #leftside div.content ul.product_list li a:visited { color: navy; text-decoration: none; }
#wrapper #site #body #leftside div.content ul.product_list li a:hover { color: black; font-size: 13px; background-color: #dedede; text-decoration: none; padding-top: 0; padding-bottom: 0; }

#productContainer { text-align: center; overflow: auto; margin: 0 0 32px; padding: 0; }
#productContainer .sorting { font-size: 11px; text-align: right; margin: 0; padding: 0; }
#productContainer .sorting a { font-style: italic; border: solid 1px white; }
#productContainer .sorting a:link,#productContainer .sorting a:visited {}
#productContainer .sorting a:hover { color: blue; text-decoration: none; }
#productContainer .sorting a.active:link,#productContainer .sorting a.active:visited,#productContainer .sorting a.active:hover { color: #a10; font-style: normal; text-decoration: none; cursor: text; }
#productContainer .sorting a.inactive {}
#productContainer .blackberry { width: 150px; float: left; margin: 6px; padding: 0; border: solid 1px gray; }
#productContainer .blackberry img {}
#productContainer .blackberry img.preview { height: 140px; clear: both; max-width: 140px; max-height: 140px; }
#productContainer .blackberry h4 { font-size: 11px; text-align: center; }
#productContainer .blackberry h4.modelName { color: white; font-size: 12px; font-weight: bold; background-color: #777; margin-bottom: 4px; padding-top: 2px; padding-bottom: 2px; }
#productContainer .blackberry h4.modelDetails,#productContainer .blackberry h4.modelDetails a:link,#productContainer .blackberry h4.modelDetails a:visited, #productContainer .blackberry h4.modelDetails a:hover { color: #777; font-size: 10px; background-color: white; vertical-align: top; height: 26px; margin-top: 2px; text-decoration: none; }
#productContainer .blackberry h5 { color: black; font-weight: bold; text-align: right; }
#productContainer .blackberry h5.modelPrice { margin: 0; padding: 4px 6px 0 4px; }
#productContainer .blackberry a {}
#productContainer .blackberry a.buyLink img { margin: 0 2px 4px 0; padding: 0; }


form#searchForm {}
form#searchForm input { font-size: 15px; background-color: white; background-image: url(/2nd_hand_blackberry_images/magnifying_glass.png); background-repeat: no-repeat; background-position: 2px center; width: 204px; height: 22px; padding-left: 25px; }
#important {font-size: 1%; display: none;}
#wrapper #site #footer,#footer { color: #6d6d6d; font-size: 11px; background-color: #c1c0c0; background-image: url(/2nd_hand_blackberry_images/footer_bg.jpg); background-repeat: repeat-x; background-position: left top; text-align: center; position:fixed; bottom: -3px; width: 970px; height: 32px; z-index: 999; float: left; clear: both; margin: 0 auto; padding-top: 4px; border-top: 1px solid #838282; }
#wrapper #site #footer,#footer { -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius: 0px; }

a.normalTip,a.normalTip:link,a.normalTip:visited { color: navy; font-size: 80%; padding-bottom: 2px; border-bottom: 1px none silver; cursor: help; }
a.normalTip:hover {font-size: 100%; padding-bottom: 2px; border-bottom: 1px solid white; cursor: help; }
.aToolTip {
	border:2px solid #444;
	background:#555;
	color:#fff;
	margin:0;
	padding:6px 12px;
	max-width: 400px;
}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
}

a.aToolTipCloseBtn {
	display:block;
	height:18px;
	width:18px;
	background:url(/includes/aToolTip/images/closeBtn.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-15px;
	margin:2px;
	padding:4px;
}