/* CSS Document */

/* Reset Html Elements */

* { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
caption, th { text-align:left; }

/* Redefine Html Elements */
br { clear: both; }
h1 { margin-top: 15px; color: #750547; font-weight: normal; font-size: 1.5em; margin-bottom: 15px; }
h2 { color: #000; background-color: #fff; font-size: 1.3em; font-weight: normal; margin-bottom: 10px; }
h3 { color: #c50275; font-weight: normal; font-size: 1.2em; border-bottom: 1px solid #e2e2e2; margin-bottom: 15px; padding-bottom: 2px; }
h4 { color: #091a1e; font-weight: normal; font-size: 1em; margin-bottom: 10px; }
p, ul { color: #343434; font-size: 0.8em; margin-bottom: 15px; }
th { color: #343434; font-size: 0.8em; padding: 3px; background-color: #ededed; }
td { color: #343434; font-size: 0.8em; padding: 3px; }
a { color: #0988f9; }
option { padding-right: 10px;}
input, select { padding: 1px; }

/* definition list */
dl { margin-top: -2px; }
dt, dd { margin-bottom: 5px; }
dt { width: 30px; text-align: left; white-space: nowrap; float: left; clear: left; font-size:0.75em; }
dd { margin-top:0; margin-left:75px; font-size:0.75em; padding:0; text-align:left; vertical-align: middle; }
dd img, dd span { vertical-align: middle; }
dd span { margin-left: 3px; }

/* Named Elements */
#container { width: 1000px; margin: 0 auto; }

#header { background: #fff url(../images/logo.gif) no-repeat; width: 1000px; min-height: 112px; text-align: right; padding-top: 5px; position: relative; }
* html #header { height: 112px; }
#header ul { margin-right: 5px; }
#header li { display: inline; padding: 0 5px 0 7px; font-size: 0.9em; background: #fff url(../images/header-divider.gif) no-repeat; }
#header li:first-child { background-image: none; }
#header li a { color: #000; }
#header p { color: #7e7e7e; font-weight: bold; position: absolute; bottom: 8px; right: 0; font-size: 1em; margin-bottom: 0; }
#header p span { color: #0988f9; }
#header #homepage-link { display: block; width: 509px; height: 112px; position: absolute; left: 0; top: 0; }
#header #homepage-link span { display: none; }

#search { background: #c50275 url(../images/search-right.gif) no-repeat right; width: 994px; height: 39px; padding-right: 6px; position: relative; margin-bottom: 10px; }
#search fieldset { background: #c50275 url(../images/search-left.gif) no-repeat; height: 33px; padding: 3px 6px; }
#search label { display: none; }
#search input{  position: absolute; top: 5px; height: 22px; border: 2px solid #750547; width: 267px; padding: 3px 0 0 3px; }
#search .button { color: #fff; background-color: #750547; height: 29px; padding: 0 3px; width: 80px; left: 285px; font-size: 1em; letter-spacing: 0.2em; }

#header-bread-crumbs p { margin-bottom: 0; padding-bottom: 0; }

#left-col, #centre-col, #right-col, #centre-col-checkout { float: left; font-family: Verdana, Arial, Helvetica, sans-serif; min-height: 100px; width: 200px; }
#left-col, #right-col { margin-bottom: 30px; }
#centre-col, #centre-col-checkout { width: 580px; margin: 0 10px; padding-top:10px; }
#left-col h2, #right-col h2 { background: #c50275 url(../images/side-header.gif) no-repeat; color: #fff; font-weight: 600; font-size: 0.9em; min-height: 26px; text-align: left; padding-left: 10px; padding-top: 8px; letter-spacing: 0.1em; border-bottom: none; margin: 10px 0 0; }
* html #left-col h2, * html #right-col h2 { height: 26px; }
#left-col ul, #right-col ul, #right-col p { background: #fee2f3; font-size: 0.8em; font-weight: bold; letter-spacing: 0.15em; }
#right-col p { font-weight: normal; padding: 5px 10px; margin-bottom: 0; }
#left-col li, #right-col li { list-style-type: none; }
#left-col li a, #right-col li a { color: #750547; text-decoration: none; display: block; min-height: 25px; padding: 5px 10px 0; }
* html #left-col li a, * html #right-col li a { height: 25px; }
#left-col li a:hover, #right-col li a:hover { color: #fff; background-color: #fd0396; }
#left-col li ul { display: none; font-weight: normal; font-size: 1em; }
#left-col li.ActiveItem ul { display: block; margin-bottom: 0; }
#left-col li.ActiveItem ul li a { padding-left: 25px; }
#right-col fieldset { padding: 5px 10px; background: #fee2f3; }
#right-col label { display: none; }
#right-col input { width: 171px; border: 1px solid #750547; background: #fff; height: 20px; font-size: 0.9em; padding: 2px; color: #750547; }
#right-col input.button { width: 178px; margin-top: 5px; color: #fff; background: #750547; height: auto; padding: 2px; }
#right-col h2.shopping-cart { background: #515151 url(../images/shoppingcart.gif) no-repeat;  }
#centre-col ul { margin-left: 40px; }

#cart-details { background-color: #ededed; min-height: 40px; text-align: center; padding: 5px 10px 10px 10px; }
#cart-details ul, #cart-details p { background: none; margin: 0; padding: 0; }
#cart-details li a:hover { color: #000; background: none; }
#cart-details p { margin-bottom: 10px; }
#cart-details p a { color: #750547; }
#MiniShoppingCartItems li { margin-bottom: 0; }
#MiniShoppingCartTotals span { float:right; padding-bottom: 10px; }
#MiniShoppingCartTotals strong { float:left; padding-bottom: 10px; }
#MiniShoppingCartItems li a { display: inline; padding: 0; margin: 0; }
#MiniShoppingCartItems li { font-size: 0.9em; margin: 5px 0; }
#MiniShoppingCartItems img { display: block; margin: 0 auto; margin-bottom: 5px; }

.product-image { float: left; }
#product-details { float: right; width: 270px; }
#product-details p { font-size: 1em; margin-bottom: 10px; }
.pink { color: #ff0096; }
#product-details ul { margin-left: 75px; margin-top: 15px; }
#product-details ul li { list-style-type: none; padding-left: 20px; background-repeat: no-repeat; margin-bottom: 5px; }
#product-details ul li.email { background-image: url(../images/icons/email.gif); }
#product-details ul li.bookmark { background-image: url(../images/icons/bookmark.gif); }
#product-details ul li.question { background-image: url(../images/icons/question.gif); }
#product-details ul li a { color: #505050; text-decoration: none; }
.product { float: left; padding-top: 15px; }
.product-list .product-image { width: 120px; }
.product-list .product { width: 430px; }
.product-list .product h2 { font-size: 0.9em; margin-top:-10px; }
.product-list .product h2 a { color:#000; }
p.button-holder { margin-bottom: 10px; vertical-align:middle; }
p.button-holder input { float: right; }
p.button-holder span { float: left; }
.quantity-input { width:20px }

#homepage img { margin-bottom: 10px; }

#footer { margin: 0 auto; background: #fff url(../images/footer.gif) no-repeat; padding-top: 60px; width: 1000px; text-align: right; min-height: 100px; position: relative; margin-bottom: 10px; }
* html #footer { height: 100px; }
#footer ul { margin-bottom: 5px; }
#footer ul li { display: inline; padding-left: 5px; font-size: 0.8em; background: #fff url(../images/footer-divider.gif) no-repeat; }
#footer a { color: #750547; }
#footer a:hover { text-decoration: none; }
#footer ul li:first-child { background-image: none; }
#footer p { color: #666; margin-top: 0; margin-bottom: 0; font-size: 0.7em; }
#footer p.copy { position: absolute; bottom: 2px; left: 2px;}
#footer p.monstercart { position: absolute; bottom: 2px; right: 2px;}

.pager { padding: 5px; color:#0988f9; }
.pager ul{ padding:0; text-align: center; margin:0 auto; }
.pager li{ list-style-type:none; display:inline; padding:0 2px; }
.pager li span { padding-bottom:1px; }
.pager a, .pager a:visited, .pager span { padding:0 5px 1px 5px; text-decoration:none; color:#ff0096; border:1px solid #0988f9; }
.pager a:hover, .pager a:active { border:1px solid #c50275; color:#c50275; }
.pager li.current-page span { font-weight:bold; border:1px solid #c50275; background-color: #c50275; color:#FFF; }
.pager li.first-page, .pager li.last-page, .pager li.pervious-page, .pager li.next-page { font-weight: bold; }

.hidden, #homepage h1 { display: none; }
.left { float: left; }
.right { float: right; }

.Checkout-Back-Button { font-weight: bold; color: #000; background-color: #ededed; height: 29px; padding: 0 3px; width: auto; font-size: 0.8em; letter-spacing: 0.05em; }
.Checkout-Continue-Button { margin-left: 180px; font-weight: bold; color: #fff; background-color: #750547; height: 29px; padding: 0 3px; width: auto; font-size: 0.8em; letter-spacing: 0.05em; }
* html .Checkout-Continue-Button {margin-left: 100px;}

#email-pop-up .Checkout-Continue-Button { margin-left: 80px; margin-bottom: 5px; }
#email-pop-up .Checkout-Back-Button { margin-left: 80px; margin-bottom: 5px; }
#email-pop-up { padding: 10px; }
#email-pop-up p { margin: 10px 0; }
#email-pop-up dt
{
	width:80px;	
	text-align: right;
	white-space: nowrap;
	float: left;
	clear: left;
	position: relative;
	font-size:0.75em;
	padding:1px;
	margin-top:2px;
}

#email-pop-up dt label {
    font-size:1em;
}

#email-pop-up dd
{
	margin-top:2px;
    margin-left:83px;
	font-size:0.75em;
	padding:1px;
	text-align:left;
}
/* =================================
checkout definition lists
===================================*/

#centre-col-checkout dl
{
    margin:0;
    padding:2px;
    background:#fff url(/themes/thesitebox/images/product-panel-background.gif) repeat-x;	
}

#centre-col-checkout dt, #customer-review dt
{
	width:160px;	
	text-align: right;
	white-space: nowrap;
	float: left;
	clear: left;
	position: relative;
	font-size:0.75em;
	padding:1px;
	margin-top:2px;
}

#centre-col-checkout dt label {
    font-size:1em;
}

#centre-col-checkout .dd {
    height:20px
}

#centre-col-checkout dd, #customer-review dd
{
	margin-top:2px;
    margin-left:163px;
	font-size:0.75em;
	padding:1px;
	text-align:left;
}

#centre-col-checkout dd p
{
    padding:5px;
    font-size:1em;
    margin:0;
}

#centre-col-checkout .NormalDefinitionList dt
{
	width:100%;	
	text-align: left;
	white-space:normal;
	float:none;	
}

#centre-col-checkout .NormalDefinitionList dd
{
    margin-left:0;
}
/* =================================
/checkout definition lists
===================================*/

/* =================================
Message Display
================================= */

#MessageDisplay { padding-top: 10px; }
.warning, .success, .failure { padding:0 0 0 30px; margin-bottom:10px; margin-right:10px; }
.warning { color:#000; border:solid 1px #E4D04A; background:#F3F3D9 url(../images/warning-icon.gif) 5px no-repeat; }
.warning p { color:#000; }
.success { color:#287528; border:solid 1px #3D993D; background:#E3F9E4 url(../images/success-icon.gif) 5px  no-repeat; }
.success p { color:#287528; }
.failure { color:#fff !important; border:solid 1px #CC0000; background:#CC0000 url(../images/failure-icon.gif) 5px no-repeat; }
.failure p { color:#fff !important; }
.failure a { color:#fff !important; text-decoration:underline; }

.iframe-3d-secure {
	width:390px;
	height:400px;
	margin:10px 0;
	border:none;
}