/* Generic Styling */

html
{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body 
{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

body div#all-div
{
	height: 768px;
	width: 1024px;
	overflow: hidden;
}

body div#content-wrapper
{
	border-bottom: 1px solid #CCCCCC;
	height: 764px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 1024px;
	overflow: hidden;
	font-size: 0.9em;
}

body div#content-header
{
	height: 100px;
	width: 100%;
}

span
{
	display: none;
}

a img
{
	border: 0;
	outline-style: none;
}

input
{
	border: 1px solid #a9b5ac;
	color: #a9b5ac;
	cursor: pointer;
}
.separator
{
	background: transparent url(../images/menu/divider.png) no-repeat scroll 3px 2px;
	width: 7px;
	height: 30px;
	display: inline-block;
}

h4
{
	margin-top: 0;
}

a
{
	color: #878f78;
	outline-style: none;
}

body select
{
	border: 1px solid #CCCCCC;
	color: #848F87;
	font-size: 0.9em;
}
/* Generic Styling: Main Content */

body div#content-main
{
	height: 638px;
	margin-left: 220px;
	position: absolute;
	top: 130px;
	width: 804px;
	font-size: 0.9em;
	color: #848F87;
	overflow: hidden;
}

body div#content-main-work
{
	height: 638px;
	margin-left: 220px;
	position: absolute;
	top: 130px;
	width: 804px;
	font-size: 0.9em;
	color: #848F87;
	overflow: auto;
}


/* Generic Styling: Left Content */

body div#content-left
{
	height: 658px;
	position: absolute;
	top: 110px;
	width: 200px;
}

body div#menu-div
{
	border-top: 1px solid #CCCCCC;
	margin-top: 20px;
}

body div#menu-div ul
{
	margin: 0;
	padding: 0;
}

body div#menu-div ul li
{
	list-style: none;
	width: 100%;
	height: 28px;
}

body div#menu-div ul li a
{
	width: 100%;
	height: 30px;
	display: block;
}

body div#image-library
{
	background: transparent url(../images/quicks/Image_library_box_images.jpg) no-repeat scroll 16px 42px;
	border: 1px solid #CCCCCC;
	height: 320px;
	position: absolute;
	top: 291px;
	width: 200px;
}

/* Generic Styling: Header */

body div#header-top
{
	height:80px;
	background-color: #e2e2dd;
}

body div#header-title
{
	background: transparent url(../images/menu/radleyco_logo.png) no-repeat scroll 20px 26px;
	height: 50px;
	padding-left: 30px;
	padding-top: 30px;
	position: absolute;
	width: 300px;
}

body div#login-div
{
	margin-top: 4px;
	background-color: #E2E2DD;
	color: #A9B5AC;
	margin-left: 750px;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	width: 274px;
	font-size: 0.9em;
	height: 80px;
	overflow: hidden;
}

body div#header-bottom
{
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	height: 30px;
	position: absolute;
	top: 80px;
	width: 1024px;
}

body div#header-bottom ul
{
	background: transparent url(../images/menu/grad.png) repeat-x scroll 0 0;
	height: 30px;
	margin: 0;
	padding-left: 10px;
}

body div#header-bottom ul li
{
	display:inline;
	position: absolute;
}
body div#header-bottom ul li img
{
	float: right;
}

body div#header-bottom ul li#top1
{
	left: 0px;
	width: 142px;
	height: 30px;
}
body div#header-bottom ul li#top1 a
{
	background: transparent url(../images/menu/explore_low.png) no-repeat scroll 0 0;
	position: absolute;
	width: 141px;
	height: 30px;
}
body div#header-bottom ul li#top1 a:hover
{
	background: transparent url(../images/menu/explore_low.png) no-repeat scroll 0 -30px;
}

body div#header-bottom ul li#top2
{
	left: 142px;
	width: 122px;
	height: 30px;
}
body div#header-bottom ul li#top2 a
{
	background: transparent url(../images/menu/about_low.png) no-repeat scroll 0 0;
	position: absolute;
	width: 121px;
	height: 30px;
}
body div#header-bottom ul li#top2 a:hover
{
	background: transparent url(../images/menu/about_low.png) no-repeat scroll 0 -30px;
}

body div#header-bottom ul li#top3
{
	height: 30px;
	left: 261px;
	width: 87px;
}
body div#header-bottom ul li#top3 a
{
	background: transparent url(../images/menu/media_low.png) no-repeat scroll 3px 0;
	height: 30px;
	position: absolute;
	width: 86px;
}
body div#header-bottom ul li#top3 a:hover
{
	background: transparent url(../images/menu/media_low.png) no-repeat scroll 3px -30px;
	position: absolute;
}

body div#header-bottom ul li#top4
{
	height: 30px;
	left: 348px;
	width: 86px;
}
body div#header-bottom ul li#top4 a
{
	background: transparent url(../images/menu/work_low.png) no-repeat scroll 0 0;
	height: 30px;
	position: absolute;
	width: 85px;
}
body div#header-bottom ul li#top4 a:hover
{
	background: transparent url(../images/menu/work_low.png) no-repeat scroll 0 -30px;
}

body div#header-bottom ul li#top5
{
	height: 30px;
	left: 434px;
	width: 77px;
}
body div#header-bottom ul li#top5 a
{
	background: transparent url(../images/menu/contact_low.png) no-repeat scroll 0 0;
	height: 30px;
	position: absolute;
	width: 76px;
}
body div#header-bottom ul li#top5 a:hover
{
	background: transparent url(../images/menu/contact_low.png) no-repeat scroll 0 -30px;
	position: absolute;
}

body div#header-bottom ul li#top6
{
	height: 30px;
	left: 542px;
	width: 30px;
}
body div#header-bottom ul li#top6 a
{
	background: transparent url(../images/menu/forgottenpassword_low.png) no-repeat scroll 0 0;
	position: absolute;
	width: 170px;
	height: 30px;
	left: 330px;
}
body div#header-bottom ul li#top6 a:hover
{
	background: transparent url(../images/menu/forgottenpassword_low.png) no-repeat scroll 0 -30px;
	position: absolute;
	width: 170px;
	height: 30px;
}
body div#header-bottom ul li#top7 a
{
	background: transparent url(../images/menu/customer_login_low.png) no-repeat scroll 0 0;
	position: absolute;
	width: 110px;
	height: 30px;
	left: 375px;
}
body div#header-bottom ul li#top7 a:hover
{
	background: transparent url(../images/menu/customer_login_hi.png) no-repeat scroll 0 0;
	position: absolute;
	width: 110px;
	height: 30px;
	left: 375px;
}

body div#header-bottom ul li#top7
{
	left: 540px;
}

body input#input-username
{
	background-color: #e2e2dd;
	left: 88px;
	position: absolute;
	top: 22px;
	width: 174px;
}

body input#input-passwd
{
	background-color: #e2e2dd;
	left: 88px;
	margin-top: 12px;
	position: absolute;
	top: 38px;
	width: 110px;
}

body input#btn-login
{
	background: transparent url(../images/menu/login_low.png) no-repeat scroll 6px 4px;
	height: 20px;
	left: 208px;
	position: absolute;
	top: 50px;
	width: 56px;
}

body div#text-title
{
	background: transparent url(../images/menu/customer_login.png) no-repeat scroll 0 4px;
	height: 20px;
	margin-left: 90px;
	width: 200px;
}
body div#text-login
{
	background: transparent url(../images/menu/username.png) no-repeat scroll 0 8px;
	height: 20px;
	margin-left: 22px;
	width: 200px;
}
body div#text-status
{
	background: transparent url(../images/menu/password.png) no-repeat scroll 0 0;
	height: 20px;
	margin-left: 22px;
	margin-top: 16px;
	width: 200px;
}

body div#library-control
{
	background: transparent url(../images/quicks/quicksearch_img.jpg) no-repeat scroll 12px 0;
	height: 170px;
	width: 100%;
	height: 170px;
	width: 200px;
}

body div#library-text,
body div#library-text2
{
	margin-top: 0px;
	color: #A9B5AC;
	font-size: 0.9em;
	padding: 8px;
	position: absolute;
}
body div#library-text
{
	top: 235px;
}

body div#library-text2
{
	top: 280px;
}

body img#top5
{
	padding-right: 8px;
}

/* Input Styling */

body input#input-search
{
	margin-left: 8px;
}

body input#btn-search
{
	background: transparent url(../images/quicks/quick_low.png) repeat-x scroll -53px -4px;
	margin: 8px;
	width: 52px;
}

body div#img-lib
{
	height: 30px;
	width: 100%;
	background: transparent url(../images/side/image_low.png) repeat-x scroll 0 0;
}

body input#btn-prev
{
	background: transparent url(../images/buttons/previous.png) no-repeat scroll 8px 0;
	width: 80px;
	height: 18px;
}

body input#btn-add
{
	background: transparent url(../images/buttons/addtobasket_low.png) no-repeat scroll 0px 0;
	width: 100px;
	height: 20px;
}

body input#btn-next
{
	background: transparent url(../images/buttons/next_low.png) no-repeat scroll 16px 0;
	width: 80px;
	height: 18px;
}

body div#header-title h1 a
{
	height: 40px;
	left: 0;
	position: absolute;
	top: 20px;
	width: 300px;
}

body div#brand-01
{
	background: transparent url(../images/leftnav/homepage_radley_img.jpg) no-repeat scroll 10px 28px;
	border: 1px solid #CCCCCC;
	height: 204px;
	left: 602px;
	margin-top: 20px;
	width: 100%;
}

body b#brand-title-01
{
	background: transparent url(../images/menu/grad.png) repeat-x scroll 0 0;
	width: 100%;
	height: 27px;
	position: absolute;
	border-bottom: 1px solid #cccccc;
}
body b#brand-title-01.alt
{
	background: transparent url(../images/brands/radley_hi.png) repeat-x scroll 16px 0;
}

body div#brand-02
{
	background: transparent url(../images/leftnav/homepage_tula_img.jpg) no-repeat scroll 10px 30px;
	border: 1px solid #CCCCCC;
	height: 204px;
	left: 602px;
	width: 100%;
	border-top: 0;
}

body b#brand-title-02
{
	background: transparent url(../images/menu/grad.png) repeat-x scroll 0 0;
	width: 100%;
	height: 27px;
	position: absolute;
	border-bottom: 1px solid #cccccc;
}
body b#brand-title-02.alt
{
	background: transparent url(../images/brands/tula_hi.png) repeat-x scroll 16px 0;
}

body div#brand-03
{
	background: transparent url(../images/leftnav/homepage_hidesign_img.jpg) no-repeat scroll 10px 20px;
	border: 1px solid #CCCCCC;
	height: 204px;
	left: 822px;
	width: 100%;
	border-top: 0;
}

body b#brand-title-03
{
	background: transparent url(../images/menu/grad.png) repeat-x scroll 0 0;
	width: 100%;
	height: 27px;
	position: absolute;
	border-bottom: 1px solid #cccccc;
}
body b#brand-title-03.alt
{
	background: transparent url(../images/brands/hidesign_hi.png) repeat-x scroll 16px 0;
}

/* Index Page Styling */

body#index div#content-wrapper
{
	border: 0;
}

body#index div#content-main
{
	margin-left: 0;
	top: 111px;
	width: 1024px;
}

body#index div#content-main div#outline-div
{
	border: 1px solid #CCCCCC;
	height: 353px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1022px;
}

body#index div#content-main div#text-pad
{
	font-size: 0.87em;
	margin-top: 0;
	padding-left: 40px;
	padding-right: 50px;
	padding-top: 0;
	position: absolute;
	z-index: 9;
}

body#index div#content-main div#text-pad h2
{
	font-size: 1.4em;
}

body#index div#content-left
{
	height: 658px;
	position: absolute;
	top: 110px;
	width: 200px;
}

body#index div#brand-01
{
	background: #FFFFFF url(../images/homepage/homepage_radley.jpg) no-repeat scroll 0 26px;
	border: 1px solid #CCCCCC;
	height: 275px;
	left: 0;
	position: absolute;
	top: 350px;
	width: 325px;
}

body#index b#brand-title-01
{
	width: 100%;
	position: absolute;
}
body b#brand-title-01.alt
{
	background: transparent url(../images/brands/radley_hi.png) no-repeat scroll 16px 0;
}

body#index div#brand-02
{
	background: #FFFFFF url(../images/homepage/homepage_tula.jpg) no-repeat scroll 0 26px;
	border: 1px solid #CCCCCC;
	height: 275px;
	left: 348px;
	position: absolute;
	top: 370px;
	width: 325px;
}

body b#brand-title-02
{
	width: 100%;
	position: absolute;
}
body b#brand-title-02.alt
{
	background: transparent url(../images/brands/tula_hi.png) repeat-x scroll 16px 0;
}

body#index div#brand-03
{
	background: #FFFFFF url(../images/homepage/homepage_hidesign.jpg) no-repeat scroll 0 26px;
	border: 1px solid #CCCCCC;
	height: 275px;
	left: 697px;
	position: absolute;
	top: 370px;
	width: 325px;
}

body b#brand-title-03
{
	width: 100%;
	position: absolute;
}
body b#brand-title-03.alt
{
	background: transparent url(../images/brands/hidesign_hi.png) repeat-x scroll 16px 0;
}

body#index div#brand-01 a,
body#index div#brand-02 a,
body#index div#brand-03 a
{
	height: 100%;
	width: 100%;
	position: absolute;
}


body div#brand-01 a,
body div#brand-02 a,
body div#brand-03 a
{
	height: 204px;
	width: 100%;
	position: absolute;
}

body div#brand-01 a
{
	background: transparent url(../images/brands/radley_hi.png) no-repeat scroll 16px 0;
}
body div#brand-01 a.alt,
body div#brand-01 a:hover
{
	background: transparent url(../images/brands/radley_hi.png) no-repeat scroll 16px 0;
}

body div#brand-02 a
{
	background: transparent url(../images/brands/tula_hi.png) no-repeat scroll 16px 0;
}
body div#brand-02 a.alt,
body div#brand-02 a:hover
{
	background: transparent url(../images/brands/tula_hi.png) no-repeat scroll 16px 0;
}

body div#brand-03 a
{
	background: transparent url(../images/brands/hidesign_hi.png) no-repeat scroll 16px 0;
}
body div#brand-03 a.alt,
body div#brand-03 a:hover
{
	background: transparent url(../images/brands/hidesign_hi.png) no-repeat scroll 16px 0;
}

body#index a#lnk-content-1,
body#index a#lnk-content-2,
body#index a#lnk-content-3,
body#index a#lnk-content-4,
body#index a#lnk-content-5
{
	position: absolute;
	width: 100%;
	height: 100%;
}

body#index div#text1 a#lnk-content-1
{
	background: transparent url(../images/homepage/homepage_img1.jpg) no-repeat scroll 0 0;
}
body#index div#text2 a#lnk-content-2
{
	background: transparent url(../images/homepage/homepage_img2.jpg) no-repeat scroll 0 0;
}
body#index div#text3 a#lnk-content-3
{
	background: transparent url(../images/homepage/homepage_img3.jpg) no-repeat scroll 0 0;
}
body#index div#text4 a#lnk-content-4
{
	background: transparent url(../images/homepage/homepage_img4.jpg) no-repeat scroll 0 0;
}
body#index div#text5 a#lnk-content-5
{
	background: transparent url(../images/homepage/homepage_img5.jpg) no-repeat scroll 0 0;
}

div#text-overlay
{
	height: 150px;
	left: 0;
	position: absolute;
	top: 479px;
	width: 100%;
}

div#lnk-overlay
{
	height: 20px;
	left: 20px;
	position: absolute;
	top: 2px;
	width: 50%;
}

div#btn1,
div#btn2,
div#btn3,
div#btn4,
div#btn5
{
	height: 20px;
	width: 20px;
	position: absolute;
	cursor: pointer;
}

div#btn1{left: 0px;}
div#btn2{left: 24px;}
div#btn3{left: 48px;}
div#btn4{left: 72px;}
div#btn5{left: 96px;}


body#explore div#header-bottom ul li#top1 a,
body#hidesign div#header-bottom ul li#top1 a,
body#tula div#header-bottom ul li#top1 a,
body#radley div#header-bottom ul li#top1 a
{
	background: transparent url(../images/menu/explore_hi.png) no-repeat scroll 0 0;
}

body#about div#header-bottom ul li#top2 a,
body#respons div#header-bottom ul li#top2 a,
body#statement div#header-bottom ul li#top2 a,
body#values div#header-bottom ul li#top2 a
{
	background: transparent url(../images/menu/about_hi.png) no-repeat scroll 0 0;
}
body#media div#header-bottom ul li#top3 a
{
	background: transparent url(../images/menu/media_hi.png) no-repeat scroll 3px 0;
}
body#work div#header-bottom ul li#top4 a
{
	background: transparent url(../images/menu/work_hi.png) no-repeat scroll 0 0;
}
body#contact div#header-bottom ul li#top5 a
{
	background: transparent url(../images/menu/contact_hi.png) no-repeat scroll 0 0;
}

body div#column-01
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 480px;
}
body div#column-02
{
	height: 100%;
	left: 450px;
	position: absolute;
	top: 0;
	width: 324px;
}

body a b.toprt
{
	display: block;
	height: 88px;
	left: 555px;
	position: absolute;
	width: 245px;
}

body a#lnk-content-3 b.toprt
{
}


body div#text-overlay.img1
{
	background: transparent url(../images/homepage/homepage_img1_text.png) no-repeat scroll 0 0;
}
body div#text-overlay.img2
{
	background: transparent url(../images/homepage/homepage_img2_text.png) no-repeat scroll 0 0;
}
body div#text-overlay.img3
{
	background: transparent url(../images/homepage/homepage_img3_text.png) no-repeat scroll 0 0;
}
body div#text-overlay.img4
{
	background: transparent url(../images/homepage/homepage_img4_text.png) no-repeat scroll 0 0;
}
body div#text-overlay.img5
{
	background: transparent url(../images/homepage/homepage_img5_text.png) no-repeat scroll 0 0;
}

body#contact div#column-01
{
	width: 400px;
}

body#contact div#column-02
{
	left: 400px;
	width: 400px;
}
/*
body div#brand-01
{
	border: 1px solid #cccccc;
	width: 100%;
	height: 204px;
	margin-top: 20px;
	border-bottom: 0;
}

body b#brand-title-01
{
	position: absolute;
	background: transparent url(../images/brands/radley_low.png) repeat-x scroll 16px 0;
	width: 100%;
	height: 30px;
}
body b#brand-title-01.alt
{
	background: transparent url(../images/brands/radley_hi.png) repeat-x scroll 16px 0;
}
body b#brand-title-01.sel
{
	background: transparent url(../images/brands/radley_hi.png) repeat-x scroll 16px 0;
}

body div#brand-02
{
	border: 1px solid #cccccc;
	width: 100%;
	height: 204px;
	border-bottom: 0;
}

body b#brand-title-02
{
	position: absolute;
	background: transparent url(../images/brands/tula_low.png) repeat-x scroll 16px 0;
	width: 100%;
	height: 30px;
}
body b#brand-title-02.alt
{
	background: transparent url(../images/brands/tula_hi.png) repeat-x scroll 16px 0;
}
body b#brand-title-02.sel
{
	background: transparent url(../images/brands/tula_hi.png) repeat-x scroll 16px 0;
}

body div#brand-03
{
	border: 1px solid #cccccc;
	width: 100%;
	height: 204px;
}

body b#brand-title-03
{
	position: absolute;
	background: transparent url(../images/brands/hidesign_low.png) repeat-x scroll 16px 0;
	width: 100%;
	height: 30px;
}
body b#brand-title-03.alt
{
	background: transparent url(../images/brands/hidesign_hi.png) repeat-x scroll 16px 0;
}
body b#brand-title-03.sel
{
	background: transparent url(../images/brands/hidesign_hi.png) repeat-x scroll 16px 0;
}

body div#brand-01 a,
body div#brand-02 a,
body div#brand-03 a
{
	height: 200px;
	width: 100%;
	position: absolute;
}

body div#brand-01 a
{
	background: transparent url(../images/homepage/hp_radley_img.jpg) no-repeat scroll 10px 20px;
}
body div#brand-02 a
{
	background: transparent url(../images/homepage/hp_tula_img.jpg) no-repeat scroll 10px 20px;
}
body div#brand-03 a
{
	background: transparent url(../images/homepage/hp_hidesign_img.jpg) no-repeat scroll 10px 20px;
}
*/
body div#logged-top
{
	font-size: 0.9em;
	font-weight: bold;
	left: 84px;
	padding: 7px;
	position: absolute;
}

body div#logged-btm
{
	border: 1px solid #CCCCCC;
	display: block;
	font-size: 0.9em;
	left: 90px;
	padding: 3px;
	position: absolute;
	top: 50px;
}

body div#left-menu 
{
	width: 180px;
}